/* =========================================
   1. CORRECCIÓN GLOBAL DE SCROLL (IMPORTANTE)
   ========================================= */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    /* Aseguramos que el scroll nativo funcione si Lenis no está activo */
    overflow-y: auto; 
    overflow-x: hidden; /* Evita scroll horizontal indeseado */
}

/* Configuración específica para cuando Lenis (Scroll Suave) está activo */
html.lenis, html.lenis body {
    height: auto;
}
.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

/* =========================================
   2. CLASES PARA ANIMACIONES (GSAP)
   ========================================= */

/* Texto que sube (Fade Up) */
.reveal-text {
    opacity: 0; 
    transform: translateY(50px); 
    will-change: transform, opacity;
}

/* Tarjetas que aparecen (Pop Up) */
.reveal-card {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
    will-change: transform, opacity;
}

/* Imagen que aparece suave (Fade In simple) */
.reveal-fade {
    opacity: 0;
    will-change: opacity;
}