/* Site da Feola Contábil — páginas: radar, prazos, setores, simulador e celular (gerado a partir da prévia aprovada em 17/10/2026). */
/* Linha do tempo da reforma */
.tempo { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); border-top: 3px solid var(--dourado); }
.tempo div { padding: 16px 16px 18px 0; display: flex; flex-direction: column; gap: 6px; }
.tempo b { font-family: var(--fonte-titulo); font-weight: 400; font-size: 30px; color: var(--azul); line-height: 1; }
:root[data-theme="dark"] .tempo b { color: var(--dourado); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .tempo b { color: var(--dourado); } }
.tempo span { font-size: 14.5px; color: var(--tinta-suave); }
.tabela-wrap { overflow-x: auto; border: 1px solid var(--linha); }
table.tab { width: 100%; border-collapse: collapse; font-size: 15px; }
table.tab th, table.tab td { text-align: left; padding: 10px 14px; border-bottom: 1px solid var(--linha); vertical-align: top; }
table.tab th { background: var(--fundo-alt); font-size: 13px; letter-spacing: .04em; color: var(--tinta-suave); white-space: nowrap; }
table.tab tr:last-child td { border-bottom: 0; }

/* Blog */
.filtros { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 26px; }
.filtro { appearance: none; cursor: pointer; font: 700 14px/1 var(--fonte-texto); padding: 9px 14px; border-radius: 20px; border: 1px solid var(--linha); background: var(--cartao); color: var(--tinta); }
.filtro[aria-pressed="true"] { background: var(--azul); color: #fff; border-color: var(--azul); }
.posts { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 0; border-top: 1px solid var(--linha); }
.post-cartao { display: flex; flex-direction: column; gap: 10px; padding: 24px 22px 26px 0; text-decoration: none; color: var(--tinta); border-bottom: 1px solid var(--linha); margin-right: 22px; }
.post-cartao .cat { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--dourado-texto); }
.post-cartao h3 { font-size: 22px; color: var(--azul); }
:root[data-theme="dark"] .post-cartao h3 { color: #fff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .post-cartao h3 { color: #fff; } }
.post-cartao:hover h3 { text-decoration: underline; text-decoration-color: var(--dourado); text-underline-offset: 4px; }
.post-cartao p { color: var(--tinta-suave); font-size: 15.5px; }
.post-cartao small { color: var(--tinta-suave); font-size: 13.5px; }
.artigo { max-width: 74ch; display: flex; flex-direction: column; gap: 18px; font-size: 17.5px; }
.artigo h2 { font-size: 27px; margin-top: 14px; color: var(--azul); }
:root[data-theme="dark"] .artigo h2 { color: #fff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .artigo h2 { color: #fff; } }
.artigo ul, .artigo ol { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 8px; }
.autor { display: flex; gap: 14px; align-items: center; border-top: 1px solid var(--linha); border-bottom: 1px solid var(--linha); padding: 14px 0; }
.autor .inicial { width: 46px; height: 46px; background: var(--azul); color: var(--dourado); font-family: var(--fonte-titulo); font-size: 20px; display: flex; align-items: center; justify-content: center; flex: none; }
.autor b { display: block; }
.autor span { font-size: 14px; color: var(--tinta-suave); }
.atualizacao { border: 1px solid var(--dourado); background: var(--aviso-fundo); padding: 14px 16px; font-size: 15.5px; display: flex; flex-direction: column; gap: 6px; }
.atualizacao b { color: var(--aviso); font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; }
.fontes { font-size: 14px; color: var(--tinta-suave); }
.fontes a { word-break: break-all; }

/* Formulários */
/* Campo que só robô preenche (services/site_contato.py, POTE): fora da tela, sem ir para o leitor de tela. */
.pote { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
.campo { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.campo.largo { grid-column: 1 / -1; }
.campo label { font-weight: 800; font-size: 14.5px; }
.campo label small { font-weight: 400; color: var(--tinta-suave); }
.campo input, .campo select, .campo textarea {
  font: 400 16px/1.4 var(--fonte-texto); color: var(--tinta); background: var(--cartao);
  border: 1px solid #B9C2C9; border-radius: var(--canto); padding: 12px 13px; width: 100%;
}
.campo textarea { min-height: 120px; resize: vertical; }
.campo .erro-campo { color: var(--erro); font-size: 13.5px; }
.campo.com-erro input, .campo.com-erro select { border-color: var(--erro); }
.arquivos { font-size: 13.5px; color: var(--tinta-suave); }
.consentimento { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; font-size: 14.5px; align-items: start; }
.consentimento input { width: 18px; height: 18px; margin-top: 3px; }
.recebido { border: 1px solid var(--ok); background: var(--ok-fundo); padding: 22px; display: flex; flex-direction: column; gap: 10px; }
.recebido h3 { color: var(--ok); font-size: 24px; }

/* Rodapé */
.rodape { background: var(--azul-escuro); color: var(--sobre-azul-suave); font-size: 15px; }
.rodape .envolve { padding-block: 52px 30px; display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 36px; }
.rodape h4 { color: #fff; font-size: 17px; margin-bottom: 12px; letter-spacing: .03em; }
.rodape a { color: var(--sobre-azul-suave); text-decoration: none; }
.rodape a:hover { color: var(--dourado); }
.rodape ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.rodape address { font-style: normal; display: flex; flex-direction: column; gap: 4px; }
.rodape address b { color: #fff; }
.rodape .base { border-top: 1px solid rgba(255,255,255,.1); }
.rodape .base .envolve { padding-block: 18px 22px; display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; font-size: 13.5px; grid-template-columns: none; }
.redes { display: flex; gap: 10px; margin-top: 14px; }
.redes a { width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.25); display: flex; align-items: center; justify-content: center; }
.redes a:hover { border-color: var(--dourado); }
.redes svg { width: 18px; height: 18px; fill: currentColor; }

/* WhatsApp e cookies */
.zap {
  position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); z-index: 45;
  display: inline-flex; align-items: center; gap: 10px; text-decoration: none;
  background: var(--azul); color: #fff; border: 2px solid var(--dourado); border-radius: 30px;
  padding: 10px 16px 10px 12px; font: 800 14.5px/1 var(--fonte-texto); box-shadow: 0 6px 20px rgba(0,0,0,.25);
}
.zap svg { width: 24px; height: 24px; fill: #fff; }
.zap:hover { background: var(--azul-escuro); }
.cookies {
  position: fixed; left: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 46; max-width: 460px;
  background: var(--cartao); color: var(--tinta); border: 1px solid var(--linha); border-top: 3px solid var(--dourado);
  padding: 18px; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.2); font-size: 14.5px;
}
.cookies h4 { font-family: var(--fonte-texto); font-weight: 800; font-size: 16px; }
.cookies .acoes { display: flex; gap: 8px; flex-wrap: wrap; }
.cookies .acoes .botao { padding: 11px 16px; font-size: 14px; }
.cookies label { display: flex; gap: 8px; align-items: center; }

/* Telas menores: colunas empilham, menos margem no celular */
@media (max-width: 1100px) { .grade-servicos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 920px) {
  .heroi .envolve, .duas, .com-lado { grid-template-columns: minmax(0, 1fr); }
  .setas { right: -330px; opacity: .3; }
  .cartao-lado { position: static; }
  .rodape .envolve { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  body { font-size: 16px; }
  .envolve { padding-inline: 16px; }
  .secao { padding-block: 52px; }
  .heroi .envolve { padding-block: 40px 44px; }
  .heroi .lead { font-size: 17px; }
  .form { grid-template-columns: minmax(0, 1fr); }
  .grade-servicos { grid-template-columns: minmax(0, 1fr); }
  .rodape .envolve { grid-template-columns: minmax(0, 1fr); }
  .portal-amostra { grid-template-columns: minmax(0, 1fr); }
  .portal-amostra .lado { flex-direction: row; overflow-x: auto; padding: 0; }
  .portal-amostra .lado span { white-space: nowrap; }
  .zap span { display: none; }
  .zap { padding: 12px; }
  .cookies { left: 10px; right: 10px; max-width: none; }
  .post-cartao { margin-right: 0; padding-right: 0; }
  .marca-nome { display: none; }
  .marca-logo { width: 92px; height: 72px; }
  .topo .envolve { min-height: 80px; }
}

/* Texto só para leitor de tela */
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ===================== Radar ===================== */
.radar-lista { display: flex; flex-direction: column; border-top: 1px solid var(--linha); }
.radar-lista.colunas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 28px; border-top: 0; }
.radar-lista.colunas .radar-item { border-top: 1px solid var(--linha); border-bottom: 0; }
.radar-item { display: flex; flex-direction: column; gap: 6px; padding: 16px 0; border-bottom: 1px solid var(--linha); text-decoration: none; color: var(--tinta); align-items: flex-start; }
.radar-item:hover .radar-tit { text-decoration: underline; text-decoration-color: var(--dourado); text-underline-offset: 4px; }
.radar-meta { display: flex; gap: 12px; font-size: 12.5px; color: var(--tinta-suave); flex-wrap: wrap; }
.radar-meta .tema { font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--dourado-texto); }
.radar-tit { font-family: var(--fonte-titulo); font-size: 21px; line-height: 1.22; color: var(--azul); }
:root[data-theme="dark"] .radar-tit { color: #fff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .radar-tit { color: #fff; } }
.radar-item.grande .radar-tit { font-size: 25px; }
.radar-linha { color: var(--tinta-suave); font-size: 15.5px; max-width: 70ch; }
.selo { display: inline-block; font: 800 11.5px/1 var(--fonte-texto); padding: 4px 8px; border-radius: 10px; letter-spacing: .02em; }
.selo.ok { background: var(--ok-fundo); color: var(--ok); }
.selo.alerta { background: var(--aviso-fundo); color: var(--aviso); }
.selo.info { background: var(--fundo-alt); color: var(--azul); border: 1px solid var(--linha); }
:root[data-theme="dark"] .selo.info { color: var(--dourado); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .selo.info { color: var(--dourado); } }
.selo.neutro { background: var(--fundo-alt); color: var(--tinta-suave); border: 1px solid var(--linha); }
.link-forte { font-weight: 800; color: var(--dourado-texto); text-decoration: none; white-space: nowrap; }
.link-forte:hover { text-decoration: underline; }

/* Contagem e prazos */
.contagem { display: flex; align-items: center; gap: 16px; border: 1px solid var(--linha); border-left: 4px solid var(--dourado); padding: 16px 18px; background: var(--cartao); }
.contagem b { font-family: var(--fonte-titulo); font-weight: 400; font-size: 54px; line-height: 1; color: var(--azul); }
:root[data-theme="dark"] .contagem b { color: var(--dourado); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .contagem b { color: var(--dourado); } }
.contagem span { font-weight: 700; line-height: 1.35; }
.contagem small { font-weight: 400; color: var(--tinta-suave); }
.contagem-mini { font-size: 14px; color: var(--tinta-suave); }
.contagem-mini b { font-family: var(--fonte-titulo); font-weight: 400; font-size: 20px; color: var(--dourado-texto); }
.prazos { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border-top: 1px solid var(--linha); }
.prazo { display: grid; grid-template-columns: 118px minmax(0, 1fr) auto auto; gap: 6px 14px; align-items: start; padding: 13px 0; border-bottom: 1px solid var(--linha); }
.prazo-data { font-family: var(--fonte-titulo); font-size: 17px; color: var(--azul); line-height: 1.2; }
:root[data-theme="dark"] .prazo-data { color: var(--dourado); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .prazo-data { color: var(--dourado); } }
.prazo-corpo { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.prazo-corpo b { font-weight: 800; }
.prazo-corpo span { font-size: 14.5px; color: var(--tinta-suave); }
.prazo-corpo small { font-size: 12.5px; color: var(--tinta-suave); }
.prazo-falta { font: 800 12px/1 var(--fonte-texto); background: var(--aviso-fundo); color: var(--aviso); padding: 5px 8px; border-radius: 10px; white-space: nowrap; }
.prazo-ir { text-decoration: none; font-weight: 800; color: var(--dourado-texto); font-size: 18px; padding: 0 4px; }
.prazos.compacto .prazo { grid-template-columns: minmax(0, 1fr) auto; }
.prazos.compacto .prazo-data { grid-column: 1 / -1; font-size: 15px; }
.prazos.compacto .prazo-corpo span, .prazos.compacto .prazo-ir { display: none; }
.mensal { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.mensal li { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 12px; align-items: center; }
.mensal .dia { font-family: var(--fonte-titulo); font-size: 30px; color: var(--azul); text-align: center; border: 2px solid var(--dourado); padding: 4px 0; }
:root[data-theme="dark"] .mensal .dia { color: var(--dourado); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .mensal .dia { color: var(--dourado); } }
.mensal b { display: block; font-weight: 800; }
.mensal small { color: var(--tinta-suave); font-size: 14px; }

/* Newsletter */
.news { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 300px) auto; gap: 10px 14px; align-items: center; border: 1px solid var(--linha); border-top: 3px solid var(--dourado); padding: 18px; background: var(--cartao); }
.news div { display: flex; flex-direction: column; gap: 2px; }
.news div b { font-weight: 800; font-size: 16.5px; }
.news div span { font-size: 14px; color: var(--tinta-suave); }
.news input { font: 400 15.5px/1.4 var(--fonte-texto); color: var(--tinta); background: var(--fundo); border: 1px solid #B9C2C9; border-radius: var(--canto); padding: 11px 12px; min-width: 0; }
.news input[aria-invalid="true"] { border-color: var(--erro); }
.news .botao { padding: 12px 18px; }
.news-ok { grid-column: 1 / -1; color: var(--ok); font-weight: 700; font-size: 14px; }
.cartao-lado .news { grid-template-columns: minmax(0, 1fr); border: 0; padding: 0; background: none; }

/* ===================== Versão 1: Escritório ===================== */
.v1-heroi { background: var(--fundo); padding-block: 84px 64px; }
.v1-heroi h1 { font-size: clamp(40px, 6vw, 72px); color: var(--azul); max-width: 15ch; margin-top: 14px; line-height: 1.04; }
:root[data-theme="dark"] .v1-heroi h1 { color: #fff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .v1-heroi h1 { color: #fff; } }
.v1-lead { font-size: 20px; color: var(--tinta-suave); margin-top: 18px; max-width: 48ch; }
.v1-caminhos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 44px; }
.v1-caminhos a { display: flex; flex-direction: column; gap: 10px; padding: 24px 22px 22px; text-decoration: none; color: var(--tinta); border: 1px solid var(--linha); border-top: 3px solid var(--azul); background: var(--cartao); }
.v1-caminhos a:hover { border-top-color: var(--dourado); }
.v1-caminhos b { font-family: var(--fonte-titulo); font-weight: 400; font-size: 24px; line-height: 1.2; color: var(--azul); }
:root[data-theme="dark"] .v1-caminhos b { color: #fff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .v1-caminhos b { color: #fff; } }
.v1-caminhos .ir { margin-top: auto; font-weight: 800; font-size: 14px; color: var(--dourado-texto); }
.v1-radar, .v5-radar { background: var(--fundo-alt); padding-block: 56px; }
.v1-radar-cab { display: flex; align-items: baseline; gap: 10px 22px; flex-wrap: wrap; margin-bottom: 14px; }
.v1-radar-cab h2 { font-size: 30px; }
.v1-radar-cab .link-forte { margin-left: auto; }
.v1-faixa { background: var(--azul); color: var(--sobre-azul-suave); }
.v1-faixa .envolve { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-block: 22px; }

/* ===================== Versão 2: Portal ===================== */
.v2-ticker { background: var(--azul-escuro); color: var(--sobre-azul-suave); font-size: 14px; }
.v2-ticker .envolve { display: flex; gap: 8px 12px; flex-wrap: wrap; align-items: baseline; padding-block: 10px; }
.v2-ticker a { color: #fff; text-decoration: none; }
.v2-ticker a b { color: var(--dourado); font-weight: 800; }
.v2-ticker .contagem-mini { color: var(--sobre-azul-suave); }
.v2-ticker .contagem-mini b { color: var(--dourado); }
.v2-ticker .sep { color: rgba(255,255,255,.3); }
.v2-topo { padding-block: 40px 56px; }
.v2-cab { border-bottom: 3px solid var(--azul); padding-bottom: 14px; margin-bottom: 26px; display: flex; align-items: baseline; gap: 8px 24px; flex-wrap: wrap; }
.v2-cab h1 { font-size: clamp(30px, 4vw, 44px); color: var(--azul); }
:root[data-theme="dark"] .v2-cab h1 { color: #fff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .v2-cab h1 { color: #fff; } }
.v2-cab p { color: var(--tinta-suave); max-width: 60ch; }
.v2-grade { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 40px; }
.v2-manchete { display: flex; flex-direction: column; gap: 14px; text-decoration: none; color: var(--tinta); background: var(--azul); padding: 34px 32px; position: relative; overflow: hidden; min-height: 300px; justify-content: flex-end; align-items: flex-start; }
.v2-manchete > *:not(.setas) { position: relative; z-index: 1; }
.v2-manchete .setas { width: 420px; height: 380px; right: -150px; top: -70px; opacity: .45; }
.v2-manchete .radar-meta, .v2-manchete .radar-linha { color: var(--sobre-azul-suave); }
.v2-manchete .radar-meta .tema { color: var(--dourado); }
.v2-m-tit { font-family: var(--fonte-titulo); font-size: clamp(30px, 3.4vw, 42px); line-height: 1.12; color: #fff; }
.v2-manchete:hover .v2-m-tit { text-decoration: underline; text-decoration-color: var(--dourado); }
.v2-ultimas h2 { font-family: var(--fonte-texto); font-weight: 800; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--tinta-suave); margin-bottom: 4px; }
.v2-ultimas .radar-item { padding: 12px 0; }
.v2-ultimas .radar-tit { font-size: 18px; }
.v2-ultimas .link-forte { display: inline-block; margin-top: 12px; }
.v2-baixo { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 40px; align-items: start; }
.v2-h2 { font-size: 24px; margin-bottom: 14px; }
.v2-editorias { display: flex; flex-wrap: wrap; gap: 8px; }
.v2-editorias a { display: inline-flex; gap: 8px; align-items: center; text-decoration: none; color: var(--tinta); border: 1px solid var(--linha); background: var(--cartao); padding: 10px 14px; font-weight: 700; }
.v2-editorias a span { background: var(--fundo-alt); border-radius: 10px; padding: 1px 7px; font-size: 12px; color: var(--tinta-suave); }
.v2-editorias a:hover { border-color: var(--dourado); }
.v2-lado { background: var(--cartao); border: 1px solid var(--linha); border-top: 3px solid var(--dourado); padding: 22px; display: flex; flex-direction: column; gap: 12px; }
.v2-lado h3 { font-size: 22px; color: var(--azul); }
:root[data-theme="dark"] .v2-lado h3 { color: #fff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .v2-lado h3 { color: #fff; } }
.v2-lado .botao { width: 100%; }
.v2-servicos { list-style: none; margin: 6px 0 0; padding: 0; border-top: 1px solid var(--linha); }
.v2-servicos li a { display: block; padding: 9px 0; border-bottom: 1px solid var(--linha); text-decoration: none; color: var(--tinta); font-weight: 700; font-size: 14.5px; }

/* ===================== Versão 3: Por segmento ===================== */
.v3-heroi { background: var(--azul); color: #fff; position: relative; overflow: hidden; }
.v3-heroi .envolve { position: relative; z-index: 1; padding-block: 56px 64px; }
.v3-heroi h1 { color: #fff; font-size: clamp(40px, 5.6vw, 66px); margin-top: 10px; }
.v3-lead { color: var(--sobre-azul-suave); font-size: 18.5px; max-width: 58ch; margin-top: 14px; }
.v3-setores { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 34px; }
.v3-setores a { display: flex; flex-direction: column; gap: 8px; padding: 22px 20px; text-decoration: none; background: var(--azul-escuro); border: 1px solid rgba(216,190,129,.35); color: #fff; min-height: 170px; }
.v3-setores a:hover { border-color: var(--dourado); background: #00324d; }
.v3-setores b { font-family: var(--fonte-titulo); font-weight: 400; font-size: 27px; color: var(--dourado); }
.v3-setores span { color: var(--sobre-azul-suave); font-size: 15px; }
.v3-setores .ir { margin-top: auto; color: #fff; font-weight: 800; font-size: 14px; }
.v3-setores.claro { margin-top: 0; }
.v3-setores.claro a { background: var(--cartao); border: 1px solid var(--linha); border-top: 3px solid var(--dourado); color: var(--tinta); }
.v3-setores.claro b { color: var(--azul); }
:root[data-theme="dark"] .v3-setores.claro b { color: var(--dourado); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .v3-setores.claro b { color: var(--dourado); } }
.v3-setores.claro span { color: var(--tinta-suave); }
.v3-setores.claro .ir { color: var(--dourado-texto); }

/* ===================== Versão 4: Agenda ===================== */
.v4-heroi { padding-block: 48px 56px; background: var(--fundo); }
.v4-heroi .envolve { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 48px; align-items: start; }
.v4-esq { display: flex; flex-direction: column; gap: 20px; }
.v4-esq h1 { font-size: clamp(34px, 4.4vw, 52px); color: var(--azul); }
:root[data-theme="dark"] .v4-esq h1 { color: #fff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .v4-esq h1 { color: #fff; } }
.v4-esq .contagem b { font-size: 76px; }
.v4-esq .acoes { display: flex; gap: 10px; flex-wrap: wrap; }
.v4-dir h2 { font-family: var(--fonte-texto); font-weight: 800; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--tinta-suave); margin-bottom: 6px; }

/* ===================== Versão 5: Pergunte ===================== */
.v5-heroi { padding-block: 80px 64px; background: var(--fundo); }
.v5-heroi .envolve { max-width: 820px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 18px; }
.v5-heroi h1 { font-size: clamp(36px, 5.4vw, 62px); color: var(--azul); }
:root[data-theme="dark"] .v5-heroi h1 { color: #fff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .v5-heroi h1 { color: #fff; } }
.v5-busca { position: relative; width: 100%; }
.v5-busca input { width: 100%; font: 400 19px/1.3 var(--fonte-texto); color: var(--tinta); background: var(--cartao); border: 2px solid var(--azul); border-radius: 32px; padding: 18px 56px 18px 24px; }
:root[data-theme="dark"] .v5-busca input { border-color: var(--dourado); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .v5-busca input { border-color: var(--dourado); } }
.v5-lupa { position: absolute; right: 22px; top: 50%; transform: translateY(-52%); font-size: 26px; color: var(--dourado-texto); }
.v5-chips { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.v5-chip { appearance: none; cursor: pointer; font: 700 14px/1 var(--fonte-texto); color: var(--tinta); background: var(--fundo-alt); border: 1px solid var(--linha); border-radius: 20px; padding: 10px 14px; }
.v5-chip:hover { border-color: var(--dourado); }
.v5-res { width: 100%; text-align: left; display: flex; flex-direction: column; gap: 8px; }
.v5-item { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 2px 14px; text-decoration: none; color: var(--tinta); border: 1px solid var(--linha); background: var(--cartao); padding: 14px 16px; }
.v5-item:hover { border-color: var(--dourado); }
.v5-tipo { grid-row: span 2; font: 800 11.5px/1.6 var(--fonte-texto); letter-spacing: .08em; text-transform: uppercase; color: var(--dourado-texto); }
.v5-item b { font-weight: 800; }
.v5-item span:last-child { font-size: 14.5px; color: var(--tinta-suave); }
.v5-nada { border: 1px dashed var(--linha); padding: 16px; font-size: 15px; }
.v5-zap { color: var(--tinta-suave); }

/* Artigo do Radar e simulador */
.artigo .resposta-curta { font-size: 18px; }
.fontes ul { margin: 6px 0 0; padding-left: 18px; }
.sim-res { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.sim-res > p { grid-column: 1 / -1; }
.sim-faixa { border: 1px solid var(--linha); border-left: 4px solid var(--dourado); padding: 16px 18px; background: var(--cartao); display: flex; flex-direction: column; gap: 4px; }
.sim-faixa.hoje { border-left-color: var(--azul); }
.sim-faixa span { font-size: 13.5px; color: var(--tinta-suave); font-weight: 700; }
.sim-faixa b { font-family: var(--fonte-titulo); font-weight: 400; font-size: 30px; color: var(--azul); }
:root[data-theme="dark"] .sim-faixa b { color: var(--dourado); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .sim-faixa b { color: var(--dourado); } }
.sim-faixa small { color: var(--tinta-suave); }

@media (max-width: 920px) {
  .v1-caminhos, .v3-setores, .radar-lista.colunas { grid-template-columns: minmax(0, 1fr); }
  .v2-grade, .v2-baixo, .v4-heroi .envolve { grid-template-columns: minmax(0, 1fr); }
  .news { grid-template-columns: minmax(0, 1fr); }
  .v2-manchete { min-height: 0; }
}
@media (max-width: 600px) {
  .v1-heroi { padding-block: 48px 40px; }
  .v5-heroi { padding-block: 48px 40px; }
  .prazo { grid-template-columns: minmax(0, 1fr) auto; }
  .prazo-data { grid-column: 1 / -1; }
  .prazo-ir { display: none; }
  .v4-esq .contagem b, .contagem b { font-size: 46px; }
  .v5-item { grid-template-columns: minmax(0, 1fr); }
  .v5-tipo { grid-row: auto; }
  .v2-ticker .envolve { flex-direction: column; gap: 4px; }
  .v2-ticker .sep { display: none; }
}


/* ===================== Site final: fachada e dados do escritório ===================== */
.foto-fachada { margin: 0; display: flex; flex-direction: column; gap: 8px; }
.foto-fachada img { width: 100%; max-height: 560px; object-fit: cover; object-position: 50% 28%; border-top: 3px solid var(--dourado); display: block; }
.foto-fachada figcaption { font-size: 13.5px; color: var(--tinta-suave); }
.v3-escritorio { align-items: center; }
.fatos { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 22px; }
.fatos dt { font-size: 11.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--dourado-texto); }
.fatos dd { margin: 3px 0 0; }
.avaliacao { font-size: 15px; }
.avaliacao .estrelas { color: var(--dourado-texto); letter-spacing: 2px; }
.acoes-linha { display: flex; gap: 10px; flex-wrap: wrap; }
@media (max-width: 600px) { .fatos { grid-template-columns: minmax(0, 1fr); } .foto-fachada img { max-height: 420px; } }

@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

.prazo.passou { opacity: .55; }
.prazo.passou .prazo-falta { display: none; }