/* Scrollbar Personalizado (Estilo Lujo) */
::-webkit-scrollbar { 
    width: 6px; 
}
::-webkit-scrollbar-track { 
    background: #050505; 
}
::-webkit-scrollbar-thumb { 
    background: #C59A5C; 
    border-radius: 10px; 
}

/* Animaciones Reveal (Elementos que aparecen al hacer scroll) */
.reveal { 
    opacity: 0; 
    transform: translateY(40px); 
    transition: all 0.8s ease-out; 
}

.reveal.visible { 
    opacity: 1; 
    transform: translateY(0); 
}

/* Animaciones de Cambio de Página (Single-Page App) */
.fade-in { 
    animation: fadeIn 0.6s ease-in forwards; 
}

@keyframes fadeIn { 
    from { opacity: 0; } 
    to { opacity: 1; } 
}

/* Lógica del Menú Desplegable (Dropdown) en Desktop */
@media (min-width: 1024px) {
    .dropdown:hover .dropdown-menu { 
        display: block; 
        animation: slideUp 0.3s ease forwards; 
    }
}

@keyframes slideUp {
    from { 
        opacity: 0; 
        transform: translateY(10px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}