/* a11y.css — correcoes de acessibilidade/legibilidade (auditoria de 04/10/2026, medidas no site ao vivo).

   REGRA: este arquivo e' linkado SO nas paginas ORGANICAS (home, blog, artigos, na-midia, bioimpedancia-
   inbody-joao-pessoa, politica). NAO linkar em consulta.html, consulta-online.html nem bioimpedancia-
   consulta.html (landings de Google Ads: nao mudam sem OK do Dr. Mario). Para levar as mesmas correcoes a
   uma landing de Ads, basta 1 linha <link rel="stylesheet" href="a11y.css"> la.

   Metas: texto >= 4,5:1 de contraste; alvos de toque >= 44 px; nada que mude o layout. Seletores com
   "html body" so para ganhar do CSS inline das paginas sem depender da ordem de carregamento. */

/* 1) Rotulos dourados pequenos: #A07C30 (3,5-3,9:1) -> #7A5A1F (~6:1) em todo uso do token */
:root{--gold-700:#7A5A1F}
html body .eyebrow{font-size:12px}

/* 2) Texto branco sobre dourado (2,0-2,4:1) -> azul-marinho da marca (~7:1) */
html body .btn-gold{color:var(--navy-900)}
html body .sobre-stamp,html body .sobre-stamp *{color:var(--navy-900)}
html body .blog-filters button.active{color:var(--navy-900)}

/* 3) Texto branco sobre o verde do WhatsApp (1,98:1) -> azul-marinho (~8,8:1), mantendo o verde da marca */
html body .btn-whats,html body .floatwa{color:var(--navy-900)}

/* 4) Alvos de toque (>= 44 px) */
html body .btn-sm{min-height:44px}
html body .nav-burger{min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:12px 11px}
html body .ig-link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
html body .footer .social{width:44px;height:44px}
html body .blog-filters button{min-height:44px}
html body #depoimentos .lead a{display:inline-block;padding:12px 0}
html body .voltar-blog{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-500);font-size:13px}

/* 5) "Pular para o conteudo" (teclado/leitor de tela): invisivel ate receber foco */
.skip-link{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--navy-900);color:#fff;padding:12px 18px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none}
.skip-link:focus{left:16px;outline:2px solid var(--gold-400);outline-offset:2px}
[id="conteudo"]:focus{outline:none}

/* 6) Botao flutuante do WhatsApp: no celular, depois da 1a tela, vira so o icone (nao cobre o texto) */
.floatwa{transition:all .2s ease}
@media (max-width:700px){
  html body .floatwa.compact{padding:0;width:56px;height:56px;justify-content:center;gap:0;bottom:16px;right:16px}
  html body .floatwa.compact .floatwa-txt{display:none}
  html body .floatwa.compact svg{width:26px;height:26px}
}
@media (prefers-reduced-motion:reduce){.floatwa{transition:none}}