/* Prepaint guard is temporary and only enabled by the inline bootstrap. */
.entry-boot .brand>img,.entry-boot .hero-copy>.eyebrow,.entry-boot .hero-copy>h1,.entry-boot .hero-copy>.intro,.entry-boot .hero-copy>.button,.entry-boot .hero-photo>img,
.entry-enhanced .entry-pending{opacity:0}
.ball-boot .hero-path circle{opacity:0}
#gallery::backdrop{background:rgba(30,19,30,0);transition:background-color .24s ease}
#gallery.is-visible::backdrop{background:rgba(30,19,30,.8)}
#gallery.is-closing::backdrop{transition-duration:.18s}
.gallery-media[aria-busy="true"]::before{content:'Carregando imagem…';position:absolute;inset:0;display:grid;place-items:center;font-size:12px}
a,button,summary,[role="button"]{touch-action:manipulation}
.illustration-motion-toggle{min-height:44px}
.button:active,.header-cta:active,.menu-toggle:active,.gallery-controls button:active,.close-gallery:active,.illustration-motion-toggle:active{filter:brightness(.94)}
@media(prefers-reduced-motion:no-preference){
 .button:active,.header-cta:active,.menu-toggle:active,.gallery-controls button:active,.close-gallery:active,.illustration-motion-toggle:active{transform:scale(.985)}
}
@media(prefers-reduced-motion:reduce){
 #gallery::backdrop{transition:none!important}
 .ball-boot .hero-path circle{opacity:1!important}
 .entry-boot .brand>img,.entry-boot .hero-copy>.eyebrow,.entry-boot .hero-copy>h1,.entry-boot .hero-copy>.intro,.entry-boot .hero-copy>.button,.entry-boot .hero-photo>img,
 .entry-enhanced .entry-pending{opacity:1!important;transform:none!important}
}
