/* Agencia Quartz - correcao de botoes no mobile (2026-07-27)
   Os botoes do site sao <a> com style inline (padding + border-radius) e, por
   padrao, display:inline. Quando o texto quebra em duas linhas o link se
   fragmenta em duas caixas sobrepostas e o "pill" aparece cortado (bug visivel
   no hero de /inteligencia-artificial, /redes-sociais, /consultoria etc.).
   inline-block impede a fragmentacao e centraliza o texto.
   Escopado em max-width:900px (mesmo breakpoint do menu hamburguer) para que o
   desktop continue pixel-identico - la o inline-block adicionaria ~32px de
   altura na linha do CTA. */
@media (max-width: 900px) {
  a[style*="border-radius"][style*="padding"]:not([style*="display"]):not([style*="position: fixed"]) {
    display: inline-block;
    text-align: center;
    max-width: 100%;
  }
}