/* Puente de identidad INTIPASS para IntiPassX
   Mapea las utilidades .ipx del sistema nuevo a la paleta original (front.css). */
:root {
  --ipx: var(--primary-color, #6366f1);
  --ipx-dark: var(--primary-dark, #4f46e5);
  /* Gradiente de identidad: mismo nombre que usa el panel (admin.css), para que
     las vistas puedan usar var(--ipx-grad) en cualquier área. */
  --ipx-grad: linear-gradient(135deg, var(--primary-color, #6366f1) 0%, var(--secondary-color, #4347b3) 100%);
}
.bg-ipx {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
}
.text-ipx { color: var(--primary-color) !important; }
.btn-ipx {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  border: none;
  color: #fff;
  border-radius: var(--border-radius-sm, 8px);
  font-weight: 600;
  transition: var(--transition, all .3s ease);
}
.btn-ipx:hover, .btn-ipx:focus {
  background: linear-gradient(135deg, var(--primary-dark) 0%, var(--secondary-color) 100%);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(99, 102, 241, 0.35);
}
/* Navbar: los items nunca se quiebran en dos lineas (icono arriba/texto abajo).
   Entre 992 y 1399px (laptops y pantallas cuadradas) se compacta el espaciado
   para que entren todos los enlaces + el boton de acceso en una sola fila. */
.navbar .navbar-nav .nav-link { white-space: nowrap; }
.navbar .btn { white-space: nowrap; }
@media (min-width: 992px) and (max-width: 1399.98px) {
  .navbar .navbar-nav .nav-link { padding: 0.6rem 0.55rem !important; font-size: 0.92rem; }
  .navbar .navbar-nav .nav-link .bi { display: none; }
  .navbar .btn { padding: 0.45rem 0.9rem; font-size: 0.92rem; }
}
.navbar-logo { height: 32px; width: auto; }
.footer-logo, .mobile-logo { height: 28px; width: auto; }

/* Hero destacado de portada (identidad original: gradiente indigo→violeta) */
.ipx-hero {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  color: #fff;
}
.ipx-hero .badge-destacado {
  background: rgba(255, 255, 255, .18);
  color: #fff;
  padding: .5rem 1rem;
  border-radius: 20px;
  font-size: .875rem;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: .5px;
}