/* ============================================================
   Navbar público de TalentRuna — override del estado "scrolled".

   Vive en su PROPIO archivo (no en estilos.css) porque estilos.css lo
   comparten también vistas del admin (p. ej. banco_talento). Este archivo
   SOLO lo enlazan landing.blade.php y ofertas.blade.php, así el cambio no
   afecta a otros módulos.

   Al hacer scroll, el fondo pasa a un AZUL DE MARCA tenue y traslúcido
   (usando la variable existente --primary-blue, sin modificarla) para que el
   logo y los enlaces —en blanco— sigan siendo visibles.
   ============================================================ */

.navbar.scrolled {
    /* Fallback sólido para navegadores sin color-mix */
    background: var(--primary-blue);
    /* Azul de marca casi sólido (96%) + leve desenfoque: se ve suave pero
       con suficiente fuerza para que los enlaces y el logo BLANCOS contrasten
       y NO se oculten. */
    background: color-mix(in srgb, var(--primary-blue) 96%, transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
}

/* Enlaces en BLANCO sobre el azul (en estilos.css pasaban a azul oscuro, que
   sobre fondo azul quedaba ilegible — esa era la causa de que se "ocultaran"). */
.navbar.scrolled .nav-link {
    color: #fff !important;
}

/* El subrayado hover en cyan resalta bien sobre el azul; sin cambios extra. */