/* Animações — enhancement only. Conteúdo sempre visível sem JS. */

.js [data-animate] {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .7s var(--ease), transform .7s var(--ease);
}

.js [data-animate="fade-left"] { transform: translateX(-22px); }
.js [data-animate="fade-right"] { transform: translateX(22px); }
.js [data-animate="zoom"] { transform: scale(.98); }

.js [data-animate].is-visible {
    opacity: 1;
    transform: none;
}

.js [data-animate-delay="100"] { transition-delay: .1s; }
.js [data-animate-delay="200"] { transition-delay: .2s; }
.js [data-animate-delay="300"] { transition-delay: .3s; }
.js [data-animate-delay="400"] { transition-delay: .4s; }

.editorial-reveal {
    opacity: 1;
    clip-path: inset(0);
}

.js .editorial-reveal:not(.is-visible) {
    opacity: 0;
    clip-path: inset(0 0 12% 0);
    transition: opacity .9s var(--ease), clip-path .9s var(--ease);
}

.js .editorial-reveal.is-visible {
    opacity: 1;
    clip-path: inset(0);
    transition: opacity .9s var(--ease), clip-path .9s var(--ease);
}

.home-hero .hero-media img,
.page-hero:not(.page-hero--split) .page-hero__media img {
    transform: scale(1);
    transition: transform 10s linear;
}

.home-hero.is-visible .hero-media img,
.page-hero.is-visible:not(.page-hero--split) .page-hero__media img {
    transform: scale(1.05);
}

@media (prefers-reduced-motion: reduce) {
    .js [data-animate],
    .js [data-animate].is-visible,
    .js .editorial-reveal,
    .js .editorial-reveal:not(.is-visible),
    .js .editorial-reveal.is-visible,
    .home-hero .hero-media img,
    .page-hero .page-hero__media img {
        opacity: 1 !important;
        transform: none !important;
        clip-path: none !important;
        transition: none !important;
        animation: none !important;
    }
}