:root{
  --bg:#0b1020;--card:#12192e;--muted:#1b2440;--text:#e9eefb;--accent:#3abff8;--ok:#22c55e;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
a{color:var(--accent);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:24px}
.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand .logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#22d3ee);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.brand h1{font-size:1.1rem;margin:0}
nav a{margin:0 8px;padding:8px 12px;border-radius:10px;background:transparent}
nav a:hover{background:var(--muted)}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:24px;background:linear-gradient(160deg,rgba(58,191,248,.08),rgba(79,70,229,.08));border-radius:24px;border:1px solid rgba(255,255,255,.08)}
.hero h2{font-size:2rem;margin:.25rem 0}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;background:var(--accent);color:#00111a;font-weight:700;border:0;cursor:pointer}
.btn.secondary{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.15)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.card{background:var(--card);border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:16px}
.card img{width:100%;height:180px;object-fit:cover;border-radius:12px}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.badge{font-size:.75rem;background:var(--muted);padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.06)}
.footer{margin-top:40px;padding:24px;border-top:1px solid rgba(255,255,255,.08);opacity:.9;font-size:.95rem}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.kpi{background:var(--card);padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}
.form{background:var(--card);padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}
.form .row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
input,select,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0f1530;color:var(--text)}
label{font-size:.9rem;opacity:.9}
.whatsapp{position:fixed;right:18px;bottom:18px;background:#25D366;color:#001;border-radius:999px;padding:14px 16px;font-weight:800;box-shadow:0 10px 40px rgba(0,0,0,.4)}
.tag{font-size:.8rem;opacity:.8}
@media(max-width:960px){
  .hero{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr 1fr}
  .kpis{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .grid{grid-template-columns:1fr}
}