:root{
  --azul:#0d2438;--azul-2:#102f4a;--dorado:#b89150;--dorado-2:#d6bd83;--fondo:#f4f6f8;--blanco:#fff;--texto:#18212b;--muted:#6b7280;--linea:#e6e2d8;--verde:#2f8f5b;--verde-bg:#e8f5ee;--rojo:#b3261e;--rojo-bg:#fdeceb;--ambar:#a76f00;--ambar-bg:#fff4db;--sombra:0 16px 38px rgba(13,36,56,.10);--radio:18px
}
*{box-sizing:border-box}
html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--fondo);color:var(--texto)}
body.dark{--fondo:#071522;--blanco:#0d2438;--texto:#f5f7fb;--muted:#a8b3c2;--linea:#1f3b55;--sombra:0 18px 48px rgba(0,0,0,.30)}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.topbar{position:sticky;top:0;z-index:10;height:70px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--linea);display:flex;align-items:center;justify-content:space-between;padding:0 24px}
body.dark .topbar{background:rgba(13,36,56,.88)}
.brand{display:flex;align-items:center;gap:12px}.brand span:last-child{display:flex;flex-direction:column}.brand small{color:var(--muted);margin-top:3px}
.iso{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--azul),#173b5d);display:grid;place-items:center;color:var(--dorado-2);font-weight:800;letter-spacing:-.06em;border:1px solid rgba(184,145,80,.55)}
.top-actions{display:flex;gap:10px;align-items:center}
.pill{border:1px solid var(--linea);background:var(--blanco);color:var(--texto);padding:9px 12px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.pill.gold{background:var(--dorado);color:#111;border-color:var(--dorado)}
.layout{display:grid;grid-template-columns:270px 1fr;min-height:calc(100vh - 70px)}
.sidebar{background:var(--azul);color:#d9e2ea;padding:24px 18px;border-right:1px solid rgba(255,255,255,.08)}
.nav-title{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#91a7bb;margin:20px 12px 10px}
.nav a{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:14px;color:#dbe7f2;margin-bottom:5px}
.nav a:hover{background:rgba(255,255,255,.10);color:#fff}
.content{padding:28px;max-width:1380px;width:100%;margin:0 auto}.content.solo{max-width:1180px}
.hero{background:radial-gradient(circle at 10% 0%, rgba(184,145,80,.18), transparent 35%),linear-gradient(135deg,var(--azul),var(--azul-2));color:#fff;border-radius:26px;padding:30px;box-shadow:var(--sombra);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border:1px solid rgba(214,189,131,.35);border-radius:50%}
.hero h1{margin:0 0 8px;font-size:30px;letter-spacing:-.03em}.hero p{margin:0;color:#d9e4ee;max-width:760px}.hero .meta{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;font-size:13px;border:1px solid var(--linea);background:var(--blanco);color:var(--texto)}
.hero .badge,.login-copy .badge{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.20);color:#fff}
.grid{display:grid;gap:18px;margin-top:20px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);padding:20px}.card h2,.card h3{margin:0 0 12px;letter-spacing:-.025em}
.muted{color:var(--muted)}.metric strong{display:block;font-size:30px;letter-spacing:-.04em;margin-bottom:4px}.metric span{font-size:13px;color:var(--muted)}
.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:650}.ok{background:var(--verde-bg);color:var(--verde)}.warn{background:var(--ambar-bg);color:var(--ambar)}.bad{background:var(--rojo-bg);color:var(--rojo)}
table{width:100%;border-collapse:separate;border-spacing:0 9px}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;padding:0 12px}
td{background:var(--fondo);padding:13px 12px;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);font-size:14px}td:first-child{border-left:1px solid var(--linea);border-radius:13px 0 0 13px}td:last-child{border-right:1px solid var(--linea);border-radius:0 13px 13px 0}
.btn{border:0;border-radius:13px;padding:11px 14px;background:var(--azul);color:#fff;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:9px}.btn.gold{background:var(--dorado);color:#111}.btn.ghost{background:transparent;color:var(--texto);border:1px solid var(--linea)}
.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
label{display:block;font-size:13px;color:var(--muted);font-weight:700;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid var(--linea);border-radius:13px;background:var(--blanco);color:var(--texto);padding:12px 13px;outline:0}
.login-wrap{min-height:calc(100vh - 70px);display:grid;grid-template-columns:1fr 460px;gap:28px;align-items:center;padding:42px;max-width:1220px;margin:0 auto}
.login-copy{padding:40px;border-radius:28px;background:linear-gradient(135deg,var(--azul),#173b5d);color:#fff;box-shadow:var(--sombra)}.gestion-copy{background:linear-gradient(135deg,#102f4a,#071522)}
.login-copy h1{font-size:38px;letter-spacing:-.05em;margin:0 0 12px}.login-copy p{color:#d9e4ee;line-height:1.6}
.login-card{background:var(--blanco);border:1px solid var(--linea);border-radius:28px;padding:28px;box-shadow:var(--sombra)}.login-card h2{margin:0 0 6px;font-size:25px;letter-spacing:-.04em}.login-card .row{margin-top:15px}
.fineprint{font-size:12px;color:var(--muted);line-height:1.45;margin-top:16px}.progress{display:flex;gap:8px;align-items:center;margin-top:16px;overflow:auto;padding-bottom:4px}
.step{white-space:nowrap;padding:9px 12px;border-radius:999px;background:var(--fondo);border:1px solid var(--linea);font-size:13px;color:var(--muted)}.step.done{background:var(--verde-bg);color:var(--verde);border-color:#bfe5cf}.step.current{background:var(--azul);color:#fff;border-color:var(--azul)}
.doc-upload{border:1px dashed var(--dorado);background:rgba(184,145,80,.09);border-radius:18px;padding:18px;text-align:center}.audit-line{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--linea)}.audit-dot{width:10px;height:10px;border-radius:50%;background:var(--dorado);margin-top:6px;flex:0 0 10px}.drawer-note{font-size:13px;color:var(--muted);border-left:3px solid var(--dorado);padding-left:12px;line-height:1.5}
.notice{padding:12px 14px;border-radius:14px;margin-bottom:14px}.notice.ok{background:var(--verde-bg);color:var(--verde)}.notice.bad{background:var(--rojo-bg);color:var(--rojo)}
@media(max-width:980px){.layout{grid-template-columns:1fr}.sidebar{display:none}.content{padding:18px}.grid.cols-4,.grid.cols-3,.grid.cols-2,.form-grid,.login-wrap{grid-template-columns:1fr}.login-wrap{padding:18px}.login-copy h1{font-size:30px}table{display:block;overflow:auto}.topbar{padding:0 14px}.brand small{display:none}}