/* Entradas do livro, da área de contato e do convite final. Reversíveis: reaparecem a cada chegada. */

/* Base compartilhada: sobe e revela. Usa translate/scale próprios para não disputar com os transforms de hover. */
.motion-ready [data-reveal-repeat] .reveal-part{opacity:0;translate:0 32px;transition:opacity .9s var(--ease),translate 1.15s var(--ease);transition-delay:var(--enter-delay,0s)}
.motion-ready [data-reveal-repeat].is-in .reveal-part{opacity:1;translate:none}

/* Seção "Qual é o momento da sua instituição?" */
.motion-ready #contato .contact-copy>h2{--enter-delay:.02s}
.motion-ready #contato .contact-copy>p{--enter-delay:.14s}
.motion-ready #contato .contact-steps-card{--enter-delay:.24s;scale:.975;transform-origin:50% 85%;transition:opacity .95s var(--ease),translate 1.2s var(--ease),scale 1.25s var(--ease)}
.motion-ready #contato.is-in .contact-steps-card{scale:1}
.motion-ready #contato .contact-steps li{--enter-delay:.52s}
.motion-ready #contato .contact-steps li:nth-child(2){--enter-delay:.66s}
.motion-ready #contato .contact-steps li:nth-child(3){--enter-delay:.8s}
.motion-ready #contato .contact-return{--enter-delay:.96s;transition:opacity .85s var(--ease),translate 1s var(--ease),background .3s,transform .4s var(--ease)}
.motion-ready #contato .contact-faq-heading{--enter-delay:.16s}
.motion-ready #contato .faq-list>details{--enter-delay:calc(.3s + var(--faq-i,0)*.075s)}
.motion-ready #contato .faq-list>details:nth-child(2){--faq-i:1}
.motion-ready #contato .faq-list>details:nth-child(3){--faq-i:2}
.motion-ready #contato .faq-list>details:nth-child(4){--faq-i:3}
.motion-ready #contato .faq-list>details:nth-child(5){--faq-i:4}
.motion-ready #contato .faq-list>details:nth-child(6){--faq-i:5}

/* Convite final "Ainda tem dúvidas?" */
.motion-ready .closing-contact h2{--enter-delay:.04s}
.motion-ready .closing-contact-copy>p{--enter-delay:.18s}
.motion-ready .closing-contact-button{--enter-delay:.3s}

/* Seção do livro */
.motion-ready #livro .publication-copy .eyebrow{--enter-delay:.02s}
.motion-ready #livro .publication-copy h2{--enter-delay:.12s}
.motion-ready #livro .publication-subtitle{--enter-delay:.28s}
.motion-ready #livro .publication-description{--enter-delay:.4s}
.motion-ready #livro .publication-buy{--enter-delay:.54s}
.motion-ready #livro .publication-learn{--enter-delay:.64s}
.motion-ready #livro .publication-books{--enter-delay:.18s;scale:.965;transition:opacity 1.1s var(--ease),translate 1.3s var(--ease),scale 1.4s var(--ease)}
.motion-ready #livro.is-in .publication-books{scale:1}

/* Luz atravessando os botões, lenta, só enquanto o ponteiro estiver sobre eles. */
.closing-contact-button{overflow:hidden}
.closing-contact-button::after{content:'';position:absolute;top:-70%;bottom:-70%;left:0;width:38%;pointer-events:none;opacity:0;background:linear-gradient(97deg,#fff0 0%,#ffffff4d 38%,#ffffffa6 50%,#ffffff4d 62%,#fff0 100%);rotate:8deg;translate:-300% 0}
.closing-contact-button:hover::after,.closing-contact-button:focus-visible::after{opacity:1;animation:closing-sheen 3.4s var(--ease) infinite}
@keyframes closing-sheen{from{translate:-300% 0}55%,to{translate:450% 0}}

/* Botões do livro: faixa quente sobre o branco, faixa clara sobre o contorno. */
.publication-buy,.publication-learn{position:relative;overflow:hidden}
.publication-buy::after,.publication-learn::after{content:'';position:absolute;top:-70%;bottom:-70%;left:0;width:34%;pointer-events:none;opacity:0;rotate:8deg;translate:-300% 0}
.publication-buy::after{background:linear-gradient(97deg,#c6aa7300 0%,#c6aa733d 38%,#bb9d63a3 50%,#c6aa733d 62%,#c6aa7300 100%)}
.publication-learn::after{background:linear-gradient(97deg,#fff0 0%,#ffffff1f 38%,#ffffff45 50%,#ffffff1f 62%,#fff0 100%)}
.publication-buy:hover::after,.publication-buy:focus-visible::after,.publication-learn:hover::after,.publication-learn:focus-visible::after{opacity:1;animation:closing-sheen 3.4s var(--ease) infinite}
.publication-buy span{position:relative;z-index:1}

/* Sem movimento: tudo permanece visível e nada atravessa o botão. */
.motion-paused [data-reveal-repeat] .reveal-part{opacity:1!important;translate:none!important;scale:1!important;transition:none!important}
.motion-paused .closing-contact-button::after,.motion-paused .publication-buy::after,.motion-paused .publication-learn::after{display:none}
@media(prefers-reduced-motion:reduce){
  [data-reveal-repeat] .reveal-part{opacity:1!important;translate:none!important;scale:1!important;transition:none!important}
  .closing-contact-button::after,.publication-buy::after,.publication-learn::after{display:none}
}
