:root{--rosa:#e91e63;}
body{background:#f9fafb;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.navbar-brand,.btn-primary,.text-rosa{color:var(--rosa)!important;}
.btn-primary{background:var(--rosa);border-color:var(--rosa);}
.card{border:0;box-shadow:0 8px 24px rgba(0,0,0,.06);border-radius:1rem;}
.container{max-width:980px;}
@media(max-width:576px){.btn{width:100%;}}
/* ==============================
   ESTILOS PERSONALIZADOS PLAZAPC
   ============================== */

/* Color principal */
:root {
  --rosa-plazapc: #E91E63;
}

/* Botones principales */
.btn-primary,
button[type="submit"],
input[type="submit"] {
  background-color: var(--rosa-plazapc) !important;
  border-color: var(--rosa-plazapc) !important;
  color: #fff !important;
  font-weight: 500;
  transition: all 0.3s ease;
}

.btn-primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background-color: #c2185b !important;
  border-color: #c2185b !important;
}

/* Botones secundarios */
.btn-outline-secondary {
  border-color: #ccc;
  color: #555;
}
.btn-outline-secondary:hover {
  background-color: #f7f7f7;
}

/* Botón eliminar */
.btn-danger {
  background-color: #ff1744 !important;
  border-color: #ff1744 !important;
  color: white !important;
}
.btn-danger:hover {
  background-color: #d50000 !important;
}
/* ==============================
   FONDO GENERAL ROSADO ELEGANTE
   ============================== */

body {
  background-color: #f9e7ec;  /* rosado pastel suave */
  background-image: radial-gradient(circle at top left, #fceff3, #f9e7ec 60%, #f4dde5 100%);
  min-height: 100vh;
  color: #333;
}

/* Las tarjetas se mantienen blancas con sombra sutil */
.card {
  background-color: #ffffff;
  border: none;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  border-radius: 1rem;
}

/* Campos de formulario */
.form-control, .form-select {
  border-radius: 0.6rem;
  border-color: #e3bfc9;
}

.form-control:focus, .form-select:focus {
  border-color: #E91E63;
  box-shadow: 0 0 0 0.15rem rgba(233,30,99,0.25);
}

/* Botones principales */
.btn-primary {
  background-color: #E91E63 !important;
  border-color: #E91E63 !important;
  color: white !important;
}

/* Barra superior */
.navbar {
  background: linear-gradient(to right, #fceff3, #f9e7ec);
  border-bottom: 1px solid rgba(0,0,0,0.05);
}
/* Fondo rosado elegante (forzar prioridad) */
body{
  background-color:#f9e7ec !important;          /* rosa pastel */
  background-image:radial-gradient(circle at top left,#fceff3,#f9e7ec 60%,#f4dde5 100%) !important;
  min-height:100vh;
}

/* La navbar tra¨ªa "bg-white" de Bootstrap; la sobreescribimos */
.navbar{ 
  background: linear-gradient(to right,#fceff3,#f9e7ec) !important;
  border-bottom:1px solid rgba(0,0,0,.05);
}
.bg-white{ background-color: transparent !important; }  /* neutraliza la clase bg-white */