/* FORMA. · microinterações elegantes e movimento discreto */
:root{--forma-ease:cubic-bezier(.22,1,.36,1);--forma-ease-ui:cubic-bezier(.2,.75,.3,1)}
html{scroll-behavior:smooth}
@media(hover:hover) and (pointer:fine){
  .forma-header-actions .forma-nav-link,
  .hero-actions a,.hero-actions button,
  .mainbtn,.secondary,.btn,.desktop-continue,.mobile-actionbar button,
  .card-arrow,.forma-footer-email{
    transition:translate .28s var(--forma-ease),background-color .28s ease,
      border-color .28s ease,color .28s ease,box-shadow .3s ease,filter .28s ease;
  }
  .forma-header-actions .forma-nav-link:hover{translate:0 -2px}
  .hero-actions a:hover,.hero-actions button:hover,.mainbtn:hover,
  .btn:not(:disabled):hover,.desktop-continue:hover,
  .mobile-actionbar button:not(:disabled):hover{translate:0 -2px}
  .secondary:not(:disabled):hover,.card-arrow:hover{translate:0 -1px}
  .card img,.flow-image img,.photo-card img,.thumb{
    transition:scale .85s var(--forma-ease),filter .5s ease;
  }
  #retratos .card:hover img,.flow-step:hover .flow-image img,.photo-card:hover img{
    scale:1.035;
  }
  .forma-footer-group a,.forma-footer-email{
    transition:color .24s ease,opacity .24s ease,translate .26s var(--forma-ease);
  }
  .forma-footer-group a:hover{translate:3px 0}
  #root .card,.login .card,.forma-track-order,.forma-owner-order{
    transition:box-shadow .3s ease,border-color .3s ease,translate .3s var(--forma-ease);
  }
  #root .card:hover,.forma-track-order:hover{
    box-shadow:0 17px 38px rgba(32,24,16,.065);
    border-color:#dfd4ca;
  }
}
button:active:not(:disabled),.btn:active:not(:disabled),
.mainbtn:active:not(:disabled),.forma-header-actions a:active{
  filter:brightness(.94);
  transition-duration:.1s;
}
input:not([type=file]),textarea,select,.name-input,.uploader,.size,.kind{
  transition:border-color .25s ease,box-shadow .28s ease,background-color .28s ease,color .25s ease;
}
input:not([type=file]):focus-visible,textarea:focus-visible,select:focus-visible{
  box-shadow:0 0 0 3px rgba(144,116,92,.10);
}
.size.active,.kind.active,.tabs button.active{
  transition:background-color .25s ease,border-color .25s ease,color .25s ease,
    box-shadow .25s ease,transform .3s var(--forma-ease);
}
.forma-motion-js .forma-reveal{
  transition:opacity .64s var(--forma-ease-ui),translate .72s var(--forma-ease);
  transition-delay:var(--forma-delay,0ms);
}
.forma-motion-js .forma-reveal:not(.forma-visible){
  opacity:0;
  translate:0 14px;
}
.forma-motion-js .forma-reveal.forma-visible{
  opacity:1;
  translate:0 0;
}
@keyframes formaModalArrive{
  from{opacity:.7;transform:translate3d(0,12px,0) scale(.985)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes formaShadeArrive{from{opacity:0}to{opacity:1}}
@keyframes formaStageArrive{
  from{opacity:0;translate:0 12px}
  to{opacity:1;translate:0 0}
}
.forma-ateliemodal[open],.forma-account-modal,
.forma-buy-auth-box,.forma-mp-dialog,#forma-mp-overlay .forma-mp-dialog{
  animation:formaModalArrive .4s var(--forma-ease) both;
}
.forma-ateliemodal[open]::backdrop{animation:formaShadeArrive .3s ease both}
.forma-account-shade,.forma-buy-auth-shade,.forma-mp-shade{
  animation:formaShadeArrive .24s ease both;
}
body.forma-order-stage #orderConfig:not([hidden]){
  animation:formaStageArrive .48s var(--forma-ease) both;
}
body.preview-mode .display .art.real{
  transition:width .35s var(--forma-ease),height .35s var(--forma-ease),
    max-width .35s var(--forma-ease),border-radius .35s ease;
}
.forma-order-tracker .forma-order-step,.forma-track-steps .forma-track-step{
  transition:color .28s ease,opacity .28s ease;
}
@media(max-width:750px){
  .forma-motion-js .forma-reveal:not(.forma-visible){translate:0 10px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .forma-motion-js .forma-reveal,
  .forma-motion-js .forma-reveal:not(.forma-visible),
  .forma-motion-js .forma-reveal.forma-visible{
    opacity:1!important;translate:none!important;transition:none!important;
  }
  .forma-ateliemodal[open],.forma-account-modal,.forma-buy-auth-box,
  .forma-mp-dialog,.forma-account-shade,.forma-buy-auth-shade,.forma-mp-shade,
  body.forma-order-stage #orderConfig:not([hidden]){
    animation:none!important
  }
  .card img,.flow-image img,.photo-card img,.thumb{scale:1!important}
  .forma-header-actions .forma-nav-link,.btn,.mainbtn,.secondary,
  .card,.size,.kind,input,select,textarea{transition:none!important;translate:none!important}
}