/* A entrada do texto final (cta-v7.js). Animacao com fill "backwards": segura o comeco durante o atraso e depois
   devolve o elemento ao normal, entao o hover dos botoes continua livre. */
.cta-final .cw{display:inline-block;text-align:left;white-space:pre;overflow:visible}
.cta--viva .cta-acoes a{white-space:nowrap;overflow:hidden;text-align:center;flex:none}
.cta--espera .eyebrow,.cta--espera .cw,.cta--espera .cta-lead,.cta--espera .cta-acoes a,.cta--espera .cta-dica{opacity:0}
.cta--viva .eyebrow{animation:cta-aparece .3s backwards}
.cta--viva .cw{animation:cta-palavra .8s cubic-bezier(.23,1,.32,1) backwards;animation-delay:calc(260ms + var(--o) * 70ms)}
.cta--viva .cta-lead{animation:cta-sobe .8s cubic-bezier(.23,1,.32,1) 1s backwards}
.cta--viva .cta-acoes a{animation:cta-sobe .8s cubic-bezier(.23,1,.32,1) 1.25s backwards}
.cta--viva .cta-acoes a+a{animation-delay:1.39s}
.cta--viva .cta-dica{animation:cta-aparece .4s 1.7s backwards}
.reduced .cta--viva *{animation:none!important}
@keyframes cta-palavra{from{opacity:0;filter:blur(8px);translate:0 .28em}}
@keyframes cta-sobe{from{opacity:0;filter:blur(6px);translate:0 14px}}
@keyframes cta-aparece{from{opacity:0}}
