/* ==========================================================================
   Termos & Políticas — identidade Marcha 2026.
   Carregada por último, depois de /assets/precos.css, para sobrepor o que
   sobrou da identidade antiga nestas 11 páginas: a fonte "Marcha Sans"
   (vinha do CDN da Framer), o preto #111/#2A2A2A e os cards sem superfície.
   Só cor, tipografia e superfície — a estrutura de layout continua a mesma.
   ========================================================================== */

/* --preto e --branco NÃO são redeclarados aqui de propósito: quem manda neles é
   `body.shell-claro` (#2A2A2A e #FFFFFF), com especificidade maior que qualquer
   classe de página. Todas as páginas novas — loja-virtual, central-de-ajuda,
   partners — declaram --preto:#1A1816 e perdem em silêncio. Seguir o shell é o
   que mantém /termos/ igual ao resto do site. */
.terms-page,
.pol-page {
  --rosa:      #FF2D8A;
  --rosa-forte:#E30065;
  --lima:      #DFFF00;
  --creme:     #FAF5EB;
  --texto:     #3A3630;
  --suave:     #6B655C;
  --linha:     #E6E0D2;
  background: var(--creme);
}

/* A fonte antiga era aplicada em dezenas de seletores do precos.css; varrer a
   subárvore é mais confiável do que perseguir cada um. Escopo restrito a estas
   páginas — svg/path fora para não mexer nos ícones. */
.terms-page, .terms-page *:not(svg):not(path),
.pol-page,   .pol-page   *:not(svg):not(path) {
  font-family: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
}

.terms-page h1, .terms-page h2, .terms-page h3,
.pol-page h1,   .pol-page h2,   .pol-page h3 {
  letter-spacing: -.03em;
}


/* O bloco que ficava aqui (hub /termos/: hero, busca, abas, cards, botoes)
   foi removido em 2026-08-13: o <style> embutido do termos/index.html passou
   a ser reescrito com a estetica nova, entao estas regras viraram duplicata.
   Sobrou o essencial que o embutido nao alcanca: a varredura de fonte acima
   e as regras das paginas de politica abaixo. */
/* ---------- Documento: /termos/politica-*/ ---------- */

.pol-page .pol-topo { background: #fff; border-bottom: 1px solid var(--linha); }
.pol-page .pol-trilha, .pol-page .pol-trilha a { color: var(--suave); }
.pol-page .pol-trilha a:hover { color: var(--rosa); }
.pol-page .pol-corpo p, .pol-page .pol-corpo li { color: var(--texto); }
.pol-page .pol-corpo li::marker { color: var(--rosa); }