/* Engenharia da Reparação — tokens do design system (Claude Design 6HArHMNcCUWfFge5kBej96)
   Tema "Bancada (escuro)". Fonte de verdade: project/tokens.json do design system.
   Carregar ANTES da folha de estilo de cada página. Nenhum hexadecimal literal nas páginas:
   toda cor sai daqui. */

:root{
  /* superfícies */
  --bg-000:#05090d; --bg-100:#080d12; --bg-200:#0b1117; --bg-300:#10161c; --bg-400:#1a222a;
  /* bordas */
  --borda-000:#171f27; --borda-100:#242e38; --borda-200:#33404c; --borda-controle:#53626e;
  /* texto */
  --texto-000:#e8f2fb; --texto-100:#cfdae4; --texto-200:#a8b5c2; --texto-300:#7d8c9b; --texto-400:#4d5d6b;
  --texto-inverso:#05090d;
  /* verde — marca e ação */
  --verde-050:#e7fef9; --verde-100:#c5fbf1; --verde-200:#94f9e5; --verde-300:#59f7d8; --verde-400:#32f5ce;
  --verde-500:#0ff4c6; --verde-600:#07cfa7; --verde-700:#04a484; --verde-800:#027860; --verde-900:#015041; --verde-950:#013228;
  /* azul — técnico e confiança */
  --azul-050:#e7f4fd; --azul-100:#c5e5fb; --azul-200:#94cff9; --azul-300:#66b9f5; --azul-400:#38a3f0;
  --azul-500:#1392ec; --azul-600:#1077c1; --azul-700:#0c609d; --azul-800:#094977; --azul-900:#073150; --azul-950:#042034;
  /* sinais comerciais — ligam e desligam com a condição */
  --sinal-oferta:#ffc83f; --sinal-oferta-esc:#ffb425;   /* ouro: valor que fica */
  --sinal-urgencia:#ff7a2f;                              /* brasa: tempo que acaba */
  --sinal-alerta:#ff5f5f; --sinal-alerta-esc:#e03131;   /* vermelho: perda e erro */
  /* papéis */
  --preco-anual:var(--verde-500); --preco-vitalicio:var(--sinal-oferta);
  --texto-urgencia:var(--sinal-urgencia); --texto-alerta:var(--sinal-alerta);
  --acao-primaria:var(--verde-500); --acao-primaria-hover:var(--verde-400); --acao-texto:var(--texto-inverso);
  --foco:var(--verde-400); --link:var(--azul-300); --sucesso:var(--verde-500);
  --confianca:var(--azul-400); --destaque-tecnico:var(--azul-500);
  /* tipografia */
  --font-display:"Space Grotesk","Segoe UI",system-ui,sans-serif;
  --font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;
  /* espaço, raio, sombra */
  --esp-1:4px; --esp-2:8px; --esp-3:12px; --esp-4:16px; --esp-5:20px; --esp-6:24px; --esp-8:32px;
  --esp-10:40px; --esp-12:48px; --esp-16:64px; --esp-20:80px; --esp-24:96px; --esp-32:128px;
  --raio-000:0; --raio-sm:6px; --raio-md:10px; --raio-lg:16px; --raio-xl:24px; --raio-pill:999px;
  --sombra-1:0 1px 2px rgba(0,0,0,.6); --sombra-2:0 8px 24px rgba(0,0,0,.55); --sombra-3:0 24px 64px rgba(0,0,0,.7);
  --brilho-verde:0 0 0 1px rgba(15,244,198,.35),0 12px 40px rgba(15,244,198,.18);
  --brilho-oferta:0 0 0 1px rgba(255,200,63,.35),0 12px 40px rgba(255,200,63,.16);
  --op-veu:.08; --op-grade:.06;
}

/* Dado técnico — a assinatura da marca. Todo DTC, referência de ECU, tensão, resistência e
   pinagem sai em monoespaçada, dentro do texto corrido. Nunca para texto comum. */
.dado{font-family:var(--font-mono);font-size:.94em;font-weight:500;color:var(--destaque-tecnico);letter-spacing:0}
.dado-chip{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--texto-000);
  background:var(--bg-300);border:1px solid var(--borda-100);border-radius:var(--raio-sm);padding:3px 8px;white-space:nowrap}

