/* ==========================================================
   REVEAL + MOVIMENTO REDUZIDO
   ========================================================== */
.js .rv{opacity:0; transform:translateY(24px); transition:opacity .6s ease-out, transform .6s ease-out}
.js .rv.on{opacity:1; transform:none}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .js .rv{opacity:1 !important; transform:none !important; transition:none !important}
  .b-passos__l{transform:scaleY(1) !important; transition:none !important}
  .a-grad,.a-cta::after,  .dog,.dog *,.dog *::before,.dog *::after{animation:none !important}
  .a-queda,.a-flut,.a-conf{animation:none; transform:none; opacity:1}
  .a-brinca{display:none}
  .a-card,.a-depo__c,.a-grid .a-mold,.b-card,.b-depo,.b-btn{transition:none}
}

/* ==========================================================================
   HERO ESCRITO AOS POUCOS
   As letras sao envolvidas pelo JS (funcao escreverAosPoucos).
   .ltr-p e o involucro da palavra: impede quebra de linha no meio dela.
   Sem JS, nada disso existe e o titulo aparece normal.
   ========================================================================== */
.ltr-p{display:inline-block; max-width:100%}
.escrevendo .ltr{
  display:inline-block;
  opacity:0;
  transform:translateY(.36em);
  animation:ltrEntra .5s cubic-bezier(.2,.7,.3,1) forwards;
  animation-delay:calc(var(--i) * 26ms);
}
@keyframes ltrEntra{ to{ opacity:1; transform:none } }

/* o cursor piscando no fim do titulo, enquanto escreve */
.a-h1.escrevendo::after, .b-h1.escrevendo::after{
  content:""; display:inline-block; width:.06em; height:.82em;
  margin-left:.06em; vertical-align:-.06em; background:currentColor;
  animation:ltrCursor .75s steps(1) infinite, ltrSome .1s linear 2.6s forwards;
}
@keyframes ltrCursor{ 50%{opacity:0} }
@keyframes ltrSome{ to{opacity:0; width:0; margin-left:0} }

@media (prefers-reduced-motion: reduce){
  .escrevendo .ltr{opacity:1 !important; transform:none !important; animation:none !important}
  .a-h1.escrevendo::after,.b-h1.escrevendo::after{display:none}
}