/* Modelo B (02/11/2026, aprovado pelo dono). Carregado por último em todas as páginas. Só aparência: nenhuma função depende daqui.
   1. Um fundo escuro único, com luz verde, azul e roxa e uma malha leve.
   2. Cada serviço tem uma cor: verde = alerta e grupo, azul = calculadora, roxo = laboratório e montagem.
   3. Conteúdo em cartões de vidro com borda colorida. Título em Archivo condensado e maiúsculo, texto em Inter. */
:root {
  --mb-noite: #060B17; --mb-noite-2: #0A1224; --mb-branco: #F4F8FF; --mb-texto: #DDE6F2; --mb-mudo: #B9C6D8;
  --mb-verde: #00E070; --mb-azul: #27D3F0; --mb-roxo: #B57BFF; --mb-zap: #16D862; --mb-tinta: #04170C; --mb-ouro: #FFC93C;
  --mb-linha: rgba(255, 255, 255, .13); --mb-campo: rgba(255, 255, 255, .06);
  --raio: 14px; --raio-p: 10px; --raio-g: 16px; --zap: #16D862; --zap-texto: #04170C;
  --texto: #F4F8FF; --texto-2: #B9C6D8; --borda: rgba(255, 255, 255, .16); --fundo: #060B17; --card: #0D1729; --card-2: #0A1224; --azul: #27D3F0; --azul-claro: #27D3F0;
  --mb-cor: var(--mb-azul); --mb-fundo-cor: rgba(39, 211, 240, .1); --mb-borda: rgba(39, 211, 240, .5); --mb-luz: rgba(39, 211, 240, .45);
}
.mb-v, .cartoes .cartao, .faq details, .vitrine__item, .alerta, .grupo .mensagem, .chamada-final__dentro, .alerta-janela {
  --mb-cor: var(--mb-verde); --mb-fundo-cor: rgba(0, 224, 112, .1); --mb-borda: rgba(0, 224, 112, .55); --mb-luz: rgba(0, 224, 112, .5); }
.mb-a, .pagina-calc .calc-bloco, .pagina-calc .calc-resultado__dentro {
  --mb-cor: var(--mb-azul); --mb-fundo-cor: rgba(39, 211, 240, .1); --mb-borda: rgba(39, 211, 240, .5); --mb-luz: rgba(39, 211, 240, .45); }
.mb-r, .monta, .pagina-lab {
  --mb-cor: var(--mb-roxo); --mb-fundo-cor: rgba(168, 85, 247, .14); --mb-borda: rgba(181, 123, 255, .55); --mb-luz: rgba(181, 123, 255, .5); }

html { background: var(--mb-noite); scroll-behavior: smooth; }
body { position: relative; background: transparent; color: var(--mb-texto); font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; transform: translateZ(0);
  background:
    radial-gradient(60rem 40rem at -6% 0%, rgba(0, 224, 112, .24), transparent 62%),
    radial-gradient(52rem 34rem at 52% 60%, rgba(10, 92, 255, .17), transparent 66%),
    radial-gradient(56rem 40rem at 106% 100%, rgba(168, 85, 247, .26), transparent 62%),
    linear-gradient(rgba(39, 211, 240, .04) 1px, transparent 1px) 0 0 / 100% 56px,
    linear-gradient(90deg, rgba(39, 211, 240, .04) 1px, transparent 1px) 0 0 / 56px 100%;
}
.pagina-calc::before { background:
    radial-gradient(60rem 40rem at 100% 0%, rgba(39, 211, 240, .26), transparent 62%),
    radial-gradient(52rem 34rem at -4% 70%, rgba(10, 92, 255, .22), transparent 66%),
    linear-gradient(rgba(39, 211, 240, .04) 1px, transparent 1px) 0 0 / 100% 56px,
    linear-gradient(90deg, rgba(39, 211, 240, .04) 1px, transparent 1px) 0 0 / 56px 100%; }
.pagina-lab::before { background:
    radial-gradient(60rem 40rem at 100% 0%, rgba(168, 85, 247, .32), transparent 62%),
    radial-gradient(52rem 34rem at -4% 70%, rgba(10, 92, 255, .18), transparent 66%),
    linear-gradient(rgba(39, 211, 240, .04) 1px, transparent 1px) 0 0 / 100% 56px,
    linear-gradient(90deg, rgba(39, 211, 240, .04) 1px, transparent 1px) 0 0 / 56px 100%; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid var(--mb-azul); outline-offset: 2px; }

/* ---------- cantos: o modelo B usa cantos arredondados ---------- */
.btn, .cartao, .moldura, .moldura__dentro, .cartao__selo, .cartao__loja, .cupom, .cartao .botao, .alerta, .alerta-janela, .mensagem, .mensagem__balao, .leitura, .escolha, .painel, .palco, .calc-bloco, .calc-resultado, .calc-resultado__dentro, .assistente, .radar__painel, .radar__campo select, .filtro-botao, .dono img, .campo input, .campo select, .campo textarea, .faq details, .lab-barra, .calc-formula, .calc-aviso, .calc-dica { border-radius: var(--raio) !important; }
.btn, .cartao .botao, .escolha, .filtro-botao, .campo input, .campo select, .campo textarea, .radar__campo select, .cartao__selo, .cartao__loja, .cupom { border-radius: var(--raio-p) !important; }

