/* Ajustes de producao — Fabrica Blindada. Carregado depois do design system. */

/* Legendas e rotulos: 12px -> 13px (minimo do padrao do projeto).
   O token alimenta .fb-eyebrow, .fb-compare__label, .fb-proof__label,
   .fb-metric__label, .fb-timeline__when, .fb-badge, .fb-tag e .fb-lens__ph-label. */
:root{ --fs-eyebrow: .8125rem; }

/* Header: a marca "Fabrica Blindada" precisa de 166px. Ate 420px o logo e os
   espacos cedem esse espaco, para o texto nao ser cortado. */
@media (max-width: 420px){
  .fb-header__bar > a{ gap: var(--space-2) !important; }
  .fb-header__logo, .fb-header__bar img{ height: 16px !important; }
}
@media (max-width: 330px){
  .fb-header__bar > a > span:first-child > span:last-child{ display:none; }
}

/* Ritmo vertical no mobile: reduz respiro sem encostar o conteudo. */
@media (max-width: 700px){
  section{ padding-block: 2.5rem !important; }
  .fb-container{ row-gap: 1.75rem !important; }
}