/* be·aside — artigos e ensaios na identidade nova.
   O landing.css continua desenhando o conteúdo; aqui só trocamos letra, cores e fundo
   para os da marca (claro, com o fundo vivo por trás). Sempre modo claro. */

html:has(body.ba-moldura), html:has(body.ba-moldura)[data-theme], html:has(body.ba-moldura)[data-design] {
  --bg: #F4FAF7;
  --bg2: rgba(255, 255, 255, .88);
  --bg3: #F1F8F5;
  --bg4: #E9F4EF;
  --border: rgba(6, 35, 28, .10);
  --border2: rgba(6, 35, 28, .18);
  --text: #06231C;
  --text2: #3A5A51;
  --text3: #557067;
  --teal: #067A5B;
  --teal-soft: rgba(95, 242, 200, .18);
  --sans: "Mulish", "Avenir Next", "Avenir", system-ui, sans-serif;
  --display: "Mulish", "Avenir Next", "Avenir", system-ui, sans-serif;
  --mono: "Mulish", "Avenir Next", "Avenir", system-ui, sans-serif;
  --shadow: 0 30px 60px -32px rgba(6, 70, 52, .28);
  color-scheme: light;
}
body.ba-moldura {
  background: transparent;
  color: var(--text);
  font-family: var(--sans);
  font-feature-settings: normal;
  letter-spacing: 0;
}
body.ba-moldura .ceu-reserva { background: #F4FAF7; }
body.ba-moldura main#conteudo { display: block; padding-top: calc(var(--topo) + 24px); }
body.ba-moldura .hub { background: transparent; }

/* títulos e texto corrido na letra da marca */
body.ba-moldura :is(h1, h2, h3, .qa-q, .hero-lead, .article-refs) { font-family: var(--sans); }
body.ba-moldura h1 { font-weight: 400; letter-spacing: -.028em; }
body.ba-moldura h1 .grad { -webkit-text-fill-color: currentColor; background: none; color: #067A5B; }
body.ba-moldura .qa-q { font-weight: 500; letter-spacing: -.015em; }

/* aviso de rascunho: continua visível, no tom da marca */
body.ba-moldura .article-draft { background: rgba(255, 244, 220, .9); border-color: rgba(181, 115, 10, .35); color: #5B3A05; }

/* botões do fim do artigo na marca */
body.ba-moldura .btn-primary, body.ba-moldura .cta-final .btn-primary { background: #06231C !important; color: #fff !important; border-color: transparent; }
body.ba-moldura .btn-primary:hover { box-shadow: 0 0 0 4px rgba(95, 242, 200, .35); }
body.ba-moldura .btn-ghost { color: #06231C; border-color: rgba(6, 35, 28, .2); background: transparent; }

/* cabeçalho e rodapé: o landing.css zera margem e espaçamento de tudo; devolvemos os da marca */
body.ba-moldura .topo .menu a { padding: 6px 0; }
body.ba-moldura .rodape h2 { margin-bottom: 16px; }
body.ba-moldura .rodape .lema { margin-top: 16px; }