/* ---------- cabeçalho e rodapé ---------- */
.cabecalho { background: rgba(6, 11, 23, .95); backdrop-filter: none; border-bottom: 1px solid var(--mb-linha); }
.cabecalho__nav a { color: var(--mb-branco); }
.cabecalho__nav a[aria-current], .cabecalho__nav a[aria-current="page"] { color: #fff; }
.cabecalho__cta, .btn--zap { background: var(--mb-zap) !important; border-color: var(--mb-zap); color: var(--mb-tinta) !important; box-shadow: 0 0 24px rgba(22, 216, 98, .38) !important; }
.btn--zap:hover { background: #2BE877 !important; filter: none; }
.menu__painel { background: #0A1224; border: 1px solid var(--mb-linha); }
.menu__painel a { color: var(--mb-branco); }
.rodape { background: rgba(6, 11, 23, .72); border-top: 1px solid var(--mb-linha); color: var(--mb-texto); }
.rodape h2 { color: #fff; }
.rodape a { color: var(--mb-texto); }
.rodape__legal { color: var(--mb-mudo); }
.abas { background: rgba(6, 11, 23, .97); backdrop-filter: none; border-top: 1px solid var(--mb-linha); }
.abas a { color: var(--mb-branco); }

/* ---------- títulos, seções, botões ---------- */
.ed-titulo, .titulo-pagina, .titulo, .chamada-final__titulo, .cartoes-titulo__texto, .alerta h3, .lab-etapa__titulo, .etapa__titulo, .calc-resultado__titulo, .calc-resultado__valor, .legal h2 { font-stretch: 72%; color: #fff; }
.ed-titulo em, .titulo-pagina em, h1 em { font-style: normal; color: var(--mb-cor); }
.ed-rotulo, .sobretitulo, .rotulo { color: var(--mb-cor); }
.ed, .ed--clara, .ed--escura, .grupo.ed--clara, .monta.ed--escura, .ed.calc-topo-ed, .ed.lab-topo-ed, .calc-como--clara, .topo-pagina--horizonte, .nao-achou, .ed.chamada-final, .ed.chamada-final--escura {
  background: transparent; color: var(--mb-texto);
  --claro-titulo: #fff; --claro-texto: #DDE6F2; --claro-link: var(--mb-azul); --claro-linha: var(--mb-linha); }
.ed + .ed { border-top: 1px solid rgba(255, 255, 255, .07); }
.ed-texto, .ed--clara .ed-texto, .lista-fina li, .ed--clara .lista-fina li, .ed-ajuda, .descricao, .ajuda, .campo__dica { color: var(--mb-texto); }
.lista-fina li::before, .monta__apoio .lista-fina li::before, .calc-topo-ed .lista-fina li::before, .lab-topo-ed .lista-fina li::before { border-color: var(--mb-cor); }
.btn--azul, .btn--escuro { background: var(--mb-cor) !important; border-color: var(--mb-cor) !important; color: #06101C !important; }
.btn--azul:hover, .btn--escuro:hover { filter: brightness(1.12); }
.btn--contorno { background: var(--mb-campo); border-color: var(--mb-borda); color: #fff; }
.btn--texto, .seta, .calc-link, .lab-link { color: var(--mb-cor); }
.btn { transition: transform .15s ease, filter .15s ease, background-color .15s ease; }
.btn:active { transform: scale(.98); }

/* ---------- cartões de vidro ---------- */
.cartao, .assistente, .faq details, .vitrine__item, .mostruario .vitrine__item, .mostruario .vitrine__item + .vitrine__item, .mensagem, .calc-bloco, .calc-resultado__dentro, .painel, .palco__quadro, .radar, .calc-formula, .alerta {
  background: linear-gradient(135deg, var(--mb-fundo-cor), rgba(8, 14, 28, .86)) !important;
  border: 1px solid var(--mb-borda) !important; box-shadow: 0 0 26px -10px var(--mb-luz); color: var(--mb-texto); }

/* ---------- home: topo ---------- */
.mb-home { padding-block: 30px 18px; }
.mb-miolo { width: min(100% - 32px, 1240px); margin-inline: auto; }
.mb-heroi { display: grid; grid-template-columns: minmax(0, 1fr) 300px; align-items: center; gap: 32px; padding-bottom: 26px; }
.mb-heroi h1 { margin: 0; color: #fff; font: 800 clamp(2.3rem, 5.15vw, 4.7rem)/1 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 70%; text-transform: uppercase; letter-spacing: .002em; }
.mb-heroi h1 em { color: var(--mb-verde); text-shadow: 0 0 30px rgba(0, 224, 112, .45); }
.mb-frase { margin: 0; color: #DDE6F2; font-size: 1.14rem; line-height: 1.5; }
.mb-servicos { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 20px; }
.mb-coluna { display: grid; gap: 20px; }
.mb-card { position: relative; display: flex; min-width: 0; overflow: hidden; width: 100%; font: inherit; text-align: left; color: var(--mb-texto); text-decoration: none; cursor: pointer; border: 1px solid var(--mb-borda); border-radius: 14px; background: linear-gradient(135deg, var(--mb-fundo-cor), rgba(6, 11, 23, .9)); box-shadow: 0 0 24px -8px var(--mb-luz); transition: transform .18s ease, box-shadow .18s ease; }
.mb-card:hover { transform: translateY(-2px); box-shadow: 0 0 34px -6px var(--mb-luz); }
.mb-card:active { transform: scale(.995); }
.mb-card__titulo { display: block; margin: 0 0 6px; color: #fff; font: 800 1.85rem/1.02 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 76%; text-transform: uppercase; }
.mb-card__texto { display: block; margin: 0; color: #DDE6F2; font-size: .97rem; line-height: 1.42; }
.mb-ir { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; margin-top: 12px; padding: 0 14px; border: 1px solid var(--mb-borda); border-radius: 8px; background: rgba(255, 255, 255, .04); color: var(--mb-cor); font-weight: 700; font-size: .95rem; white-space: nowrap; }
.mb-grande { align-items: center; justify-content: space-between; gap: 22px; padding: 26px; }
.mb-grande .mb-card__titulo { font-size: 2.9rem; margin-bottom: 10px; }
.mb-grande .mb-card__texto { font-size: 1.08rem; }
.mb-grande__texto { min-width: 0; flex: 1 1 40%; display: flex; flex-direction: column; align-items: flex-start; }
.mb-ir--cheio { min-height: 50px; padding: 0 20px; background: var(--mb-verde); border-color: var(--mb-verde); color: var(--mb-tinta); font-size: 1.02rem; margin-top: 16px; }
.mb-chat { flex: 1 1 56%; min-width: 0; padding: 12px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px; background: #08151A; box-shadow: 0 18px 40px rgba(0, 0, 0, .45); display: flex; flex-direction: column; gap: 8px; }
.mb-chat__topo { display: flex; align-items: center; gap: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(255, 255, 255, .1); color: #fff; font-weight: 700; font-size: .95rem; }
.mb-chat__ponto { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--mb-zap); }
.mb-chat__ex { margin-left: auto; color: var(--mb-mudo); font-weight: 500; font-size: .8rem; }
.mb-b { max-width: 90%; padding: 8px 11px; border-radius: 10px; color: #fff; font-size: .92rem; line-height: 1.3; }
.mb-b--eu { align-self: flex-end; background: #0D4F3A; }
.mb-b--ele { align-self: flex-start; background: #1B2733; }
.mb-b--alvo { align-self: stretch; max-width: none; display: flex; align-items: center; gap: 10px; background: var(--mb-zap); color: var(--mb-tinta); font-weight: 600; box-shadow: 0 0 24px rgba(22, 216, 98, .5); }
.mb-b--alvo strong { display: block; font-size: 1.04rem; font-weight: 800; }
.mb-b__sino { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--mb-ouro); color: #2B1D00; }
.mb-b__sino svg { width: 23px; height: 23px; }
.mb-pq { min-height: 158px; padding: 18px 20px; align-items: center; }
.mb-pq__texto { position: relative; z-index: 1; max-width: 62%; display: flex; flex-direction: column; align-items: flex-start; }
.mb-pq .mb-ir { margin-top: 9px; }
.mb-medidor { position: absolute; right: 14px; top: 50%; width: 128px; height: auto; transform: translateY(-50%); }
.mb-gabriel { position: absolute; right: 0; bottom: 0; width: 150px; height: auto; filter: drop-shadow(0 0 20px rgba(181, 123, 255, .5)); }

/* ---------- home: últimas ofertas no topo ---------- */
.mb-ofertas-topo { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: 26px 0 14px; }
.mb-ofertas-topo h2 { margin: 0; color: #fff; font: 800 1.85rem/1 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 76%; text-transform: uppercase; }
.mb-busca { display: flex; flex: 1 1 280px; max-width: 460px; margin-left: auto; }
.mb-busca input { flex: 1; min-width: 0; min-height: 44px; padding: 0 12px; border: 1px solid var(--mb-linha); border-right: 0; border-radius: 10px 0 0 10px; background: var(--mb-campo); color: #fff; font: inherit; font-size: 16px; }
.mb-busca input::placeholder { color: var(--mb-mudo); opacity: 1; }
.mb-busca button { min-height: 44px; padding: 0 16px; border: 0; border-radius: 0 10px 10px 0; background: var(--mb-azul); color: #06101C; font: inherit; font-weight: 700; cursor: pointer; }
.mb-todas { color: var(--mb-azul); font-weight: 700; white-space: nowrap; padding: 10px 0; }
.mb-ofertas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.mb-of { align-items: center; gap: 16px; padding: 14px; }
.mb-of__foto { flex: none; width: 118px; height: 118px; padding: 7px; border-radius: 10px; background: #fff; }
.mb-of__foto img { width: 100%; height: 100%; object-fit: contain; }
.mb-of__info { min-width: 0; flex: 1; display: block; }
.mb-of__nome { display: -webkit-box; overflow: hidden; color: #fff; font: 700 1.24rem/1.14 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 86%; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.mb-of__meta { display: block; margin-top: 5px; color: var(--mb-mudo); font-size: .88rem; }
.mb-of__chip { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 5px; background: rgba(255, 255, 255, .12); color: #fff; font-size: .78rem; font-weight: 600; }
.mb-of__pe { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 4px 10px; margin-top: 7px; }
.mb-of__preco { color: #fff; font: 800 1.7rem/1 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 80%; white-space: nowrap; font-variant-numeric: tabular-nums; }
.mb-of__preco small { margin-left: 5px; color: var(--mb-ouro); font: 700 .78rem "Inter", sans-serif; }
.mb-of__ver { color: var(--mb-cor); font-weight: 700; font-size: .92rem; white-space: nowrap; }
.mb-of--vazia { min-height: 148px; cursor: default; }
.mb-of--vazia::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, .06) 50%, transparent 70%); background-size: 220% 100%; animation: mb-brilho 1.6s linear infinite; }
@keyframes mb-brilho { from { background-position: 120% 0; } to { background-position: -120% 0; } }
.hn-sem-feed .mb-ofertas { display: none; }
.mb-nota { margin: 12px 0 0; color: var(--mb-mudo); font-size: .84rem; line-height: 1.45; }
.mb-fim { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px 22px; padding-top: 20px; text-align: center; }
.mb-fim p { margin: 0; color: #fff; font: 700 1.3rem/1.2 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 84%; }
.hn-resultado { color: var(--mb-texto); }
.hn-resultado button { color: var(--mb-azul); background: none; border: 0; font: inherit; font-weight: 700; cursor: pointer; }

/* ---------- ofertas ---------- */
.ofertas__status, .placar, .cartoes-titulo__sub, .radar__resumo, .radar__novas { color: var(--mb-mudo); }
.placar b, .ofertas__status b { color: #fff; }
.radar { --mb-borda: var(--mb-linha); --mb-fundo-cor: rgba(255, 255, 255, .03); }
.radar__campo, .radar__chave, .radar__categorias summary { color: var(--mb-texto); }
.radar__campo select, select, .campo input, .campo select, .campo textarea, .aj__campo input, .aj__moeda { background-color: var(--mb-campo); border-color: var(--mb-linha); color: #fff; }
select option { background: #0A1224; color: #fff; }
input::placeholder, textarea::placeholder { color: var(--mb-mudo); opacity: 1; }
.radar__painel { background: #0A1224; border: 1px solid var(--mb-linha); }
.ofertas .cartoes { gap: 16px; }
.cartao { transition: transform .18s ease, box-shadow .18s ease; }
.cartao:hover { transform: translateY(-3px); box-shadow: 0 0 34px -6px var(--mb-luz); }
.cartao__foto, .ofertas .cartao__foto { background: #fff !important; border-radius: 13px 13px 0 0; overflow: hidden; }
.cartao__titulo, .cartao__titulo a { color: #fff; }
.cartao__preco, .cartao__preco b { color: #fff; }
.cartao__hora { color: var(--mb-mudo); }
.cartao__selo { background: var(--mb-verde); color: var(--mb-tinta); }
.cartao__extra { color: var(--mb-ouro); }
.ofertas .cartao .botao, .cartao .botao, .ofertas .cartao .botao:hover, .cartao .botao:hover { background: var(--mb-cor); color: #06101C; }
.cartao .botao:hover { filter: brightness(1.12); }

/* ---------- alerta dentro das ofertas ---------- */
.alerta { color: var(--mb-texto); }
.alerta h3, .alerta h3 em { color: #fff; }
.alerta .sobretitulo { color: var(--mb-verde); }
.alerta__sub, .alerta__garantias, .alerta__dica, .alerta__resumo { color: var(--mb-texto); }
.alerta__icone { background: var(--mb-zap); color: var(--mb-tinta); }
.alerta__garantias li::before { background-color: var(--mb-verde); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304170C' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
.alerta-janela { background: #0A1224 !important; color: var(--mb-texto); border: 1px solid var(--mb-borda) !important; box-shadow: 0 0 60px -10px var(--mb-luz); }
.alerta-janela::backdrop { background: rgba(3, 6, 15, .82); }
.aj, .aj h2, .aj h3, .aj__topo h2 { color: #fff; }
.aj em { font-style: normal; color: var(--mb-verde); }
.aj__ajuda, .aj__campo, .aj__chave, .aj__resumo, .aj__nota, .aj__beneficios span, .aj__beneficios { color: var(--mb-texto); }
.aj__beneficios b { color: #fff; }
.aj__fechar { color: #fff; }
.aj__passo h3 span { background: var(--mb-verde); color: var(--mb-tinta); }

/* ---------- grupo ---------- */
.mensagem__rotulo { color: var(--mb-texto); }
.mensagem__balao { background: #0D2B22 !important; color: #fff; border-radius: var(--raio-p) !important; }
.mensagem__balao * { color: inherit; }

/* ---------- montagem ---------- */
.monta__apoio, .monta__apoio .ed-texto, .monta .monta__nota, .monta__nota a, .monta .dono span, .monta__apoio a:not(.btn) { color: var(--mb-texto); }
.monta__apoio { --azul: var(--mb-roxo); --borda: rgba(255, 255, 255, .2); }
.monta__apoio .ed-rotulo { color: var(--mb-roxo); }
.monta .dono b { color: #fff; }
.lab-link, .monta__apoio a.lab-link { color: var(--mb-roxo); }
.assistente, .etapa__titulo, .progresso__texto, .progresso__passo, .campo label, .campo-grupo legend, .ajuda, .revisao, .revisao dt, .revisao dd, .descricao--menor { color: var(--mb-texto); }
.etapa__titulo { color: #fff; }
.progresso__passo i { background: transparent !important; border-color: var(--mb-borda) !important; color: var(--mb-texto) !important; }
.progresso__passo.ativo i, .progresso__passo[aria-current] i, .progresso__passo.atual i, .progresso__passo.is-atual i { background: var(--mb-roxo) !important; color: #0F0620 !important; }
.progresso__linha { background: var(--mb-linha); }
.escolha, .escolhas--lab .escolha, .assistente .escolha, .ed .escolha { background: var(--mb-campo) !important; border: 1px solid var(--mb-linha) !important; color: #fff !important; }
.escolha span, .assistente .escolha span { color: #fff !important; }
.escolha:hover { border-color: var(--mb-borda); }
.escolha:has(input:checked), .assistente .escolha:has(input:checked) { background: var(--mb-fundo-cor) !important; border-color: var(--mb-cor) !important; }
input[type="radio"], input[type="checkbox"], input[type="range"] { accent-color: var(--mb-cor); }
.mais-detalhes, .exemplo, .monta details, .monta .mais-detalhes, .monta .exemplo { border-color: var(--mb-linha); color: var(--mb-texto); }
.mais-detalhes summary, .exemplo summary, .previa summary, .monta details summary { color: #fff; }
.exemplo__itens dt { color: #fff; }
.exemplo__itens dd, .exemplo p { color: var(--mb-texto); }

/* ---------- formatos ---------- */
.ed.mostruario .vitrine__item a, .ed.mostruario .vitrine__item:first-child a, .ed.mostruario .vitrine__item:last-child a { color: #fff; }
.ed.mostruario .vitrine__item span:last-child { color: var(--mb-texto); }
.ed.mostruario .vitrine__item a::after, .ed.mostruario .vitrine__item a:hover::after { background: var(--mb-cor); color: #06101C; border-radius: 8px; }
.ed.mostruario .vitrine__item a:hover b { color: var(--mb-cor); }
.vitrine__legenda { color: var(--mb-mudo); }

/* ---------- perguntas ---------- */
.faq::before { color: var(--mb-texto); }
.faq details, .calc-como--clara .faq details { color: var(--mb-texto); }
.faq summary { color: #fff; }
.faq details p, .calc-como--clara .faq details p { color: var(--mb-texto); }
.perguntas a:not(.btn), .faq a, .calc-como a:not(.btn) { color: var(--mb-azul); }
.calc-como, .calc-como p, .calc-como--clara p, .calc-como__dentro, .calc-formula, .calc-formula code { color: var(--mb-texto); }
.calc-como h2 { color: #fff; }

/* ---------- chamada final: cartão verde em toda página ---------- */
.ed.chamada-final, .ed.chamada-final--escura { padding-block: 34px; border-top: 0; }
.chamada-final__dentro { padding: 28px 30px; border: 1px solid var(--mb-borda); border-radius: 16px; background: linear-gradient(120deg, rgba(0, 224, 112, .16), rgba(6, 11, 23, .9)); box-shadow: 0 0 40px -10px var(--mb-luz); }
.ed.chamada-final .chamada-final__titulo { color: #fff; }

/* ---------- Calculadora ---------- */
.pagina-calc { --mb-cor: var(--mb-azul); }
.pagina-calc .ed-rotulo { color: var(--mb-azul); }
.calc-topo-ed .btn--azul { background: var(--mb-azul) !important; color: #06101C !important; }
.calc-topo-ed, .calc-topo-ed .ed-texto, .calc-topo-ed .lista-fina li { color: var(--mb-texto); }
.calc-bloco h2, .calc-bloco h3, .calc-bloco legend, .calc-resultado__titulo, .calc-resultado__valor { color: #fff; }
.calc-seg button, .calc-seg label { color: var(--mb-texto); }
.calc-resultado { background: transparent; }
@media (min-width: 1100px) { .ed.calc-topo-ed { background: url("assets/horizon/avancado-1000.webp") right 3% center/auto 96% no-repeat; } }

/* ---------- Laboratório ---------- */
.pagina-lab .ed-rotulo { color: var(--mb-roxo); }
.lab-topo-ed .btn--azul { background: var(--mb-roxo) !important; color: #12062B !important; }
.lab-topo-ed, .lab-topo-ed .ed-texto, .lab-topo-ed .lista-fina li { color: var(--mb-texto); }
.lab-etapa, .lab-etapa__titulo, .painel, .painel label, .painel legend, .trilha, .trilha__texto { color: var(--mb-texto); }
.lab-etapa__titulo { color: #fff; }
.palco__nota, .lab__avisos, .lab__avisos p, .notas, .numeros__nota { color: var(--mb-texto); }
.lab__avisos a { color: var(--mb-roxo); }
.formato { background: var(--mb-campo); border-color: var(--mb-linha); color: #fff; border-radius: 12px; }
.formato[aria-pressed="true"], .formato[aria-checked="true"], .formato.ativo { border-color: var(--mb-roxo); box-shadow: 0 0 18px -4px var(--mb-luz); }
.formatos__dica { color: #fff; }

/* ---------- Privacidade e 404 ---------- */
.legal h2 { color: #fff; }
.legal p { color: var(--mb-texto); }
.legal a { color: var(--mb-azul); }
.legal h2 + p, .legal section { color: var(--mb-texto); }
.nao-achou__codigo { color: var(--mb-verde); }
.nao-achou a:not(.btn), .nao-achou__links a { color: var(--mb-azul); }

/* ---------- ajustes da auditoria (02/11) ---------- */
.alerta__icone, .aj__topo .alerta__icone { flex: none; width: 56px; height: 56px; aspect-ratio: 1; }
.ed__dentro.chamada-final__dentro { width: min(100% - 32px, 1240px); max-width: 1240px; margin-inline: auto; padding: 28px 30px; }
.mostruario { --mb-cor: var(--mb-roxo); --mb-fundo-cor: rgba(168, 85, 247, .14); --mb-borda: rgba(181, 123, 255, .55); --mb-luz: rgba(181, 123, 255, .5); }
.mostruario .vitrine__item:nth-child(n) { --mb-cor: var(--mb-roxo); }
:root { --claro-titulo: #fff; --claro-texto: #DDE6F2; --claro-link: var(--mb-azul); --claro-linha: var(--mb-linha); --claro-fundo: transparent; --claro-controle: rgba(255, 255, 255, .2); --azul-texto: #06101C; --realce: var(--mb-azul); }
html body, html body.pagina-lab, html body.pagina-calc { background: transparent !important; }
@media (min-width: 821px) {
  .ed__dentro, .rodape .recipiente, .calc, .lab, .calc-como__dentro { width: 100%; max-width: 1304px; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; }
  .cabecalho__dentro { max-width: 1304px; margin-inline: auto; padding: 0 32px; }
}
.radar { padding: 12px 16px; border-radius: var(--raio); }
.radar__secundaria { border-color: var(--mb-linha); }
.alerta__acao .btn, .alerta__acao .btn--zap { transform: none !important; animation: none !important; }
.chip { background: var(--mb-campo); border-color: var(--mb-linha); color: #fff; }
.chip[aria-pressed="true"], .chip[aria-checked="true"], .aj__chips .chip[aria-checked="true"], .ofertas .chip[aria-pressed="true"] { background: var(--mb-verde); border-color: var(--mb-verde); color: var(--mb-tinta); }
.chip[aria-pressed="true"] small { color: var(--mb-tinta); }
.pagina-lab .trilha i { background: transparent; border-color: var(--mb-borda); color: var(--mb-texto); }
.pagina-lab .trilha .atual i, .pagina-lab .trilha .feita i { background: var(--mb-roxo); border-color: var(--mb-roxo); color: #12062B; }
.pagina-lab .trilha button, .pagina-lab .trilha li:not(.atual) button span, .pagina-lab .trilha .atual button { color: #fff; }
.pagina-lab .trilha button:disabled { opacity: .75; }
.pagina-lab .painel .mais-detalhes, .monta .mais-detalhes { background: var(--mb-campo); border: 1px solid var(--mb-linha); }
.pagina-lab .painel input:not([type="radio"]):not([type="checkbox"]):not([type="range"]), .pagina-lab .painel select, .pagina-lab .painel textarea, .monta input:not([type="radio"]):not([type="checkbox"]), .monta select, .monta textarea, .aj input[type="text"] { background: var(--mb-campo) !important; border: 1px solid var(--mb-linha) !important; color: #fff !important; }
.painel .btn--contorno, .painel .btn--texto, .assistente .btn--contorno, .assistente .btn--texto { background: var(--mb-campo) !important; border-color: var(--mb-borda) !important; color: #fff !important; }
@media (max-width: 820px) {
  .mostruario .vitrine__lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; overflow: visible; width: 100%; margin: 0; padding: 0; }
  .mostruario .vitrine__item { width: auto; min-width: 0; max-width: 100%; }
  .vitrine__foto, .vitrine__foto img { width: 100%; max-width: 100%; }
  .ed.mostruario .vitrine__item a, .ed.mostruario .vitrine__item:first-child a, .ed.mostruario .vitrine__item:last-child a { display: block; width: 100%; min-width: 0; box-sizing: border-box; overflow: hidden; }
  .ed.mostruario .vitrine__item a::after { width: auto; max-width: 100%; white-space: normal; }
}

/* ---------- Laboratório: todas as etapas no escuro (home.css pintava o painel de branco) ---------- */
.pagina-lab { --claro-erro: #FF9B9B; --claro-link: var(--mb-roxo); --mb-atencao: #FFD27A; --mb-certo: #6EE7A8; }
.pagina-lab .painel .escolha, .pagina-lab .painel .orcamento, .pagina-lab .painel .ajuste, .pagina-lab .painel .numeros div, .pagina-lab .painel .conferencias, .pagina-lab .painel .ref, .pagina-lab .painel .previa, .pagina-lab .painel .peca, .pagina-lab .painel .revisao { background: var(--mb-campo) !important; border-color: var(--mb-linha) !important; color: #fff; }
.pagina-lab .painel .escolha:has(input:checked) { background: var(--mb-fundo-cor) !important; border-color: var(--mb-roxo) !important; box-shadow: inset 0 0 0 1px var(--mb-roxo); }
.pagina-lab .painel .escolha input, .pagina-lab .painel .orcamento__slider { accent-color: var(--mb-roxo); }
.pagina-lab .painel .numeros, .pagina-lab .painel .numeros div + div, .pagina-lab .painel .revisao__item + .revisao__item, .pagina-lab .painel .peca[open] { border-color: var(--mb-linha); }
.pagina-lab .painel .orcamento__valor span, .pagina-lab .painel .ajuste b, .pagina-lab .painel .numeros div:last-child b, .pagina-lab .painel .ref summary, .pagina-lab .painel .mais-detalhes summary { color: var(--mb-roxo); }
.pagina-lab .painel .orcamento__valor input { background: transparent !important; border-width: 0 0 1px !important; }
.pagina-lab .painel .selo-rev { color: var(--mb-atencao); background: rgba(255, 201, 60, .12); border-color: rgba(255, 201, 60, .5); }
.pagina-lab .painel .conf--atencao summary, .pagina-lab .painel .c--unknown, .pagina-lab .painel .sit--atencao, .pagina-lab .painel .notas { color: var(--mb-atencao); }
.pagina-lab .painel .conf--ok summary, .pagina-lab .painel .c--pass, .pagina-lab .painel .sit--ok { color: var(--mb-certo); }
.pagina-lab .painel .mudancas { background: var(--mb-fundo-cor); border-color: var(--mb-borda); color: #fff; }
.pagina-lab .painel .aviso { color: #fff; }
.pagina-lab .painel .aviso--atencao { background: rgba(255, 201, 60, .1); border-color: rgba(255, 201, 60, .5); }
.pagina-lab .painel .aviso--info { background: var(--mb-fundo-cor); border-color: var(--mb-borda); }
.pagina-lab .painel .aviso--erro { background: rgba(255, 90, 90, .1); border-color: rgba(255, 155, 155, .55); }
.pagina-lab .painel .btn--contorno:hover { background: var(--mb-fundo-cor) !important; color: #fff !important; }
.pagina-lab .painel .peca summary img, .pagina-lab .painel .peca__semfoto { background: #fff; color: #06101C; }
.monta { --claro-link: var(--mb-roxo); --claro-erro: #FF9B9B; }

/* ---------- logo verde (02/11): maior, com luz que acompanha a cor ---------- */
.cabecalho__marca { line-height: 0; transition: transform .2s ease, filter .2s ease; }
.cabecalho__marca img { height: 54px; }
.cabecalho__marca:hover { transform: scale(1.03); filter: brightness(1.12); }
.rodape__marca img { width: 250px; }
@media (max-width: 960px) {
  .cabecalho__marca img { height: 42px; }
  .rodape__marca img { width: 210px; }
}
@media (max-width: 380px) { .cabecalho__marca img { height: 38px; } }
@media (prefers-reduced-motion: reduce) { .cabecalho__marca:hover { transform: none; } }

/* ---------- celular ---------- */
@media (max-width: 960px) {
  .mb-home { padding-top: 22px; }
  .mb-heroi { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-bottom: 18px; }
  .mb-heroi h1 { font-size: clamp(2.5rem, 11.4vw, 3.4rem); }
  .mb-frase { font-size: 1.02rem; }
  .mb-servicos { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .mb-coluna { gap: 12px; }
  .mb-grande { flex-direction: column; align-items: stretch; padding: 18px; gap: 16px; }
  .mb-grande .mb-card__titulo { font-size: 2.35rem; }
  .mb-ir--cheio { justify-content: center; width: 100%; }
  .mb-grande__texto { flex: none; }
  .mb-chat { flex: none; }
  .mb-card__titulo { font-size: 1.6rem; }
  .mb-pq { padding: 16px; }
  .mb-medidor { width: 118px; }
  .mb-gabriel { width: 136px; }
  .mb-ofertas { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .mb-ofertas-topo { margin-top: 22px; }
  .mb-busca { flex-basis: 100%; max-width: none; margin-left: 0; order: 3; }
  .mb-todas { margin-left: auto; }
  .mb-of__foto { width: 96px; height: 96px; }
  .ed__dentro.chamada-final__dentro { padding: 22px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .mb-card, .cartao, .btn { transition: none; }
  .mb-card:hover, .cartao:hover { transform: none; }
  .mb-of--vazia::after { animation: none; }
}

/* ---------- celular: os 3 diferenciais na primeira tela (02/11) ---------- */
@media (min-width: 601px) and (max-width: 960px) {
  .mb-coluna { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .mb-home { padding-block: 14px 14px; }
  .mb-miolo { width: calc(100% - 24px); }
  .mb-heroi { gap: 6px; padding-bottom: 12px; }
  .mb-heroi h1 { font-size: calc((100vw - 24px) / 12.1); line-height: 1.05; white-space: nowrap; }
  .mb-frase { font-size: .9rem; line-height: 1.35; }
  .mb-servicos, .mb-coluna { gap: 10px; }
  .mb-coluna { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mb-card__titulo { margin-bottom: 4px; font-size: 1.22rem; }
  .mb-card__texto { font-size: .8rem; line-height: 1.32; }
  .mb-ir { justify-content: center; width: 100%; min-height: 38px; margin-top: 8px; padding: 0 6px; font-size: .8rem; }
  .mb-grande { flex-direction: row; align-items: center; gap: 10px; padding: 12px; }
  .mb-grande__texto { flex: 1 1 46%; }
  .mb-grande .mb-card__titulo { margin-bottom: 5px; font-size: 1.5rem; }
  .mb-grande .mb-card__texto { font-size: .82rem; }
  .mb-ir--cheio { min-height: 42px; margin-top: 10px; font-size: .84rem; }
  .mb-chat { flex: 1 1 54%; gap: 5px; padding: 8px; border-radius: 10px; }
  .mb-chat__topo { gap: 5px; padding-bottom: 5px; font-size: .72rem; }
  .mb-chat__ponto { width: 7px; height: 7px; }
  .mb-chat__ex { font-size: .64rem; }
  .mb-b { max-width: 96%; padding: 5px 7px; border-radius: 8px; font-size: .7rem; line-height: 1.25; }
  .mb-b--alvo { gap: 6px; max-width: none; }
  .mb-b--alvo strong { font-size: .76rem; }
  .mb-b__sino { width: 24px; height: 24px; }
  .mb-b__sino svg { width: 15px; height: 15px; }
  .mb-pq { align-items: stretch; min-height: 0; padding: 12px; }
  .mb-pq__texto { width: 100%; max-width: none; }
  .mb-pq .mb-card__texto { max-width: 64%; }
  .mb-pq .mb-ir { margin-top: auto; background: rgba(8, 14, 28, .92); }
  .mb-pq .mb-card__texto { margin-bottom: 8px; }
  .mb-medidor { top: auto; right: 8px; bottom: 54px; width: 62px; transform: none; }
  .mb-gabriel { right: -4px; width: 92px; }
  .mb-ofertas-topo { margin-top: 16px; }
}

/* ---------- acabamento do topo no celular (02/11) ---------- */
.mb-b--alvo small { display: block; font: inherit; }
@media (max-width: 600px) {
  .mb-chat__topo { white-space: nowrap; }
  .mb-ofertas-topo h2 { font-size: 1.5rem; }
}
@media (max-width: 430px) {
  .mb-b--alvo small { display: none; }
  .mb-b--alvo { align-items: center; }
}
@media (max-width: 370px) {
  .mb-chat__topo { font-size: .66rem; }
  .mb-chat__ex { font-size: .58rem; }
}
@media (max-width: 340px) {
  .mb-ir { white-space: normal; text-align: center; line-height: 1.15; }
  .mb-grande .mb-card__titulo { font-size: 1.32rem; }
  .mb-card__titulo { font-size: 1.08rem; }
  .mb-chat__ex { display: none; }
}
@media (max-width: 600px) and (max-height: 620px) {
  .mb-b--ele { display: none; }
  .mb-frase { font-size: .84rem; }
}

@media (max-width: 340px) {
  .cabecalho__marca img { height: 32px; }
  .cabecalho__cta { padding: 0 10px; }
}

@media (max-width: 600px) {
  .mb-busca { min-width: 0; width: 100%; }
  .mb-busca input { width: 0; min-width: 0; }
}

/* ---------- aviso de instalar o app (02/11): um só, com iPhone e Android juntos, em tela cheia e cor viva ---------- */
html.app-aviso-aberto, html.app-aviso-aberto body { overflow: hidden; }
.app-aviso--cheio { position: fixed; z-index: 9999; left: 8px; right: 8px; top: calc(8px + env(safe-area-inset-top, 0px)); bottom: calc(8px + env(safe-area-inset-bottom, 0px)); max-width: 560px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px; overflow-y: auto; overscroll-behavior: contain; color: var(--mb-tinta); border: 0; border-radius: 20px; background: radial-gradient(420px 300px at 50% 0%, #B8FFD8, transparent 70%), linear-gradient(165deg, #00FF85, #00E070 55%, #00B85A); box-shadow: 0 0 0 100vmax rgba(3, 6, 15, .78), 0 0 50px rgba(0, 224, 112, .6); animation: app-aviso-sobe .22s ease-out; }
.app-aviso__topo { flex: none; display: flex; align-items: center; gap: 10px; width: 100%; padding-right: 34px; }
.app-aviso__topo img { flex: none; width: 50px; height: 50px; border-radius: 12px; box-shadow: 0 6px 16px rgba(4, 23, 12, .4); }
.app-aviso--cheio h2 { margin: 0; color: var(--mb-tinta); font: 800 2rem/1 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 72%; text-transform: uppercase; text-wrap: balance; }
.app-aviso__sub { margin: 2px 0 0; color: var(--mb-tinta); font-size: .92rem; font-weight: 700; line-height: 1.2; text-wrap: balance; }
.app-aviso__bloco { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; gap: 6px; width: 100%; padding: 8px 12px; border-radius: 14px; background: #06101C; color: #fff; }
.app-aviso__bloco h3 { display: flex; align-items: center; gap: 8px; margin: 0; color: #fff; font: 800 1.2rem/1.1 "Inter", sans-serif; }
.app-aviso__bloco h3 svg { flex: none; width: 24px; height: 24px; fill: var(--mb-verde); }
.app-aviso__bloco h3 small { margin-left: 2px; color: #C6D2E0; font-size: .74rem; font-weight: 600; }
.app-aviso__passos { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.app-aviso__passos li { display: flex; align-items: flex-start; gap: 8px; color: #fff; font-size: .95rem; font-weight: 600; line-height: 1.26; }
.app-aviso__passos i { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--mb-verde); color: var(--mb-tinta); font-size: .84rem; font-style: normal; font-weight: 800; }
.app-aviso__passos b { color: var(--mb-verde); font-weight: 800; }
.app-aviso__passos .ico { display: inline-block; width: 19px; height: 19px; vertical-align: -4px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.app-aviso__passos .ico--pontos { display: inline-block; width: 19px; height: 19px; vertical-align: -4px; fill: currentColor; }
.app-aviso__nota { flex: none; width: 100%; margin: 0; color: var(--mb-tinta); font-size: .86rem; font-weight: 600; line-height: 1.26; }
.app-aviso__nota b { font-weight: 800; }
.app-aviso__ok { flex: none; width: 100%; min-height: 46px; border: 2px solid var(--mb-tinta); border-radius: 12px; background: transparent; color: var(--mb-tinta); font: 800 1.1rem "Inter", sans-serif; cursor: pointer; }
.app-aviso--cheio .app-aviso__fechar { position: absolute; top: 6px; right: 6px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: var(--mb-tinta); cursor: pointer; }
.app-aviso--cheio .app-aviso__fechar .ico { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; }
.app-aviso--cheio button:focus-visible { outline: 3px solid #06101C; outline-offset: 2px; }
@media (min-height: 740px) {
  .app-aviso--cheio { gap: 10px; padding: 14px; }
  .app-aviso__topo img { width: 62px; height: 62px; border-radius: 15px; }
  .app-aviso--cheio h2 { font-size: 2.3rem; }
  .app-aviso__sub { font-size: 1rem; }
  .app-aviso__bloco { gap: 9px; padding: 11px 14px; }
  .app-aviso__bloco h3 { font-size: 1.32rem; }
  .app-aviso__passos { gap: 9px; }
  .app-aviso__passos li { font-size: 1.04rem; }
  .app-aviso__passos i { width: 28px; height: 28px; font-size: .94rem; }
  .app-aviso__nota { font-size: .95rem; }
  .app-aviso__ok { min-height: 52px; }
}
@media (max-height: 650px) {
  .app-aviso--cheio { gap: 6px; padding: 8px; }
  .app-aviso__topo img { width: 38px; height: 38px; border-radius: 10px; }
  .app-aviso--cheio h2 { font-size: 1.6rem; }
  .app-aviso__sub { font-size: .8rem; }
  .app-aviso__bloco { gap: 5px; padding: 7px 10px; }
  .app-aviso__bloco h3 { font-size: 1.1rem; }
  .app-aviso__bloco h3 svg { width: 20px; height: 20px; }
  .app-aviso__passos { gap: 5px; }
  .app-aviso__passos li { font-size: .9rem; line-height: 1.22; }
  .app-aviso__passos i { width: 22px; height: 22px; font-size: .78rem; }
  .app-aviso__nota { font-size: .8rem; line-height: 1.2; }
  .app-aviso__ok { min-height: 42px; }
}
@media (prefers-reduced-motion: reduce) { .app-aviso--cheio { animation: none; } }
@keyframes app-aviso-sobe { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* ---------- 02/11/2026: Rush Usados na tela inicial (faixa dourada; dourado = usados, não confunde com as ofertas) ---------- */
.mb-o { --mb-cor: #FFD45E; --mb-fundo-cor: rgba(255, 201, 60, .12); --mb-borda: rgba(255, 201, 60, .6); --mb-luz: rgba(255, 190, 60, .5); }
.mb-usados { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 26px; margin-top: 16px; padding: 18px 24px; cursor: default;
  background: linear-gradient(110deg, rgba(255, 201, 60, .16), rgba(6, 11, 23, .9) 55%), url("assets/tex/metal-escuro.jpg") center / cover; }
.mb-usados__marca { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; }
.mb-usados__marca h2 { margin: 0; line-height: 0; }
.mb-usados__logo { display: block; width: min(400px, 100%); height: auto; filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .6)); }
.mb-usados .mb-card__texto { max-width: 52ch; }
.mb-usados__acoes { display: flex; flex-direction: column; gap: 10px; }
.mb-usados__acoes .mb-ir { margin-top: 0; justify-content: center; text-decoration: none; }
.mb-ir--ouro { background: linear-gradient(180deg, #fff7d6, #ffd45e 40%, #c88a14); border-color: #ffd45e; color: #1B1300; box-shadow: 0 0 22px rgba(255, 190, 60, .45); }
.mb-usados__vitrine { position: relative; width: 210px; }
.mb-usados__foto { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 10; border-radius: 10px; border: 1.5px solid rgba(255, 201, 60, .6); }
.mb-usados__foto img { width: 100%; height: 100%; object-fit: cover; }
.mb-usados__foto b { position: absolute; left: 8px; bottom: 8px; padding: 5px 9px; border-radius: 999px; background: rgba(6, 11, 23, .88);
  border: 1px solid rgba(255, 201, 60, .6); color: #FFD45E; font: italic 800 11px/1 "Archivo", sans-serif; text-transform: uppercase; letter-spacing: .04em; }
.mb-usados__selo { position: absolute; right: -14px; top: -14px; width: 64px; height: auto; filter: drop-shadow(0 0 12px rgba(255, 190, 60, .55)); animation: mbu-gira 26s linear infinite; }
.mb-usados__novo { position: absolute; top: 0; left: 22px; z-index: 2; padding: 3px 10px 4px; border-radius: 0 0 6px 6px; background: #FFD45E; color: #1B1300; font: 800 11px/1.2 Inter, sans-serif; letter-spacing: .06em; }
@keyframes mbu-gira { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .mb-usados__selo { animation: none; } }
@media (min-width: 961px) and (max-height: 860px) {   /* notebook: aperta um pouco o topo para a faixa caber inteira sem rolar */
  .mb-home { padding-top: 14px; }
  .mb-heroi { padding-bottom: 14px; }
  .mb-heroi h1 { font-size: clamp(2.1rem, 4vw, 3.4rem); }
  .mb-servicos, .mb-coluna { gap: 14px; }
  .mb-grande { padding: 16px 22px; }
  .mb-pq { min-height: 0; padding: 12px 18px; }
  .mb-chat { gap: 6px; padding: 10px; }
  .mb-usados { margin-top: 14px; padding: 14px 22px; }
  .mb-usados__logo { width: min(330px, 100%); }
  .mb-usados__vitrine { width: 170px; }
}
@media (max-width: 760px) {
  .mb-usados { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 10px; padding: 22px 14px 14px; }
  .mb-usados__logo { width: 76%; }
  .mb-usados .mb-card__texto { font-size: .82rem; line-height: 1.35; }
  .mb-usados__acoes { flex-direction: row; gap: 8px; }
  .mb-usados__acoes .mb-ir { flex: 1 1 0; min-height: 42px; padding: 0 8px; font-size: .82rem; white-space: normal; text-align: center; }
  .mb-usados__vitrine { position: absolute; top: 12px; right: 12px; width: auto; }
  .mb-usados__foto { display: none; }
  .mb-usados__selo { position: static; display: block; width: 52px; }
  .mb-usados__novo { left: 14px; }
}

/* ==========================================================================================
   Padrão PAINEL (03/11/2026, imagem aprovada pelo dono): fundo de circuito e fibra de carbono,
   molduras de cantos cortados com brilho na cor de cada área e menu lateral no computador.
   Cores: verde = ofertas e alerta, azul = calculadora, roxo = laboratório, ouro = usados.
   ========================================================================================== */
:root { --hud-c: 16px; --hud-c-p: 10px;
  --hud-corte: polygon(var(--hud-c) 0, 100% 0, 100% calc(100% - var(--hud-c)), calc(100% - var(--hud-c)) 100%, 0 100%, 0 var(--hud-c)); }

/* fundo: azul quase preto + fibra de carbono + trilhas de circuito, bem suaves para não atrapalhar a leitura */
body::before { background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' fill='none' stroke='%2327D3F0' stroke-opacity='.09' stroke-width='1.2'%3E%3Cpath d='M0 46h52l24 24h58M134 70v52l26 26h60M28 220v-52l26-26h40M168 0v28l-26 26M94 142v40l18 18'/%3E%3Ccircle cx='134' cy='70' r='3'/%3E%3Ccircle cx='94' cy='142' r='3'/%3E%3Ccircle cx='168' cy='28' r='3'/%3E%3Ccircle cx='52' cy='46' r='2'/%3E%3C/svg%3E") 0 0 / 220px 220px,
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .018) 0 2px, transparent 2px 5px),
    repeating-linear-gradient(-45deg, rgba(0, 0, 0, .22) 0 2px, transparent 2px 5px),
    radial-gradient(60rem 40rem at -6% 0%, rgba(0, 224, 112, .2), transparent 62%),
    radial-gradient(52rem 34rem at 52% 60%, rgba(10, 92, 255, .14), transparent 66%),
    radial-gradient(56rem 40rem at 106% 100%, rgba(168, 85, 247, .22), transparent 62%),
    #060B17; }



/* molduras de painel desenhadas em SVG (assets/painel, geradas por gerar_molduras.py): armadura de metal chanfrada com parafusos,
   neon duplo com brilho, placas no meio das bordas. Uma moldura por cor; os cantos não deformam quando o bloco estica. */
:root { --hud-moldura: url("assets/painel/moldura-azul.svg"); --hud-cima: url("assets/painel/placa-cima-azul.svg"); --hud-baixo: url("assets/painel/placa-baixo-azul.svg"); --hud-lado: url("assets/painel/lado-azul.svg"); --hud-listras: url("assets/painel/listras-azul.svg"); }
.mb-v, .alerta, .faq details, .cartoes .cartao, .assistente, .radar { --hud-moldura: url("assets/painel/moldura-verde.svg"); --hud-cima: url("assets/painel/placa-cima-verde.svg"); --hud-baixo: url("assets/painel/placa-baixo-verde.svg"); --hud-lado: url("assets/painel/lado-verde.svg"); --hud-listras: url("assets/painel/listras-verde.svg"); }
.mb-a, .pagina-calc .calc-bloco, .pagina-calc .calc-resultado__dentro { --hud-moldura: url("assets/painel/moldura-azul.svg"); --hud-cima: url("assets/painel/placa-cima-azul.svg"); --hud-baixo: url("assets/painel/placa-baixo-azul.svg"); --hud-lado: url("assets/painel/lado-azul.svg"); --hud-listras: url("assets/painel/listras-azul.svg"); }
.mb-r, .pagina-lab .painel, .monta .painel { --hud-moldura: url("assets/painel/moldura-roxo.svg"); --hud-cima: url("assets/painel/placa-cima-roxo.svg"); --hud-baixo: url("assets/painel/placa-baixo-roxo.svg"); --hud-lado: url("assets/painel/lado-roxo.svg"); --hud-listras: url("assets/painel/listras-roxo.svg"); }
.mb-o { --hud-moldura: url("assets/painel/moldura-ouro.svg"); --hud-cima: url("assets/painel/placa-cima-ouro.svg"); --hud-baixo: url("assets/painel/placa-baixo-ouro.svg"); --hud-lado: url("assets/painel/lado-ouro.svg"); --hud-listras: url("assets/painel/listras-ouro.svg"); }

.mb-card, .cartoes .cartao, .calc-bloco, .calc-resultado__dentro, .pagina-lab .painel, .monta .painel, .alerta, .assistente, .radar, .faq details {
  border: 9px solid transparent !important; border-radius: 0 !important; border-image: var(--hud-moldura) 34 / 34px / 0 stretch !important;
  clip-path: none !important; box-shadow: none !important; background-clip: padding-box !important; }
.mb-card:not(.mb-usados), .cartoes .cartao, .calc-bloco, .calc-resultado__dentro, .pagina-lab .painel, .monta .painel, .alerta, .assistente, .faq details {
  background: var(--hud-lado) left 0 center / 6px clamp(28px, 34%, 90px) no-repeat, var(--hud-lado) right 0 center / 6px clamp(28px, 34%, 90px) no-repeat, var(--hud-listras) left 10px bottom 8px / 60px 12px no-repeat, var(--hud-cima) top center / clamp(110px, 44%, 300px) 13px no-repeat, var(--hud-baixo) bottom center / clamp(90px, 34%, 220px) 12px no-repeat,
    linear-gradient(135deg, var(--mb-fundo-cor), rgba(6, 11, 23, .94)) !important; background-clip: padding-box !important; }
.mb-usados { background: var(--hud-lado) left 0 center / 6px clamp(28px, 34%, 90px) no-repeat, var(--hud-lado) right 0 center / 6px clamp(28px, 34%, 90px) no-repeat, var(--hud-listras) left 10px bottom 8px / 60px 12px no-repeat, var(--hud-cima) top center / clamp(110px, 40%, 300px) 13px no-repeat, var(--hud-baixo) bottom center / clamp(90px, 30%, 220px) 12px no-repeat,
  linear-gradient(110deg, rgba(255, 201, 60, .16), rgba(6, 11, 23, .9) 55%), url("assets/tex/metal-escuro.jpg") center / cover !important; background-clip: padding-box !important; }
.radar { background: linear-gradient(135deg, var(--mb-fundo-cor), rgba(6, 11, 23, .94)) !important; background-clip: padding-box !important; }
.faq details { border-width: 10px !important; border-image-width: 32px !important; }
.mb-card:hover { filter: brightness(1.08); }
.mb-of { padding: 16px 18px; }
.mb-ir { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); border-radius: 2px !important; }
.mb-busca { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); }
/* colchetes de mira em volta da foto da oferta (como na referência) */
.mb-of__foto { position: relative; overflow: visible; }
.mb-of__foto::before { content: ""; position: absolute; inset: -6px; pointer-events: none;
  background: linear-gradient(var(--mb-cor), var(--mb-cor)) 0 0 / 16px 2px no-repeat, linear-gradient(var(--mb-cor), var(--mb-cor)) 0 0 / 2px 16px no-repeat,
    linear-gradient(var(--mb-cor), var(--mb-cor)) 100% 0 / 16px 2px no-repeat, linear-gradient(var(--mb-cor), var(--mb-cor)) 100% 0 / 2px 16px no-repeat,
    linear-gradient(var(--mb-cor), var(--mb-cor)) 0 100% / 16px 2px no-repeat, linear-gradient(var(--mb-cor), var(--mb-cor)) 0 100% / 2px 16px no-repeat,
    linear-gradient(var(--mb-cor), var(--mb-cor)) 100% 100% / 16px 2px no-repeat, linear-gradient(var(--mb-cor), var(--mb-cor)) 100% 100% / 2px 16px no-repeat; }
/* o quadro do Alerta usa a armadura grossa (como na referência) */
.mb-card.mb-grande { border-width: 14px !important; border-image: url("assets/painel/moldura-grossa-verde.svg") 44 / 44px / 0 stretch !important; }
.pagina-lab .painel { border-width: 14px !important; border-image: url("assets/painel/moldura-grossa-roxo.svg") 44 / 44px / 0 stretch !important; }
/* quadro do alerta: enfeites de painel (onda, gráfico, pulso e tabelas) só no computador */
@media (min-width: 1100px) {
  .mb-card.mb-grande { padding: 54px 30px 46px !important;
    background: url("assets/painel/deco-onda.svg") left 22px top 14px / 130px 34px no-repeat, url("assets/painel/deco-grafico.svg") right 22px top 12px / 108px 40px no-repeat,
      url("assets/painel/deco-pulso.svg") center bottom 12px / 210px 26px no-repeat, url("assets/painel/deco-tabela.svg") right 22px bottom 10px / 84px 32px no-repeat,
      var(--hud-lado) left 0 center / 6px clamp(28px, 34%, 90px) no-repeat, var(--hud-lado) right 0 center / 6px clamp(28px, 34%, 90px) no-repeat, var(--hud-listras) left 22px bottom 50px / 60px 12px no-repeat, url("assets/painel/deco-tabela.svg") left 22px bottom 10px / 84px 32px no-repeat,
      var(--hud-cima) top center / clamp(110px, 40%, 300px) 13px no-repeat, var(--hud-baixo) bottom center / clamp(90px, 30%, 220px) 12px no-repeat,
      linear-gradient(135deg, var(--mb-fundo-cor), rgba(6, 11, 23, .94)) !important; background-clip: padding-box !important; }
}
@media (max-width: 600px) {
  .mb-card, .cartoes .cartao, .calc-bloco, .calc-resultado__dentro, .pagina-lab .painel, .monta .painel, .alerta, .assistente, .radar, .faq details {
    border-width: 9px !important; border-image-width: 30px !important; }
}

/* menu lateral no computador (como na imagem): logo, botões grandes com ícone e "Entrar no grupo" embaixo */
.nav-ico { display: none; }
@media (min-width: 1100px) {
  body { padding-left: 212px; }
  body .cabecalho { position: fixed; inset: 0 auto 0 0; z-index: 60; width: 212px; height: 100vh; border-bottom: 0; border-right: 1px solid rgba(255, 255, 255, .08);
    background: linear-gradient(90deg, #0B1019, #141B26 50%, #0B1019) padding-box; box-shadow: 12px 0 40px -20px rgba(0, 0, 0, .8);
    border: 12px solid transparent; border-image: url("assets/painel/moldura-metal.svg") 40 / 40px stretch; }
  body .cabecalho__dentro { display: flex; flex-direction: column; align-items: stretch; gap: 12px; height: 100%; max-width: none; margin: 0; padding: 14px 14px 18px; }
  body .cabecalho__marca { display: block; position: relative; padding: 6px 4px; background: linear-gradient(180deg, #121B2B, #0A111D) padding-box;
    border: 12px solid transparent; border-image: url("assets/painel/moldura-metal.svg") 40 / 40px stretch; }
  body .cabecalho__marca img, body .cabecalho__marca video { width: 100%; height: auto; }
  body .cabecalho__nav { display: flex; flex-direction: column; gap: 8px; margin: 4px 0 0; }
  body .cabecalho__nav a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 0; height: clamp(62px, 11.5vh, 92px); padding: 6px 6px;
    background: none; clip-path: none; box-shadow: none; border: 8px solid transparent; border-image: url("assets/painel/botao.svg") 16 fill / 16px stretch;
    color: #DDE6F2; font: 800 1.12rem/1 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 80%; text-transform: uppercase; letter-spacing: .02em; text-decoration: none;
    transition: color .15s ease, box-shadow .15s ease, transform .15s ease; }
  body .cabecalho__nav a::after { display: none !important; }
  body .cabecalho__nav a:hover { color: #fff; filter: brightness(1.18); transform: translateX(2px); }
  body .cabecalho__nav a[aria-current] { color: #fff; border-image-source: url("assets/painel/botao-ativo.svg"); text-shadow: 0 0 12px rgba(0, 224, 112, .6); }
  body .cabecalho__nav a[aria-current] .nav-ico { stroke: var(--mb-verde); }
  .nav-ico { display: block; flex: none; width: 26px !important; height: 26px !important; fill: none; stroke: #DDE6F2; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  body .cabecalho__cta { margin-top: auto; justify-content: center; width: 100%; min-height: 52px; padding: 0 10px; white-space: nowrap; gap: 8px; clip-path: var(--hud-corte); border-radius: 0 !important;
    font: 800 .98rem/1 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 74%; text-transform: uppercase; }
  body .cabecalho__cta::after { content: none !important; }
  body .cabecalho__cta span { display: inline !important; }
  body .menu { display: none !important; }
  .rodape { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) { body .cabecalho__nav a { transition: none; } body .cabecalho__nav a:hover { transform: none; } }



/* quadro do Alerta como na referência: título verde neon e menor quando a tela é mais estreita */
.mb-grande .mb-card__titulo { color: var(--mb-verde); text-shadow: 0 0 18px rgba(0, 224, 112, .45); }
@media (min-width: 1100px) and (max-width: 1500px) { .mb-grande .mb-card__titulo { font-size: 1.75rem; } .mb-grande .mb-card__texto { font-size: .92rem; } }
/* molduras desenhadas sob medida pelo molduras.js (silhueta com degraus, placas, recortes, metal e neon); sem o script, vale a de reserva acima */
body .hud-js.hud-js { border-image: var(--hud-js) 0 fill / 0 stretch !important; background: none !important; box-shadow: none !important; clip-path: none !important; }

/* barra de baixo do aplicativo (03/11/2026): só com o site instalado como app, em celular e tablet; botões de metal como o menu lateral */
.abas-app { display: none; }
@media (display-mode: standalone) and (max-width: 1099px) {
  .abas-app { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 70;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom)); background: linear-gradient(180deg, #171E29, #0A0F17);
    border-top: 1px solid rgba(255, 255, 255, .1); box-shadow: 0 -12px 30px rgba(0, 0, 0, .65), inset 0 1px 0 rgba(0, 224, 112, .3); }
  .abas-app a { display: grid; justify-items: center; align-content: center; gap: 4px; min-height: 58px; padding: 2px; color: #DDE6F2; text-decoration: none;
    font: 800 .7rem/1 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 82%; text-transform: uppercase; letter-spacing: .02em;
    border: 7px solid transparent; border-image: url("assets/painel/botao.svg") 16 fill / 12px stretch; }
  .abas-app a[aria-current] { color: #fff; border-image-source: url("assets/painel/botao-ativo.svg"); text-shadow: 0 0 10px rgba(0, 224, 112, .6); }
  .abas-app svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  .abas-app a[aria-current] svg { stroke: var(--mb-verde); }
  body { padding-bottom: calc(84px + env(safe-area-inset-bottom)) !important; }
  .abas { display: none !important; }
  .pista-aviso { bottom: calc(92px + env(safe-area-inset-bottom)) !important; }
}

/* ajustes pelos recortes da referência (03/11/2026): logo empilhado, botões de metal assimétricos, barra verde fora do ativo,
   "Entrar no grupo" verde cheio e busca em metal escuro com detalhe ciano */
@media (min-width: 1100px) {
  body .cabecalho { background: linear-gradient(90deg, #0A0E15 0, #1A222E 6px, #0E131B 12px, #121925 50%, #0E131B calc(100% - 12px), #1A222E calc(100% - 6px), #0A0E15 100%) padding-box; }
  body .cabecalho__marca { height: 108px; padding: 0; background: url("assets/rush-logo-empilhado.png") center / 92% auto no-repeat, radial-gradient(ellipse at 50% 55%, rgba(0, 224, 112, .12), transparent 70%), linear-gradient(180deg, #121B2B, #0A111D) padding-box; }
  body .cabecalho__marca img, body .cabecalho__marca video { visibility: hidden; }
  body .cabecalho__nav { gap: 9px; padding-left: 4px; }
  body .cabecalho__nav a { position: relative; height: clamp(66px, 12.2vh, 92px); gap: 7px; border-width: 9px; border-image: url("assets/painel/botao.svg") 20 fill / 20px stretch;
    font-size: clamp(1.05rem, 2.2vh, 1.3rem); }
  body .cabecalho__nav a[aria-current] { border-image-source: url("assets/painel/botao-ativo.svg"); color: #F2FFF8; }
  body .cabecalho__nav a[aria-current]::before { content: ""; position: absolute; left: -18px; top: 10%; bottom: 10%; width: 4px; border-radius: 2px;
    background: var(--mb-verde); box-shadow: 0 0 10px var(--mb-verde), 0 0 22px rgba(0, 224, 112, .6); }
  .nav-ico { width: clamp(24px, 3.6vh, 32px) !important; height: clamp(24px, 3.6vh, 32px) !important; fill: rgba(255, 255, 255, .12); stroke-width: 1.7; }
  body .cabecalho__nav a[aria-current] .nav-ico { fill: rgba(0, 224, 112, .18); filter: drop-shadow(0 0 6px rgba(0, 224, 112, .7)); }
  body .cabecalho__cta { position: relative; min-height: 50px; margin: auto 4px 4px; background: none !important; clip-path: none; box-shadow: none !important;
    border: 22px solid transparent; border-width: 12px 12px; border-image: url("assets/painel/botao-grupo.svg") 22 fill / 22px / 10px stretch;
    padding: 0 2px; gap: 6px; color: #04210F !important; font-size: .9rem; letter-spacing: 0; text-shadow: 0 1px 0 rgba(255, 255, 255, .35); }
  body .cabecalho__cta:hover { filter: brightness(1.08) saturate(1.1); }
}
/* busca: campo de metal escuro com detalhe ciano, botão escuro com texto ciano */
.mb-busca { position: relative; clip-path: none; filter: drop-shadow(0 0 10px rgba(39, 211, 240, .12)); }
.mb-busca input { border: 1px solid rgba(39, 211, 240, .35); border-right: 0; border-left: 3px solid var(--mb-azul); border-radius: 0;
  background: linear-gradient(180deg, #1A212C, #0C1119); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 0 18px rgba(0, 0, 0, .6);
  clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px); }
.mb-busca button { border: 1px solid var(--mb-azul); border-radius: 0; background: linear-gradient(180deg, #16202C, #0A1018); color: var(--mb-azul);
  text-transform: uppercase; letter-spacing: .04em; text-shadow: 0 0 10px rgba(39, 211, 240, .7); box-shadow: inset 0 0 12px rgba(39, 211, 240, .22), 0 0 12px rgba(39, 211, 240, .25);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%); }
.mb-busca button:hover { color: #fff; background: linear-gradient(180deg, #1B2A38, #0C141E); }
.mb-todas { color: var(--mb-azul); text-decoration: underline; text-underline-offset: 4px; text-shadow: 0 0 10px rgba(39, 211, 240, .45); }
/* preço grande (ex.: R$ 1.333,08) não vaza do cartão */
.mb-of__preco { font-size: clamp(1.25rem, 1.9vw, 1.7rem); }
/* logo do menu solto, sem quadro em volta (como na referência) */
@media (min-width: 1100px) {
  body .cabecalho__marca { border: 0 !important; border-image: none !important; box-shadow: none !important; clip-path: none !important; height: 104px; margin: 0 -4px 2px;
    background: url("assets/rush-logo-empilhado.png") center / 100% auto no-repeat !important; }
}

/* ===================================================================================================
   VISUAL E2 "cristal e carbono" (04/11/2026, escolhido pelo dono; ajustes do Conselho e da Equipe do Sucesso)
   Fundo azul-aço, molduras de cristal e carbono (molduras.js), cada projeto na sua cor, palavras-chave em destaque,
   botão grande do grupo no topo, ofertas antes do Usados, Usados grande. Para desfazer: modelo-b.css.bak-antes-20261104-e2 */
html { background: #16293B; }
body::before { background:
    radial-gradient(58rem 34rem at 72% -6%, rgba(135, 205, 245, .42), transparent 62%),
    radial-gradient(46rem 38rem at 0% 45%, rgba(80, 140, 185, .34), transparent 66%),
    radial-gradient(40rem 30rem at 100% 100%, rgba(60, 110, 160, .30), transparent 66%),
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 100% 56px,
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 56px 100%,
    linear-gradient(180deg, #355B75 0%, #23415B 46%, #162B3F 100%); }
.pagina-calc::before, .pagina-lab::before { background:
    radial-gradient(58rem 34rem at 72% -6%, rgba(135, 205, 245, .36), transparent 62%),
    radial-gradient(46rem 38rem at 0% 45%, rgba(80, 140, 185, .30), transparent 66%),
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 100% 56px,
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 56px 100%,
    linear-gradient(180deg, #355B75 0%, #23415B 46%, #162B3F 100%); }
.rodape { background: rgba(14, 28, 42, .8); }
.mb-ofertas-topo h2, .mb-fim p { text-shadow: 0 2px 10px rgba(0, 0, 0, .35); }

/* manchete: branca, palavras-chave em verde com brilho; "grátis" com marca-texto */
.mb-heroi h1 { color: #fff; text-shadow: 0 3px 18px rgba(8, 24, 40, .45); }
.mb-heroi h1 em { color: #35F08E; text-shadow: 0 0 26px rgba(0, 224, 112, .55); font-style: normal; }
.mb-frase { color: #EAF2FA; text-shadow: 0 1px 8px rgba(8, 24, 40, .4); }
.mb-frase .mb-dest { padding: 1px 7px; border-radius: 5px; font-style: normal; font-weight: 700; color: #fff; background: linear-gradient(180deg, rgba(0, 224, 112, .55), rgba(0, 170, 85, .55)); box-shadow: 0 0 14px rgba(0, 224, 112, .35); }

/* botão grande do grupo, ao lado da manchete (pedido do Conselho: é o objetivo principal do site) */
.mb-grupo-topo { display: grid; justify-items: center; align-content: center; gap: 4px; min-width: 128px; padding: 14px 20px 13px; border-radius: 16px; text-align: center; text-decoration: none; cursor: pointer;
  color: #03210F; font: 800 1.12rem/1.04 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 78%; text-transform: uppercase; letter-spacing: .01em;
  background: linear-gradient(180deg, #7DFFB6 0%, #22E070 38%, #0DA84C 100%);
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .85), inset 0 -5px 0 rgba(0, 70, 30, .35), 0 0 0 2px rgba(255, 255, 255, .22), 0 12px 26px rgba(0, 200, 100, .45);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease; }
.mb-grupo-topo svg { width: 42px; height: 42px; fill: #03210F; filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .5)); }
.mb-grupo-topo:hover { transform: translateY(-2px); filter: brightness(1.06); }
.mb-grupo-topo:active { transform: translateY(2px); box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .6), inset 0 -2px 0 rgba(0, 70, 30, .35), 0 0 0 2px rgba(255, 255, 255, .22), 0 5px 12px rgba(0, 200, 100, .4); }
.mb-grupo-topo:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

@media (min-width: 1100px) {
  .mb-heroi { position: relative; grid-template-columns: minmax(0, 1fr) auto 210px; grid-template-areas: "t g p" "f g p"; align-items: center; column-gap: 24px; row-gap: 10px; padding-bottom: 22px; }
  .mb-heroi h1 { grid-area: t; align-self: end; }
  .mb-frase { grid-area: f; align-self: start; max-width: 62ch; }
  .mb-grupo-topo { grid-area: g; }
  .mb-heroi::after { content: ""; grid-area: p; align-self: stretch; min-height: 190px; margin: -26px -10px -14px 0;
    background: url("assets/e2/pc-hero.webp") center / contain no-repeat; -webkit-mask-image: radial-gradient(closest-side, #000 62%, transparent 100%); mask-image: radial-gradient(closest-side, #000 62%, transparent 100%); }
}
@media (max-width: 1099px) {
  .mb-grupo-topo { grid-template-columns: auto auto; justify-content: center; gap: 12px; min-height: 58px; padding: 10px 22px; font-size: 1.3rem; }
  .mb-grupo-topo br { display: none; }
  .mb-grupo-topo svg { width: 34px; height: 34px; }
}

/* menu lateral: vidro azul, ícones e botão ativo na cor de cada projeto */
@media (min-width: 1100px) {
  body .cabecalho { background: linear-gradient(180deg, rgba(48, 84, 112, .96), rgba(22, 42, 60, .98)) padding-box; }
  body .cabecalho__nav a[data-nav="inicio"] .nav-ico { stroke: #FF9A2E; }
  body .cabecalho__nav a[data-nav="alerta"] .nav-ico { stroke: #35F08E; }
  body .cabecalho__nav a[data-nav="usados"] .nav-ico { stroke: #FFD45E; }
  body .cabecalho__nav a[data-nav="lab"] .nav-ico { stroke: #C79BFF; }
  body .cabecalho__nav a[data-nav="calc"] .nav-ico { stroke: #4FDFF5; }
  body .cabecalho__nav a[aria-current] .nav-ico { stroke-width: 2; }
  body .cabecalho__nav a[data-nav="inicio"][aria-current] { border-image-source: url("assets/painel/botao-ativo-laranja.svg"); text-shadow: 0 0 12px rgba(255, 154, 46, .7); }
  body .cabecalho__nav a[data-nav="alerta"][aria-current] { border-image-source: url("assets/painel/botao-ativo.svg"); }
  body .cabecalho__nav a[data-nav="usados"][aria-current] { border-image-source: url("assets/painel/botao-ativo-ouro.svg"); text-shadow: 0 0 12px rgba(255, 212, 94, .7); }
  body .cabecalho__nav a[data-nav="lab"][aria-current] { border-image-source: url("assets/painel/botao-ativo-roxo.svg"); text-shadow: 0 0 12px rgba(181, 123, 255, .7); }
  body .cabecalho__nav a[data-nav="calc"][aria-current] { border-image-source: url("assets/painel/botao-ativo-azul.svg"); text-shadow: 0 0 12px rgba(39, 211, 240, .7); }
  body .cabecalho__nav a[data-nav="inicio"][aria-current]::before { background: #FF9A2E; box-shadow: 0 0 10px #FF9A2E, 0 0 22px rgba(255, 154, 46, .6); }
  body .cabecalho__nav a[data-nav="usados"][aria-current]::before { background: #FFD45E; box-shadow: 0 0 10px #FFD45E, 0 0 22px rgba(255, 212, 94, .6); }
  body .cabecalho__nav a[data-nav="lab"][aria-current]::before { background: #B57BFF; box-shadow: 0 0 10px #B57BFF, 0 0 22px rgba(181, 123, 255, .6); }
  body .cabecalho__nav a[data-nav="calc"][aria-current]::before { background: #27D3F0; box-shadow: 0 0 10px #27D3F0, 0 0 22px rgba(39, 211, 240, .6); }
}

/* cartões de oferta: 4 em linha, foto em cima, preço grande e botão verde */
@media (min-width: 1100px) {
  .mb-ofertas { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .mb-of { flex-direction: column; align-items: stretch; text-align: center; gap: 10px; padding: 16px 14px 14px; }
  .mb-of__foto { width: 100%; height: 112px; align-self: stretch; }
  .mb-of__nome { font-size: 1.02rem; -webkit-line-clamp: 2; min-height: 2.3em; }
  .mb-of__pe { flex-direction: column; align-items: center; gap: 8px; margin-top: 4px; }
  .mb-of__preco { font-size: 1.55rem; }
  .mb-of__ver { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 16px; border-radius: 9px; color: #03210F; background: linear-gradient(180deg, #5CF29A, #16C760 55%, #0B9A45); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 6px 14px rgba(0, 200, 100, .35); }
}
.mb-of--vazia { min-height: 210px; }

/* Rush Usados grande, depois das ofertas (pedido do dono: não pode ficar pequeno) */
.mb-usados { margin-top: 26px; padding: 30px 36px; gap: 34px; min-height: 200px; }
.mb-usados__logo { width: min(560px, 100%); }
.mb-usados .mb-card__texto { max-width: 46ch; font-size: 1.2rem; line-height: 1.45; }
.mb-usados__acoes .mb-ir { min-height: 52px; padding: 0 22px; font-size: 1.05rem; }
.mb-usados__vitrine { width: 300px; }
.mb-usados__selo { width: 96px; right: -18px; top: -20px; }
.mb-usados__novo { font-size: 13px; padding: 4px 14px 5px; }
@media (max-width: 1099px) { .mb-usados { margin-top: 20px; padding: 22px 18px; } .mb-usados__vitrine { width: 100%; max-width: 320px; } }
@media (min-width: 1100px) { .mb-heroi h1 { font-size: clamp(2rem, 3.55vw, 3.9rem); line-height: 1.04; } }
@media (min-width: 1100px) {
  .mb-usados { grid-template-columns: minmax(0, 1fr) 215px 235px; gap: 22px; padding: 28px 32px; }
  .mb-usados__vitrine { width: 235px; }
  .mb-usados__acoes .mb-ir { padding: 0 12px; font-size: .96rem; }
  .mb-usados .mb-card__texto { font-size: 1.08rem; max-width: 42ch; }
  .mb-usados__logo { width: min(440px, 100%); }
}

/* ===== E2 fiel ao modelo aprovado (04/11/2026, pedido do dono: "idêntico") ===== */
body::before { background:
    radial-gradient(34rem 26rem at 88% 4%, rgba(235, 248, 255, .42), transparent 60%),
    radial-gradient(58rem 34rem at 70% -6%, rgba(135, 205, 245, .34), transparent 62%),
    radial-gradient(46rem 38rem at 0% 45%, rgba(80, 140, 185, .30), transparent 66%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='98' viewBox='0 0 56 98'><path d='M28 1 L55 16.5 L55 48.5 L28 64 L1 48.5 L1 16.5 Z M28 64 L28 98' fill='none' stroke='white' stroke-opacity='.07'/></svg>") 0 0 / 56px 98px,
    linear-gradient(180deg, #3A6280 0%, #26465F 46%, #172C40 100%); }

/* manchete mais larga, como no modelo */
.mb-heroi h1 { font-stretch: 88%; letter-spacing: 0; }
.mb-heroi h1 em { color: #63F2AC; }
.mb-heroi h1 .mb-dest { color: #36E27E; }
.mb-frase .mb-dest { text-transform: uppercase; }
@media (min-width: 1100px) {
  .mb-heroi { grid-template-columns: minmax(0, 1fr) auto 230px; background: radial-gradient(circle at 93% 40%, rgba(255, 255, 255, .28), transparent 26%); }
  .mb-heroi h1 { font-size: clamp(2.1rem, 3.5vw, 4.2rem); }
  .mb-heroi::after { min-height: 210px; }
}
/* botão do grupo: placa de vidro verde com o logo do WhatsApp grande e branco */
.mb-grupo-topo { border-radius: 14px; border: 1px solid rgba(255, 255, 255, .55); color: #0B3D1E; font-size: 1.32rem;
  background: linear-gradient(160deg, #74E8A0 0%, #2EC267 55%, #1C9A4C 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 0 0 3px rgba(40, 200, 110, .22), 0 14px 30px rgba(0, 0, 0, .35), 0 0 32px rgba(40, 220, 120, .35); }
.mb-grupo-topo svg { fill: #fff; filter: drop-shadow(0 2px 3px rgba(0, 60, 25, .45)); }
@media (min-width: 1100px) { .mb-grupo-topo { padding: 16px 20px 14px; } .mb-grupo-topo svg { width: 62px; height: 62px; } }

/* menu lateral prateado (vidro claro, botões de metal claro, texto escuro); o ativo fica escuro com a cor do projeto */
.cabecalho__zap { display: none; }
@media (min-width: 1100px) {
  body .cabecalho { background: linear-gradient(180deg, rgba(196, 216, 232, .62), rgba(128, 158, 184, .58)) padding-box; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
  body .cabecalho__marca { filter: grayscale(1) sepia(.35) hue-rotate(165deg) saturate(1.8) brightness(1.25) contrast(1.15) drop-shadow(0 2px 2px rgba(10, 25, 40, .65)); }
  body .cabecalho__nav a:not([aria-current]) { border: 1px solid rgba(255, 255, 255, .75); border-image: none; border-radius: 10px;
    background: linear-gradient(180deg, #F4F8FB 0%, #D2DCE6 42%, #A9B9C9 100%); color: #1B2633; text-shadow: 0 1px 0 rgba(255, 255, 255, .65);
    box-shadow: inset 0 1px 0 #fff, inset 0 -3px 0 rgba(30, 50, 70, .2), 0 5px 12px rgba(10, 30, 50, .35); }
  body .cabecalho__nav a:not([aria-current]) .nav-ico { stroke: #26313E; fill: rgba(255, 255, 255, .35); }
  body .cabecalho__nav a:not([aria-current]):hover { background: linear-gradient(180deg, #FFFFFF 0%, #DCE5EE 42%, #B4C3D2 100%); }
  .cabecalho__zap { display: grid; place-items: center; width: 60px; height: 60px; margin: auto auto 12px; border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #7CF5A8, #22BF5A 58%, #0D8A3D); box-shadow: 0 0 0 3px rgba(255, 255, 255, .45), 0 6px 16px rgba(0, 160, 70, .55); }
  .cabecalho__zap svg { width: 34px; height: 34px; fill: #fff; }
  body .cabecalho__cta { margin-top: 0; }
}

/* cartões principais: interior de vidro claro e texto escuro, como no modelo */
.mb-grande { --hud-tela1: rgba(214, 238, 228, .95); --hud-tela2: rgba(150, 190, 178, .93); }
.mb-pq.mb-a { --hud-tela1: rgba(220, 233, 244, .96); --hud-tela2: rgba(160, 186, 210, .93); }
.mb-pq.mb-r { --hud-tela1: rgba(226, 220, 242, .96); --hud-tela2: rgba(170, 160, 208, .93); }
.mb-grande:not(.hud-js) { background: linear-gradient(135deg, #D6EEE4, #96BEB2); }
.mb-pq.mb-a:not(.hud-js) { background: linear-gradient(135deg, #DCE9F4, #A0BAD2); }
.mb-pq.mb-r:not(.hud-js) { background: linear-gradient(135deg, #E2DCF2, #AAA0D0); }
.mb-grande .mb-card__titulo { color: #149C4C; text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 0 16px rgba(0, 224, 112, .3); }
.mb-pq .mb-card__titulo { color: #142030; text-shadow: 0 1px 0 rgba(255, 255, 255, .6); }
.mb-grande .mb-card__texto, .mb-pq .mb-card__texto { color: #1D2935; }
/* botões cheios e brilhantes, cada um na cor do projeto */
.mb-servicos .mb-ir, .mb-of__ver { clip-path: none; border-radius: 9px !important; }
.mb-grande .mb-ir--cheio { background: linear-gradient(180deg, #84FFBC, #24D46E 50%, #109E4D); border-color: #9CFFC8; color: #04210F; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 7px 16px rgba(0, 150, 70, .4); }
.mb-pq.mb-a .mb-ir { background: linear-gradient(180deg, #78CFFF, #2A8FE0 50%, #1866B4); border-color: #9ADBFF; color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 6px 14px rgba(30, 110, 210, .4); }
.mb-pq.mb-r .mb-ir { background: linear-gradient(180deg, #BC98FF, #7B45E6 50%, #5A2DB8); border-color: #D2B5FF; color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 6px 14px rgba(110, 60, 210, .4); }
.mb-medidor--3d { position: relative !important; inset: auto !important; flex: none; width: 118px !important; height: 118px !important; margin-left: auto; filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .45)); }

/* ofertas como no modelo: horizontais, foto à esquerda, nome e preço à direita, moldura de aço escura */
.mb-of { --mb-cor: #7FA3BD; --mb-luz: rgba(127, 163, 189, .4); }
@media (min-width: 1100px) {
  .mb-of { flex-direction: row; align-items: center; text-align: left; gap: 12px; padding: 12px 14px; }
  .mb-of__foto { width: 92px; height: 92px; align-self: center; background: #EEF2F6; }
  .mb-of__info { text-align: right; }
  .mb-of__nome { font-size: .92rem; -webkit-line-clamp: 2; min-height: 0; }
  .mb-of__meta { font-size: .74rem; }
  .mb-of__pe { flex-direction: column; align-items: flex-end; gap: 6px; }
  .mb-of__preco { font-size: 1.75rem; }
  .mb-of__ver { min-height: 34px; padding: 0 14px; }
}

/* Rush Usados como no modelo: faixa dourada em linha única (logo, texto, 2 botões e selo "Conferido pelo Rush") */
@media (min-width: 1100px) {
  .mb-usados { grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 18px; padding: 14px 22px; min-height: 0; margin-top: 18px; }
  .mb-usados__marca { flex-direction: row; align-items: center; gap: 18px; }
  .mb-usados__logo { width: 250px; flex: none; }
  .mb-usados .mb-card__texto { font-size: .92rem; max-width: 50ch; line-height: 1.35; }
  .mb-usados__acoes { flex-direction: row; gap: 10px; }
  .mb-usados__acoes .mb-ir { min-height: 40px; padding: 0 14px; font-size: .9rem; clip-path: none; border-radius: 8px !important; }
  .mb-usados__vitrine { width: auto; display: flex; align-items: center; padding-right: 22px; }
  .mb-usados__foto { aspect-ratio: auto; border: 0; border-radius: 999px; background: #fff; padding: 9px 34px 9px 16px; overflow: visible; box-shadow: 0 0 14px rgba(255, 200, 70, .35); }
  .mb-usados__foto img { display: none; }
  .mb-usados__foto b { position: static; padding: 0; background: none; color: #1B1300; font-size: .74rem; letter-spacing: .03em; }
  .mb-usados__selo { width: 50px; right: -2px; top: 50%; transform: translateY(-50%); animation: none; }
}
@media (min-width: 1100px) {
  .mb-heroi h1 { font-size: clamp(2rem, 3.15vw, 4.2rem); }
  .mb-heroi::after { mix-blend-mode: lighten; }
}
.mb-pq .mb-medidor--3d { align-self: center !important; transform: none !important; margin: 0 0 0 auto !important; top: auto !important; }
@media (min-width: 1100px) { .mb-heroi h1 { font-size: clamp(1.9rem, 2.9vw, 4.2rem); } }
@media (min-width: 1100px) and (max-width: 1300px) { .mb-heroi { grid-template-columns: minmax(0, 1fr) auto 150px; } .mb-heroi h1 { font-size: 2.7vw; } }
@media (min-width: 1100px) {
  .mb-heroi::after { mix-blend-mode: normal; -webkit-mask-image: radial-gradient(closest-side, #000 52%, transparent 94%); mask-image: radial-gradient(closest-side, #000 52%, transparent 94%); }
}
@media (min-width: 1100px) { .mb-heroi { background: none; } }
@media (min-width: 1100px) {
  body .cabecalho__nav { margin-top: 16px !important; margin-bottom: 0 !important; }
  .mb-of__preco { font-size: 1.45rem; }
  .mb-of__preco small { display: block; margin: 2px 0 0; font-size: .68rem; }
  .mb-usados__marca h2 { flex: none; width: 230px; }
  .mb-usados__logo { width: 100%; }
}
@media (min-width: 1100px) {
  body .cabecalho__nav { flex: 0 0 auto !important; justify-content: flex-start !important; }
  .cabecalho__zap { flex: none; }
}
@media (min-width: 1100px) {
  .mb-grande .mb-card__titulo { font-size: clamp(2.2rem, 3vw, 3.2rem) !important; line-height: 1.02; max-width: 7.2em; }
  .mb-grande .mb-card__texto { font-size: 1rem !important; }
  .mb-pq .mb-card__titulo { font-size: clamp(1.5rem, 1.9vw, 2rem); }
}
.mb-of__preco { color: #FFE47A; text-shadow: 0 0 14px rgba(255, 210, 80, .35); }
@media (max-width: 1099px) {
  .mb-heroi h1 { font-stretch: 70%; }
  .mb-medidor--3d { width: 80px !important; height: 80px !important; }
}
@media (max-width: 480px) { .mb-pq .mb-medidor--3d { display: none; } }

/* ===== E2: efeitos 3D e imagens (04/11/2026): ambiente no Laboratório, reflexo de vidro nos cartões, relevo nos botões ===== */
/* Laboratório: oficina desfocada atrás do Gabriel, clareando para a esquerda (onde fica o texto) */
.mb-pq.mb-r::before { content: ""; position: absolute; inset: 15px 16px; z-index: 0; border-radius: 6px; pointer-events: none;
  background: linear-gradient(90deg, rgba(228, 222, 244, .97) 0%, rgba(228, 222, 244, .9) 36%, rgba(200, 188, 236, .45) 62%, rgba(120, 90, 200, .1) 100%),
              url("assets/e2/lab-fundo.webp") right center / cover no-repeat; }
.mb-pq.mb-r .mb-gabriel { z-index: 1; }
/* reflexo de vidro (faixa diagonal de luz) por cima dos cartões principais */
.mb-grande::after, .mb-pq::after { content: ""; position: absolute; inset: 16px; z-index: 3; border-radius: 8px; pointer-events: none; mix-blend-mode: screen;
  background: linear-gradient(118deg, rgba(255, 255, 255, .36) 0%, rgba(255, 255, 255, .12) 20%, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, .1) 82%, rgba(255, 255, 255, 0) 90%); }
.mb-grande, .mb-pq { transition: transform .2s ease, filter .2s ease; }
.mb-grande:hover, .mb-pq:hover { transform: translateY(-3px); filter: brightness(1.05) drop-shadow(0 14px 18px rgba(5, 20, 35, .45)); }

/* botões com brilho de vidro em cima e espessura embaixo (relevo 3D) */
.mb-grande .mb-ir--cheio { background: linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .14) 48%, rgba(255, 255, 255, 0) 50%), linear-gradient(180deg, #84FFBC, #24D46E 50%, #109E4D);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 3px 0 #0A7A39, 0 9px 16px rgba(0, 120, 60, .45); }
.mb-pq.mb-a .mb-ir { background: linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .14) 48%, rgba(255, 255, 255, 0) 50%), linear-gradient(180deg, #78CFFF, #2A8FE0 50%, #1866B4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 3px 0 #0F4E8E, 0 8px 14px rgba(20, 90, 180, .45); }
.mb-pq.mb-r .mb-ir { background: linear-gradient(180deg, rgba(255, 255, 255, .45) 0%, rgba(255, 255, 255, .12) 48%, rgba(255, 255, 255, 0) 50%), linear-gradient(180deg, #BC98FF, #7B45E6 50%, #5A2DB8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 3px 0 #3F1E8C, 0 8px 14px rgba(90, 50, 190, .45); }
.mb-of__ver { background: linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .12) 48%, rgba(255, 255, 255, 0) 50%), linear-gradient(180deg, #5CF29A, #16C760 55%, #0B9A45) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 3px 0 #077A35, 0 7px 12px rgba(0, 150, 70, .35) !important; }
.mb-grupo-topo { background: linear-gradient(180deg, rgba(255, 255, 255, .42) 0%, rgba(255, 255, 255, .1) 46%, rgba(255, 255, 255, 0) 48%), linear-gradient(160deg, #74E8A0 0%, #2EC267 55%, #1C9A4C 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 5px 0 #13753A, 0 0 0 3px rgba(40, 200, 110, .22), 0 16px 30px rgba(0, 0, 0, .35), 0 0 32px rgba(40, 220, 120, .35); }
.mb-grande .mb-ir--cheio:active, .mb-pq .mb-ir:active, .mb-of__ver:active, .mb-grupo-topo:active { transform: translateY(3px); }
.mb-usados__acoes .mb-ir--ouro { background: linear-gradient(180deg, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .15) 48%, rgba(255, 255, 255, 0) 50%), linear-gradient(180deg, #fff7d6, #ffd45e 40%, #c88a14); box-shadow: 0 3px 0 #8A5C08, 0 0 22px rgba(255, 190, 60, .45); }

/* menu lateral: botões de metal com relevo 3D (brilho em cima, espessura embaixo, ícone em relevo) */
@media (min-width: 1100px) {
  body .cabecalho__nav a:not([aria-current]) { border: 1px solid #4E6276;
    background: linear-gradient(180deg, #F8FBFD 0%, #DFE7EF 16%, #BCCAD8 50%, #9DB1C5 51%, #AFC0D0 100%);
    box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255, 255, 255, .5), inset 0 -6px 10px -4px rgba(20, 40, 60, .4), 0 3px 0 #3B4D5F, 0 10px 16px rgba(5, 20, 35, .5);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease; }
  body .cabecalho__nav a:not([aria-current]):hover { transform: translateY(-2px); filter: brightness(1.04);
    box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255, 255, 255, .5), inset 0 -6px 10px -4px rgba(20, 40, 60, .4), 0 5px 0 #3B4D5F, 0 16px 22px rgba(5, 20, 35, .55); }
  body .cabecalho__nav a:active { transform: translateY(2px) !important; }
  body .cabecalho__nav a:not([aria-current]) .nav-ico { filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .95)) drop-shadow(0 -1px 0 rgba(0, 0, 0, .3)); }
  body .cabecalho__nav a:not([aria-current]) span { text-shadow: 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .15); }
  html body .cabecalho__nav a::after { display: block !important; content: ""; position: absolute; left: 3px; right: 3px; top: 3px; height: 44%; z-index: 0; pointer-events: none;
    border-radius: 8px 8px 50% 50% / 8px 8px 10px 10px; background: linear-gradient(180deg, rgba(255, 255, 255, .8), rgba(255, 255, 255, .06)); }
  html body .cabecalho__nav a[aria-current]::after { left: 2px; right: 2px; top: 2px; background: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0)); }
  body .cabecalho__nav a > * { position: relative; z-index: 1; }
  body .cabecalho__nav a[aria-current] { box-shadow: 0 10px 18px rgba(5, 15, 25, .55); }
  body .cabecalho__cta { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 3px 0 #0A7A39, 0 10px 18px rgba(0, 120, 60, .45) !important; }
  .cabecalho__zap { box-shadow: inset 0 2px 2px rgba(255, 255, 255, .55), inset 0 -4px 6px rgba(0, 70, 30, .4), 0 0 0 3px rgba(255, 255, 255, .45), 0 4px 0 #0B6B30, 0 10px 18px rgba(0, 120, 60, .5); }
}
/* plano de fundo: parede de hexágonos de aço com feixes de luz (imagem gerada no Flow), tingida no azul-aço do modelo */
body::before { background:
    radial-gradient(34rem 26rem at 88% 4%, rgba(235, 248, 255, .26), transparent 60%),
    linear-gradient(180deg, rgba(78, 128, 165, .40) 0%, rgba(42, 82, 114, .34) 50%, rgba(18, 36, 54, .30) 100%),
    url("assets/e2/fundo-1600.webp") center top / cover no-repeat,
    #22405A; }
@media (max-width: 900px) { body::before { background:
    linear-gradient(180deg, rgba(78, 128, 165, .40) 0%, rgba(42, 82, 114, .34) 50%, rgba(18, 36, 54, .30) 100%),
    url("assets/e2/fundo-900.webp") center top / cover no-repeat, #22405A; } }
.mb-heroi h1 em { color: #4DF29A; -webkit-text-stroke: 0; opacity: 1; text-shadow: 0 2px 0 rgba(0, 60, 30, .35), 0 0 24px rgba(0, 224, 112, .5); }
.mb-grande::after, .mb-pq::after { mix-blend-mode: normal; background: linear-gradient(118deg, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, .07) 18%, rgba(255, 255, 255, 0) 30%); }
.mb-grande .mb-card__titulo { position: relative; z-index: 4; color: #109447; }
@media (min-width: 1100px) { body .cabecalho__dentro { justify-content: flex-start !important; } body .cabecalho__marca { margin-bottom: 14px !important; } }
.mb-pq .mb-pq__texto { z-index: 2; }

/* ===== E2 acabamento 3D (04/11/2026, 2ª rodada): sombras projetadas, letras com volume, luz de cena ===== */
/* sombra projetada embaixo dos quadros (o desenho da moldura não alcança fora do elemento) */
@media (min-width: 700px) {
  .mb-grande.hud-js, .mb-pq.hud-js, .mb-of.hud-js, .mb-usados.hud-js { filter: drop-shadow(0 14px 14px rgba(4, 14, 26, .5)) drop-shadow(0 3px 3px rgba(4, 14, 26, .45)); }
  .mb-grande.hud-js:hover, .mb-pq.hud-js:hover, .mb-of.hud-js:hover { filter: brightness(1.05) drop-shadow(0 22px 20px rgba(4, 14, 26, .55)) drop-shadow(0 4px 4px rgba(4, 14, 26, .45)); }
}
/* manchete com espessura (extrusão em camadas) e luz de cima */
.mb-heroi h1 { color: #FFFFFF; text-shadow: 0 1px 0 #DCE5EE, 0 2px 0 #B9C7D5, 0 3px 0 #98AABD, 0 4px 0 #7A8EA3, 0 5px 0 #61758A, 0 8px 6px rgba(5, 18, 32, .45), 0 16px 26px rgba(5, 18, 32, .45); }
.mb-heroi h1 em, .mb-heroi h1 .mb-dest { color: #5BF5A2; text-shadow: 0 1px 0 #35D27F, 0 2px 0 #24B86A, 0 3px 0 #179A55, 0 4px 0 #0F7E44, 0 5px 0 #0A6536, 0 8px 6px rgba(0, 40, 20, .45), 0 0 28px rgba(0, 230, 120, .45); }
.mb-grande .mb-card__titulo { text-shadow: 0 1px 0 #fff, 0 2px 0 #0D7A3B, 0 3px 0 #0A6431, 0 5px 6px rgba(0, 50, 25, .35) !important; }
.mb-pq .mb-card__titulo { text-shadow: 0 1px 0 #fff, 0 2px 0 rgba(20, 32, 48, .55), 0 4px 5px rgba(10, 20, 35, .3) !important; }
.mb-ofertas-topo h2 { text-shadow: 0 1px 0 #C8D3DE, 0 2px 0 #91A3B6, 0 3px 0 #6B7E93, 0 6px 8px rgba(5, 18, 32, .5); }
.mb-frase { text-shadow: 0 1px 2px rgba(5, 18, 32, .6); }
/* textos dos botões levemente gravados */
.mb-grande .mb-ir--cheio, .mb-of__ver { text-shadow: 0 1px 0 rgba(255, 255, 255, .45); }
.mb-pq .mb-ir { text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); }
/* campo de busca afundado */
.mb-busca input { box-shadow: inset 0 3px 6px rgba(0, 0, 0, .55), inset 0 -1px 0 rgba(255, 255, 255, .12), 0 1px 0 rgba(255, 255, 255, .12) !important; }
.mb-busca button { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 3px 0 #06212B, 0 8px 14px rgba(0, 0, 0, .35) !important; }
/* menu lateral: o painel ganha borda de vidro com reflexo e sombra para dentro */
@media (min-width: 1100px) {
  body .cabecalho { box-shadow: inset -1px 0 0 rgba(255, 255, 255, .35), inset 0 0 40px rgba(255, 255, 255, .12), 18px 0 40px -12px rgba(0, 0, 0, .65) !important; }
  body .cabecalho__nav a[aria-current] { box-shadow: 0 0 22px rgba(255, 154, 46, .35), 0 12px 18px rgba(5, 15, 25, .6); }
}
/* cena do PC como no modelo: pedestal de metal, raios de luz em leque e brilho; o pedestal desce por trás da Calculadora */
@media (min-width: 1100px) {
  .mb-home .mb-miolo { position: relative; }
  .mb-heroi { position: static; }
  .mb-heroi::after { position: absolute; z-index: 0; right: -46px; top: -54px; width: 400px; height: 400px; min-height: 0; margin: 0; grid-area: auto;
    background: url("assets/e2/pc-cena.webp") center / cover no-repeat;
    -webkit-mask-image: radial-gradient(ellipse 50% 52% at 50% 46%, #000 58%, rgba(0, 0, 0, .55) 78%, transparent 100%);
    mask-image: radial-gradient(ellipse 50% 52% at 50% 46%, #000 58%, rgba(0, 0, 0, .55) 78%, transparent 100%); }
  .mb-heroi > * { position: relative; z-index: 1; }
  .mb-servicos { position: relative; z-index: 2; }
  .mb-heroi { grid-template-columns: minmax(0, 1fr) auto 250px; }
}
@media (min-width: 1100px) and (max-width: 1300px) { .mb-heroi::after { width: 330px; height: 330px; right: -36px; top: -40px; } .mb-heroi { grid-template-columns: minmax(0, 1fr) auto 200px; } }
@media (min-width: 1100px) {
  .mb-heroi::after { width: 330px; height: 330px; right: -22px; top: -46px; }
  .mb-heroi { grid-template-columns: minmax(0, 1fr) auto 262px; padding-bottom: 30px; }
}
@media (min-width: 1100px) and (max-width: 1300px) { .mb-heroi::after { width: 290px; height: 290px; right: -18px; top: -36px; } .mb-heroi { grid-template-columns: minmax(0, 1fr) auto 220px; } }
@media (min-width: 1100px) {
  .mb-heroi { padding-bottom: 44px; }
  .mb-heroi::after { width: 310px; height: 310px; right: -14px; top: -8px; }
  /* leque de raios de luz em volta do PC (além dos que já estão na imagem) */
  .mb-heroi::before { content: ""; position: absolute; z-index: 0; right: -150px; top: -170px; width: 620px; height: 560px; pointer-events: none; mix-blend-mode: screen;
    background:
      radial-gradient(closest-side at 50% 50%, rgba(220, 245, 255, .55), rgba(150, 215, 245, .22) 35%, transparent 70%),
      repeating-conic-gradient(from 200deg at 50% 50%, rgba(210, 240, 255, .28) 0deg 4deg, transparent 4deg 13deg, rgba(210, 240, 255, .14) 13deg 15deg, transparent 15deg 24deg);
    -webkit-mask-image: radial-gradient(closest-side at 50% 50%, #000 18%, rgba(0, 0, 0, .5) 52%, transparent 100%);
    mask-image: radial-gradient(closest-side at 50% 50%, #000 18%, rgba(0, 0, 0, .5) 52%, transparent 100%); }
}
@media (min-width: 1100px) and (max-width: 1300px) { .mb-heroi::after { width: 280px; height: 280px; right: -12px; top: -4px; } .mb-heroi::before { right: -170px; top: -180px; } }
@media (prefers-reduced-motion: no-preference) and (min-width: 1100px) {
  .mb-heroi::before { animation: e2-raios 14s ease-in-out infinite alternate; }
  @keyframes e2-raios { from { opacity: .85; transform: rotate(-2deg); } to { opacity: 1; transform: rotate(2deg); } }
}
@media (min-width: 1100px) { .mb-heroi { padding-bottom: 50px; } .mb-heroi::after { top: -30px; width: 320px; height: 320px; right: -18px; } }

/* 04/11 (pedido do dono): o vidro da Calculadora é a referência. Alerta e Laboratório no mesmo tom de vidro, só levemente tingidos.
   Ofertas em fibra de carbono escura. */
.mb-grande { --hud-tela1: rgba(222, 236, 232, .96); --hud-tela2: rgba(160, 190, 184, .93); }
.mb-pq.mb-r { --hud-tela1: rgba(226, 228, 242, .96); --hud-tela2: rgba(168, 172, 206, .93); }
.mb-pq.mb-r::before { background: linear-gradient(90deg, rgba(226, 228, 242, .97) 0%, rgba(222, 224, 240, .9) 40%, rgba(200, 198, 232, .5) 64%, rgba(150, 140, 210, .12) 100%),
              url("assets/e2/lab-fundo.webp") right center / cover no-repeat; }
.mb-grande .mb-card__titulo { color: #128E46; }
.mb-of { --hud-carbono: 1; --mb-cor: #8FA9BF; }
.mb-of:not(.hud-js) { background: repeating-linear-gradient(45deg, #2A3038 0 4px, #15181D 4px 8px), #14171C; }
.mb-of__nome { color: #F2F6FA; }
.mb-of__meta { color: #9DAAB8; }
.mb-of__foto { box-shadow: 0 4px 10px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(255, 255, 255, .6); }

/* ===== menu lateral igual à referência do dono (04/11/2026): painel de vidro azul-aço com borda clara, botões de cromo menores e
   centralizados com contorno escuro, ativo escuro com contorno laranja aceso, logo do WhatsApp e pílula verde "Entrar no grupo" ===== */
@media (min-width: 1100px) {
  html body .cabecalho { inset: 10px auto 10px 10px; width: 190px; height: auto; border: 2px solid rgba(214, 230, 244, .7) !important; border-image: none !important; border-radius: 20px;
    background: linear-gradient(180deg, rgba(126, 156, 184, .94) 0%, rgba(96, 126, 154, .95) 38%, rgba(78, 106, 134, .96) 100%) !important;
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
    box-shadow: 0 0 0 2px #1C3043, inset 0 0 0 1px rgba(255, 255, 255, .12), inset 0 40px 60px -30px rgba(255, 255, 255, .28), inset 0 -30px 50px -30px rgba(10, 25, 40, .35), 14px 0 30px -8px rgba(0, 0, 0, .5) !important; }
  html body .cabecalho__dentro { padding: 16px 0 18px; align-items: center; gap: 0; }
  html body .cabecalho__marca { width: 156px; margin: 0 0 6px !important; }
  html body .cabecalho .cabecalho__nav { align-items: center; gap: 15px; margin: 64px 0 0 !important; width: 100%; }
  html body .cabecalho .cabecalho__nav a { width: 128px; height: 74px; padding: 6px 4px 5px; gap: 5px; border-radius: 9px; border: 2px solid #1E3346 !important; border-image: none !important;
    background: linear-gradient(180deg, #F4F8FB 0%, #E1E9F0 40%, #BCCBD8 52%, #CCD8E3 78%, #DCE5EC 100%) !important;
    color: #182838; font: 800 1.02rem/1 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 78%; letter-spacing: .01em; text-shadow: 0 1px 0 rgba(255, 255, 255, .85);
    box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255, 255, 255, .55), inset 0 -3px 5px rgba(30, 55, 80, .28), 0 0 0 1px rgba(210, 228, 244, .45), 0 5px 9px rgba(5, 18, 32, .45) !important;
    transform: none; filter: none; }
  html body .cabecalho .cabecalho__nav a::after { left: 3px; right: 3px; top: 3px; height: 46%; border-radius: 6px 6px 40% 40% / 6px 6px 8px 8px; background: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .1)); }
  html body .cabecalho .cabecalho__nav a .nav-ico { width: 27px !important; height: 27px !important; stroke: #1E2E3E !important; stroke-width: 1.6; fill: rgba(255, 255, 255, .25) !important; filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .9)); }
  html body .cabecalho .cabecalho__nav a:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255, 255, 255, .55), inset 0 -3px 5px rgba(30, 55, 80, .28), 0 0 0 1px rgba(210, 228, 244, .6), 0 9px 14px rgba(5, 18, 32, .5) !important; }
  html body .cabecalho .cabecalho__nav a:active { transform: translateY(2px); }
  /* ativo: escuro com contorno laranja aceso */
  html body .cabecalho .cabecalho__nav a[aria-current] { border: 2px solid #FF9A2E !important;
    background: radial-gradient(120% 90% at 50% 0%, rgba(255, 150, 50, .22), transparent 60%), linear-gradient(180deg, #33261B 0%, #1E1712 55%, #120D09 100%) !important;
    color: #fff; text-shadow: 0 0 10px rgba(255, 160, 60, .55);
    box-shadow: 0 0 0 1px rgba(255, 190, 110, .65), 0 0 14px rgba(255, 140, 40, .75), 0 0 28px rgba(255, 140, 40, .35), inset 0 0 14px rgba(255, 140, 40, .3), 0 6px 12px rgba(0, 0, 0, .45) !important; }
  html body .cabecalho .cabecalho__nav a[aria-current]::after { background: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0)); }
  html body .cabecalho .cabecalho__nav a[aria-current] .nav-ico { stroke: #FFB25E !important; fill: rgba(255, 150, 50, .15) !important; filter: drop-shadow(0 0 5px rgba(255, 150, 50, .8)); }
  html body .cabecalho .cabecalho__nav a[aria-current]::before { left: -16px; top: 12%; bottom: 12%; width: 4px; }
  /* as outras páginas usam a cor do seu projeto no ativo */
  html body .cabecalho .cabecalho__nav a[data-nav="alerta"][aria-current] { border-color: #2EE07E !important; box-shadow: 0 0 0 1px rgba(120, 255, 180, .6), 0 0 14px rgba(0, 224, 112, .7), inset 0 0 14px rgba(0, 224, 112, .3), 0 6px 12px rgba(0, 0, 0, .45) !important; background: radial-gradient(120% 90% at 50% 0%, rgba(0, 224, 112, .2), transparent 60%), linear-gradient(180deg, #1C2E24, #111A15 55%, #0B110D) !important; }
  html body .cabecalho .cabecalho__nav a[data-nav="usados"][aria-current] { border-color: #FFD45E !important; box-shadow: 0 0 0 1px rgba(255, 230, 150, .6), 0 0 14px rgba(255, 200, 70, .7), inset 0 0 14px rgba(255, 200, 70, .3), 0 6px 12px rgba(0, 0, 0, .45) !important; background: radial-gradient(120% 90% at 50% 0%, rgba(255, 200, 70, .2), transparent 60%), linear-gradient(180deg, #30291A, #1C1810 55%, #110E09) !important; }
  html body .cabecalho .cabecalho__nav a[data-nav="lab"][aria-current] { border-color: #B98BFF !important; box-shadow: 0 0 0 1px rgba(210, 180, 255, .6), 0 0 14px rgba(170, 110, 255, .7), inset 0 0 14px rgba(170, 110, 255, .3), 0 6px 12px rgba(0, 0, 0, .45) !important; background: radial-gradient(120% 90% at 50% 0%, rgba(170, 110, 255, .22), transparent 60%), linear-gradient(180deg, #261D33, #17121F 55%, #0E0B13) !important; }
  html body .cabecalho .cabecalho__nav a[data-nav="calc"][aria-current] { border-color: #3FD8F2 !important; box-shadow: 0 0 0 1px rgba(150, 235, 255, .6), 0 0 14px rgba(39, 211, 240, .7), inset 0 0 14px rgba(39, 211, 240, .3), 0 6px 12px rgba(0, 0, 0, .45) !important; background: radial-gradient(120% 90% at 50% 0%, rgba(39, 211, 240, .2), transparent 60%), linear-gradient(180deg, #192A33, #10191F 55%, #0A1014) !important; }
  html body .cabecalho .cabecalho__nav a[data-nav="alerta"][aria-current] .nav-ico { stroke: #5CF5A2 !important; }
  html body .cabecalho .cabecalho__nav a[data-nav="usados"][aria-current] .nav-ico { stroke: #FFDB7A !important; }
  html body .cabecalho .cabecalho__nav a[data-nav="lab"][aria-current] .nav-ico { stroke: #CDA8FF !important; }
  html body .cabecalho .cabecalho__nav a[data-nav="calc"][aria-current] .nav-ico { stroke: #7FE6F7 !important; }
  /* logo do WhatsApp (bolha verde com telefone branco) e pílula verde embaixo */
  html body .cabecalho__zap { width: 54px; height: 54px; margin: auto auto 12px; border-radius: 50%; background: linear-gradient(180deg, #5BEA8C, #25C25C 60%, #179A47);
    box-shadow: inset 0 2px 2px rgba(255, 255, 255, .5), 0 0 0 2px rgba(255, 255, 255, .9), 0 4px 10px rgba(0, 60, 25, .45), 0 0 18px rgba(40, 220, 110, .45) !important; }
  html body .cabecalho__zap svg { width: 30px; height: 30px; fill: #fff; filter: drop-shadow(0 1px 1px rgba(0, 60, 25, .4)); }
  html body .cabecalho .cabecalho__cta { width: 150px; min-height: 36px; height: 36px; margin: 0 auto 4px; padding: 0 10px; gap: 6px; border: 1px solid rgba(220, 255, 230, .75) !important; border-image: none !important; border-radius: 9px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .42) 0%, rgba(255, 255, 255, .1) 48%, rgba(255, 255, 255, 0) 50%), linear-gradient(180deg, #4FE184, #1FB458 60%, #14904A) !important;
    color: #fff !important; font: 800 .8rem/1 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 82%; letter-spacing: .02em; text-shadow: 0 1px 1px rgba(0, 70, 30, .55);
    box-shadow: 0 0 0 1px rgba(10, 80, 40, .6), 0 3px 0 #0C6E33, 0 8px 14px rgba(0, 80, 40, .4), 0 0 16px rgba(40, 220, 110, .35) !important; }
  html body .cabecalho .cabecalho__cta svg { width: 16px; height: 16px; fill: #fff; }
}
/* lateral: peças em SVG (painel chanfrado com borda dupla, botões de vidro cromado com cantos cortados) */
@media (min-width: 1100px) {
  html body .cabecalho { border: 14px solid transparent !important; border-image: url("assets/e2/painel-lateral.svg") 32 fill / 32px stretch !important; border-radius: 0;
    background: none !important; box-shadow: none !important; filter: drop-shadow(12px 0 18px rgba(0, 0, 0, .45)); -webkit-backdrop-filter: none; backdrop-filter: none; }
  html body .cabecalho__dentro { padding: 4px 0 6px; }
  html body .cabecalho__marca { width: 160px; filter: grayscale(1) sepia(.65) hue-rotate(172deg) saturate(2.6) brightness(1.02) contrast(1.25) drop-shadow(0 2px 1px rgba(8, 22, 38, .8)) drop-shadow(0 0 10px rgba(120, 200, 255, .35)) !important; }
  html body .cabecalho .cabecalho__nav { gap: 18px; margin-top: 70px !important; }
  html body .cabecalho .cabecalho__nav a { width: 150px; height: 84px; border: 9px solid transparent !important; border-image: url("assets/e2/botao-cromo.svg") 18 fill / 18px stretch !important;
    border-radius: 0 !important; background: none !important; box-shadow: none !important; filter: drop-shadow(0 5px 6px rgba(5, 18, 32, .45));
    font-size: 1.24rem; color: #172636; gap: 4px; padding: 0; }
  html body .cabecalho .cabecalho__nav a::after { display: none !important; }
  html body .cabecalho .cabecalho__nav a .nav-ico { width: 34px !important; height: 34px !important; stroke-width: 1.5; }
  html body .cabecalho .cabecalho__nav a:hover { box-shadow: none !important; filter: drop-shadow(0 9px 9px rgba(5, 18, 32, .5)) brightness(1.04); }
  html body .cabecalho .cabecalho__nav a[aria-current] { border-image-source: url("assets/e2/botao-cromo-ativo-laranja.svg") !important; background: none !important; box-shadow: none !important;
    filter: drop-shadow(0 0 10px rgba(255, 140, 40, .7)) drop-shadow(0 6px 8px rgba(0, 0, 0, .5)); }
  html body .cabecalho .cabecalho__nav a[data-nav="alerta"][aria-current] { border-image-source: url("assets/e2/botao-cromo-ativo-verde.svg") !important; background: none !important; box-shadow: none !important; filter: drop-shadow(0 0 10px rgba(0, 224, 112, .65)) drop-shadow(0 6px 8px rgba(0, 0, 0, .5)); }
  html body .cabecalho .cabecalho__nav a[data-nav="usados"][aria-current] { border-image-source: url("assets/e2/botao-cromo-ativo-ouro.svg") !important; background: none !important; box-shadow: none !important; filter: drop-shadow(0 0 10px rgba(255, 200, 70, .65)) drop-shadow(0 6px 8px rgba(0, 0, 0, .5)); }
  html body .cabecalho .cabecalho__nav a[data-nav="lab"][aria-current] { border-image-source: url("assets/e2/botao-cromo-ativo-roxo.svg") !important; background: none !important; box-shadow: none !important; filter: drop-shadow(0 0 10px rgba(170, 110, 255, .65)) drop-shadow(0 6px 8px rgba(0, 0, 0, .5)); }
  html body .cabecalho .cabecalho__nav a[data-nav="calc"][aria-current] { border-image-source: url("assets/e2/botao-cromo-ativo-azul.svg") !important; background: none !important; box-shadow: none !important; filter: drop-shadow(0 0 10px rgba(39, 211, 240, .65)) drop-shadow(0 6px 8px rgba(0, 0, 0, .5)); }
  html body .cabecalho .cabecalho__nav a[aria-current]::before { left: -22px; }
  html body .cabecalho__zap { width: 58px; height: 58px; margin-bottom: 14px; }
  html body .cabecalho__zap svg { width: 33px; height: 33px; }
  html body .cabecalho .cabecalho__cta { width: 160px; height: 40px; min-height: 40px; border: 8px solid transparent !important; border-image: url("assets/e2/pilula-grupo.svg") 12 fill / 12px stretch !important;
    border-radius: 0 !important; background: none !important; box-shadow: none !important; filter: drop-shadow(0 4px 6px rgba(0, 70, 30, .45)) drop-shadow(0 0 10px rgba(40, 220, 110, .35)); padding: 0 2px; font-size: .84rem; }
}
/* botão ativo: a regra antiga 'border: 2px' zerava o desenho; aqui ele volta com a cor do projeto */
@media (min-width: 1100px) {
  html body .cabecalho .cabecalho__nav a[aria-current] { border: 9px solid transparent !important; border-image: url("assets/e2/botao-cromo-ativo-laranja.svg") 18 fill / 18px stretch !important; color: #fff; }
  html body .cabecalho .cabecalho__nav a[data-nav="alerta"][aria-current] { border: 9px solid transparent !important; border-image: url("assets/e2/botao-cromo-ativo-verde.svg") 18 fill / 18px stretch !important; color: #fff; }
  html body .cabecalho .cabecalho__nav a[data-nav="usados"][aria-current] { border: 9px solid transparent !important; border-image: url("assets/e2/botao-cromo-ativo-ouro.svg") 18 fill / 18px stretch !important; color: #fff; }
  html body .cabecalho .cabecalho__nav a[data-nav="lab"][aria-current] { border: 9px solid transparent !important; border-image: url("assets/e2/botao-cromo-ativo-roxo.svg") 18 fill / 18px stretch !important; color: #fff; }
  html body .cabecalho .cabecalho__nav a[data-nav="calc"][aria-current] { border: 9px solid transparent !important; border-image: url("assets/e2/botao-cromo-ativo-azul.svg") 18 fill / 18px stretch !important; color: #fff; }
  html body .cabecalho .cabecalho__nav a { color: #13212F; }
}

/* lateral 2ª versão (04/11): proporções e cores da referência ampliada */
@media (min-width: 1100px) {
  html body .cabecalho { border-image: url("assets/e2/painel-lateral.svg") 30 fill / 30px stretch !important; }
  /* logo escuro de aço com halo branco por trás, como na referência */
  html body .cabecalho__marca { position: relative; width: 158px; margin-top: 10px !important;
    filter: grayscale(1) brightness(.42) sepia(.55) hue-rotate(172deg) saturate(1.9) contrast(1.35) drop-shadow(0 1px 0 rgba(255, 255, 255, .55)) drop-shadow(0 0 8px rgba(225, 242, 255, .95)) drop-shadow(0 0 18px rgba(200, 232, 255, .7)) !important; }
  html body .cabecalho .cabecalho__nav { gap: 16px; margin-top: 74px !important; }
  html body .cabecalho .cabecalho__nav a { width: 138px; height: 80px; border-width: 10px !important; border-image: url("assets/e2/botao-cromo.svg") 18 fill / 18px stretch !important;
    color: #14202D; font: 800 1.32rem/1 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 80%; letter-spacing: .005em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .55); gap: 3px; filter: drop-shadow(0 6px 5px rgba(8, 20, 34, .55)); }
  html body .cabecalho .cabecalho__nav a .nav-ico { width: 36px !important; height: 36px !important; stroke: #15212E !important; stroke-width: 1.7 !important; fill: none !important; filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .5)) !important; }
  html body .cabecalho .cabecalho__nav a[aria-current] { border-width: 10px !important; color: #FFD9AE; text-shadow: 0 0 8px rgba(255, 150, 50, .85), 0 0 2px rgba(255, 200, 140, .9);
    filter: drop-shadow(0 0 7px rgba(255, 140, 40, .85)) drop-shadow(0 0 16px rgba(255, 140, 40, .45)) drop-shadow(0 6px 6px rgba(0, 0, 0, .5)); }
  html body .cabecalho .cabecalho__nav a[aria-current] .nav-ico { stroke: #FFCB8E !important; filter: drop-shadow(0 0 5px rgba(255, 150, 50, .9)) !important; }
  html body .cabecalho .cabecalho__nav a[data-nav="alerta"][aria-current] { color: #C6FFDF; text-shadow: 0 0 8px rgba(0, 224, 112, .85); filter: drop-shadow(0 0 7px rgba(0, 224, 112, .8)) drop-shadow(0 0 16px rgba(0, 224, 112, .4)) drop-shadow(0 6px 6px rgba(0, 0, 0, .5)); }
  html body .cabecalho .cabecalho__nav a[data-nav="usados"][aria-current] { color: #FFF0C2; text-shadow: 0 0 8px rgba(255, 200, 70, .85); filter: drop-shadow(0 0 7px rgba(255, 200, 70, .8)) drop-shadow(0 0 16px rgba(255, 200, 70, .4)) drop-shadow(0 6px 6px rgba(0, 0, 0, .5)); }
  html body .cabecalho .cabecalho__nav a[data-nav="lab"][aria-current] { color: #EBDDFF; text-shadow: 0 0 8px rgba(170, 110, 255, .85); filter: drop-shadow(0 0 7px rgba(170, 110, 255, .8)) drop-shadow(0 0 16px rgba(170, 110, 255, .4)) drop-shadow(0 6px 6px rgba(0, 0, 0, .5)); }
  html body .cabecalho .cabecalho__nav a[data-nav="calc"][aria-current] { color: #D2F8FE; text-shadow: 0 0 8px rgba(39, 211, 240, .85); filter: drop-shadow(0 0 7px rgba(39, 211, 240, .8)) drop-shadow(0 0 16px rgba(39, 211, 240, .4)) drop-shadow(0 6px 6px rgba(0, 0, 0, .5)); }
  html body .cabecalho .cabecalho__nav a[aria-current]::before { left: -24px; width: 5px; border-radius: 2px; background: #4A5D70; box-shadow: none; }
}
@media (min-width: 1100px) {
  /* halo branco atrás do logo e logo de aço mais claro */
  html body .cabecalho__dentro { position: relative; }
  html body .cabecalho__dentro::before { content: ""; position: absolute; left: -10px; right: -10px; top: -6px; height: 150px; pointer-events: none;
    background: radial-gradient(ellipse 52% 46% at 50% 52%, rgba(214, 238, 255, .55), rgba(150, 200, 240, .18) 55%, transparent 75%); }
  html body .cabecalho__marca { filter: grayscale(1) brightness(.62) sepia(.5) hue-rotate(172deg) saturate(2.2) contrast(1.45) drop-shadow(0 1px 0 rgba(255, 255, 255, .6)) drop-shadow(0 0 6px rgba(225, 242, 255, .9)) drop-shadow(0 0 14px rgba(200, 232, 255, .6)) !important; }
  html body .cabecalho .cabecalho__nav a { width: 146px; font-size: 1.28rem; font-stretch: 74%; color: #101B27; text-shadow: 0 1px 0 rgba(255, 255, 255, .45); }
  html body .cabecalho .cabecalho__nav a .nav-ico { stroke: #101B27 !important; filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .45)) !important; }
  html body .cabecalho .cabecalho__nav a[aria-current] { filter: drop-shadow(0 0 6px rgba(255, 140, 40, .65)) drop-shadow(0 0 14px rgba(255, 140, 40, .3)) drop-shadow(0 6px 6px rgba(0, 0, 0, .5)); }
  /* logo do WhatsApp como na referência */
  html body .cabecalho__zap { width: 62px; height: 62px; border-radius: 0; background: url("assets/e2/zap-logo.svg") center / contain no-repeat !important; box-shadow: none !important;
    filter: drop-shadow(0 4px 5px rgba(5, 25, 15, .45)) drop-shadow(0 0 12px rgba(60, 230, 120, .35)); }
  html body .cabecalho__zap svg { display: none; }
  /* pílula verde-clara com texto verde-escuro */
  html body .cabecalho .cabecalho__cta { color: #0D3A1C !important; text-shadow: 0 1px 0 rgba(255, 255, 255, .45); font-size: .86rem; filter: drop-shadow(0 4px 5px rgba(0, 50, 25, .45)) drop-shadow(0 0 12px rgba(60, 230, 120, .45)); }
  html body .cabecalho .cabecalho__cta svg { fill: #0D3A1C; }
}
@media (min-width: 1100px) {
  html body .cabecalho .cabecalho__nav a[data-nav="alerta"][aria-current] .nav-ico { filter: drop-shadow(0 0 5px rgba(0, 224, 112, .9)) !important; }
  html body .cabecalho .cabecalho__nav a[data-nav="usados"][aria-current] .nav-ico { filter: drop-shadow(0 0 5px rgba(255, 200, 70, .9)) !important; }
  html body .cabecalho .cabecalho__nav a[data-nav="lab"][aria-current] .nav-ico { filter: drop-shadow(0 0 5px rgba(170, 110, 255, .9)) !important; }
  html body .cabecalho .cabecalho__nav a[data-nav="calc"][aria-current] .nav-ico { filter: drop-shadow(0 0 5px rgba(39, 211, 240, .9)) !important; }
  html body .cabecalho__marca { filter: grayscale(1) brightness(.5) sepia(.5) hue-rotate(172deg) saturate(2.3) contrast(1.6) drop-shadow(0 1px 0 rgba(255, 255, 255, .55)) drop-shadow(0 0 5px rgba(225, 242, 255, .85)) drop-shadow(0 0 12px rgba(200, 232, 255, .5)) !important; }
  html body .cabecalho__dentro::before { height: 120px; background: radial-gradient(ellipse 48% 40% at 50% 46%, rgba(214, 238, 255, .5), rgba(150, 200, 240, .14) 55%, transparent 75%); }
}

/* ===== E2 (04/11/2026, pedido do dono): logo original da marca e Rush Usados de volta na primeira tela, como no modelo ===== */
@media (min-width: 1100px) {
  /* logo: o original (RUSH cromado, DE OFERTAS azul), empilhado e sem filtro de cor */
  html body .cabecalho__marca { height: 76px; margin: 8px -4px 0 !important;
    background: url("assets/e2/logo-empilhado-azul-v2.webp") center / contain no-repeat !important;
    filter: drop-shadow(0 3px 4px rgba(4, 14, 26, .65)) drop-shadow(0 0 10px rgba(40, 150, 255, .45)) !important; }
  html body .cabecalho__dentro::before { height: 104px; background: radial-gradient(ellipse 50% 42% at 50% 50%, rgba(214, 238, 255, .3), rgba(150, 200, 240, .1) 55%, transparent 75%); }

  /* manchete em 2 linhas e frase em 1 */
  .mb-heroi { padding-bottom: 28px; }
  .mb-heroi h1 { font-size: 2.7vw; line-height: 1.02; }
  .mb-heroi .mb-frase { max-width: none; }
  .mb-heroi::after { width: 262px; height: 262px; top: -22px; right: -6px; }

  /* cartões principais mais baixos */
  .mb-servicos { gap: 16px; }
  .mb-grande { padding-top: 38px; padding-bottom: 30px; }
  .mb-grande .mb-card__titulo { font-size: 2.8rem !important; }
  .mb-pq { padding-top: 12px; padding-bottom: 12px; }
  .mb-pq .mb-card__titulo { font-size: clamp(1.3rem, 1.45vw, 1.75rem); }

  /* ofertas compactas: nome, loja e preço com o botão logo abaixo */
  .mb-ofertas-topo { margin-top: 20px; }
  .mb-of { padding: 9px 12px; gap: 10px; }
  .mb-of__foto { width: 82px; height: 82px; }
  .mb-of__nome { font-size: .84rem; line-height: 1.18; }
  .mb-of__meta { font-size: .68rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .mb-of__chip { padding: 1px 6px; font-size: .62rem; }
  .mb-of__pe { gap: 4px; }
  .mb-of__preco { font-size: 1.3rem; line-height: 1.05; }
  .mb-of__preco small { font-size: .62rem; margin-top: 1px; }
  .mb-of__ver { min-height: 28px; padding: 0 12px; font-size: .82rem; }

  /* Rush Usados: faixa baixa, texto em 2 linhas */
  .mb-usados { margin-top: 18px; padding: 10px 20px; gap: 16px; }
  .mb-usados__marca { gap: 16px; }
  .mb-usados__marca h2 { width: 190px; }
  .mb-usados .mb-card__texto { font-size: .82rem; line-height: 1.32; max-width: none; }
  .mb-usados__acoes { gap: 8px; }
  .mb-usados__acoes .mb-ir { min-height: 36px; padding: 0 10px; font-size: .78rem; }
  .mb-usados__foto { padding: 8px 28px 8px 12px; }
  .mb-usados__foto b { font-size: .64rem; }
  .mb-usados__selo { width: 44px; }
}

/* ===== caixinha "Avalie o Rush" (04/11/2026, 2ª versão: o dono achou a 1ª "muito básica"): placa de cromo com filete dourado,
   medalha no topo, estrelas de metal facetadas num trilho de fibra de carbono com LED, botão verde em relevo ===== */
.cabecalho__avalie { display: none; }
.avalie__aviso { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.avalie__defs { position: absolute; width: 0; height: 0; overflow: hidden; }
@keyframes avalie-pop { 0% { transform: scale(.6); } 60% { transform: scale(1.32); } 100% { transform: scale(1); } }
@media (min-width: 1100px) {
  html body .cabecalho .cabecalho__cta { display: none !important; }
  .cabecalho__avalie { position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; flex: none; width: 152px; margin: auto auto 6px;
    padding: 20px 4px 9px; border: 10px solid transparent; border-image: url("assets/e2/avalie-placa.svg") 18 fill / 18px stretch;
    filter: drop-shadow(0 7px 6px rgba(8, 20, 34, .55)) drop-shadow(0 0 10px rgba(255, 196, 60, .12)); text-align: center; }
  /* medalha: aro de cromo, fundo azul-marinho e estrela dourada */
  .avalie__selo { position: absolute; top: -29px; left: 50%; width: 38px; height: 38px; margin-left: -19px; display: grid; place-items: center; border-radius: 50%;
    background: radial-gradient(circle at 50% 42%, #24384F 0 10px, #142335 12.5px, #0A121C 13.5px, transparent 14px),
      conic-gradient(from 210deg, #FFFFFF, #8CA2B7, #F7FBFF, #6F869C, #DCE6EF, #9FB3C6, #FFFFFF);
    box-shadow: 0 0 0 1px #0F1C29, inset 0 1px 1px rgba(255, 255, 255, .9), 0 4px 6px rgba(5, 15, 28, .55), 0 0 14px rgba(255, 190, 50, .35); }
  .avalie__selo svg { width: 20px; height: 20px; --luz: #FFF2C0; --sombra: #EFAE2C; --borda: #5A3500; filter: drop-shadow(0 0 4px rgba(255, 190, 40, .9)); }
  .avalie__titulo { margin: 0; white-space: nowrap; font: 800 1.14rem/1 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 72%; letter-spacing: .01em;
    text-transform: uppercase; color: #0E1A27; text-shadow: 0 1px 0 rgba(255, 255, 255, .6), 0 -1px 0 rgba(0, 0, 0, .12); }
  .avalie__sub { margin: 0 0 2px; font: 600 .6rem/1 "Inter", system-ui, sans-serif; letter-spacing: .02em; color: #23384D; }
  /* trilho de fibra de carbono rebaixado, com LED dourado embaixo */
  .avalie__estrelas { position: relative; display: flex; gap: 1px; padding: 4px 5px 6px; border-radius: 6px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .07), transparent 45%),
      repeating-linear-gradient(45deg, #1D2530 0 2px, #10151B 2px 4px), #12181F;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .8), inset 0 -1px 0 rgba(255, 255, 255, .08), 0 1px 0 rgba(255, 255, 255, .65), 0 -1px 0 rgba(10, 20, 30, .35); }
  .avalie__estrelas::after { content: ""; position: absolute; left: 14%; right: 14%; bottom: 1px; height: 1px; pointer-events: none;
    background: linear-gradient(90deg, transparent, #FFC93C, transparent); box-shadow: 0 0 6px 1px rgba(255, 176, 32, .55); opacity: .55; transition: opacity .3s ease; }
  .cabecalho__avalie.avaliado .avalie__estrelas::after { opacity: 1; }
  .avalie__estrelas button { all: unset; box-sizing: border-box; display: grid; place-items: center; width: 23px; height: 24px; border-radius: 5px; cursor: pointer; }
  .avalie__estrelas svg { width: 21px; height: 21px; --luz: #7F95AC; --sombra: #34465A; --borda: #070D14;
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .14)); transition: transform .2s cubic-bezier(.34, 1.56, .64, 1); }
  .avalie__estrelas button.on svg, .cabecalho__avalie:not(.avaliado) .avalie__estrelas:hover button svg { --luz: #FFF0A8; --sombra: #E89B12; --borda: #5A3500;
    filter: drop-shadow(0 0 3px rgba(255, 190, 40, .9)) drop-shadow(0 0 8px rgba(255, 170, 30, .45)); }
  .cabecalho__avalie:not(.avaliado) .avalie__estrelas:hover button:hover ~ button svg { --luz: #7F95AC; --sombra: #34465A; --borda: #070D14; filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .14)); }
  .cabecalho__avalie:not(.avaliado) .avalie__estrelas button:hover svg { transform: scale(1.2); }
  .cabecalho__avalie:not(.avaliado) .avalie__estrelas button:active svg { transform: scale(.92); }
  .cabecalho__avalie.avaliado .avalie__estrelas button { cursor: default; }
  .avalie__estrelas button:focus-visible { outline: 2px solid #FFC93C; outline-offset: -1px; }
  .cabecalho__avalie.pulsa button.on svg { animation: avalie-pop .5s cubic-bezier(.34, 1.56, .64, 1) calc(var(--i) * 70ms) both; }
  /* botão verde em relevo, como os outros botões do site */
  .avalie__mais { display: inline-flex; align-items: center; gap: 5px; height: 26px; margin-top: 3px; padding: 0 12px 0 9px; border: 1px solid #0B5E2E; border-radius: 7px;
    font: 800 .76rem/1 "Inter", system-ui, sans-serif; color: #04210F; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    background: linear-gradient(180deg, #8DFFC1 0%, #2AD472 48%, #13A651 52%, #0E8C43 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), inset 0 -2px 0 rgba(0, 60, 25, .25), 0 2px 0 #0A5A2B, 0 4px 6px rgba(0, 40, 20, .4);
    transition: transform .15s ease, filter .15s ease, box-shadow .15s ease; }
  .avalie__mais svg { width: 14px; height: 14px; fill: #04210F; flex: none; }
  .avalie__mais:hover { filter: brightness(1.07) saturate(1.1); transform: translateY(-1px); }
  .avalie__mais:active { transform: translateY(1px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 1px 0 #0A5A2B, 0 2px 3px rgba(0, 40, 20, .4); }
  .avalie__mais:focus-visible { outline: 2px solid #0F2A44; outline-offset: 2px; }
  .cabecalho__avalie.avaliado .avalie__titulo { font-size: 1.02rem; padding: 1px 0; color: #7A4F00; text-shadow: 0 1px 0 rgba(255, 255, 255, .6), 0 0 10px rgba(255, 200, 60, .5); }
}
/* tela baixa (notebook 1366x768): menu um pouco mais compacto para a caixinha caber inteira embaixo da Calculadora */
@media (min-width: 1100px) and (max-height: 820px) {
  html body .cabecalho .cabecalho__nav { margin-top: 34px !important; gap: 10px; }
  html body .cabecalho .cabecalho__nav a { height: 72px; }
}
/* tela muito baixa: sem medalha e sem a linha "anônima" */
@media (min-width: 1100px) and (max-height: 700px) {
  .avalie__selo, .avalie__sub { display: none; }
  .cabecalho__avalie { padding: 6px 4px 8px; gap: 3px; }
  .avalie__titulo { font-size: 1rem; }
  .avalie__estrelas { padding: 3px 5px 5px; }
  .avalie__estrelas button { height: 21px; }
  .avalie__estrelas svg { width: 19px; height: 19px; }
  .avalie__mais { height: 22px; margin-top: 2px; }
}
@media (min-width: 1100px) and (prefers-reduced-motion: reduce) {
  .avalie__estrelas svg, .avalie__mais { transition: none; }
  .avalie__estrelas button:hover svg, .avalie__estrelas button:active svg { transform: none; }
  .cabecalho__avalie.pulsa button.on svg { animation: none; }
}

/* ===== Rush Usados na tela inicial do celular e do tablet (04/11/2026, pedido do dono): faixa dourada fina logo abaixo do título,
   moldura de ouro, fundo de fibra de carbono, botão dourado em relevo. A faixa larga de baixo fica só no computador. ===== */
.mb-usados-faixa { display: none; }
@media (max-width: 1099px) {
  /* moldura tech dourada igual à dos outros cartões (molduras.js, cor do .mb-o) com interior de fibra de carbono */
  .mb-usados-faixa { --hud-carbono: 1; position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 7px 12px;
    margin: 2px 0 16px; padding: 20px 18px 25px 22px; cursor: default;
    filter: drop-shadow(0 8px 10px rgba(4, 14, 26, .5)) drop-shadow(0 0 10px rgba(255, 190, 60, .22)); }
  .mb-usados-faixa:hover { filter: drop-shadow(0 8px 10px rgba(4, 14, 26, .5)) drop-shadow(0 0 10px rgba(255, 190, 60, .22)); }
  .mb-usados-faixa__novo { position: absolute; top: 0; left: 22px; z-index: 2; padding: 2px 8px 3px; border-radius: 0 0 5px 5px;
    background: linear-gradient(180deg, #FFE48A, #E9A91F); color: #1B1300; font: 800 .6rem/1.2 "Inter", system-ui, sans-serif; letter-spacing: .08em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .4); }
  .mb-usados-faixa__marca { display: block; min-width: 0; line-height: 0; }
  .mb-usados-faixa__marca img { display: block; width: 100%; max-width: 230px; height: auto; filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .6)); }
  .mb-usados-faixa__ver { display: inline-flex; align-items: center; min-height: 42px; padding: 0 14px; border: 1px solid #FFE08A; border-radius: 9px;
    font: 800 .88rem/1 "Inter", system-ui, sans-serif; color: #1B1300; text-decoration: none; white-space: nowrap;
    background: linear-gradient(180deg, #FFF7D6, #FFD45E 42%, #C88A14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 3px 0 #7A5200, 0 6px 12px rgba(0, 0, 0, .4), 0 0 14px rgba(255, 190, 60, .35);
    transition: transform .12s ease, box-shadow .12s ease; }
  .mb-usados-faixa__ver:active { transform: translateY(2px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 1px 0 #7A5200, 0 3px 6px rgba(0, 0, 0, .4); }
  .mb-usados-faixa__ver:focus-visible, .mb-usados-faixa__texto a:focus-visible, .mb-usados-faixa__marca:focus-visible { outline: 2px solid #FFD45E; outline-offset: 2px; }
  .mb-usados-faixa__texto { grid-column: 1 / -1; margin: 0; font: 600 .78rem/1.3 "Inter", system-ui, sans-serif; color: #EADFBF; }
  .mb-usados-faixa__texto a { display: inline-block; padding: 3px 0; color: #FFD45E; font-weight: 800; text-decoration: underline; text-underline-offset: 2px; }
  .mb-home .mb-usados { display: none; }
}
@media (max-width: 1099px) and (prefers-reduced-motion: reduce) { .mb-usados-faixa__ver { transition: none; } }

/* ===== E2 padrão em todo o site (04/11/2026, pedido do dono: "cortando", "passa da borda", "básico sem borda") =====
   A moldura (molduras.js) tem faixa de metal de ~16 px e cantos chanfrados; o espaço interno abaixo foi medido por script
   em 375, 768, 1100, 1366 e 1916 px para nenhum texto ou botão encostar na moldura. */
@media (min-width: 1100px) {
  .mb-of { padding: 16px 20px 16px 14px; }
  .mb-pq { padding: 15px 20px 14px 25px; }
}
@media (min-width: 1100px) and (max-width: 1499px) {   /* ofertas estreitas: foto e preço menores para nada sair do cartão */
  .mb-of { gap: 8px; padding: 17px 19px 16px 12px; }
  .mb-of__foto { width: 56px; height: 56px; }
  .mb-of__nome { font-size: .74rem; }
  .mb-of__meta { font-size: .6rem; }
  .mb-of__preco { font-size: 1.05rem; }
  .mb-of__preco small { font-size: .56rem; }
  .mb-of__ver { min-height: 25px; padding: 0 8px; font-size: .72rem; }
}
/* barra de filtros: controles e frase dentro da moldura, sem vão no meio */
.ofertas .radar { padding: 14px 24px 12px !important; }
.ofertas .radar .radar__linha { padding-bottom: 10px; }
.ofertas .radar .radar__secundaria { padding-top: 8px; }
/* mensagem do grupo, exemplo da assessoria, formatos do Laboratório e faixa final: moldura padrão (molduras.js) */
.grupo .mensagem { --hud-carbono: 1; padding: 28px 30px !important; border-radius: 0 !important; }
.monta .exemplo { --mb-cor: #B98BFF; --mb-luz: rgba(185, 139, 255, .45); margin-top: 40px; padding: 20px 28px !important; border-radius: 0 !important; }
@media (min-width: 700px) and (max-width: 1099px) {   /* tablet: título do alerta longe do canto chanfrado da moldura grossa */
  .mb-card.mb-grande { padding: 26px 22px 24px 26px !important; }
  .mb-pq { padding: 18px 16px 18px 19px; }
}
.faq details > summary { margin-block: 3px; }
.mostruario .vitrine__item { --hud-carbono: 1; padding: 16px 12px 20px !important; }
/* a regra antiga ".mostruario .vitrine__item + .vitrine__item { border ... !important }" apagava a moldura do 2º ao 4º formato */
body .mostruario .vitrine__item.hud-js.hud-js { border: 0 !important; border-image: var(--hud-js) 0 fill / 0 stretch !important; background: none !important; box-shadow: none !important; }
.ed.mostruario .vitrine__item b { min-width: 0; font-size: clamp(16px, 1.45vw, 28px); overflow-wrap: anywhere; }
.ed.mostruario .vitrine__item a { min-width: 0; }
/* cartões da lista de ofertas: a foto sai de baixo da moldura e ganha cantos cortados no mesmo ângulo dela */
.cartoes .cartao { padding: 9px 8px 9px !important; }
.cartoes .cartao .cartao__foto { clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px); }
.cartoes .cartao .cartao__loja, .cartoes .cartao .cartao__selo { margin: 5px; }
.cartoes .cupom { max-width: 100%; flex-wrap: wrap; }
.ed__dentro.chamada-final__dentro { padding: 36px 46px !important; border-radius: 0 !important; }
@media (max-width: 760px) {
  .grupo .mensagem { padding: 26px 24px !important; }
  .ed__dentro.chamada-final__dentro { padding: 30px 26px !important; }
  .mostruario .vitrine__item { padding: 16px 12px 18px !important; }
  .ed.mostruario .vitrine__item b { font-size: 16px; }
}
@media (max-width: 699px) { .mb-card.mb-grande { padding-right: 16px !important; } }
/* "Ver mais ofertas": botão de cromo, como os do menu lateral */
.ofertas .ver-mais-area .btn--contorno { min-height: 60px; padding: 0 30px; border: 10px solid transparent !important; border-image: url("assets/e2/botao-cromo.svg") 18 fill / 18px stretch !important;
  border-radius: 0 !important; background: none !important; box-shadow: none !important; color: #101B27 !important;
  font: 800 1.08rem/1 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 78%; text-transform: uppercase; letter-spacing: .02em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5); filter: drop-shadow(0 6px 6px rgba(4, 14, 26, .5)); transition: transform .15s ease, filter .15s ease; }
.ofertas .ver-mais-area .btn--contorno:hover { transform: translateY(-1px); filter: drop-shadow(0 9px 9px rgba(4, 14, 26, .55)) brightness(1.05); }
.ofertas .ver-mais-area .btn--contorno:active { transform: translateY(1px); }
@media (prefers-reduced-motion: reduce) { .ofertas .ver-mais-area .btn--contorno { transition: none; } }

/* ===== Calculadora e Laboratório sem tela de apresentação (04/11/2026, pedido do dono): cabeçalho curto e as opções logo abaixo ===== */
.ed.topo-curto { background: none !important; min-height: 0 !important; padding: 26px 0 8px !important; border: 0 !important; box-shadow: none !important; }
.ed.topo-curto::before, .ed.topo-curto::after { display: none !important; }
.topo-curto .ed__dentro { display: block; }
.topo-curto__titulo { margin: 0; font: 900 clamp(1.7rem, 2.6vw, 2.6rem)/1.05 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 80%; text-transform: uppercase; color: #fff;
  text-shadow: 0 1px 0 #C9D6E2, 0 2px 0 #9FB2C4, 0 3px 0 #6F869C, 0 5px 8px rgba(0, 0, 0, .5); }
.topo-curto__texto { margin: 8px 0 0; max-width: 72ch; font-size: 1rem; line-height: 1.45; color: #DCE6F0; }
.topo-curto__texto .seta { margin-left: 6px; color: #5BF5A2; font-weight: 700; white-space: nowrap; }
@media (max-width: 760px) { .ed.topo-curto { padding: 16px 0 4px !important; } .topo-curto__texto { font-size: .92rem; } }
/* a Calculadora tinha um fundo preto liso no <main> cobrindo o fundo azul-aço das outras páginas */
html body.pagina-calc main { background: transparent !important; }

/* ===== fundos escuros no "Me avise" e na Calculadora, como no Laboratório (04/11/2026, pedido do dono) =====
   A foto aparece do lado direito (máscara); do lado do texto fica o vidro claro e os enfeites da moldura. */
.mb-grande::before, .mb-pq.mb-a::before { content: ""; position: absolute; z-index: 0; pointer-events: none; border-radius: 6px; }
.mb-grande::before { inset: 15px 16px; background: url("assets/e2/alerta-fundo.webp") right center / cover no-repeat;
  -webkit-mask-image: linear-gradient(90deg, transparent 30%, rgba(0, 0, 0, .7) 50%, #000 68%); mask-image: linear-gradient(90deg, transparent 30%, rgba(0, 0, 0, .7) 50%, #000 68%); }
@media (min-width: 700px) { .mb-grande::before { inset: 26px 24px; } }
.mb-pq.mb-a::before { inset: 15px 16px; background: url("assets/e2/calc-fundo.webp") right center / cover no-repeat;
  -webkit-mask-image: linear-gradient(90deg, transparent 52%, rgba(0, 0, 0, .7) 66%, #000 80%); mask-image: linear-gradient(90deg, transparent 52%, rgba(0, 0, 0, .7) 66%, #000 80%); }
@media (max-width: 760px) {   /* celular: o texto ocupa a largura toda; a foto entra por baixo */
  .mb-pq.mb-a::before { -webkit-mask-image: linear-gradient(180deg, transparent 52%, rgba(0, 0, 0, .75) 74%, #000 92%); mask-image: linear-gradient(180deg, transparent 52%, rgba(0, 0, 0, .75) 74%, #000 92%); }
}
.mb-grande .mb-grande__texto, .mb-grande .mb-chat { position: relative; z-index: 1; }
.mb-pq.mb-a .mb-medidor--3d { z-index: 1; }

/* ===== textos pequenos legíveis (04/11/2026, "essas letras cinzas pequenas não dá pra entender") ===== */
:root { --mb-mudo: #D3DEEA; --texto-2: #D3DEEA; }
.ofertas .radar__campo, .ofertas .radar__chave { color: #EEF3F9; font-size: 16px; font-weight: 600; }
.ofertas .radar .radar__resumo { color: #E2EAF3; font-size: 15px; }
.ofertas .radar .radar__novas { font-size: 14px; }
.mb-nota { color: #D3DEEA; font-size: .9rem; }

/* ===== Laboratório: quadro do PC com moldura padrão e fundo de estúdio (04/11/2026) ===== */
.palco__quadro { --mb-cor: #B98BFF; --mb-luz: rgba(185, 139, 255, .45); border-radius: 0 !important; }
.palco__quadro::before { content: ""; position: absolute; inset: 15px 16px; z-index: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 34% 7% at 50% 93%, rgba(200, 160, 255, .55), rgba(185, 139, 255, .12) 55%, transparent 75%),
    linear-gradient(180deg, transparent 0 86%, rgba(185, 139, 255, .22) 86.4%, transparent 87.5%),
    radial-gradient(ellipse 60% 55% at 50% 4%, rgba(220, 200, 255, .30), rgba(140, 100, 230, .10) 55%, transparent 75%),
    radial-gradient(ellipse 50% 40% at 50% 60%, rgba(90, 60, 170, .25), transparent 70%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 48px),
    linear-gradient(180deg, #1B1636 0%, #110E24 58%, #08070F 100%); }
.palco__quadro .palco__camadas, .palco__quadro .palco__regioes { z-index: 1; }
.palco__quadro .palco__etiqueta, .palco__quadro .palco__pular { z-index: 2; }

/* ===== Revisão do Conselho e da Equipe do Sucesso (04/11/2026): correções visuais em que todos concordaram ===== */
/* botões chapados ganham o mesmo relevo dos botões dos cartões (brilho em cima, degrau embaixo), mantendo a cor de cada um */
.btn--zap, .btn--azul, .btn--escuro, .cartoes .botao, .mb-fim .btn {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .38), rgba(255, 255, 255, .06) 48%, rgba(0, 0, 0, .14)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 -2px 0 rgba(0, 0, 0, .18), 0 3px 0 rgba(0, 0, 0, .38), 0 8px 16px rgba(0, 0, 0, .3) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .35); transition: transform .12s ease, filter .12s ease; }
.btn--zap:hover, .btn--azul:hover, .btn--escuro:hover, .cartoes .botao:hover { filter: brightness(1.06); transform: translateY(-1px); }
.btn--zap:active, .btn--azul:active, .btn--escuro:active, .cartoes .botao:active { transform: translateY(2px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 1px 0 rgba(0, 0, 0, .38) !important; }
.btn--zap, .cartoes .botao { color: #04210F !important; }
@media (prefers-reduced-motion: reduce) { .btn--zap, .btn--azul, .btn--escuro, .cartoes .botao { transition: none; } }
/* títulos dos cartões com mais contraste sobre o vidro claro */
.mb-pq .mb-card__titulo { color: #0A1622 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, .75); }
.mb-grande .mb-card__titulo { color: #0B6B33 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, .8), 0 2px 0 rgba(0, 90, 40, .25); }
/* últimas ofertas do topo: loja e hora legíveis, texto alinhado junto da foto, botão claro de ler */
.mb-of__meta { color: #C9D6E3 !important; }
.mb-of__ver { color: #04210F !important; font-weight: 800; }
@media (min-width: 1100px) {
  .mb-of__info { text-align: left; }
  .mb-of__pe { align-items: flex-start; }
  .mb-of__meta { font-size: .76rem; }
  .mb-of__preco small { font-size: .7rem; }
}
@media (min-width: 1100px) and (max-width: 1499px) { .mb-of__meta { font-size: .7rem; } }
@media (max-width: 1099px) {
  .mb-of__meta { font-size: .8rem; }
  .mb-of__ver { min-height: 44px; padding: 0 14px; font-size: .95rem; }
}
/* foto do Gabriel: a cabeça não fica mais cortada pela moldura */
@media (min-width: 1100px) { .mb-pq.mb-r .mb-gabriel { top: 2px !important; } }
/* Calculadora no celular: a foto escura só aparece embaixo, atrás do botão, e não atrás do texto */
@media (max-width: 760px) {
  .mb-pq.mb-a::before { -webkit-mask-image: linear-gradient(180deg, transparent 70%, rgba(0, 0, 0, .8) 86%, #000 100%); mask-image: linear-gradient(180deg, transparent 70%, rgba(0, 0, 0, .8) 86%, #000 100%); }
}
/* notas e textos de apoio maiores e mais claros */
.mb-nota, .ed-ajuda, .vitrine__legenda, .cartoes-titulo__sub, .monta__nota { font-size: 15.5px !important; color: #E1E9F2 !important; }
.lista-fina li svg, .lista-fina li .ico { color: #2BE07A !important; stroke: #2BE07A !important; filter: drop-shadow(0 0 4px rgba(43, 224, 122, .55)); }
/* Calculadora: campos da mesma linha alinhados embaixo (o subtítulo não entorta a linha) e folga para as listras da moldura */
.calc-linha--dupla > div, .calc-linha--tripla > div { display: flex; flex-direction: column; justify-content: flex-end; }
.calc-bloco { padding-bottom: 30px !important; }
/* cupom: área de toque maior */
.cartoes .cupom { min-height: 44px; }
/* caixas de marcar e bolinhas no padrão E2 (borda na cor do projeto, interior de carbono, marca com brilho) */
.calc input[type="checkbox"], .radar__chave input[type="checkbox"], .lab input[type="checkbox"], .assistente input[type="checkbox"] {
  -webkit-appearance: none; appearance: none; flex: none; width: 22px; height: 22px; margin: 0; display: inline-grid; place-content: center; cursor: pointer;
  border: 2px solid var(--mb-cor, #27D3F0); border-radius: 4px; background: linear-gradient(180deg, #0B131D, #172231);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .6), 0 0 8px rgba(39, 211, 240, .25); }
.calc input[type="checkbox"]:checked::before, .radar__chave input[type="checkbox"]:checked::before, .lab input[type="checkbox"]:checked::before, .assistente input[type="checkbox"]:checked::before {
  content: ""; width: 13px; height: 13px; background: var(--mb-cor, #27D3F0); clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); }
.escolha input[type="radio"] { -webkit-appearance: none; appearance: none; flex: none; width: 22px; height: 22px; margin: 0; display: inline-grid; place-content: center; cursor: pointer;
  border: 2px solid #C9D6E2; border-radius: 50%; background: radial-gradient(circle, #1A2533 55%, #0B131D); box-shadow: inset 0 2px 3px rgba(0, 0, 0, .6), 0 0 0 1px rgba(0, 0, 0, .4); }
.escolha input[type="radio"]:checked { border-color: var(--mb-cor, #B98BFF); }
.escolha input[type="radio"]:checked::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--mb-cor, #B98BFF); box-shadow: 0 0 8px var(--mb-cor, #B98BFF); }
.calc input[type="checkbox"]:focus-visible, .radar__chave input:focus-visible, .lab input:focus-visible, .escolha input:focus-visible, .assistente input:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
/* Laboratório no celular e tablet: o passo a passo vem primeiro; a vitrine do PC fica embaixo */
@media (max-width: 1023px) { .pagina-lab .lab__grade > .painel { order: -1; } }
@media (max-width: 699px) { .pagina-lab .painel, .monta .painel { padding: 24px 20px !important; } }
/* ===== Assessoria da página inicial vira convite para o Laboratório (04/11/2026, decisão do dono: um só formulário de revisão) ===== */
.monta-lab { --mb-cor: #B98BFF; --mb-luz: rgba(185, 139, 255, .45); --hud-carbono: 1; position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 170px;
  grid-template-areas: "selo pc" "titulo pc" "passos pc" "botao pc"; gap: 10px 18px; align-content: start; padding: 32px 32px 30px; color: #E8EEF6; text-decoration: none;
  background: linear-gradient(135deg, #1A1530, #0C0A18); }
.monta-lab__selo { grid-area: selo; justify-self: start; padding: 3px 10px; border-radius: 4px; background: rgba(185, 139, 255, .18); border: 1px solid rgba(185, 139, 255, .6);
  color: #E6D6FF; font: 800 .76rem/1.2 "Inter", system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.monta-lab__titulo { grid-area: titulo; font: 900 clamp(1.5rem, 2vw, 2.1rem)/1.05 "Archivo", "Arial Narrow", Impact, sans-serif; font-stretch: 78%; text-transform: uppercase; color: #fff;
  text-shadow: 0 1px 0 #C9B8F0, 0 2px 0 #8E74D0, 0 4px 8px rgba(0, 0, 0, .5); }
.monta-lab__passos { grid-area: passos; list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 10px; }
.monta-lab__passos li { display: flex; align-items: flex-start; gap: 10px; font-size: 1rem; line-height: 1.35; color: #DCE4EE; }
.monta-lab__passos b { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: #fff; font: 800 .9rem/1 "Inter", system-ui, sans-serif;
  background: radial-gradient(circle at 35% 30%, #D9C4FF, #8D5BEF 60%, #5A2DB8); box-shadow: 0 0 10px rgba(185, 139, 255, .6), inset 0 1px 0 rgba(255, 255, 255, .6); }
.monta-lab__passos strong { color: #fff; }
.monta-lab__pc { grid-area: pc; align-self: center; width: 170px; height: auto; filter: drop-shadow(0 12px 16px rgba(0, 0, 0, .6)) drop-shadow(0 0 18px rgba(185, 139, 255, .35)); }
.monta-lab__botao { grid-area: botao; justify-self: start; margin-top: 8px; display: inline-flex; align-items: center; min-height: 50px; padding: 0 24px; border-radius: 9px; color: #fff;
  font: 800 1.05rem/1 "Inter", system-ui, sans-serif; text-shadow: 0 1px 0 rgba(0, 0, 0, .3); background: linear-gradient(180deg, #BC98FF, #7B45E6 50%, #5A2DB8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 3px 0 #3A1C82, 0 8px 18px rgba(90, 45, 184, .45); transition: transform .12s ease, filter .12s ease; }
.monta-lab:hover .monta-lab__botao { filter: brightness(1.08); transform: translateY(-1px); }
.monta-lab:focus-visible { outline: 3px solid #E6D6FF; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .monta-lab__botao { transition: none; } }
@media (max-width: 760px) {
  .monta-lab { grid-template-columns: minmax(0, 1fr); grid-template-areas: "selo" "titulo" "pc" "passos" "botao"; padding: 28px 24px 26px; }
  .monta-lab__pc { width: 150px; justify-self: center; }
  .monta-lab__botao { justify-self: stretch; justify-content: center; }
}
/* etiqueta de desconto na foto das ofertas do topo */
.mb-of__desc { position: absolute; left: -4px; top: -4px; z-index: 2; padding: 2px 6px 3px; border-radius: 4px; background: linear-gradient(180deg, #FFE48A, #F2B41F);
  color: #1B1300; font: 800 .74rem/1.1 "Inter", system-ui, sans-serif; box-shadow: 0 2px 0 #8A5A00, 0 3px 8px rgba(0, 0, 0, .45); }
/* celular e tablet: ofertas com preço na primeira tela (título, faixa do Usados, ofertas e depois os cartões) */
@media (max-width: 1099px) {
  .mb-home .mb-miolo { display: flex; flex-direction: column; }
  .mb-home .mb-miolo > * { min-width: 0; }
  .mb-home .mb-heroi { order: 1; }
  .mb-home .mb-usados-faixa { order: 2; }
  .mb-home .mb-ofertas-topo { order: 3; margin-top: 4px; }
  .mb-home .mb-ofertas { order: 4; }
  .mb-home .mb-servicos { order: 5; margin-top: 22px; }
  .mb-home .mb-usados { order: 6; }
  .mb-home .mb-nota { order: 7; }
  .mb-home .mb-fim { order: 8; }
}