/* Visível por padrão; ocultar somente após a inicialização bem-sucedida. */
html body main .reveal{opacity:1;transform:none;transition:none}
main{overflow-x:clip}
[data-entrance]{--entrance-x:0px;--entrance-y:60px}
[data-entrance="left"]{--entrance-x:-60px;--entrance-y:0px}
[data-entrance="right"]{--entrance-x:60px;--entrance-y:0px}
/* O hero surge sem deslocar seus botões, evitando cliques perdidos durante a entrada. */
.juniper-hero-content[data-entrance]{--entrance-x:0px;--entrance-y:0px}
.entrances-enabled [data-entrance][data-entrance-state="pending"]{opacity:0;translate:none}
.entrances-enabled [data-entrance][data-entrance-state="entering"]{
  animation:clinic-entrance .6s cubic-bezier(0.25,0.1,0.25,1) var(--entrance-delay,0s) both;
}
@keyframes clinic-entrance{from{opacity:0;translate:var(--entrance-x) var(--entrance-y)}to{opacity:1;translate:0 0}}
.animation-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.animation-toggle{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:30px;padding:7px 13px;cursor:pointer}
.animation-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.animation-toggle:disabled{cursor:default;opacity:.7}
.animation-preference-note{font-size:10px}
@media(prefers-reduced-motion:reduce){
  html.entrances-enabled:not(.entrances-manual) [data-entrance][data-entrance-state]{opacity:1;translate:none;animation:none!important}
  html.entrances-enabled.entrances-manual [data-entrance][data-entrance-state="entering"]{
    animation:clinic-entrance .6s cubic-bezier(0.25,0.1,0.25,1) var(--entrance-delay,0s) both!important;
  }
}