/* ============================================================================
   MDC — Piso de legibilidade (legibilidade.css)
   ----------------------------------------------------------------------------
   POR QUE EXISTE

   O CEO da MDC não aceita letra miúda. A referência que ele aprovou
   (vibranix.ia.br) nunca desce de 14px em texto corrido. Uma medição em
   17/09/2026 encontrou 354 trechos abaixo de 14px no site — parágrafos a
   13px, subtítulos do menu a 12px, dimensões dos itens da Ata a 12px, e
   dicas a 10px.

   A letra miúda não era escolha de design: era consequência. Para cada seção
   caber em uma tela, o texto foi encolhendo. A Vibranix consegue seções de
   ~1 tela com texto de 14–18px porque põe MENOS conteúdo em cada seção — a
   página dela tem 6,4 telas, a nossa tinha 10.

   OS DOIS PISOS
     · 15px  texto corrido: parágrafo, item de lista, descrição, dado técnico.
             É o que a pessoa lê de fato, e é 1px acima da referência.
     · 13px  rótulo curto: as "eyebrow" em caixa alta com espaçamento, chips,
             tags e dicas. São duas ou três palavras, não leitura contínua, e
             maiúscula espaçada se lê melhor no mesmo corpo.

   Os valores são explícitos de propósito. A primeira versão usava
   `max(0.9375rem, 1em)`, e `1em` dentro de `max()` vale a fonte do PAI, não a
   do próprio elemento: um <span> dentro de um título de 2rem teria saltado
   para 32px. Funcionou por sorte, porque os pais eram todos de ~16px.

   ORDEM DE CARGA: por último, depois do proporcao.css.
   ========================================================================== */

/* ── 1. texto corrido — 15px ─────────────────────────────────────────────── */
body > section p,
body > section li,
body > section dd,
body > section .app-text,
body > section .mcard-desc,
body > section .mcard-full,
body > section .feature-text,
body > section .permite-d,
body > section .cmp-pq,
body > section .mon-power-text,
body > section .mon-feature-text,
body > section .lp-desc,
body > section .vp-item span,
body > section .about-list-item span,
body > section .solution-item p,
body > section .icard p,
body > section .ata-item-tit,
body > section .hc-txt,
body > section .ata-amparo,
body > section .cta-info-item,
.ata-det-nota,
.ata-det-dados dd,
footer .footer-desc,
footer .footer-col a { font-size: 0.9375rem !important; line-height: 1.55; }

/* ── 2. dados técnicos da Ata — 15px ─────────────────────────────────────── */
/* "15.000 × 13.400 × 5.000 mm" a 12px é exatamente o que o CEO reclama: é
   número que alguém está conferindo contra o Termo de Referência. */
body > section .ata-item-dados,
body > section .ata-item-dados dt,
body > section .ata-item-dados dd { font-size: 0.9375rem !important; }

/* ── 3. rótulos curtos — 13px ────────────────────────────────────────────── */
body > section dt,
body > section .slabel,
body > section .stat-label,
body > section .seg,
body > section .seg-tag,
body > section .seg-title,
body > section .hero-badge,
body > section .section-label,
body > section .phero-img-badge,
body > section .phero-trust-item,
body > section .sc-float-text,
body > section .sc-float-sub,
body > section .ata-ch-sel,
body > section .ata-item-num,
body > section .ata-item-id,
body > section .lp-kicker,
body > section .icard-tag,
body > section .gitem-label,
body > section .gallery-caption,
body > section .rf-range-l,
body > section .ab-fig-u,
body > section .m-a,
body > section .tr-dica,
body > section .tr-play-s,
.dropdown-text,
footer .footer-copy { font-size: 0.8125rem !important; }

/* ── 4. o mapa de presença ───────────────────────────────────────────────── */
/* As etiquetas do mapa entram conforme a folga em pixels de tela (ver
   assets/js/zoom.js): letra maior significa menos nomes visíveis de uma vez,
   e mais nomes aparecendo conforme a pessoa aproxima. É o comportamento
   esperado, não um defeito. */
body > section .pr-zhint { font-size: 0.8125rem !important; }
/* Os chips de PROGRAMA ficam em 12px. Sao cinco rotulos curtos, de varredura,
   e desde 18/09 nao sao mais a navegacao principal da secao: quem escolhe o
   que o mapa mostra e a fileira de ROTAS logo abaixo, essa em 15px (ver
   assets/css/infovia.css). Dar o mesmo corpo aos dois apagaria a hierarquia e
   devolveria tres fileiras de botoes acima do mapa. A regra e escrita so para
   os filhos diretos de .pr-chips justamente para nao alcancar as rotas. */
body > section .pr-chips > .pr-chip { font-size: 0.75rem !important; }

/* ── 5. o texto não encolhe junto com a seção ────────────────────────────── */
/* O encaixe.js aplica `zoom` nos filhos da seção quando ela não cabe. Zoom
   reduz o texto renderizado, e um parágrafo de 15px voltaria a 13px — o piso
   acima viraria letra morta. Com isto as seções crescem em vez de espremer,
   que é o combinado desde a correção das fotos. */
body > section[data-encaixe] { --enc: 1 !important; }

/* ── 6. o menu suspenso de Soluções ──────────────────────────────────────
   O subtítulo de cada item subiu de 11,5px para 15px no piso de texto
   corrido, e com isso passou a quebrar em duas linhas: cada item foi para
   92px de altura, o menu para 708px, e "Sala Segura" — o último — ficava
   fora da tela em 1366x768 e em qualquer janela menor.

   Menu não é leitura corrida: são sete pares de título e legenda curta que
   a pessoa varre com o olho. 13px com entrelinha justa mantém legível e
   devolve a altura. A largura maior evita a quebra de linha, que era o que
   mais custava. */
.dropdown-sub { font-size: 0.8125rem !important; line-height: 1.35 !important; margin-top: 2px; }
.dropdown-text { font-size: 0.875rem !important; line-height: 1.3; }
.dropdown-item { padding: 9px 14px !important; }
.dropdown-menu { min-width: 340px; }