/**
 * Estilos de Animaciones
 * Contiene estados iniciales y estilos para animaciones GSAP
 */

/* === HERO ANIMATIONS === */
/* Ocultar elementos que serán animados para evitar flicker en Safari */
.heading-style-h1,
.text-size-medium,
.button-group,
.text-size-tiny,
.hero_logo-list,
.hero_content-wrapper,
.logo_content,
.hero_bubble-text,
.hero_text-list-item {
    visibility: hidden;
}

/* === ANIMACIONES DE LÍNEAS DE TEXTO === */
/* Ocultar elementos con reveal de líneas */
[data-line-reveal='true'] {
    visibility: hidden;
}

/* === FAQ ACCORDEON === */
/* Estado inicial de respuestas FAQ */
.faq_answer {
    height: 0;
}

/* === MARQUEE ANIMATIONS === */
/* CSS Keyframe para marquesina */
@keyframes translateX { 
    to {
        transform: translateX(-100%);
    }
}

[data-css-marquee-list] {
    animation: translateX 40s linear;
    animation-iteration-count: infinite;
    animation-play-state: paused;
}

/* === TEAMS HOVER EFFECTS === */
.layout422_card-content {
    opacity: 1;
    transition: opacity 0.3s;
}

.layout422_card-content.inactive {
    opacity: 0;
}

/* === NOSCRIPT FALLBACKS === */
/* Asegurar visibilidad si JavaScript no está activo */
noscript .heading-style-h1,
noscript .text-size-medium,
noscript .button-group,
noscript .text-size-tiny,
noscript .hero_logo-list,
noscript .hero_content-wrapper,
noscript .logo_content,
noscript .hero_bubble-text,
noscript .hero_text-list-item {
    visibility: visible !important;
}

noscript [data-line-reveal='true'] {
    visibility: visible !important;
}