/* Rush de Ofertas — home editorial abaixo do hero (30/10/2026), rush-horizon-ajuste-editorial.md.
   Carregado só na home, depois de rush.css e horizon.css. Faixas escuras e claras alternadas, poucas molduras,
   títulos de seção 36–44 px, mesmos eixos (container 1280). Funções e dados do site.js intactos. */
:root {
  --claro-fundo: #F1F3F5;
  --claro-titulo: #101C2C;
  --claro-texto: #475569;
  --claro-link: #0758C9;
  --claro-linha: #D5DCE4;
  --claro-controle: #6B7A90;   /* borda de campo: 4,36:1 no branco, 3,92:1 no fundo claro */
  --claro-erro: #B42318;
}

/* ---------- estrutura das faixas ---------- */
.ed { position: relative; padding: 92px 0; }
.ed--escura { background: radial-gradient(ellipse 45% 60% at 88% 0%, rgba(73, 170, 255, .09), rgba(73, 170, 255, 0) 70%), #07111F; color: var(--texto); }
.ed--clara { background: var(--claro-fundo); color: var(--claro-titulo); }
.ed--compacta { padding: 40px 0; }
.ed__dentro { max-width: var(--largura); margin: 0 auto; padding: 0 var(--margem); }
.ed-rotulo { margin: 0 0 12px; font-size: 13px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--azul); }
.ed--clara .ed-rotulo { color: var(--claro-link); }
.ed-titulo { margin: 0; font-size: clamp(32px, 3.1vw, 44px); line-height: 1.1; font-weight: 700; letter-spacing: -.025em; }
.ed-texto { margin-top: 14px; max-width: 56ch; font-size: 18px; line-height: 1.55; color: #C9D5E3; }
.ed--clara .ed-texto { color: var(--claro-texto); }
.ed-ajuda { margin-top: 12px; font-size: 14px; color: var(--texto-2); }
.ed--clara .ed-ajuda { color: var(--claro-texto); }
.ed--clara a:not(.btn) { color: var(--claro-link); }
.ed--clara :focus-visible { outline-color: var(--claro-link); }
.ed-cabeca--linha { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }

/* lista de benefícios em texto, separadores finos, sem ícone em caixa */
.lista-fina { list-style: none; margin: 28px 0; padding: 0; max-width: 480px; }
.lista-fina li { position: relative; padding: 13px 0 13px 28px; border-top: 1px solid rgba(48, 70, 93, .7); font-size: 17px; font-weight: 500; }
.lista-fina li:last-child { border-bottom: 1px solid rgba(48, 70, 93, .7); }
.lista-fina li::before { content: ""; position: absolute; left: 2px; top: 50%; width: 12px; height: 7px; margin-top: -6px; border-left: 2px solid var(--azul); border-bottom: 2px solid var(--azul); transform: rotate(-45deg); }
.ed--clara .lista-fina li { border-color: var(--claro-linha); color: var(--claro-titulo); }
.ed--clara .lista-fina li::before { border-color: #138A4B; }

/* ---------- 1. ofertas: cabeçalho em linha, filtros discretos, grade limpa ---------- */
.ofertas__info { display: grid; justify-items: end; gap: 6px; text-align: right; }
.ofertas .ofertas__status { margin: 0; padding: 0; border: 0; background: none; color: var(--texto-2); font-size: 14px; font-weight: 500; }
.ofertas .ofertas__status .ofertas__ponto { width: 7px; height: 7px; }
.ofertas .ofertas__status.falha { color: #FFE2A1; }
.ofertas .placar:not([hidden]) { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 18px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; backdrop-filter: none; font-size: 14px; color: var(--texto-2); }
.ofertas .placar span { padding: 0; border: 0; display: inline; }
.ofertas .placar b { font-size: 14px; font-weight: 700; color: #fff; }
.ofertas .placar span + span::before { content: "·"; margin-right: 18px; color: rgba(185, 199, 216, .5); }

.ofertas .radar { margin-top: 36px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; }
.radar__linha { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(48, 70, 93, .75); }
.radar__categorias { position: static; }
.radar__categorias summary { list-style: none; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid var(--borda-controle); border-radius: var(--raio-p);
  color: var(--texto); font-weight: 600; font-size: 15px; cursor: pointer; }
.radar__categorias summary::-webkit-details-marker { display: none; }
.radar__categorias summary .ico { width: 18px; height: 18px; }
.radar__categorias summary:hover, .radar__categorias[open] summary { border-color: var(--azul); }
.radar__painel { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 6; padding: 18px; border: 1px solid var(--borda); border-radius: var(--raio);
  background: #0E1C2D; box-shadow: 0 20px 44px rgba(0, 0, 0, .45); }
.ofertas .radar__chips { gap: 8px; }
.ofertas .chip { min-height: 40px; background: transparent; }
.ofertas .chip[aria-pressed="true"] { background: var(--azul); color: var(--azul-texto); }
.radar__ativos { display: contents; }
.chip--ativo { gap: 6px; min-height: 36px !important; padding: 0 10px 0 14px !important; background: rgba(73, 170, 255, .14) !important; border-color: var(--azul) !important; color: #fff !important; }
.chip--ativo span { font-size: 18px; line-height: 1; }
.ofertas .radar__campo { color: var(--texto-2); font-size: 15px; }
.ofertas .radar__chave { color: var(--texto-2); font-size: 15px; }
.ofertas .radar__limpar { min-height: 44px; margin-left: auto; padding: 0 4px; border: 0; background: none; color: var(--azul); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.radar__secundaria { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 24px; padding-top: 12px; font-size: 14px; color: var(--texto-2); }
.radar__secundaria .radar__chave { font-size: 14px; min-height: 36px; }
.radar__secundaria .radar__resumo { margin: 0; font-size: 14px; }
.ofertas .radar__novas { margin: 0; }
.ofertas .filtro-botao .contador, .radar__categorias .contador { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--azul); color: var(--azul-texto); font-size: 13px; font-weight: 800; }
.ofertas .radar__categorias .contador[hidden], .ofertas .filtro-botao .contador[hidden] { display: none; }

.ofertas .cartoes { margin-top: 32px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.ofertas .cartao { background: #0C1828; border: 1px solid rgba(48, 70, 93, .85); border-radius: var(--raio); box-shadow: none; backdrop-filter: none; transform: none; }
.ofertas .cartao:hover { transform: none; box-shadow: none; border-color: rgba(73, 170, 255, .6); }
.ofertas .cartao__foto { aspect-ratio: 4 / 3; background: var(--claro-fundo); }
.ofertas .cartao__foto img { padding: 18px; object-fit: contain; }
.ofertas .cartao:hover .cartao__foto img { transform: none; }
.ofertas .cartao__loja { top: 12px; right: 12px; padding: 3px 8px; border-radius: 6px; background: rgba(16, 28, 44, .88); font-size: 12px; font-weight: 600; }
.ofertas .cartao__selo { left: 12px; top: 12px; padding: 4px 8px; border-radius: 6px; font-size: 13px; }
.ofertas .cartao__corpo { padding: 18px 20px 20px; gap: 8px; }
.ofertas .cartao__titulo { font-size: 16px; line-height: 1.4; font-weight: 600; -webkit-line-clamp: 2; }
.ofertas .cartao__preco b { font-size: 25px; font-weight: 800; }
.ofertas .amigo, .ofertas .compartilhar { min-height: 36px; font-size: 13px; color: var(--texto-2); }
.ofertas .cartao__rodape { margin-top: auto; padding-top: 6px; }
.ofertas .cartao .botao { min-height: 46px; border-radius: var(--raio-p); background: transparent; border: 1px solid var(--azul); color: var(--azul); }
.ofertas .cartao .botao:hover { background: var(--azul); color: var(--azul-texto); }
.ofertas .ver-mais-area { margin-top: 32px; }
.ofertas .ver-mais-area .btn { min-width: 260px; background: transparent; border-color: var(--borda-controle); }
.ofertas .aviso-afiliado { margin-top: 28px; padding: 0; border: 0; font-size: 14px; color: var(--texto-2); text-align: center; }

/* ---------- 2. grupo: faixa clara editorial ---------- */
.grupo .grupo__grade { display: grid; grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); gap: 72px; align-items: center; }
.grupo .btn--zap { box-shadow: 0 8px 20px rgba(34, 201, 105, .22); }
.grupo .mensagem { margin: 0; padding: 22px; border: 1px solid #E1E6EC; border-left: 1px solid #E1E6EC; border-radius: 16px; background: #fff;
  box-shadow: 0 18px 40px rgba(16, 28, 44, .08); backdrop-filter: none; }
.grupo .mensagem__rotulo { margin-bottom: 14px; color: var(--claro-texto); font-size: 14px; font-weight: 600; }
.grupo .mensagem__balao { padding: 16px; border-radius: 12px; background: #F4F7FA; }
.grupo .mensagem__balao img { width: 96px; height: 96px; background: #fff; border: 1px solid #E1E6EC; }
.grupo .mensagem__gancho { color: var(--claro-titulo); font-size: 15px; }
.grupo .mensagem__produto { color: var(--claro-titulo); font-size: 16px; }
.grupo .mensagem__preco { color: var(--claro-texto); font-size: 15px; }
.grupo .mensagem__preco s { color: var(--claro-texto); }
.grupo .mensagem__preco b { color: var(--claro-titulo); font-size: 18px; }
.grupo .mensagem__cupom { border-color: #94A3B8; color: var(--claro-texto); }
.grupo .mensagem__vazia { color: var(--claro-texto); }

/* ---------- 3. assessoria: apresentação concisa + formulário claro ---------- */
.monta .monta__grade { display: grid; grid-template-columns: minmax(0, 40fr) minmax(0, 60fr); gap: 72px; align-items: start; }
.monta .dono { margin-top: 4px; display: flex; align-items: center; gap: 14px; }
.monta .dono img { width: 52px; height: 52px; border: 0; }
.monta .dono b { font-size: 16px; }
.monta .monta__nota { margin-top: 18px; max-width: 46ch; font-size: 15px; color: var(--texto-2); }
.lab-link { margin-top: 14px; }

.monta .assistente { padding: 36px; border: 0; border-radius: 18px; background: var(--claro-fundo); color: var(--claro-titulo); backdrop-filter: none;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .4); }
.monta .assistente :focus-visible { outline-color: var(--claro-link); }
.monta .progresso__passo { color: var(--claro-texto); font-weight: 500; }
.monta .progresso__passo i { background: #fff; border: 1px solid var(--claro-controle); color: var(--claro-texto); box-shadow: none; }
.monta .progresso__passo.atual { color: var(--claro-titulo); font-weight: 700; }
.monta .progresso__passo.atual i, .monta .progresso__passo.feito i { background: var(--azul); border-color: var(--azul); color: var(--azul-texto); }
.monta .progresso__passo.atual i { box-shadow: 0 0 0 4px rgba(73, 170, 255, .25); }
.monta .progresso__linha { background: #CBD5E1; }
.monta .progresso__texto { color: var(--claro-texto); }
.monta .etapa__titulo { color: var(--claro-titulo); }
.monta .campo-grupo legend { color: var(--claro-titulo); }
.monta .campo-grupo legend small, .monta .campo label small { color: var(--claro-texto); }
.monta .escolha { background: #fff; border: 1px solid var(--claro-controle); color: var(--claro-titulo); font-weight: 500; box-shadow: none; }
.monta .escolha:hover { border-color: var(--claro-link); }
.monta .escolha input { accent-color: var(--claro-link); }
.monta .escolha:has(input:checked) { border-color: var(--claro-link); background: #EAF3FF; box-shadow: inset 0 0 0 1px var(--claro-link); font-weight: 700; }
.monta .com-erro .escolha { border-color: var(--claro-erro); }
.monta .erro { color: var(--claro-erro); }
.monta .erro::before { background: var(--claro-erro); color: #fff; }
.monta .campo label { color: var(--claro-titulo); }
.monta .campo input { background: #fff; border: 1px solid var(--claro-controle); color: var(--claro-titulo); }
.monta .campo input::placeholder { color: #64748B; }
.monta .campo input:focus { border-color: var(--claro-link); box-shadow: 0 0 0 3px rgba(7, 88, 201, .18); }
.monta .campo__dica { color: var(--claro-link); }
.monta .mais-detalhes { background: #fff; border: 1px solid var(--claro-controle); }
.monta .mais-detalhes summary { color: var(--claro-link); }
.monta .ajuda, .monta .descricao--menor { color: var(--claro-texto); }
.monta .assistente .btn--azul { box-shadow: none; }
.monta .assistente .btn--contorno { background: #fff; color: var(--claro-titulo); border-color: var(--claro-controle); }
.monta .assistente .btn--contorno:hover { border-color: var(--claro-link); color: var(--claro-titulo); background: #fff; }
.monta .assistente .btn--texto { color: var(--claro-link); }
.monta .revisao { background: #fff; border: 1px solid #CBD5E1; border-radius: var(--raio-p); box-shadow: none; backdrop-filter: none; }
.monta .revisao__item + .revisao__item { border-top-color: #E2E8F0; }
.monta .revisao dt { color: var(--claro-texto); }
.monta .revisao dd { color: var(--claro-titulo); }
.monta .copiado { background: #E7F8EE; color: #0F5132; }
.monta .exemplo { margin-top: 48px; padding: 0; border: 0; border-top: 1px solid rgba(48, 70, 93, .75); border-bottom: 1px solid rgba(48, 70, 93, .75); border-radius: 0;
  background: none; box-shadow: none; backdrop-filter: none; }
.monta .exemplo summary { min-height: 60px; color: var(--texto); }
.monta .exemplo[open] { padding-bottom: 20px; }

/* ---------- 4. vitrine aberta dos formatos ---------- */
.vitrine__lista { list-style: none; margin: 56px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.vitrine__item + .vitrine__item { border-left: 1px solid var(--claro-linha); }
.vitrine__item a { display: grid; gap: 4px; padding: 0 28px 8px; color: var(--claro-titulo); text-decoration: none; }
.vitrine__item:first-child a { padding-left: 0; }
.vitrine__item:last-child a { padding-right: 0; }
.vitrine__foto { display: flex; align-items: flex-end; justify-content: center; aspect-ratio: 1; margin-bottom: 18px; }
.vitrine__foto img { width: 100%; height: 100%; object-fit: contain; object-position: 50% 100%; transition: transform .25s; filter: drop-shadow(0 18px 18px rgba(16, 28, 44, .22)); }
.vitrine__item a:hover .vitrine__foto img { transform: translateY(-4px); }
.vitrine__num { font-size: 13px; font-weight: 700; letter-spacing: .12em; color: #64748B; }
.vitrine__item b { font-size: 21px; font-weight: 700; letter-spacing: -.01em; }
.vitrine__item span:last-child { font-size: 15px; color: var(--claro-texto); }
.vitrine__item a:hover b { color: var(--claro-link); }
.vitrine__legenda { margin-top: 36px; text-align: center; font-size: 14px; color: var(--claro-texto); }

/* ---------- 5. perguntas: título lateral, acordeões à direita ---------- */
.perguntas__grade { display: grid; grid-template-columns: minmax(0, 30fr) minmax(0, 70fr); gap: 72px; align-items: start; }
.perguntas .faq { margin: 0; max-width: none; padding: 0; border: 0; border-top: 1px solid rgba(48, 70, 93, .85); border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; }
.perguntas .faq details { border-bottom: 1px solid rgba(48, 70, 93, .85); }
.perguntas .faq details:last-child { border-bottom: 1px solid rgba(48, 70, 93, .85); }
.perguntas .faq summary { min-height: 68px; padding: 22px 48px 22px 0; font-size: 17px; font-weight: 600; color: var(--texto); }
.perguntas .faq summary::after { right: 12px; }
.perguntas .faq summary:hover, .perguntas .faq details[open] summary { color: var(--azul); }
.perguntas .faq details p { padding: 0 48px 24px 0; max-width: 70ch; font-size: 16px; line-height: 1.65; color: #C9D5E3; }
.perguntas .ed-texto { font-size: 16px; }
.perguntas .ed-texto a { color: var(--azul); }

/* ---------- 6. chamada final clara ---------- */
.chamada-final__dentro { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.chamada-final__titulo { margin: 0; font-size: clamp(22px, 2.2vw, 30px); line-height: 1.2; font-weight: 700; letter-spacing: -.02em; color: var(--claro-titulo); }
.chamada-final .btn { flex: none; }

/* ---------- tablet ---------- */
@media (max-width: 1023px) {
  .ed { padding: 72px 0; }
  .ofertas .cartoes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .grupo .grupo__grade, .monta .monta__grade, .perguntas__grade { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .monta .assistente { max-width: 720px; }
  .vitrine__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 40px; }
  .vitrine__item:nth-child(3) { border-left: 0; }
  .vitrine__item:nth-child(3) a { padding-left: 0; }
  .vitrine__item:nth-child(2) a { padding-right: 0; }
}

/* ---------- celular ---------- */
@media (max-width: 767px) {
  .ed { padding: 52px 0; }
  .ed--compacta { padding: 36px 0; }
  .ed-titulo { font-size: clamp(28px, 8vw, 32px); }
  .ed-texto { font-size: 17px; }
  .ed-cabeca--linha { flex-direction: column; align-items: flex-start; gap: 16px; }
  .ofertas__info { justify-items: start; text-align: left; }
  .ofertas .placar:not([hidden]) { justify-content: flex-start; }
  .ofertas .filtro-botao { margin-top: 20px; width: 100%; justify-content: center; }
  .ofertas .radar { margin-top: 12px; padding: 16px; border: 1px solid var(--borda); border-radius: var(--raio); background: #0C1828; }
  .radar__linha { flex-direction: column; align-items: stretch; border-bottom: 0; padding-bottom: 0; }
  .radar__categorias summary { width: 100%; justify-content: center; }
  .radar__painel { position: static; margin-top: 10px; padding: 12px; box-shadow: none; }
  .radar__ativos { display: flex; flex-wrap: wrap; gap: 8px; }
  .radar__ativos:empty { display: none; }
  .ofertas .radar__limpar { margin-left: 0; align-self: flex-start; }
  .radar__secundaria { padding-top: 12px; border-top: 1px solid rgba(48, 70, 93, .75); margin-top: 12px; }

  /* uma coluna com bom aproveitamento horizontal: foto à esquerda, informações à direita */
  .ofertas .cartoes { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 20px; }
  .ofertas .cartao { flex-direction: row; min-height: 176px; }
  .ofertas .cartao__foto { flex: 0 0 38%; aspect-ratio: auto; }
  .ofertas .cartao__foto img { padding: 10px; }
  .ofertas .cartao__loja { right: auto; left: 8px; top: 8px; font-size: 11px; }
  .ofertas .cartao__selo { left: auto; right: auto; top: auto; bottom: 8px; left: 8px; font-size: 12px; }
  .ofertas .cartao__corpo { padding: 12px 14px 14px; gap: 4px; min-width: 0; }
  .ofertas .cartao__titulo { font-size: 15px; }
  .ofertas .cartao__preco b { font-size: 21px; }
  .ofertas .cartao__acoes, .ofertas .amigo, .ofertas .compartilhar { font-size: 12.5px; }
  .ofertas .cartao .botao { min-height: 44px; }
  .ofertas .ver-mais-area .btn { width: 100%; min-width: 0; }
  .ofertas .aviso-afiliado { text-align: left; }

  .grupo .mensagem { padding: 16px; }
  .grupo .mensagem__balao img { width: 72px; height: 72px; }
  .grupo .btn--zap { width: 100%; }

  /* assessoria: introdução curta, formulário logo em seguida, detalhes depois */
  .monta .monta__grade { display: flex; flex-direction: column; gap: 20px; align-items: stretch; }
  .monta .monta__apoio { display: contents; }
  .monta .monta__apoio > * { order: 3; }
  .monta .monta__apoio > .ed-rotulo { order: 0; margin-bottom: -8px; }
  .monta .monta__apoio > .ed-titulo { order: 0; }
  .monta .monta__apoio > .ed-texto { order: 1; margin-top: -6px; }
  .monta .assistente { order: 2; padding: 20px 16px; }
  .monta .lista-fina { margin: 8px 0 0; }
  .monta .etapa__titulo { font-size: 21px; }

  .vitrine__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 32px; row-gap: 32px; }
  .vitrine__item a { padding: 0 14px 4px; }
  .vitrine__item:nth-child(odd) a { padding-left: 0; }
  .vitrine__item:nth-child(even) a { padding-right: 0; }
  .vitrine__item b { font-size: 18px; }
  .vitrine__item span:last-child { font-size: 14px; }

  .perguntas .faq summary { min-height: 60px; padding: 18px 40px 18px 0; font-size: 16px; }
  .perguntas .faq details p { padding-right: 0; }

  .chamada-final__dentro { flex-direction: column; align-items: stretch; text-align: left; gap: 20px; }
  .chamada-final .btn { width: 100%; }
}
@media (max-width: 359px) {
  .vitrine__lista { grid-template-columns: minmax(0, 1fr); }
  .vitrine__item + .vitrine__item { border-left: 0; }
  .vitrine__item a { padding: 0; }
  .vitrine__foto { max-width: 240px; margin-left: auto; margin-right: auto; }
  .ofertas .cartao { flex-direction: column; }
  .ofertas .cartao__foto { flex: none; aspect-ratio: 4 / 3; }
}
.ed--clara .vitrine__item a { color: var(--claro-titulo); }
.ed--clara .vitrine__item a:hover b { color: var(--claro-link); }
@media (max-width: 767px) {
  .grupo .grupo__texto, .grupo .ed-texto, .grupo .ed-ajuda, .grupo .ed-titulo, .grupo .ed-rotulo { text-align: left; }
  .grupo .lista-fina { max-width: none; margin-left: 0; text-align: left; }
}

/* ---------- atalho da calculadora em destaque (pedido do dono, 30/10: "é inovador e está apagado") ---------- */
.atalho--destaque .atalho__icone--calc { background: #0B2A55; color: #F5C04C; box-shadow: 0 8px 20px rgba(11, 42, 85, .35); }
.atalho--destaque .atalho__icone--calc .ico { fill: currentColor; stroke: none; }
.atalho--destaque .atalho__texto { display: grid; gap: 2px; }
.atalho--destaque .atalho__texto small { font-size: 14px; font-weight: 500; color: var(--claro-texto); letter-spacing: 0; }
.atalho__novo { display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 999px; background: #EAF3FF; color: var(--claro-link); font-size: 12px; font-weight: 700; vertical-align: 3px; }
.atalho--destaque .btn--azul { margin-left: auto; box-shadow: 0 8px 20px rgba(73, 170, 255, .3); }
.atalho--destaque .atalho__icone--calc { animation: pulso-raio 2.8s ease-in-out infinite; }
@keyframes pulso-raio { 0%, 100% { box-shadow: 0 8px 20px rgba(11, 42, 85, .35); } 50% { box-shadow: 0 8px 20px rgba(11, 42, 85, .35), 0 0 0 8px rgba(245, 192, 76, .22); } }
@media (prefers-reduced-motion: reduce) { .atalho--destaque .atalho__icone--calc { animation: none; } }
@media (max-width: 1023px) { .atalho--destaque .btn--azul { grid-column: 2; justify-self: start; margin-left: 0; } }

/* =====================================================================================================
   Páginas de ferramenta no padrão editorial (30/10/2026, pedido do dono): Calculadora e Laboratório
   ===================================================================================================== */
.ed-titulo--pagina { font-size: clamp(38px, 4vw, 54px); line-height: 1.06; letter-spacing: -.03em; }
.selo-novo-claro { display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 999px; background: var(--claro-link); color: #fff; font-size: 11px; letter-spacing: .08em; vertical-align: 1px; }
.ed--clara .lista-fina b { font-weight: 700; color: var(--claro-titulo); }

/* calculadora: topo claro com o medidor em destaque */
.calc-topo-ed { padding: 72px 0 80px; }
.calc-topo-ed__grade { display: grid; grid-template-columns: minmax(0, 58fr) minmax(0, 42fr); gap: 64px; align-items: center; }
.calc-topo-ed .btn--azul { margin-top: 4px; box-shadow: 0 10px 24px rgba(73, 170, 255, .35); }
.calc-topo-ed .calc-ver-resultado { display: none; }
.calc-topo-ed__visual { display: grid; justify-items: center; gap: 18px; padding: 44px 32px 32px; border-radius: 22px; text-align: center;
  background: radial-gradient(ellipse 60% 55% at 50% 40%, rgba(73, 170, 255, .28), rgba(73, 170, 255, 0) 70%), #0B1726; box-shadow: 0 30px 60px rgba(16, 28, 44, .25); }
.calc-topo-ed__visual .medidor { transform: scale(1.7); transform-origin: 50% 70%; margin: 34px 0 16px; }
.calc-topo-ed__visual p { margin: 0; font-size: 15px; color: #C9D5E3; }
@media (prefers-reduced-motion: reduce) {
  /* pedido do dono: o ponteiro (lento) balança sempre para chamar o olhar */
  .calc-topo-ed__visual .medidor__ponteiro { animation: balanco 3.2s ease-in-out infinite !important; }
}

/* calculadora: metodologia em faixa clara, perguntas sem caixas */
.calc-como--clara { background: var(--claro-fundo); color: var(--claro-titulo); }
.calc-como--clara::before { display: none; }
.calc-como--clara .rotulo { color: var(--claro-link); }
.calc-como--clara .titulo { color: var(--claro-titulo); }
.calc-como--clara .titulo .realce { color: var(--claro-link); }
.calc-como--clara .descricao, .calc-como--clara .calc-aviso { color: var(--claro-texto); }
.calc-como--clara .calc-como__faq { background: none; border: 0; border-top: 1px solid var(--claro-linha); border-radius: 0; box-shadow: none; backdrop-filter: none; padding: 0; }
.calc-como--clara .faq details { border-bottom: 1px solid var(--claro-linha) !important; }
.calc-como--clara .faq summary { color: var(--claro-titulo); }
.calc-como--clara .faq summary:hover, .calc-como--clara .faq details[open] summary { color: var(--claro-link); }
.calc-como--clara ul { color: var(--claro-texto); }
.calc-como--clara ul b, .calc-como--clara .calc-formula b { color: var(--claro-titulo); }
.calc-como--clara .calc-formula { background: #fff; border-left-color: var(--claro-link); color: var(--claro-texto); }

/* chamada final escura (quando a página termina em faixa clara) */
.chamada-final--escura .chamada-final__titulo { color: #fff; }

@media (max-width: 1023px) {
  .calc-topo-ed__grade { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .calc-topo-ed .calc-ver-resultado { display: inline-flex; margin-left: 16px; }
  .calc-topo-ed__visual { max-width: 420px; }
}
@media (max-width: 767px) {
  .calc-topo-ed { padding: 40px 0 48px; }
  .ed-titulo--pagina { font-size: clamp(32px, 9vw, 40px); }
  .calc-topo-ed .btn--azul { width: 100%; }
  .calc-topo-ed .calc-ver-resultado { margin: 8px 0 0; }
  .calc-topo-ed__visual { padding: 30px 20px 22px; }
  .calc-topo-ed__visual .medidor { transform: scale(1.35); margin: 20px 0 8px; }
}
.calc-como--clara .calc-como__dentro { display: grid; grid-template-columns: minmax(0, 30fr) minmax(0, 70fr); column-gap: 72px; align-items: start; }
.calc-como--clara .calc-como__dentro > .rotulo, .calc-como--clara .calc-como__dentro > .titulo, .calc-como--clara .calc-como__dentro > .descricao { grid-column: 1; text-align: left; margin-left: 0; max-width: none; }
.calc-como--clara .calc-como__dentro > .calc-como__faq, .calc-como--clara .calc-como__dentro > .calc-aviso { grid-column: 2; margin: 0; max-width: none; text-align: left; }
.calc-como--clara .calc-como__dentro > .calc-como__faq { grid-row: 1 / span 3; }
.calc-como--clara .calc-aviso { margin-top: 20px !important; }
@media (max-width: 1023px) {
  .calc-como--clara .calc-como__dentro { grid-template-columns: minmax(0, 1fr); }
  .calc-como--clara .calc-como__dentro > * { grid-column: 1 !important; grid-row: auto !important; }
  .calc-como--clara .calc-como__dentro > .calc-como__faq { margin-top: 24px; }
}

/* painel "Leitura do seu setup" no topo da calculadora: tipografia, números reais, sem gráfico ilustrativo */
.leitura { padding: 32px 32px 26px; border: 1px solid rgba(48, 70, 93, .9); border-radius: 18px; background: #0B1726; color: var(--texto);
  box-shadow: 0 30px 60px rgba(16, 28, 44, .22); }
.leitura__rotulo { margin: 0 0 18px; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--texto-2); }
.leitura__linha { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 14px 0; border-top: 1px solid rgba(48, 70, 93, .7); }
.leitura__linha span { font-size: 15px; color: #C9D5E3; }
.leitura__linha b { font-size: 28px; font-weight: 700; letter-spacing: -.02em; color: #fff; font-variant-numeric: tabular-nums; }
.leitura__linha--total { border-bottom: 1px solid rgba(48, 70, 93, .7); }
.leitura__linha--total b { color: var(--azul); }
.leitura__linha small { margin-left: 4px; font-size: 14px; font-weight: 500; color: var(--texto-2); }
.leitura__barra { height: 3px; margin: -2px 0 14px; border-radius: 3px; background: rgba(48, 70, 93, .8); overflow: hidden; }
.leitura__barra i { display: block; height: 100%; width: 58%; background: var(--azul); transition: width .4s ease; }
.leitura__nota { margin: 16px 0 0; font-size: 13px; color: var(--texto-2); }
@media (max-width: 1023px) { .leitura { max-width: 460px; } }
@media (max-width: 767px) { .leitura { padding: 24px 20px 20px; } .leitura__linha b { font-size: 24px; } }
@media (prefers-reduced-motion: reduce) { .leitura__barra i { transition: none; } }

/* ---------- Laboratório: topo editorial claro + painel de etapas em superfície clara ---------- */
.pagina-lab { background: #07111F; }
.lab-topo-ed { padding: 64px 0 72px; }
.lab-topo-ed__grade { display: grid; grid-template-columns: minmax(0, 58fr) minmax(0, 42fr); gap: 56px; align-items: center; }
.lab-topo-ed .btn--azul { margin-top: 4px; box-shadow: 0 10px 24px rgba(73, 170, 255, .35); }
.lab-topo-ed__pc { margin: 0; justify-self: center; width: min(420px, 100%); }
.lab-topo-ed__pc img { width: 100%; height: auto; filter: drop-shadow(0 26px 26px rgba(16, 28, 44, .28)); }
.lab { padding-top: 64px; }
.lab::before, .lab::after { display: none !important; }

.pagina-lab .painel { background: var(--claro-fundo); color: var(--claro-titulo); border: 0; backdrop-filter: none; box-shadow: 0 30px 70px rgba(0, 0, 0, .4); }
.pagina-lab .painel :focus-visible { outline-color: var(--claro-link); }
.pagina-lab .trilha button { color: var(--claro-texto); }
.pagina-lab .trilha li:not(.atual) button span { color: var(--claro-texto); }
.pagina-lab .trilha i { background: #fff; border-color: var(--claro-controle); color: var(--claro-texto); }
.pagina-lab .trilha .atual button { color: var(--claro-titulo); }
.pagina-lab .trilha .atual i, .pagina-lab .trilha .feita i { background: var(--azul); border-color: var(--azul); color: var(--azul-texto); }
.pagina-lab .trilha__texto { color: var(--claro-texto); }
.pagina-lab .lab-etapa__titulo { color: var(--claro-titulo); }
.pagina-lab .painel .campo-grupo legend { color: var(--claro-titulo); }
.pagina-lab .painel .escolha { background: #fff; border: 1px solid var(--claro-controle); color: var(--claro-titulo); box-shadow: none; }
.pagina-lab .painel .escolha:hover { border-color: var(--claro-link); }
.pagina-lab .painel .escolha input { accent-color: var(--claro-link); }
.pagina-lab .painel .escolha:has(input:checked) { border-color: var(--claro-link); background: #EAF3FF; box-shadow: inset 0 0 0 1px var(--claro-link); }
.pagina-lab .painel .com-erro .escolha { border-color: var(--claro-erro); }
.pagina-lab .painel .erro { color: var(--claro-erro); }
.pagina-lab .painel .erro::before { background: var(--claro-erro); color: #fff; }
.pagina-lab .painel .campo label { color: var(--claro-titulo); }
.pagina-lab .painel .campo input { background: #fff; border: 1px solid var(--claro-controle); color: var(--claro-titulo); }
.pagina-lab .painel .campo input::placeholder { color: #64748B; }
.pagina-lab .painel .campo input:focus { border-color: var(--claro-link); box-shadow: 0 0 0 3px rgba(7, 88, 201, .18); }
.pagina-lab .painel .campo__dica, .pagina-lab .painel .ajuda { color: var(--claro-texto); }
.pagina-lab .painel .mais-detalhes { background: #fff; border: 1px solid var(--claro-controle); }
.pagina-lab .painel .mais-detalhes summary { color: var(--claro-link); }
.pagina-lab .painel .orcamento, .pagina-lab .painel .ajuste { background: #fff; border: 1px solid #CBD5E1; box-shadow: none; backdrop-filter: none; color: var(--claro-titulo); }
.pagina-lab .painel .orcamento__rotulo, .pagina-lab .painel .orcamento__familia { color: var(--claro-texto); }
.pagina-lab .painel .orcamento__familia b { color: var(--claro-titulo); }
.pagina-lab .painel .orcamento__valor span, .pagina-lab .painel .ajuste b { color: var(--claro-link); }
.pagina-lab .painel .orcamento__valor input { color: var(--claro-titulo); border-bottom-color: var(--claro-controle); }
.pagina-lab .painel .orcamento__valor input:focus { border-bottom-color: var(--claro-link); }
.pagina-lab .painel .orcamento__slider { accent-color: var(--claro-link); }
.pagina-lab .painel .resultado__titulo, .pagina-lab .painel .resultado h3 { color: var(--claro-titulo); }
.pagina-lab .painel .selo-rev { color: #7A4B00; background: #FFF4DB; border-color: #E9B44C; }
.pagina-lab .painel .numeros { border-color: #CBD5E1; }
.pagina-lab .painel .numeros div { background: #fff; }
.pagina-lab .painel .numeros div + div { border-color: #CBD5E1; }
.pagina-lab .painel .numeros small, .pagina-lab .painel .numeros__nota, .pagina-lab .painel .motivo, .pagina-lab .painel .pendencias { color: var(--claro-texto); }
.pagina-lab .painel .numeros b { color: var(--claro-titulo); }
.pagina-lab .painel .numeros div:last-child b { color: var(--claro-link); }
.pagina-lab .painel .conferencias, .pagina-lab .painel .ref, .pagina-lab .painel .previa { background: #fff; border-color: #CBD5E1; }
.pagina-lab .painel .conferencias summary { color: var(--claro-titulo); }
.pagina-lab .painel .conf--atencao summary { color: #8A5300; }
.pagina-lab .painel .conf--ok summary, .pagina-lab .painel .c--pass, .pagina-lab .painel .sit--ok { color: #0F5132; }
.pagina-lab .painel .conf--erro summary, .pagina-lab .painel .c--fail, .pagina-lab .painel .sit--erro { color: var(--claro-erro); }
.pagina-lab .painel .c--unknown, .pagina-lab .painel .sit--atencao, .pagina-lab .painel .notas { color: #8A5300; }
.pagina-lab .painel .mudancas { background: #EAF3FF; border-color: #9CC5F5; color: var(--claro-titulo); }
.pagina-lab .painel .mudancas ul { color: var(--claro-texto); }
.pagina-lab .painel .peca { background: #fff; border-color: #CBD5E1; }
.pagina-lab .painel .peca[open] { border-color: var(--claro-controle); }
.pagina-lab .painel .peca__txt small, .pagina-lab .painel .peca__corpo dt { color: var(--claro-texto); }
.pagina-lab .painel .peca__txt b, .pagina-lab .painel .peca__preco, .pagina-lab .painel .peca__corpo dd { color: var(--claro-titulo); }
.pagina-lab .painel .aviso { color: var(--claro-titulo); }
.pagina-lab .painel .aviso--atencao { background: #FFF7E6; border-color: #E9B44C; }
.pagina-lab .painel .aviso--info { background: #EAF3FF; border-color: #9CC5F5; }
.pagina-lab .painel .aviso--erro { background: #FDECEC; border-color: #F3A6A0; }
.pagina-lab .painel .ref summary { color: var(--claro-link); }
.pagina-lab .painel .previa summary { color: var(--claro-titulo); }
.pagina-lab .painel .previa__texto { color: var(--claro-texto); }
.pagina-lab .painel .revisao { background: #fff; border: 1px solid #CBD5E1; box-shadow: none; backdrop-filter: none; }
.pagina-lab .painel .revisao dt { color: var(--claro-texto); }
.pagina-lab .painel .revisao dd { color: var(--claro-titulo); }
.pagina-lab .painel .revisao__item + .revisao__item { border-top-color: #E2E8F0; }
.pagina-lab .painel .btn--contorno { background: #fff; color: var(--claro-titulo); border-color: var(--claro-controle); }
.pagina-lab .painel .btn--contorno:hover { border-color: var(--claro-link); background: #fff; color: var(--claro-titulo); }
.pagina-lab .painel .btn--texto { color: var(--claro-link); }
.pagina-lab .painel .btn--azul { box-shadow: none; }
.pagina-lab .painel .copiado { background: #E7F8EE; color: #0F5132; }
.pagina-lab .painel a:not(.btn) { color: var(--claro-link); }
.pagina-lab .lab__avisos { max-width: var(--largura) !important; margin-top: 48px; padding: 24px var(--margem) 0 !important; border: 0; border-top: 1px solid rgba(48, 70, 93, .75); border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; }
.pagina-lab .lab { padding-bottom: 72px; }

@media (max-width: 1023px) {
  .lab-topo-ed__grade { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .lab-topo-ed__pc { width: min(300px, 70%); grid-row: 1; }
}
@media (max-width: 767px) {
  .lab-topo-ed { padding: 36px 0 44px; }
  .lab-topo-ed .btn--azul { width: 100%; }
  .lab-topo-ed__pc { width: min(220px, 60%); }
  .lab { padding-top: 32px; }
}
.leitura__linha b span { font-size: inherit; color: inherit; }
.atalho--destaque .atalho__texto { display: block; }
.atalho--destaque .atalho__texto small { display: block; margin-top: 2px; }
