:root{
    --bg:#0d0d0f;
    --card:#17181c;
    --gold:#c9a45c;
    --text:#f4f1ea;
    --muted:#bdb6a8;
    --border:#2c2c33;
    --ok:#56b37f;
    --warn:#e0a94c;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#0a0a0b,#141519);color:var(--text)}
a{color:var(--gold);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:24px}
.hero,.card{background:rgba(23,24,28,.95);border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 35px rgba(0,0,0,.35)}
.hero{padding:28px 28px 18px;margin:24px 0}
.brand{display:flex;gap:18px;align-items:center}
.brand img{width:90px;height:90px;object-fit:cover;border-radius:14px;border:1px solid var(--border)}
h1,h2,h3{margin:0 0 12px}
p{line-height:1.5;color:var(--muted)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{padding:20px;margin-bottom:18px}
.section-title{margin-bottom:10px;color:var(--gold);font-size:18px}
label{display:block;font-weight:bold;margin:12px 0 8px}
input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;background:#0f1013;border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:12px;outline:none}
textarea{min-height:88px;resize:vertical}
.checkbox-group,.radio-group{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:8px}
.option{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:#111216}
.option input{margin-top:3px}
button,.btn{display:inline-block;background:var(--gold);color:#111;font-weight:bold;padding:12px 18px;border:none;border-radius:12px;cursor:pointer}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.small{font-size:13px;color:var(--muted)}
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}
.kpi .item{background:#111216;border:1px solid var(--border);border-radius:14px;padding:14px}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#111216;border:1px solid var(--border);font-size:13px}
.level-Básico{color:var(--ok)}
.level-Intermedio{color:var(--warn)}
.level-Avanzado{color:#ff7a7a}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.alert{padding:12px 14px;border-radius:12px;margin:14px 0}
.alert-error{background:#3a1818;color:#ffd7d7;border:1px solid #6c2a2a}
.alert-ok{background:#153222;color:#d9ffe8;border:1px solid #296847}
@media (max-width:900px){.grid,.kpi,.checkbox-group,.radio-group{grid-template-columns:1fr}}
@media print{
    body{background:#fff;color:#111}
    .hero,.card{box-shadow:none;background:#fff;border:1px solid #ccc}
    .no-print{display:none!important}
    a{color:#111}
}