/* ===========================================================================
   Manage Service — base do site estático.

   1) Inter self-hosted (variável, subsets latin/latin-ext). O Designer entregou
      as páginas apontando para fonts.googleapis.com; aqui a fonte é servida de
      'self' — mantém a CSP do combo (font-src 'self') e tira uma conexão de
      terceiro do caminho crítico.
   2) Suporte aos blocos condicionais materializados pelo build. Ver ms-ui.js.

   O CSS de layout de cada página vive em assets/css/<template>.css, extraído
   do próprio arquivo do Designer pelo build/render.mjs.
   =========================================================================== */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Blocos que no protótipo eram <sc-if>: o wrapper é transparente para o
   layout (display:contents) e some quando o estado está desligado. */
[data-ms-if] { display: contents; }
[data-ms-if][data-hidden] { display: none; }

/* Menu mobile aberto trava o scroll do documento. */
html.ms-menu-open { overflow: hidden; }

/* ─── Formulários religados ao combo (lead.js / candidatura.js) ─────────────
   O layout flex/gap saía de um style="" inline no <form> do protótipo; no build
   ele vira a classe .ms-form. Honeypot fora da tela. .lead-error é o balão de
   validação; .lead-success reaproveita o bloco de sucesso do protótipo. */
.ms-form { display: flex; flex-direction: column; gap: 20px; }
.honeypot { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.lead-error {
  background: #fef2f2; border: 1.5px solid #fecaca; color: #b3261e;
  border-radius: 9px; padding: 13px 15px; font-size: 15px; line-height: 1.5;
}
.lead-error[hidden], .lead-success[hidden] { display: none; }

/* Toggles das páginas jurídicas (toggleId no ms-ui.js): .lm-menu/.lm-sub
   nativamente são display:none; a classe .ms-legal-open força display:flex
   em runtime, sem inline style — CSP-limpa. */
.ms-legal-open { display: flex !important; }