/* Identidade LG — Logica do Preco */
:root{
  --bg:#0a0a0b; --panel:#101011; --card:#1a1a1d; --linha:#26262b;
  --ouro:#FBAE02; --ouro-esc:#D89600; --amarelo:#FEF94E;
  --prata:#E6E5E6; --muted:#8a8a90; --verde:#0ecb81; --vermelho:#f6465d;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--bg); color:var(--prata); min-height:100vh;
  font-family:'Bahnschrift','Segoe UI',system-ui,sans-serif;
}
a{color:var(--ouro);text-decoration:none}
.container{max-width:1180px;margin:0 auto;padding:0 20px}

/* ---------- topo ---------- */
.topo{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 0;border-bottom:1px solid var(--linha);
}
.marca{display:flex;align-items:center;gap:12px}
.marca img{width:46px;height:46px;border-radius:12px}
.marca b{font-size:22px;letter-spacing:1px}
.marca span{display:block;font-size:11px;color:var(--ouro);letter-spacing:3px}

/* ---------- botoes ---------- */
.btn{
  display:inline-block;border:0;border-radius:9px;cursor:pointer;
  padding:11px 20px;font:inherit;font-weight:600;font-size:14px;
  background:var(--ouro);color:#231a00;transition:.15s;
}
.btn:hover{background:var(--ouro-esc)}
.btn.ghost{background:var(--card);color:var(--prata)}
.btn.ghost:hover{background:#26262b}
.btn.mini{padding:6px 11px;font-size:12px;border-radius:7px}
.btn.verde{background:var(--verde);color:#06251a}
.btn.vermelho{background:var(--vermelho);color:#2b070d}

/* ---------- landing ---------- */
.hero{padding:90px 0 70px;text-align:center}
.hero img{width:150px;height:150px;border-radius:34px;margin-bottom:26px}
.hero h1{font-size:52px;line-height:1.1;letter-spacing:-1px}
.hero h1 em{color:var(--ouro);font-style:normal}
.hero p{color:var(--muted);font-size:19px;margin:18px auto 32px;max-width:620px}
.hero .mini-aviso{font-size:13px;color:#6f6f76;max-width:560px;margin:26px auto 0;line-height:1.6}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn.grande{padding:15px 30px;font-size:16px;border-radius:11px}

/* caixa de download */
.baixar-box{display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  background:var(--card);border:1px solid rgba(251,174,2,.35);border-radius:16px;
  padding:24px 28px;margin-top:30px}
.baixar-box img{width:64px;height:64px;border-radius:15px}
.baixar-info{flex:1;min-width:200px}
.baixar-info b{display:block;font-size:19px}
.baixar-info span{display:block;color:var(--muted);font-size:13px;margin-top:5px}

/* whatsapp */
.btn.zap{background:#25D366;color:#042a12}
.btn.zap:hover{background:#1eb355}
.zap-flutuante{position:fixed;right:22px;bottom:22px;width:58px;height:58px;
  border-radius:50%;background:#25D366;color:#042a12;display:flex;
  align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.45);
  z-index:99;transition:.18s}
.zap-flutuante:hover{background:#1eb355;transform:scale(1.07)}
@media(max-width:700px){.zap-flutuante{right:16px;bottom:16px;width:52px;height:52px}}

/* ---------- secoes ---------- */
.secao{padding:56px 0;border-top:1px solid var(--linha)}
.secao h2{font-size:32px;text-align:center;letter-spacing:-.5px}
.secao .sub{text-align:center;color:var(--muted);font-size:16px;margin-top:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;padding:28px 0 0}
.item{background:var(--card);border:1px solid var(--linha);border-radius:14px;padding:26px}
.item h3{color:var(--ouro);font-size:17px;margin-bottom:8px}
.item p{color:var(--muted);font-size:14px;line-height:1.6}

/* passos */
.passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;padding:32px 0 0}
.passo{background:var(--card);border:1px solid var(--linha);border-radius:14px;padding:28px;position:relative}
.passo .num{display:flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:50%;background:var(--ouro);color:#231a00;font-weight:700;font-size:18px;margin-bottom:16px}
.passo h3{font-size:18px;margin-bottom:8px}
.passo p{color:var(--muted);font-size:14px;line-height:1.6}

/* destaque */
.destaque{margin-top:24px;background:rgba(251,174,2,.07);border:1px solid rgba(251,174,2,.3);
  border-left:4px solid var(--ouro);border-radius:12px;padding:22px 26px;
  color:var(--muted);font-size:15px;line-height:1.7}
.destaque b{color:var(--prata)}

/* requisitos */
.req{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:30px 0 0}
.req>div{background:var(--card);border:1px solid var(--linha);border-radius:12px;padding:22px;text-align:center}
.req b{display:block;color:var(--ouro);font-size:16px}
.req span{display:block;color:var(--muted);font-size:13px;margin-top:5px}
.obs{text-align:center;color:var(--muted);font-size:14px;margin-top:22px}

/* faq */
.faq{max-width:800px;margin:32px auto 0}
.faq details{background:var(--card);border:1px solid var(--linha);border-radius:12px;
  padding:18px 22px;margin-bottom:12px}
.faq summary{cursor:pointer;font-size:16px;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";color:var(--ouro);font-weight:700;margin-right:12px}
.faq details[open] summary::before{content:"–"}
.faq details[open] summary{color:var(--ouro);margin-bottom:12px}
.faq p{color:var(--muted);font-size:14.5px;line-height:1.75;padding-left:26px}
.faq b{color:var(--prata)}

/* cta */
.cta{text-align:center;padding:64px 0;border-top:1px solid var(--linha)}
.cta h2{font-size:32px}
.cta p{color:var(--muted);font-size:16px;margin-top:12px}

/* aviso de risco */
.risco{background:#0e0d0a;border-top:2px solid var(--ouro);padding:40px 0;margin-top:20px}
.risco h4{color:var(--ouro);font-size:15px;margin-bottom:16px;letter-spacing:.5px}
.risco p{color:#8f8f96;font-size:13.5px;line-height:1.8;margin-bottom:12px;max-width:920px}
.risco b{color:var(--prata)}

.rodape{border-top:1px solid var(--linha);padding:26px 0;color:var(--muted);font-size:13px;text-align:center}

/* ---------- login ---------- */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}
.login{background:var(--panel);border:1px solid var(--linha);border-radius:18px;
       padding:44px 40px;width:400px;text-align:center}
.login img{width:96px;height:96px;border-radius:22px;margin-bottom:14px}
.login h2{font-size:22px;margin-bottom:4px}
.login .sub{color:var(--ouro);font-size:11px;letter-spacing:3px;margin-bottom:26px}

/* ---------- formularios ---------- */
label{display:block;text-align:left;color:var(--muted);font-size:11px;
      font-weight:600;letter-spacing:.5px;margin:14px 0 5px}
input,select{
  width:100%;background:var(--card);border:1px solid var(--linha);border-radius:8px;
  color:var(--prata);padding:11px 13px;font:inherit;font-size:14px;
}
input:focus,select:focus{outline:0;border-color:var(--ouro)}

/* ---------- painel ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:22px 0}
.kpi{background:var(--card);border:1px solid var(--linha);border-radius:13px;padding:18px;text-align:center}
.kpi small{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.5px}
.kpi b{display:block;font-size:28px;margin-top:6px}
.painel-box{background:var(--panel);border:1px solid var(--linha);border-radius:14px;
            padding:22px;margin-bottom:20px}
.painel-box h3{font-size:15px;color:var(--ouro);margin-bottom:6px;letter-spacing:.5px}
.painel-box.pendente{border-color:var(--ouro);background:rgba(251,174,2,.06);
  box-shadow:0 0 0 1px rgba(251,174,2,.25)}
.linha-form{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.linha-form>div{flex:1;min-width:140px}
.linha-form label{margin-top:0}

table{width:100%;border-collapse:collapse;font-size:13px}
th{background:var(--card);color:var(--muted);font-size:11px;letter-spacing:.5px;
   text-align:left;padding:11px 12px}
td{padding:11px 12px;border-top:1px solid var(--linha)}
tr:hover td{background:#141417}
.tag{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}
.tag.ok{background:rgba(14,203,129,.15);color:var(--verde)}
.tag.off{background:rgba(246,70,93,.15);color:var(--vermelho)}
.tag.warn{background:rgba(251,174,2,.15);color:var(--ouro)}
.acoes{display:flex;gap:6px;flex-wrap:wrap}
.acoes form{display:inline}
.aviso{padding:12px 16px;border-radius:9px;margin-bottom:16px;font-size:14px}
.aviso.ok{background:rgba(14,203,129,.12);color:var(--verde)}
.aviso.err{background:rgba(246,70,93,.12);color:var(--vermelho)}
.vazio{padding:26px;text-align:center;color:var(--muted);font-size:14px}
@media(max-width:700px){.hero h1{font-size:34px}.login{width:92%}}