:root{
  --bg:#0b1520; --panel:#0f1f2d; --panel-b:#17334b; --text:#e9f1f7; --muted:#94a3b8;
  --accent:#0ea5e9; --accent-2:#22c55e; --danger:#ef4444;
  --radius:14px; --radius-sm:10px;
}
.theme-bari{ --accent:#00B5E2; --accent-2:#FFD166; }
.theme-light{ --bg:#f6f9fc; --panel:#ffffff; --panel-b:#d6e3ee; --text:#0f172a; --muted:#475569; --accent:#2563eb; --accent-2:#16a34a; }
.theme-dark{ --bg:#0b1520; --panel:#0f1f2d; --panel-b:#17334b; --text:#e9f1f7; --muted:#94a3b8; --accent:#0ea5e9; --accent-2:#22c55e; }

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,Arial}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.btn{display:inline-block;padding:12px 16px;border-radius:12px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-weight:700}
.btn.filled{background:var(--accent);color:#041018;border-color:var(--accent)}
  .btn.ghost{border-color:#334155;color:#e2e8f0}
.panel{background:var(--panel);border:1px solid var(--panel-b);border-radius:var(--radius);padding:16px}
.container{max-width:1000px;margin:24px auto;padding:0 12px}
  .small{opacity:.9;font-size:.95rem}
.nav{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0 0}
.nav a{white-space:nowrap}

  .hero-wrap{margin:16px 0;aspect-ratio:16/9;width:100%;border-radius:12px;border:1px solid var(--panel-b);overflow:hidden;background:var(--panel)}
  .hero{width:100%;height:100%;object-fit:cover;display:block}
.grid{display:grid;gap:16px}
@media(min-width:720px){ .grid.cols-2{grid-template-columns:1fr 1fr} }
.card{background:var(--panel);border:1px solid var(--panel-b);border-radius:12px;padding:16px}

/* Assistente */
.msg{background:var(--panel);border:1px solid var(--panel-b);border-radius:12px;padding:12px;margin:10px 0}
input,textarea,select{background:#08131d;color:var(--text);border:1px solid var(--panel-b);border-radius:10px;padding:10px}