/* ==========================================================================
   QA fixes (out/2026) — legibilidade, áreas de toque e modal.
   Carregado depois de styles.css para sobrescrever sem alterar o arquivo base.
   ========================================================================== */

/* 1. Tamanho mínimo de fonte: nada abaixo de 12px (microtexto chegava a 9px). */
.eyebrow,
.hero-tags,
.case-art span,
.certs span,
.intelligence-list span,
.portrait-photo span{font-size:12px!important;letter-spacing:.08em}

.form-note,
.authority small,
.portfolio-metric small,
.check span,
figcaption span,
.footer-bottom,
.footer-bottom a,
.footer-bottom .text-link{font-size:13px!important}

/* 2. Campos de formulário a 16px: evita o zoom automático do iOS ao focar. */
input,
select,
textarea{font-size:16px}

/* 3. Áreas de toque de no mínimo 44px em telas touch (WCAG 2.5.5). */
@media (pointer:coarse){
  .text-link,
  .footer-bottom a,
  .social-links a{min-height:44px;display:inline-flex;align-items:center}
  #menu a:not(.button){min-height:44px;display:flex;align-items:center}
  summary{min-height:44px}
  .check input{width:22px;height:22px}
}

/* 4. Modal: trava a rolagem do fundo e amplia o botão de fechar. */
html.dialog-open,
html.dialog-open body{overflow:hidden}
.dialog-close[aria-label]{min-width:44px;min-height:44px}

.menu-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center}.menu-toggle span{font-size:22px;line-height:1}