/* ================================================
    NAVBAR STICKY 
   ================================================ */

/* Navbar siempre compacta, logo siempre pequeño */
.navbar {
    position: sticky;
    top: 0;
    z-index: 1030;
    transition: all 0.3s ease;
    padding: 0.25rem 0;
}

/* Logo siempre pequeño y visible */
.navbar-brand img {
    transition: opacity 0.3s ease, max-width 0.3s ease;
    max-width: 100px;
    opacity: 1;
    visibility: visible;
    width: auto;
}

/* Nav links siempre pequeños */
.nav-link {
    font-size: 0.75rem;
    transition: all 0.2s ease;
}

.nav-link:hover {
    opacity: 0.8;
}

/* ============================================
   ESTADO SCROLLED - SOMBRA ADICIONAL
   ============================================ */

/* Estado scrolled - solo agrega sombra */
.navbar.scrolled {
    padding: 0.25rem 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.navbar.scrolled .navbar-brand img {
    max-width: 100px;
    opacity: 1;
    visibility: visible;
    width: auto;
}

/* Nav links igual */
.navbar.scrolled .nav-link {
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem !important;
}