/* Movimento discreto, progressivo e opcional. Conteúdo legível sem JavaScript. */
:where(.hero,.page-hero-v2,.pilar-hero-v2){position:relative;isolation:isolate;overflow:hidden}
:where(.hero,.page-hero-v2,.pilar-hero-v2)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 30%,#62a6b31f,transparent 55%),radial-gradient(ellipse at 78% 65%,#d6a33e14,transparent 50%);background-size:140% 140%;animation:pf-ambient 16s ease-in-out infinite alternate}
@keyframes pf-ambient{from{background-position:0% 25%}to{background-position:100% 75%}}
.pf-reveal{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.pf-reveal.pf-waiting{opacity:0;transform:translateY(14px)}
.pf-reveal:focus-within{opacity:1;transform:none}
:where(.button,.header-cta,.text-link,.card,.view-card,.product-modules article,.price-summary article){transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
@media(hover:hover) and (pointer:fine){
  :where(.button,.header-cta):hover{transform:translateY(-2px);box-shadow:0 5px 16px #092d3e1c}
  :where(.card,.view-card,.product-modules article,.price-summary article):hover{transform:translateY(-3px);box-shadow:0 9px 26px #092d3e0e;border-color:#bba16c}
  .text-link span{display:inline-block;transition:transform .22s ease}
  .text-link:hover span{transform:translateX(3px)}
}
/* O painel demonstrativo não precisa flutuar enquanto seu conteúdo já muda. */
.product-window{animation:none}
.pf-motion-paused :where(.hero,.page-hero-v2,.pilar-hero-v2)::before{animation-play-state:paused}
.motion-toggle{font:inherit;font-size:12px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:4px;padding:7px 10px;cursor:pointer;opacity:.85}
.motion-toggle:focus-visible{outline:2px solid #d6a33e;outline-offset:4px}
.pf-motion-off *, .pf-motion-off *::before,.pf-motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.pf-motion-off .pf-reveal{opacity:1!important;transform:none!important}
@media(max-width:600px){:where(.hero,.page-hero-v2,.pilar-hero-v2)::before{animation-duration:24s}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .pf-reveal{opacity:1!important;transform:none!important}
}
@media print{.pf-reveal{opacity:1!important;transform:none!important}.motion-toggle{display:none}}
