/* ============================================================
   NÚCLEOS — MESMA LINGUAGEM DA HOME (24/09/2026)
   As 11 páginas de núcleo seguem a home: branco de verdade (sem o
   bege e sem o grão de papel), cinzas frios da família da tinta,
   cartões e painéis arredondados, dourado como acento. Fontes e
   textos não mudam.
   ============================================================ */
:root {
  --bone: #FFFFFF;
  --bone-2: #F4F5F7;
  --surface: #F4F5F7;
  --text-soft: #525761;
  --text-faint: #6B707A;
  --rule: rgba(26, 29, 36, 0.1);
  --nm-card: #F4F5F7;
  --nm-card-2: #EEF0F3;
  --nm-ink: linear-gradient(180deg, #171A21 0%, #0E1015 100%);
  --nm-r-panel: 34px;
  --nm-r-card: 22px;
}
@media (max-width: 767.98px) {
  :root { --nm-r-panel: 26px; --nm-r-card: 20px; }
}
html, body { background-color: #FFFFFF; }
body { background-image: none; }

/* cabeçalho sobre o branco */
.nav { background: rgba(255, 255, 255, 0.9); border-bottom-color: #E3E6EB; }

/* ---------- Abertura: o índice vira um cartão ---------- */
.hero { border-bottom: 0; }
.hero-index {
  padding: 8px 22px;
  border: 0;
  border-radius: var(--nm-r-card);
  background: var(--nm-card);
}
.hero-index .hidx:last-child::after { display: none; }
@media (min-width: 1024px) {
  .hero-index {
    padding: 10px 26px;
    border: 0;
  }
}
@media (max-width: 759.98px) {
  .hero-index { padding: 6px 18px; }
}

/* ---------- Frentes de atuação: cartões ---------- */
.frentes { gap: 10px; }
@media (min-width: 760px) {
  .frentes { column-gap: 12px; row-gap: 10px; }
}
.frentes li,
.frentes li:last-child,
.frentes li:nth-last-child(2) {
  min-height: 64px;
  padding: 18px 22px;
  border: 0;
  border-radius: 18px;
  background: var(--nm-card);
}

/* ---------- O impacto econômico: painel claro arredondado ---------- */
.banda {
  margin-inline: clamp(10px, 1.2vw, 16px);
  border: 0;
  border-radius: var(--nm-r-panel);
  background: var(--nm-card);
}

/* ---------- Como o trabalho é conduzido: cartões ---------- */
.steps { gap: 12px; }
@media (min-width: 1024px) {
  .steps { gap: 14px; }
}
.step,
.step:hover {
  padding: 24px 24px 26px;
  border: 0;
  border-radius: var(--nm-r-card);
  background: var(--nm-card);
}
@media (min-width: 1024px) {
  .step { padding: 26px 24px 28px; }
}
@media (hover: hover) and (pointer: fine) {
  .step:hover { background: var(--nm-card-2); }
}

/* ---------- Núcleos relacionados: cartões que escurecem ---------- */
.rel {
  padding: 22px 24px 24px;
  border: 0;
  border-radius: var(--nm-r-card);
  background: var(--nm-card);
  transition: background-color 280ms var(--ease), transform 280ms var(--ease), box-shadow 280ms var(--ease);
}
@media (hover: hover) and (pointer: fine) {
  .rel:hover {
    background: var(--ink);
    transform: translateY(-3px);
    box-shadow: 0 22px 44px -26px rgba(15, 17, 22, 0.55);
    border: 0;
  }
  .rel:hover .rel-nome { color: #FFFFFF; }
  .rel:hover .rel-num { color: var(--gold); }
  .rel:hover .rel-go { color: var(--gold); }
}

/* ---------- Fecho: sobe como uma folha escura arredondada ---------- */
.fecho {
  border-top: 0;
  border-radius: 36px 36px 0 0;
  background:
    radial-gradient(90% 110% at 88% 0%, rgba(240, 187, 74, 0.08), transparent 52%),
    linear-gradient(180deg, #171A21 0%, var(--ink-deep) 100%);
  overflow: clip;
}
.fecho::before { display: none; }
.fecho .btn-gold { border-radius: 14px; }
@media (max-width: 767.98px) {
  .fecho { border-radius: 28px 28px 0 0; }
}

:root {
  /* o "&" da logo embutido (assets/e-logo.svg): como máscara, um arquivo
     separado não carrega quando a página é aberta direto do disco no Chrome */
  --e-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 636'%3E%3Cpath fill='%23F0BB4A' fill-rule='evenodd' d='M169.0,617.0C120.6,611.7 83.6,596.1 56.3,569.6C35.8,549.8 23.2,525.6 18.6,496.9C14.9,474.8 18.2,445.5 26.7,423.5C30.1,414.8 40.2,395.3 43.1,391.7L46.1,388.0L82.7,388.3C116.2,388.5 119.4,388.6 120.4,390.2C121.2,391.5 120.9,394.1 119.3,400.7C116.5,411.8 114.0,433.3 113.8,447.0C113.6,459.0 116.3,481.5 119.1,490.9C120.1,494.4 121.0,498.0 121.0,498.9C121.1,499.8 121.9,502.3 123.0,504.5C124.1,506.7 124.9,509.0 125.0,509.7C125.0,510.8 127.5,516.3 130.2,521.4C150.2,558.6 182.4,580.3 226.8,586.4C268.1,592.1 306.7,582.1 348.5,554.7C359.5,547.5 361.0,546.2 361.0,543.9C361.0,542.9 352.4,532.5 341.8,520.8C331.3,509.1 317.2,493.4 310.6,486.1C303.9,478.7 291.7,465.2 283.5,456.1C275.2,446.9 250.4,419.5 228.4,395.0C206.3,370.5 179.0,340.1 167.5,327.5C106.4,259.8 86.7,230.3 75.3,189.0C72.7,179.9 72.6,178.4 72.6,154.5C72.6,130.3 72.6,129.2 75.3,119.5C76.8,114.0 78.5,109.1 79.0,108.6C79.6,108.0 80.0,106.9 80.0,106.1C80.0,103.4 89.0,86.9 94.4,79.7C114.4,52.8 146.2,33.2 183.7,24.5C203.1,20.0 239.7,18.6 261.6,21.4C298.5,26.3 323.1,36.7 343.4,56.0C366.8,78.2 376.4,108.1 371.5,143.0C370.6,149.9 369.2,156.8 368.5,158.5C367.9,160.2 367.0,163.2 366.6,165.2C365.4,171.9 355.7,193.1 351.5,198.4L349.3,201.2L316.0,201.0C297.7,201.0 282.3,200.7 281.7,200.3C280.5,199.5 281.5,192.0 284.0,184.5C290.1,165.8 292.9,137.2 291.0,113.8C290.3,105.2 288.9,95.9 287.9,92.5C286.9,89.2 286.0,85.6 286.0,84.5C286.0,83.4 285.1,80.7 284.0,78.5C282.9,76.3 282.0,74.0 282.0,73.5C281.9,71.7 277.6,63.7 273.5,57.5C257.6,33.4 230.8,25.2 200.3,35.1C178.8,42.1 160.5,66.1 156.9,92.0C153.7,115.0 153.7,117.2 156.9,138.6C159.4,155.1 170.0,179.5 183.8,200.5C196.5,219.7 200.5,224.3 284.0,317.0C323.8,361.3 370.8,413.5 388.3,433.0C428.5,477.7 425.3,474.4 427.6,473.2C431.4,471.1 442.6,445.4 447.0,428.9C448.0,425.2 449.1,421.7 449.4,421.1C449.8,420.5 450.7,416.1 451.5,411.3C452.3,406.4 453.4,400.5 453.9,398.0C454.4,395.5 455.3,385.3 456.0,375.2C457.4,353.9 456.1,326.7 452.9,310.8C451.9,305.5 451.0,300.2 451.0,299.0C451.0,297.9 450.1,293.5 448.9,289.2C445.2,275.4 442.9,267.6 441.6,263.4C439.3,256.7 439.7,256.6 457.6,258.5C476.1,260.6 477.1,261.1 478.9,270.7C479.5,273.9 480.8,280.1 481.8,284.5C484.3,296.2 484.3,353.5 481.8,366.0C480.8,370.7 479.6,376.8 479.1,379.5C477.6,387.6 474.9,398.3 473.6,401.5C472.8,403.2 471.9,406.1 471.6,408.0C470.8,411.9 467.7,420.4 464.9,426.6C463.8,428.9 463.0,431.3 463.0,432.0C463.0,432.6 462.4,434.4 461.6,435.8C460.8,437.3 457.4,444.1 454.0,451.0C448.3,462.7 440.3,476.5 437.3,480.1C436.6,480.9 436.0,482.6 436.0,483.8C436.0,485.3 453.0,505.1 487.9,544.4C516.4,576.4 540.3,603.7 540.9,604.9C541.6,606.1 541.8,607.5 541.5,608.0C541.1,608.6 519.4,609.0 482.2,609.0C432.2,609.0 423.1,608.8 421.4,607.5C420.2,606.7 408.6,594.4 395.5,580.0C382.4,565.7 371.4,554.0 371.1,554.0C370.0,554.0 365.3,557.4 359.1,562.7C345.1,574.6 320.4,590.0 302.8,597.6C284.2,605.7 264.6,611.5 243.5,615.1C232.7,616.9 225.9,617.3 203.5,617.6C188.7,617.7 173.1,617.5 169.0,617.0Z'/%3E%3C/svg%3E");
}

/* O "&" é o da logo (assets/e-logo.svg, vetorizado de logo.original.png) */
.fecho-ghost {
  right: 2%;
  bottom: -10%;
  width: clamp(10rem, 22vw, 18rem);
  aspect-ratio: 560 / 636;
  font-size: 0;
  line-height: 0;
  color: transparent;
  background: var(--gold);
  opacity: 0.07;
  -webkit-mask: var(--e-logo) no-repeat center / contain;
  mask: var(--e-logo) no-repeat center / contain;
}

/* ============================================================
   FONTE: MANROPE NO LUGAR DA FRAUNCES E DA INTER (24/09/2026)
   Mesma troca da home (ver mescla-2026.css, bloco 7): faces da
   Manrope calibradas para ocupar o mesmo espaço das fontes antigas,
   sem mexer em tamanhos nem nas quebras de linha.
   ============================================================ */
@font-face {
  font-family: "KO Texto";
  src: url("fonts/manrope-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  size-adjust: 104%;
}
@font-face {
  font-family: "KO Titulos";
  src: url("fonts/manrope-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  size-adjust: 96%;
}
@font-face {
  font-family: "KO Titulos Grande";
  src: url("fonts/manrope-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  size-adjust: 77.5%;
}
:root {
  --serif: "KO Titulos", Arial, sans-serif;
  --sans: "KO Texto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
html { font-synthesis: none; }
@font-face {
  font-family: "KO Capitulo";
  src: url("fonts/manrope-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  size-adjust: 88.5%;
}
@font-face {
  font-family: "KO Citacao";
  src: url("fonts/manrope-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  size-adjust: 80%;
}
/* onde a Fraunces usava cortes óticos mais estreitos (opsz 72–120),
   uma face própria para cada papel, medida na página */
.hero h1 { font-family: "KO Titulos Grande", Arial, sans-serif; }
.ch-title { font-family: "KO Capitulo", Arial, sans-serif; }
.principio p,
.fecho h2 { font-family: "KO Citacao", Arial, sans-serif; }
/* larguras em "ch" travadas no equivalente que tinham com a Fraunces */
.hero h1 { max-width: 8.27em; }
.hero .resumo { max-width: 23.26em; }
.fecho h2 { max-width: 14.88em; }
/* a Fraunces 400 já é encorpada; a Manrope pede 600 nos títulos */
h1, h2, h3,
.hero h1,
.ch-title,
.step h3,
.fecho h2,
.rel-nome,
.prosa p:first-child::first-letter { font-weight: 600; }
.principio p { font-weight: 400; }

/* ============================================================
   CORES 2026 (30/09/2026) — a mesma régua da home (assets/cores-2026.css):
   base em preto, branco e cinza; um amarelo só, #F0BB4A, e só no que é
   destaque de verdade. Saem o marrom-dourado dos textos (#A87A1F,
   #7A5A18), o amarelo claro (#F5C868) e os fundos de amarelo lavado.
   Pedido do dono: "o marca-texto… o laranja do 'Visão de negócio'… é
   uma cor que destoa, não é aquele amarelo forte".
   ============================================================ */
:root {
  --gold-strong: #6B7280;
  --gold-deep: #4D525C;
  --gold-soft: #F0BB4A;
}
/* marca-texto: bloco cinza de cantos redondos */
.marker {
  padding: 0.06em 0.3em 0.12em;
  margin: 0 -0.06em;
  border-radius: 0.36em;
  background: #E6E9EE;
  background-image: none;
}
.rel:hover { border-bottom-color: rgba(26, 29, 36, 0.3); }
.metodo-note a { border-bottom-color: rgba(26, 29, 36, 0.3); }
/* fecho e rodapé (fundo escuro): rótulo e links em branco/cinza; o
   amarelo fica na palavra-chave do título e no botão */
.fecho .eyebrow { color: rgba(255, 255, 255, 0.58); }
.rodape a { color: rgba(255, 255, 255, 0.78); }
.rodape a:hover { color: #FFFFFF; }
.rodape a:focus-visible { outline-color: #FFFFFF; }
/* numerais de capítulo e dos passos: o amarelo forte (eram marrom) */
.ch-num,
.step-num,
.hidx-num { color: #F0BB4A; }