/* Marca DObs: tokens del manual (Tinta, Papel, Oliva, Lima). */
:root{--tinta:#0B1F2B;--papel:#FAF9F7;--oliva:#4F6B12;--lima:#CDEA6E;--suave:#566C6F;--linea:#DFE3DC;
--validado:#0F7A64;--salvedad:#D99A1F;--falla:#A32B2B;--blanco:#FFFFFF}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:'Source Sans 3',system-ui,sans-serif;font-size:17px;line-height:1.5}
a{color:var(--oliva)}a:hover{color:var(--tinta)}
.barra{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--linea);flex-wrap:wrap}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinta)}
.marca img{width:30px;height:30px;display:block}
.marca b{font-family:Archivo,sans-serif;font-size:20px}
.marca span{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--suave)}
main{max-width:1080px;margin:0 auto;padding:40px 24px}
h1{font-family:Archivo,sans-serif;font-weight:800;font-size:clamp(30px,5vw,40px);letter-spacing:-.03em;line-height:1.08;margin:0 0 8px}
h2{font-family:Archivo,sans-serif;font-size:22px;margin:0 0 8px}
.sub{color:var(--suave);font-size:18px;margin:0 0 20px}
.rejilla{display:grid;grid-template-columns:3fr 2fr;gap:40px}
@media (max-width:820px){.rejilla{grid-template-columns:1fr}}
.tarjeta{background:var(--blanco);border:1px solid var(--linea);border-radius:16px;padding:24px}
.oscura{background:var(--tinta);color:var(--papel);border-radius:16px;padding:24px}
.kicker{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--oliva);margin:0 0 8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:10px;
border:1px solid var(--tinta);background:var(--tinta);color:var(--papel);font:600 17px 'Source Sans 3',sans-serif;text-decoration:none;cursor:pointer}
.btn.claro{background:var(--blanco);color:var(--tinta);border-color:#C3CABF}
.btn.chico{min-height:36px;padding:6px 12px;font-size:15px}
label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px}
input,select{font:16px 'Source Sans 3',sans-serif;padding:12px 14px;border:1px solid #C3CABF;border-radius:10px;background:var(--blanco);color:var(--tinta)}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:600px){.campos{grid-template-columns:1fr}}
.aviso{background:#FBF1DC;border-radius:12px;padding:14px 16px}
.error{background:#F6E3E3;color:var(--falla);border-radius:12px;padding:14px 16px}
.lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.paso{display:flex;gap:14px;align-items:center;background:var(--blanco);border:1px solid var(--linea);border-radius:12px;padding:14px 16px}
.circulo{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 14px Archivo,sans-serif;background:#E9EDE3;color:var(--suave)}
.hecho .circulo{background:var(--validado);color:var(--papel)}
.ahora .circulo{background:var(--lima);color:var(--tinta)}
.rechazada .circulo{background:var(--falla);color:var(--papel)}
.paso small{display:block;color:var(--suave);font-size:14px}
.espacio{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--tinta);border:1px solid var(--linea);border-radius:12px;padding:14px 16px;background:var(--blanco)}
.sigla{flex:0 0 40px;height:40px;border-radius:10px;background:var(--tinta);color:var(--lima);display:grid;place-items:center;font:800 15px Archivo,sans-serif}
.mono{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--suave)}
.pie{color:var(--suave);font-size:14px}
.tabla{overflow-x:auto}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--linea);font-size:15px;vertical-align:top}