/* ═══════════════════════════════════════════════════════════
   FABIM · "Governança e Segurança de Dados BIM" — publicação.
   Conceito: sala de controle da informação. O artigo corre sobre o
   substrato navy do site com grade de coordenadas; azul e ciano são
   a linguagem editorial da área de conteúdos; âmbar sinaliza alerta
   e risco; o verde da marca fica reservado ao bloco comercial final.
   Todos os diagramas são nativos (HTML/CSS), sem raster.
   Herda os tokens de /assets/css/styles.css. Escopo restrito a
   [data-page="conteudo-governanca-bim"] para não afetar o site.
   ═══════════════════════════════════════════════════════════ */

/* Item ativo da navegação principal */

/* Grade de coordenadas: substrato decorativo, esmaece ao longo da página */

/* Rótulo monoespaçado (padrão editorial das páginas de conteúdo) */

/* ── COLUNA DE LEITURA ──────────────────────────────────── */

/* Revelação suave no scroll: o article.js marca .art-r e liga .is-in.
   Sem JavaScript nada é escondido: o estado inicial só existe sob html.js. */

/* ── HERO ───────────────────────────────────────────────── */

/* Ficha da publicação */

/* ── BOTÕES ─────────────────────────────────────────────── */

/* Editorial: azul e ciano */

/* Comercial: verde da marca com a tinta de contraste AA do design system */

/* ── RESUMO ─────────────────────────────────────────────── */

/* ── NOTA EDITORIAL ─────────────────────────────────────── */

/* ── ÍNDICE ─────────────────────────────────────────────── */

/* ── TÍTULOS DE SEÇÃO ───────────────────────────────────── */

/* ── CITAÇÃO DE DESTAQUE ────────────────────────────────── */

/* ── DESTAQUE DE FECHO DE SEÇÃO ─────────────────────────── */

/* ── CALLOUT COM ÍCONE ──────────────────────────────────── */

/* ── FIGURA EDITORIAL (ilustrações de seção) ────────────── */

/* ── 01 · PARADOXO (4 faces) ────────────────────────────── */
[data-page="conteudo-governanca-bim"] .gb-paradox {
  list-style: none; max-width: 1140px; margin: 24px auto 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); gap: 14px;
}
[data-page="conteudo-governanca-bim"] .gb-px {
  padding: 20px; border-radius: var(--radius-m);
  background: var(--panel); border: 1px solid var(--edge);
}
[data-page="conteudo-governanca-bim"] .gb-px-ic {
  width: 42px; height: 42px; border-radius: 11px; display: grid; place-items: center;
  background: rgba(56, 189, 248, .1); border: 1px solid rgba(56, 189, 248, .26); color: var(--sky);
}
[data-page="conteudo-governanca-bim"] .gb-px-ic svg { width: 21px; height: 21px; }
[data-page="conteudo-governanca-bim"] .gb-px p { margin-top: 12px; font-size: 1rem; line-height: 1.55; color: var(--txt-2); }
[data-page="conteudo-governanca-bim"] .gb-px p strong { display: block; color: var(--txt-1); margin-bottom: 4px; }

/* ── 03 · CADEIA DO REGISTRO (fluxo 6 elos) ─────────────── */

/* Conector: seta entre os elos (some quando o grid quebra em coluna) */

[data-page="conteudo-governanca-bim"] .art-flow-step::before {
  content: counter(flow, decimal-leading-zero); position: absolute; top: 8px; left: 10px;
  font-family: var(--font-mono); font-size: .66rem; font-weight: 700; color: rgba(150, 185, 215, .6);
}

