/* ============================================
   ESTILOS PARA NAVEGACIÓN
   ============================================ */

/* Navegación fija */
.navbar-fixed {
    position: fixed;
    width: 100%;
    z-index: 50;
    transition: all 0.3s duration-300;
}

/* Efecto de scroll en navbar */
.navbar-scrolled {
    background-color: rgba(15, 23, 42, 0.9);
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Menú móvil */
.mobile-menu {
    display: none;
}

.mobile-menu.active {
    display: block;
}

@media (min-width: 768px) {
    .mobile-menu {
        display: none !important;
    }
}

/* Enlaces de navegación */
.nav-link {
    color: rgb(203, 213, 225); /* slate-300 */
    transition: color 0.2s;
}

.nav-link:hover {
    color: white;
}

/* Botón de menú móvil */
.mobile-menu-btn {
    color: white;
    transition: color 0.2s;
}

.mobile-menu-btn:hover {
    color: #00e7ff;
}