/*! fm3.css | identidade clara v3 da Fórmula Mídia | camada global sobre o CSS do site
   Só redefine variáveis de tema e alguns componentes comuns. Sem !important. Para desligar, remover o <link> da página.
   Tokens medidos na referência (Toolzz) e adaptados à marca: Inter 700/800, pílulas, cartões #F9F9F9 de 16 px, vermelho #E42929. */

@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/inter-latin-800-normal.woff2) format("woff2")}

:root{
  --font-heading:Inter,-apple-system,"Segoe UI",system-ui,sans-serif;
  --font-body:Inter,-apple-system,"Segoe UI",system-ui,sans-serif;
  --radius-card:16px;
  --radius-xl:20px;
}

/* seções claras: branco e cinza-zinco no lugar do bege */
:root,.section-light{
  --color-bg:#FFFFFF;
  --color-bg-2:#F4F4F5;
  --color-glass:#F9F9F9;
  --color-glass-hi:#F4F4F5;
  --color-border:#E4E4E7;
  --color-border-hi:#D4D4D8;
  --color-ink:#09090B;
  --color-mid:#5F5F68;
  --color-dim:#63636C;
}

/* títulos: Inter 700 com espaçamento fechado (só h1 a h3; rótulos em caixa alta ficam como estão) */
h1.font-heading,h2.font-heading,h3.font-heading{letter-spacing:-.03em}
h1.font-heading{letter-spacing:-.035em;line-height:1.08}
h2.font-heading{line-height:1.1}

/* hero no padrão da home: fundo branco chapado, selo neutro, título de uma cor só e botão principal preto.
   Vale para o bloco que contém o h1, seja <header> ou <section> (Florianópolis, Manaus e outras usam <section>). */
main .pointer-events-none.absolute.rounded-full[class*="radial-gradient"]{display:none}
main span.inline-flex.rounded-full:has(+ h1),main span.rounded-full.border:has(+ h1){
  background:#fff;border-color:var(--color-border);color:var(--color-ink);
  text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:500;
}
main span.inline-flex.rounded-full:has(+ h1) > span{box-shadow:none}
main h1 .text-red-hi{color:var(--color-ink)}
main :is(header,section):has(h1) a.btn-flat{background:#09090B;color:#fff}
main :is(header,section):has(h1) a.btn-flat:hover{background:#27272A}
main :is(header,section):has(h1) a.rounded-full.border.border-border{background:#fff}

/* acessibilidade: as cores de destaque foram pensadas para fundo escuro; no claro precisam de tom mais fundo (contraste mínimo 4,5:1) */
.text-emerald-400{color:#047857}
.text-blue-400{color:#1D4ED8}
.text-purple-300{color:#7E22CE}
.text-\[\#B26A00\]{color:#8A5300}
main p a.text-red-hi,main li a.text-red-hi{text-decoration:underline;text-underline-offset:2px}

/* cartões: cinza #F9F9F9, borda fina e canto de 16 px */
.rounded-card{border-radius:16px}
.bg-glass.rounded-card.border{border-color:var(--color-border)}

/* imagens das páginas internas, no padrão da home (inseridas por imagens-paginas.mjs) */
.fm-ico{display:block;width:104px;height:104px;margin:0 auto 22px;border-radius:24px;box-shadow:0 10px 30px rgba(9,9,11,.18)}
.fm-visual{max-width:1080px;margin:-36px auto 0;padding:0 24px 24px}
.fm-visual img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:50% 30%;border-radius:20px;border:1px solid var(--color-border)}
@media (max-width:640px){.fm-visual{margin-top:-24px;padding:0 16px 16px}.fm-visual img{aspect-ratio:4/3}}

/* ícones 3D dos cartões (no lugar do emoji), como na home; trocados por icones-3d-cartoes.mjs */
.fm-ico3d{display:block;width:52px;height:52px;border-radius:14px;box-shadow:0 6px 16px rgba(9,9,11,.16)}

/* listas de texto corrido (glossário) */
.fm-ul{list-style:disc;padding-left:20px}
.fm-ul li{margin:0 0 8px}
.fm-ul li::marker{color:var(--color-dim)}

/* FAQ dos termos do glossário (details) */
.fm-faq-gl details{border-top:1px solid var(--color-border)}
.fm-faq-gl details:last-child{border-bottom:1px solid var(--color-border)}
.fm-faq-gl summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-weight:600;font-size:16px;line-height:1.35;color:var(--color-ink)}
.fm-faq-gl summary::-webkit-details-marker{display:none}
.fm-faq-gl summary::after{content:"+";color:#E42929;font-size:22px;font-weight:400;flex:none}
.fm-faq-gl details[open] summary::after{content:"\2212"}
.fm-faq-gl p{margin:0 0 16px}