/* Base global do site. Só html e body: o estilo de cada seção fica em sections/<seção>/ e é preso ao prefixo dela
   (o hero usa .jh-hero / jh-). Não colocar seletores de tipo aqui (nav, section, img, a...): eles vazam para dentro das seções. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#0b0b0b}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Botão flutuante do WhatsApp — logo em estilo quadrinho (preto e branco) */
.wa-fab{position:fixed;z-index:60;left:clamp(14px,3vw,30px);bottom:clamp(42px,5vh,48px);
  width:clamp(54px,7vw,66px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;
  background:#0b0b0b;color:#f2f2f2;border:3px solid #f2f2f2;outline:2px solid #0b0b0b;
  box-shadow:5px 5px 0 rgba(0,0,0,.9);-webkit-tap-highlight-color:transparent;
  transition:transform .15s,box-shadow .15s}
.wa-fab svg{width:62%;height:62%;fill:currentColor;display:block}
.wa-fab:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(0,0,0,.9)}
.wa-fab:active{transform:translate(2px,2px);box-shadow:2px 2px 0 rgba(0,0,0,.9)}
.wa-fab:focus-visible{outline:3px dashed #f2f2f2;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.wa-fab{transition:none}}