/* Foco de teclado — obrigatório em tudo que é clicável, não removível */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--foco);outline-offset:2px}

/* Gatilhos comerciais — receitas do design system (20-gatilhos-comerciais.md) */
.er-faixa-prazo{background:var(--bg-100);border-bottom:1px solid var(--borda-000);min-height:40px;display:flex;
  align-items:center;justify-content:center;gap:8px;font:400 13px/19px var(--font-sans);color:var(--texto-200)}
.er-faixa-prazo b{color:var(--texto-urgencia);font-weight:600}
.er-chip{display:inline-flex;align-items:center;gap:6px;font:600 11px/16px var(--font-sans);letter-spacing:.14em;
  text-transform:uppercase;padding:6px 10px;border-radius:var(--raio-sm);border:1px solid}
.er-chip-oferta{color:var(--sinal-oferta);border-color:var(--sinal-oferta-esc);background:rgba(255,200,63,.08)}
.er-chip-urgencia{color:var(--sinal-urgencia);border-color:var(--sinal-urgencia);background:rgba(255,122,47,.08)}
.er-chip-alerta{color:var(--sinal-alerta);border-color:var(--sinal-alerta);background:rgba(255,95,95,.08)}
.er-chip-confianca{color:var(--confianca);border-color:var(--azul-800);background:rgba(56,163,240,.08)}
.er-chip-verde{color:var(--verde-300);border-color:var(--verde-700);background:rgba(15,244,198,.08)}
.er-garantia{background:var(--azul-950);border:1px solid var(--azul-800);border-left:2px solid var(--confianca);
  border-radius:var(--raio-lg);padding:var(--esp-6)}
.er-garantia .t{font:600 11px/16px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--confianca);margin:0 0 10px}
.er-garantia h4{font:600 18px/26px var(--font-display);color:var(--texto-000);margin:0 0 8px}
.er-garantia p{font:400 14px/22px var(--font-sans);color:var(--texto-200);margin:0}

/* Botões — um primário por dobra; texto sempre em texto-inverso sobre preenchimento */
.er-btn{font:600 15px/1 var(--font-sans);padding:15px var(--esp-5);border-radius:var(--raio-md);border:1px solid transparent;
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:.15s}
.er-btn-p{background:var(--acao-primaria);color:var(--acao-texto)}
.er-btn-p:hover{background:var(--acao-primaria-hover)}
.er-btn-p.brilho{box-shadow:var(--brilho-verde)}
.er-btn-s{background:transparent;color:var(--texto-000);border-color:var(--borda-200)}
.er-btn-s:hover{border-color:var(--texto-300);background:var(--bg-300)}
.er-btn-g{background:transparent;color:var(--texto-200);padding-left:8px;padding-right:8px}
.er-btn-g:hover{color:var(--texto-000)}

/* Selo de material oficial — bloco de confiança (azul), logo oficial em placa clara (arte preta)
   sobre a página escura. Um por página, logo antes da oferta (ou antes do rodapé quando não há oferta). */
.er-selo-sec{padding:var(--esp-8,48px) 20px}
.er-selo{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:var(--esp-6,28px);align-items:center;
  background:var(--azul-950);border:1px solid var(--azul-800);border-left:2px solid var(--confianca);border-radius:var(--raio-lg);padding:var(--esp-6,28px)}
.er-selo .placa{width:148px;height:148px;border-radius:var(--raio-md);background:var(--texto-000);display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box}
.er-selo .placa img{width:100%;height:auto;display:block}
.er-selo .t{font:600 11px/16px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--confianca);margin:0 0 8px}
.er-selo h4{font:600 20px/28px var(--font-display);color:var(--texto-000);margin:0 0 8px;text-wrap:balance}
.er-selo p{font:400 14px/22px var(--font-sans);color:var(--texto-200);margin:0 0 14px;max-width:62ch}
.er-selo .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.er-selo .chips li{font:500 12px/1 var(--font-mono);color:var(--azul-200);border:1px solid var(--azul-800);border-radius:var(--raio-pill);padding:7px 11px;background:var(--bg-000)}
@media (max-width:640px){.er-selo{grid-template-columns:1fr;text-align:center;justify-items:center}.er-selo p{max-width:none}.er-selo .chips{justify-content:center}.er-selo .placa{width:124px;height:124px}}

/* Reduzir movimento quando o sistema pede */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}