/* Movimento institucional Usarias v2 — leve, progressivo e respeitando reduced-motion. */
body.usi-page.usi-motion-ready [data-motion]{opacity:0;transform:translate3d(0,22px,0);transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1),background-color .25s ease,border-color .25s ease}
body.usi-page.usi-motion-ready [data-motion="left"]{transform:translate3d(-30px,0,0)}
body.usi-page.usi-motion-ready [data-motion="right"]{transform:translate3d(30px,0,0)}
body.usi-page.usi-motion-ready [data-motion="scale"]{transform:scale(.965)}
body.usi-page.usi-motion-ready [data-motion].usi-motion-in{opacity:1;transform:none}
body.usi-page.usi-motion-ready .usi-motion-delay-1{transition-delay:70ms}
body.usi-page.usi-motion-ready .usi-motion-delay-2{transition-delay:140ms}
body.usi-page.usi-motion-ready .usi-motion-delay-3{transition-delay:210ms}
body.usi-page.usi-motion-ready .usi-motion-delay-4{transition-delay:280ms}

/* Microinterações comuns: movimento pequeno para não descaracterizar o layout. */
@media (hover:hover) and (pointer:fine){
  body.usi-page .sol-diagnostic article.usi-motion-in,
  body.usi-page .product-rule>div.usi-motion-in,
  body.usi-page .usi-card.usi-motion-in,
  body.usi-page .usi-step.usi-motion-in,
  body.usi-page .front-line.usi-motion-in,
  body.usi-page .lib-item.usi-motion-in{transition:transform .28s ease,background-color .28s ease,border-color .28s ease,opacity .68s cubic-bezier(.22,1,.36,1)}
  body.usi-page .sol-diagnostic article.usi-motion-in:hover,
  body.usi-page .product-rule>div.usi-motion-in:hover,
  body.usi-page .usi-card.usi-motion-in:hover,
  body.usi-page .usi-step.usi-motion-in:hover,
  body.usi-page .front-line.usi-motion-in:hover{transform:translate3d(0,-4px,0);background-color:rgba(255,255,255,.025)}
  body.usi-page .lib-item.usi-motion-in:hover{transform:translate3d(10px,0,0)}
  body.usi-page .usi-button{transition:transform .22s ease,box-shadow .22s ease}
  body.usi-page .usi-button:hover{transform:translate3d(4px,-2px,0);box-shadow:-5px 6px 0 rgba(0,0,0,.16)}
}

/* Soluções: sensação de fluxo operacional. */
.usi-solutions .usi-hero:after{animation:usi-solution-shift 9s ease-in-out infinite alternate}
.usi-solutions .sol-row.usi-motion-in>span{transition:color .35s ease,text-shadow .35s ease}
.usi-solutions .sol-row.usi-motion-in:hover>span{color:#fff;text-shadow:0 0 18px rgba(157,235,245,.65)}

/* Produtos: os dois produtos mantêm identidades próprias e ganham profundidade. */
.usi-products .product-piece{transition:border-color .35s ease,box-shadow .35s ease}
.usi-products .product-piece.usi-motion-in:hover{border-color:rgba(200,185,255,.35);box-shadow:0 24px 70px rgba(0,0,0,.22)}
.usi-products .product-piece:after{animation:usi-orb-drift 8s ease-in-out infinite alternate}

/* Biblioteca: movimento editorial sem quebrar a inclinação original da capa. */
.usi-library .lib-feature-visual.usi-motion-in img{animation:usi-book-float 6.5s ease-in-out 1s infinite alternate}
.usi-library .lib-item img{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.usi-library .lib-item.usi-motion-in:hover img{transform:rotate(-1.5deg) translate3d(0,-5px,0);box-shadow:12px 16px 0 rgba(0,0,0,.35)}

/* Sobre: manifesto com cadência mais lenta. */
.usi-about .usi-hero:after{animation:usi-about-pulse 10s ease-in-out infinite alternate}
.usi-about .about-declaration blockquote.usi-motion-in{transition-duration:.9s}
.usi-about .front-line.usi-motion-in:hover span{color:#fff}

/* Contato: sinal discreto nos cards, sem adicionar elementos artificiais. */
body.usi-motion-contact .usi-hero:after{animation:usi-contact-signal 8s ease-in-out infinite alternate}
body.usi-motion-contact .usi-card.usi-motion-in:hover{border-color:rgba(157,235,245,.28)}

@keyframes usi-solution-shift{from{transform:rotate(18deg) translate3d(0,0,0)}to{transform:rotate(20deg) translate3d(-10px,8px,0)}}
@keyframes usi-orb-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-16px,18px,0) scale(1.08)}}
@keyframes usi-book-float{from{transform:rotate(-3deg) translate3d(0,0,0)}to{transform:rotate(-1.5deg) translate3d(0,-8px,0)}}
@keyframes usi-about-pulse{from{transform:scale(1);opacity:.85}to{transform:scale(1.04);opacity:1}}
@keyframes usi-contact-signal{from{transform:translate3d(0,0,0)}to{transform:translate3d(-12px,8px,0)}}

@media(max-width:760px){
  body.usi-page.usi-motion-ready [data-motion],
  body.usi-page.usi-motion-ready [data-motion="left"],
  body.usi-page.usi-motion-ready [data-motion="right"]{transform:translate3d(0,14px,0);transition-duration:.55s}
  .usi-solutions .usi-hero:after,.usi-products .product-piece:after,.usi-library .lib-feature-visual.usi-motion-in img,.usi-about .usi-hero:after,body.usi-motion-contact .usi-hero:after{animation:none}
}

@media(prefers-reduced-motion:reduce){
  body.usi-page [data-motion]{opacity:1!important;transform:none!important;transition:none!important}
  .usi-solutions .usi-hero:after,.usi-products .product-piece:after,.usi-library .lib-feature-visual img,.usi-about .usi-hero:after,body.usi-motion-contact .usi-hero:after{animation:none!important}
  body.usi-page .usi-button,body.usi-page .lib-item img{transition:none!important}
}