@media (max-width: 640px) {
  /* minmax(0, 1fr): o 1fr puro tem minimo igual ao min-content, e o rotulo mais
     longo (responsabilidades) somado ao padding nao cabe nos 126 px de trilha
     que sobram em 320 CSS px. Com o piso em 0 a trilha cede e o overflow-wrap
     quebra a palavra em vez de empurrar a pagina. */
  [data-page="conteudo-governanca-bim"] .art-flow { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  [data-page="conteudo-governanca-bim"] .art-flow-step { overflow-wrap: anywhere; }
  
}
/* Abaixo de 400 CSS px a trilha de duas colunas fica sem largura util e nem
   "empreendimento" nem "responsabilidades" cabem: o overflow-wrap salvaria a
   viewport partindo a palavra no meio. Uma coluna preserva a tipografia e o
   overflow-wrap acima fica so como rede de seguranca. O corte antigo em 359 px
   deixava de fora o iPhone de 375, que continuava com o fluxo espremido em
   duas colunas. A ficha entra junto porque .art-meta e repeat(2, ...) fixo,
   sem nenhum override responsivo. */
@media (max-width: 400px) {
  [data-page="conteudo-governanca-bim"] .art-flow,
  [data-page="conteudo-governanca-bim"] .art-meta { grid-template-columns: minmax(0, 1fr); }
}

/* ── 04 · FASES DO EMPREENDIMENTO ───────────────────────── */
[data-page="conteudo-governanca-bim"] .gb-phases {
  list-style: none; max-width: 1140px; margin: 24px auto 0; position: relative;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
}
[data-page="conteudo-governanca-bim"] .gb-phase {
  position: relative; padding: 18px 18px 16px; border-radius: var(--radius-m);
  background: var(--panel); border: 1px solid var(--edge); border-top: 3px solid rgba(56, 189, 248, .45);
}
[data-page="conteudo-governanca-bim"] .gb-phase-n {
  position: absolute; top: 14px; right: 14px;
  font-family: var(--font-mono); font-size: .72rem; font-weight: 700; color: var(--cyan);
}
[data-page="conteudo-governanca-bim"] .gb-phase-t { font-size: 1.08rem; font-weight: 800; letter-spacing: -.01em; color: var(--txt-1); padding-right: 34px; }
[data-page="conteudo-governanca-bim"] .gb-phase p {
  margin-top: 7px; font-size: .95rem; line-height: 1.5; color: var(--txt-3);
}
[data-page="conteudo-governanca-bim"] .gb-phase p::before {
  content: 'Registros essenciais'; display: block; margin-bottom: 2px;
  font-family: var(--font-mono); font-size: .62rem; font-weight: 700; letter-spacing: .13em;
  text-transform: uppercase; color: rgba(150, 185, 215, .7);
}
@media (max-width: 900px) { [data-page="conteudo-governanca-bim"] .gb-phases { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { [data-page="conteudo-governanca-bim"] .gb-phases { grid-template-columns: 1fr; } }

/* Chips de contexto do registro */
[data-page="conteudo-governanca-bim"] .gb-ctx {
  list-style: none; max-width: 1040px; margin: 20px auto 0;
  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
}
[data-page="conteudo-governanca-bim"] .gb-ctx li {
  padding: 9px 16px; border-radius: 999px; min-height: 38px; display: inline-flex; align-items: center; gap: 8px;
  background: var(--panel); border: 1px solid var(--edge-2); color: var(--txt-2); font-size: .95rem;
}
[data-page="conteudo-governanca-bim"] .gb-ctx li::before {
  content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); flex: none;
}

/* ── 05 · PERGUNTAS DA GOVERNANÇA ───────────────────────── */
[data-page="conteudo-governanca-bim"] .gb-questions { list-style: none; max-width: 840px; margin: 24px auto 0; padding: 0 var(--pad); display: grid; gap: 8px; }
[data-page="conteudo-governanca-bim"] .gb-questions li {
  display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: var(--radius-m);
  background: var(--panel); border: 1px solid var(--edge);
  font-size: var(--art-body); line-height: 1.4; color: var(--txt-1); font-weight: 600;
}
[data-page="conteudo-governanca-bim"] .gb-q-n {
  font-family: var(--font-mono); font-size: .85rem; font-weight: 700; color: var(--cyan); flex: none;
}

/* ── 05 · PILHA DA GOVERNANÇA ───────────────────────────── */
[data-page="conteudo-governanca-bim"] .gb-stack {
  max-width: 780px; margin: 26px auto 0; display: grid; gap: 10px; justify-items: center;
}
[data-page="conteudo-governanca-bim"] .gb-stack-layer {
  width: 86%; padding: 16px 20px; border-radius: var(--radius-m); text-align: center;
  background: var(--panel); border: 1px solid var(--edge);
}
[data-page="conteudo-governanca-bim"] .gb-stack-layer--top { width: 72%; }
[data-page="conteudo-governanca-bim"] .gb-stack-layer--cde {
  width: 96%; border-color: rgba(34, 211, 238, .45);
  background: linear-gradient(135deg, rgba(34, 211, 238, .12), rgba(255, 255, 255, .02));
  box-shadow: 0 0 34px rgba(34, 211, 238, .12);
}
[data-page="conteudo-governanca-bim"] .gb-stack-layer--base { width: 100%; border-style: dashed; }
[data-page="conteudo-governanca-bim"] .gb-stack-k {
  display: block; font-family: var(--font-mono); font-size: .64rem; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase; color: rgba(150, 185, 215, .8); margin-bottom: 4px;
}
[data-page="conteudo-governanca-bim"] .gb-stack-layer strong { font-size: 1.05rem; font-weight: 800; letter-spacing: -.01em; color: var(--txt-1); }
[data-page="conteudo-governanca-bim"] .gb-stack-layer--cde strong { color: var(--cyan); }
[data-page="conteudo-governanca-bim"] .gb-stack-layer p { margin-top: 5px; font-size: .92rem; line-height: 1.5; color: var(--txt-3); }
[data-page="conteudo-governanca-bim"] .gb-stack-chips {
  list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 10px;
}
[data-page="conteudo-governanca-bim"] .gb-stack-chips li {
  padding: 6px 13px; border-radius: 999px; font-family: var(--font-mono); font-size: .78rem; font-weight: 700;
  background: rgba(56, 189, 248, .1); border: 1px solid rgba(56, 189, 248, .3); color: var(--sky);
}
@media (max-width: 640px) {
  [data-page="conteudo-governanca-bim"] .gb-stack-layer,
  [data-page="conteudo-governanca-bim"] .gb-stack-layer--top,
  [data-page="conteudo-governanca-bim"] .gb-stack-layer--cde { width: 100%; }
}

/* ── 06 · CONTROLES DE PROTEÇÃO ─────────────────────────── */

/* ── 06 · CAMADAS CONCÊNTRICAS (cebola do CDE) ──────────── */
[data-page="conteudo-governanca-bim"] .gb-rings { max-width: 720px; margin: 26px auto 0; }
[data-page="conteudo-governanca-bim"] .gb-ring {
  padding: 12px clamp(10px, 3vw, 26px) clamp(12px, 2.6vw, 22px);
  border: 1px solid var(--edge-2); border-radius: clamp(18px, 4vw, 34px);
  background: rgba(56, 189, 248, .028);
}
[data-page="conteudo-governanca-bim"] .gb-ring > .gb-ring { margin-top: 10px; }
[data-page="conteudo-governanca-bim"] .gb-ring-k {
  display: table; margin: 0 auto; padding: 3px 12px; border-radius: 999px;
  font-family: var(--font-mono); font-size: .68rem; font-weight: 700; letter-spacing: .13em;
  text-transform: uppercase; color: var(--sky);
  background: rgba(8, 16, 30, .85); border: 1px solid rgba(56, 189, 248, .3);
}
[data-page="conteudo-governanca-bim"] .gb-ring-core {
  margin: 12px auto 0; width: 96px; height: 96px; border-radius: 50%;
  display: grid; place-items: center;
  font-family: var(--font-mono); font-size: 1.05rem; font-weight: 700; letter-spacing: .08em; color: #04222E;
  background: linear-gradient(135deg, var(--sky), var(--cyan));
  box-shadow: 0 0 40px rgba(34, 211, 238, .35);
}

/* ── 07 · PAINÉIS LEGAIS ────────────────────────────────── */
[data-page="conteudo-governanca-bim"] .gb-laws {
  max-width: 1140px; margin: 24px auto 0;
  /* min(Npx, 100%): em 320 CSS px sobram 265 px no pg-wrap, entao um piso fixo
     de 290/300 px estourava a viewport. Acima do piso o min() e um no-op. */
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 16px;
}
[data-page="conteudo-governanca-bim"] .gb-law {
  padding: clamp(20px, 3vw, 28px); border-radius: var(--radius-l);
  background: var(--panel); border: 1px solid var(--edge-2);
}
[data-page="conteudo-governanca-bim"] .gb-law-k {
  display: inline-block; padding: 5px 12px; border-radius: 999px;
  font-family: var(--font-mono); font-size: .7rem; font-weight: 700; letter-spacing: .1em;
  background: rgba(56, 189, 248, .1); border: 1px solid rgba(56, 189, 248, .3); color: var(--sky);
}
[data-page="conteudo-governanca-bim"] .gb-law-t {
  margin-top: 12px; font-size: clamp(1.25rem, 3vw, 1.5rem); font-weight: 800; letter-spacing: -.02em; color: var(--txt-1);
}
[data-page="conteudo-governanca-bim"] .gb-law-list { list-style: none; margin-top: 12px; display: grid; gap: 10px; }
[data-page="conteudo-governanca-bim"] .gb-law-list li {
  position: relative; padding-left: 22px; font-size: .98rem; line-height: 1.58; color: var(--txt-2);
}
[data-page="conteudo-governanca-bim"] .gb-law-list li::before {
  content: ''; position: absolute; left: 0; top: .52em; width: 10px; height: 10px;
  border-radius: 3px; border: 2px solid var(--sky);
}
[data-page="conteudo-governanca-bim"] .gb-law-list li strong { color: var(--txt-1); }

/* ── 08 · OFF-CHAIN × ON-CHAIN ──────────────────────────── */
[data-page="conteudo-governanca-bim"] .gb-chain {
  max-width: 1040px; margin: 24px auto 0;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; gap: 12px;
}
[data-page="conteudo-governanca-bim"] .gb-chain-side {
  padding: clamp(20px, 3vw, 26px); border-radius: var(--radius-l);
  background: var(--panel); border: 1px solid var(--edge-2);
}
[data-page="conteudo-governanca-bim"] .gb-chain-side--on {
  border-color: rgba(34, 211, 238, .4);
  background: linear-gradient(135deg, rgba(34, 211, 238, .09), rgba(255, 255, 255, .02));
}
[data-page="conteudo-governanca-bim"] .gb-chain-k {
  font-family: var(--font-mono); font-size: .68rem; font-weight: 700; letter-spacing: .13em;
  text-transform: uppercase; color: var(--sky);
}
[data-page="conteudo-governanca-bim"] .gb-chain-side--on .gb-chain-k { color: var(--cyan); }
[data-page="conteudo-governanca-bim"] .gb-chain-t { margin-top: 8px; font-size: 1.15rem; font-weight: 800; letter-spacing: -.01em; color: var(--txt-1); }
[data-page="conteudo-governanca-bim"] .gb-chain-side .gb-law-list { margin-top: 12px; }
[data-page="conteudo-governanca-bim"] .gb-chain-link {
  align-self: center; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center;
  background: rgba(34, 211, 238, .1); border: 1px solid rgba(34, 211, 238, .35); color: var(--cyan);
}
[data-page="conteudo-governanca-bim"] .gb-chain-link svg { width: 22px; height: 22px; }
@media (max-width: 760px) {
  [data-page="conteudo-governanca-bim"] .gb-chain { grid-template-columns: 1fr; }
  [data-page="conteudo-governanca-bim"] .gb-chain-link { justify-self: center; transform: rotate(90deg); }
}

/* ── 09 · PIPELINE DE DATA MINING ───────────────────────── */

/* ── 10 · CICLO INTEGRADO ───────────────────────────────── */
[data-page="conteudo-governanca-bim"] .gb-cycle {
  list-style: none; position: relative; max-width: 980px; margin: 30px auto 0;
  display: grid; gap: 12px 14px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas:
    ".  a1 a2 ."
    "a6 cc cc a3"
    ".  a5 a4 .";
}
/* Anel tracejado sugerindo a circularidade (decorativo) */
[data-page="conteudo-governanca-bim"] .gb-cycle::before {
  content: ''; position: absolute; inset: 8% 12%; border: 2px dashed rgba(56, 189, 248, .2);
  border-radius: 50%; pointer-events: none;
}
[data-page="conteudo-governanca-bim"] .gb-cyc {
  position: relative; z-index: 1; padding: 16px; border-radius: var(--radius-m);
  background: rgba(10, 18, 32, .92); border: 1px solid var(--edge-2);
  display: flex; flex-direction: column; gap: 4px;
}
[data-page="conteudo-governanca-bim"] .gb-cyc--1 { grid-area: a1; }
[data-page="conteudo-governanca-bim"] .gb-cyc--2 { grid-area: a2; }
[data-page="conteudo-governanca-bim"] .gb-cyc--3 { grid-area: a3; }
[data-page="conteudo-governanca-bim"] .gb-cyc--4 { grid-area: a4; }
[data-page="conteudo-governanca-bim"] .gb-cyc--5 { grid-area: a5; }
[data-page="conteudo-governanca-bim"] .gb-cyc--6 { grid-area: a6; }
[data-page="conteudo-governanca-bim"] .gb-cyc-core {
  grid-area: cc; z-index: 1; align-self: center; justify-self: center;
  width: clamp(120px, 16vw, 150px); height: clamp(120px, 16vw, 150px); border-radius: 50%;
  display: grid; place-items: center; text-align: center;
  font-family: var(--font-mono); font-size: .92rem; font-weight: 700; letter-spacing: .06em; line-height: 1.35;
  color: #04222E; background: linear-gradient(135deg, var(--sky), var(--cyan));
  box-shadow: 0 0 48px rgba(34, 211, 238, .3);
}
[data-page="conteudo-governanca-bim"] .gb-cyc-n {
  width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center;
  font-family: var(--font-mono); font-size: .78rem; font-weight: 700;
  background: rgba(56, 189, 248, .14); border: 1px solid rgba(56, 189, 248, .4); color: var(--sky);
}
[data-page="conteudo-governanca-bim"] .gb-cyc strong { font-size: 1rem; font-weight: 800; letter-spacing: -.01em; color: var(--txt-1); }
[data-page="conteudo-governanca-bim"] .gb-cyc-d { font-size: .85rem; line-height: 1.45; color: var(--txt-3); }
/* Etapa humana: destaque âmbar (rótulo + borda, nunca só cor) */
[data-page="conteudo-governanca-bim"] .gb-cyc--human { border: 1px solid rgba(245, 166, 35, .45); border-left: 4px solid var(--amber); }
[data-page="conteudo-governanca-bim"] .gb-cyc--human .gb-cyc-n {
  background: rgba(245, 166, 35, .14); border-color: rgba(245, 166, 35, .5); color: var(--amber);
}
@media (max-width: 820px) {
  [data-page="conteudo-governanca-bim"] .gb-cycle {
    grid-template-columns: 1fr; grid-template-areas: "cc" "a1" "a2" "a3" "a4" "a5" "a6"; gap: 10px;
  }
  [data-page="conteudo-governanca-bim"] .gb-cycle::before { display: none; }
  [data-page="conteudo-governanca-bim"] .gb-cyc-core { width: 116px; height: 116px; margin-bottom: 6px; }
  /* Seta de continuidade entre as etapas empilhadas */
  [data-page="conteudo-governanca-bim"] .gb-cyc:not(.gb-cyc--6)::after {
    content: ''; position: absolute; left: 50%; bottom: -9px; width: 8px; height: 8px; z-index: 2;
    border-right: 2px solid var(--cyan); border-bottom: 2px solid var(--cyan);
    transform: translateX(-50%) rotate(45deg);
  }
}

/* ── 11 · ESCADA DE MATURIDADE ──────────────────────────── */
[data-page="conteudo-governanca-bim"] .gb-evo {
  list-style: none; max-width: 1140px; margin: 24px auto 0;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; align-items: end;
}
[data-page="conteudo-governanca-bim"] .gb-evo-step {
  padding: 18px; border-radius: var(--radius-m);
  background: var(--panel); border: 1px solid var(--edge); border-bottom: 3px solid rgba(56, 189, 248, .4);
}
/* Degraus: com a linha alinhada pela base (align-items: end), o
   margin-bottom crescente ergue cada nível em relação ao anterior.
   (margin-top não funcionaria aqui, e transform é zerado pelo .is-in) */
[data-page="conteudo-governanca-bim"] .gb-evo-step:nth-child(2) { margin-bottom: 22px; }
[data-page="conteudo-governanca-bim"] .gb-evo-step:nth-child(3) { margin-bottom: 44px; border-color: rgba(34, 211, 238, .35); border-bottom-color: rgba(34, 211, 238, .6); }
[data-page="conteudo-governanca-bim"] .gb-evo-step:nth-child(4) {
  margin-bottom: 66px; border-color: rgba(34, 211, 238, .5); border-bottom-color: var(--cyan);
  background: linear-gradient(160deg, rgba(34, 211, 238, .1), rgba(255, 255, 255, .02));
}
[data-page="conteudo-governanca-bim"] .gb-evo-n {
  font-family: var(--font-mono); font-size: .78rem; font-weight: 700; color: var(--cyan);
}
[data-page="conteudo-governanca-bim"] .gb-evo-step h3 { margin-top: 6px; font-size: 1.05rem; font-weight: 800; letter-spacing: -.01em; color: var(--txt-1); }
[data-page="conteudo-governanca-bim"] .gb-evo-step p { margin-top: 6px; font-size: .92rem; line-height: 1.5; color: var(--txt-3); }
@media (max-width: 900px) {
  [data-page="conteudo-governanca-bim"] .gb-evo { grid-template-columns: 1fr 1fr; }
  [data-page="conteudo-governanca-bim"] .gb-evo-step { margin-bottom: 0 !important; }
}
@media (max-width: 560px) { [data-page="conteudo-governanca-bim"] .gb-evo { grid-template-columns: 1fr; } }

/* ── 11 · HORIZONTES ────────────────────────────────────── */
[data-page="conteudo-governanca-bim"] .gb-horizons {
  max-width: 1140px; margin: 24px auto 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px;
}
[data-page="conteudo-governanca-bim"] .gb-hz {
  padding: clamp(20px, 3vw, 26px); border-radius: var(--radius-l); background: var(--panel);
}
/* Os três horizontes se distinguem por rótulo e traçado, nunca só pela cor */
[data-page="conteudo-governanca-bim"] .gb-hz--now { border: 1px solid var(--edge-2); }
[data-page="conteudo-governanca-bim"] .gb-hz--pilot { border: 1px dashed var(--edge-2); }
[data-page="conteudo-governanca-bim"] .gb-hz--future {
  border: 1px solid rgba(34, 211, 238, .45);
  background: linear-gradient(150deg, rgba(34, 211, 238, .08), rgba(255, 255, 255, .02));
}
[data-page="conteudo-governanca-bim"] .gb-hz-k {
  font-family: var(--font-mono); font-size: .66rem; font-weight: 700; letter-spacing: .13em;
  text-transform: uppercase; color: var(--sky);
}
[data-page="conteudo-governanca-bim"] .gb-hz--future .gb-hz-k { color: var(--cyan); }
[data-page="conteudo-governanca-bim"] .gb-hz-t { margin-top: 8px; font-size: 1.2rem; font-weight: 800; letter-spacing: -.015em; color: var(--txt-1); }
[data-page="conteudo-governanca-bim"] .gb-hz dl { margin-top: 12px; display: grid; gap: 10px; }
[data-page="conteudo-governanca-bim"] .gb-hz dt {
  font-family: var(--font-mono); font-size: .62rem; font-weight: 700; letter-spacing: .13em;
  text-transform: uppercase; color: rgba(150, 185, 215, .8);
}
[data-page="conteudo-governanca-bim"] .gb-hz dd { margin-top: 2px; font-size: .95rem; line-height: 1.5; color: var(--txt-2); }

/* ── 12 · RISCOS × CONTRAPESOS ──────────────────────────── */
[data-page="conteudo-governanca-bim"] .gb-balance {
  max-width: 1140px; margin: 24px auto 0;
  /* min(Npx, 100%): em 320 CSS px sobram 265 px no pg-wrap, entao um piso fixo
     de 290/300 px estourava a viewport. Acima do piso o min() e um no-op. */
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 16px;
}
[data-page="conteudo-governanca-bim"] .gb-bal-col { padding: clamp(20px, 3vw, 28px); border-radius: var(--radius-l); }
[data-page="conteudo-governanca-bim"] .gb-bal-col--risk {
  background: linear-gradient(150deg, rgba(245, 166, 35, .07), rgba(255, 255, 255, .02));
  border: 1px solid rgba(245, 166, 35, .3); border-left: 4px solid var(--amber);
}
[data-page="conteudo-governanca-bim"] .gb-bal-col--gov {
  background: linear-gradient(150deg, rgba(56, 189, 248, .08), rgba(255, 255, 255, .02));
  border: 1px solid rgba(56, 189, 248, .32); border-left: 4px solid var(--sky);
}
[data-page="conteudo-governanca-bim"] .gb-bal-t {
  display: flex; align-items: center; gap: 10px;
  font-size: 1.12rem; font-weight: 800; letter-spacing: -.01em; color: var(--txt-1);
}
[data-page="conteudo-governanca-bim"] .gb-bal-t svg { width: 21px; height: 21px; flex: none; }
[data-page="conteudo-governanca-bim"] .gb-bal-col--risk .gb-bal-t svg { color: var(--amber); }
[data-page="conteudo-governanca-bim"] .gb-bal-col--gov .gb-bal-t svg { color: var(--sky); }
[data-page="conteudo-governanca-bim"] .gb-bal-col ul { list-style: none; margin-top: 14px; display: grid; gap: 12px; }
[data-page="conteudo-governanca-bim"] .gb-bal-col li { font-size: .98rem; line-height: 1.58; color: var(--txt-2); }
[data-page="conteudo-governanca-bim"] .gb-bal-col li strong { display: block; color: var(--txt-1); }

/* ── 13 · SÍNTESE ───────────────────────────────────────── */

/* Fecho editorial */

/* ── REFERÊNCIAS ────────────────────────────────────────── */
[data-page="conteudo-governanca-bim"] .gb-refs { margin-top: 16px; padding-left: 22px; }
[data-page="conteudo-governanca-bim"] .gb-refs li { font-size: 1rem; line-height: 1.6; color: var(--txt-2); margin-top: 8px; }
[data-page="conteudo-governanca-bim"] .gb-refs li::marker { font-family: var(--font-mono); color: var(--cyan); }

/* ── SOBRE O AUTOR ──────────────────────────────────────── */

/* ── CONTEÚDOS RELACIONADOS ─────────────────────────────── */

/* ── CTA COMERCIAL ──────────────────────────────────────── */

/* ── FOCO VISÍVEL ───────────────────────────────────────── */
[data-page="conteudo-governanca-bim"] .art-btn:focus-visible,
[data-page="conteudo-governanca-bim"] .art-toc-list a:focus-visible,
[data-page="conteudo-governanca-bim"] .art-toc-box > summary:focus-visible,
[data-page="conteudo-governanca-bim"] .art-rel-card h3 a:focus-visible,
[data-page="conteudo-governanca-bim"] .art-author-link:focus-visible,
[data-page="conteudo-governanca-bim"] .art-crumb a:focus-visible {
  outline: 2px solid var(--cyan); outline-offset: 3px; border-radius: 6px;
}

/* ── RESPONSIVO ─────────────────────────────────────────── */

@media (max-width: 620px) {
  
  
  
  
  
  
  
  
  
  [data-page="conteudo-governanca-bim"] .gb-rings .gb-ring { border-radius: 16px; }
}

/* ── IMPRESSÃO DOS DIAGRAMAS DESTE TEXTO ────────────────── */
/* Só o que é `gb-`. O cromo global (cabeçalho, rodapé, WhatsApp, @page, papel
   branco, URL de link externo) está em assets/css/styles.css e os componentes
   `art-` em assets/css/editorial.css: as duas bases estavam copiadas aqui e
   em mais quatro folhas, e era por isso que elas divergiam em silêncio. */
@media print {
  /* Aspas decorativas do anel do ciclo não têm função no papel. */
  [data-page="conteudo-governanca-bim"] .gb-cycle::before { display: none !important; }

  [data-page="conteudo-governanca-bim"] .gb-law-t { color: #000 !important; }

  [data-page="conteudo-governanca-bim"] .gb-law-k,
  [data-page="conteudo-governanca-bim"] .gb-q-n,
  [data-page="conteudo-governanca-bim"] .gb-stack-k,
  [data-page="conteudo-governanca-bim"] .gb-hz-k,
  [data-page="conteudo-governanca-bim"] .gb-chain-k,
  [data-page="conteudo-governanca-bim"] .gb-ring-k,
  [data-page="conteudo-governanca-bim"] .gb-cyc-n,
  [data-page="conteudo-governanca-bim"] .gb-evo-n,
  [data-page="conteudo-governanca-bim"] .gb-phase-n { color: #555 !important; }

  [data-page="conteudo-governanca-bim"] .gb-paradox,
  [data-page="conteudo-governanca-bim"] .gb-phases,
  [data-page="conteudo-governanca-bim"] .gb-laws,
  [data-page="conteudo-governanca-bim"] .gb-chain,
  [data-page="conteudo-governanca-bim"] .gb-balance,
  [data-page="conteudo-governanca-bim"] .gb-horizons { max-width: 100% !important; }

  /* O anel do ciclo vira lista simples no papel */
  [data-page="conteudo-governanca-bim"] .gb-cycle { display: block !important; }
  [data-page="conteudo-governanca-bim"] .gb-cyc { margin-top: 8px; }
  [data-page="conteudo-governanca-bim"] .gb-cyc-core { display: none !important; }
  [data-page="conteudo-governanca-bim"] .gb-evo-step { margin-bottom: 0 !important; }

  [data-page="conteudo-governanca-bim"] .gb-px,
  [data-page="conteudo-governanca-bim"] .gb-phase,
  [data-page="conteudo-governanca-bim"] .gb-law,
  [data-page="conteudo-governanca-bim"] .gb-chain-side,
  [data-page="conteudo-governanca-bim"] .gb-cyc,
  [data-page="conteudo-governanca-bim"] .gb-evo-step,
  [data-page="conteudo-governanca-bim"] .gb-hz,
  [data-page="conteudo-governanca-bim"] .gb-bal-col,
  [data-page="conteudo-governanca-bim"] .gb-questions li { break-inside: avoid; page-break-inside: avoid; }

  /* Riscos e contrapesos continuam distintos no preto e branco: a base de
     impressão derruba o fundo colorido das duas colunas, então quem separa
     uma da outra passa a ser a borda contínua contra a tracejada. */
  [data-page="conteudo-governanca-bim"] .gb-bal-col--risk { border-left: 4px solid #333 !important; }
  [data-page="conteudo-governanca-bim"] .gb-bal-col--gov { border-left: 4px dashed #333 !important; }
}