/* ════════════════════════════════════════════════════════════════════
   ATP Motion Pro — suporte CSS da camada de transições (Jitter/AE).
   Carrega depois de atp-audit-fixes.css. Nada aqui esconde conteúdo:
   estados hidden nascem só no JS (progressive enhancement).
   ════════════════════════════════════════════════════════════════════ */

/* Mask reveal de linha nos títulos de hero interno */
.atp-mask-line { display: block; overflow: hidden; }
.atp-mask-line__inner { display: block; will-change: transform; }

/* GSAP assume os reveals: mata a transition CSS antiga que brigaria
   com os tweens inline (lag duplo clássico) */
html.atp-mpro .atp-fade-up,
html.atp-mpro .atp-blur-reveal,
html.atp-mpro [data-reveal] {
    transition: none !important;
}

/* Aside de conversão acompanha a leitura no desktop */
@media (min-width: 1024px) {
    .atp-aside-cta { position: sticky; top: 96px; }
}

/* Wipe de transição entre páginas */
.atp-wipe {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    pointer-events: none;
}
.atp-wipe__panel {
    position: absolute;
    inset: 0;
    transform: scaleY(0);
    transform-origin: bottom;
    background: linear-gradient(160deg, #400c6d 0%, #1c0633 100%);
    will-change: transform;
}

/* Micro-hierarquia: cursor de link em cards clicáveis do bento */
html.atp-mpro .atp-bento__card[data-spotlight] { cursor: default; }

@media (prefers-reduced-motion: reduce) {
    .atp-mask-line__inner { transform: none !important; }
    .atp-wipe { display: none; }
}