/* ============================================================
   ÓRBITA 2026 — o Posicionamento sem o painel preto
   Pedido do dono (24/09/2026): "melhore o design da órbita… quero
   algo mais bonito… tire o fundo". A figura passa a flutuar no
   branco da folha: prédio em tinta com janelas acesas em dourado
   sobre uma laje clara, um disco dourado muito leve marcando o
   plano da órbita, anel contínuo (sem tracejado) e os núcleos em
   cartões brancos com sombra suave; o da frente fica dourado.
   Tudo por CSS sobre o HTML e o orbita.js de antes.

   E, no mesmo pedido: some da TELA o cabeçalho dos núcleos
   ("Demonstrativo de atuação" + "Onze núcleos. Uma mesma
   orientação…"). O título fica só para leitor de tela e Google.

   Carrega por último (depois da capa-2026.css).
   ============================================================ */

/* ---------- 1. Sem painel ---------- */
.pos-orbita {
  padding: 0;
  background: none;
  border-radius: 0;
  overflow: visible;
  /* prédio em tinta, laje clara */
  --b-topo: #7A8190;
  --b-esq: #454B58;
  --b-dir: #313641;
  --b-vidro: #283040;
  --b-vidro-dir: #1E2430;
  --b-mont: rgba(255, 255, 255, 0.1);
  --b-aresta: rgba(255, 255, 255, 0.3);
  --b-praca: #EEF0F3;
  --b-praca-lado: #DDE1E7;
  --b-praca-lado-dir: #CBD0D8;
}

/* ---------- 2. O plano da órbita: disco dourado leve + sombra no chão ---------- */
.pos-orbita .po-brilho {
  position: absolute;
  z-index: 0;
  left: 6%;
  right: 6%;
  top: calc(60% - 27%);
  height: 54%;
  border-radius: 50%;
  background:
    radial-gradient(closest-side, rgba(26, 29, 36, 0.13) 0 34%, transparent 58%),
    radial-gradient(closest-side, rgba(240, 187, 74, 0.26), rgba(240, 187, 74, 0.1) 62%, rgba(240, 187, 74, 0) 100%);
  pointer-events: none;
}

/* ---------- 3. O anel: linha contínua, mais forte na frente ---------- */
.pos-orbita .po-anel path {
  stroke: #C99528;
  stroke-width: 0.32;
  stroke-dasharray: none;
  stroke-linecap: round;
}
.pos-orbita .po-anel--tras path { stroke: rgba(201, 149, 40, 0.38); }
.pos-orbita .po-anel--frente path { stroke: rgba(201, 149, 40, 0.9); }

/* ---------- 4. O prédio: sombra no branco, laje com fio dourado ---------- */
.pos-orbita .po-predio { filter: drop-shadow(0 26px 26px rgba(26, 29, 36, 0.2)); }
.pos-orbita .predio .b-praca-fio { opacity: 1; stroke: #C99528; }

/* "Sua empresa": etiqueta em tinta com letra dourada (o dourado vira
   destaque só do núcleo da frente) */
.pos-orbita .tag-empresa span {
  background: #1A1D24;
  color: #F0BB4A;
  box-shadow: 0 12px 24px -12px rgba(26, 29, 36, 0.55);
}
.pos-orbita .tag-empresa::after { background: #1A1D24; }

/* ---------- 5. Os núcleos: cartões brancos ---------- */
.pos-orbita .po-chip {
  background: #FFFFFF;
  border: 1px solid #E3E6EB;
  color: #1A1D24;
  box-shadow:
    0 14px 30px -18px rgba(26, 29, 36, 0.5),
    0 2px 6px -3px rgba(26, 29, 36, 0.12);
}
.pos-orbita .po-chip .ic { color: #B8862B; }
.pos-orbita .po-nucleos li.is-frente .po-chip {
  background: #F0BB4A;
  border-color: #F0BB4A;
  color: #1A1D24;
  box-shadow: 0 18px 32px -16px rgba(160, 108, 8, 0.65);
}
.pos-orbita .po-nucleos li.is-frente .po-chip .ic { color: #1A1D24; }
@media (hover: hover) and (pointer: fine) {
  .pos-orbita .po-chip:hover {
    background: #1A1D24;
    border-color: #1A1D24;
    color: #FFFFFF;
  }
  .pos-orbita .po-chip:hover .ic { color: #F0BB4A; }
}
.pos-orbita .po-chip:focus-visible { outline: 2px solid #1A1D24; outline-offset: 3px; }

/* ---------- 6. Celular: legenda em tinta sobre o branco ---------- */
@media (max-width: 559.98px) {
  .pos-orbita { margin-inline: 0; }
  .pos-orbita .po-legenda { color: #1A1D24; }
  .pos-orbita .po-leg-num { color: #8A6516; }
}

/* ============================================================
   7. Núcleos: sem o cabeçalho na tela
   ============================================================ */
#nucleos .extrato-masthead { display: none; }
#nucleos .extrato-title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* a frase que acompanhava o título abre a grade, centralizada
   (30/09/2026, o dono: "centralize"; antes ficava à esquerda) */
#nucleos .extrato-lead {
  margin: 0 auto;
  max-width: 62ch;
  text-align: center;
  text-wrap: balance;
}
@media (min-width: 1024px) {
  #nucleos .extrato-lead { grid-column: 1 / -1; grid-row: 1; justify-self: center; align-self: start; padding-bottom: 0; }
}
/* o trecho marcado não se parte em duas linhas (fica um bloco só) */
@media (min-width: 480px) {
  #nucleos .extrato-lead .marker { white-space: nowrap; }
}
#nucleos .extrato-rows { margin-top: clamp(28px, 3vw, 40px); }