:root{--fondo:#f4f1ea;--tarjeta:#fff;--texto:#1f2428;--suave:#6b7280;--linea:#e2ddd3;--acento:#b5452b;--acento2:#8a3420;--ok:#2f7d4f;--aviso:#b7791f;--error:#b42318;--radio:12px}
@media (prefers-color-scheme:dark){:root{--fondo:#15171a;--tarjeta:#1f2328;--texto:#e8e6e1;--suave:#9aa0a6;--linea:#30363d;--acento:#d9674a;--acento2:#e98a6f}}
*{box-sizing:border-box}body{margin:0;font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--fondo);color:var(--texto)}
a{color:var(--acento)}header{background:var(--tarjeta);border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:5}
.barra{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.marca{font-weight:700;font-size:1.15rem;letter-spacing:.5px;color:var(--acento);text-decoration:none}
nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}nav a{padding:6px 10px;border-radius:8px;text-decoration:none;color:var(--texto);font-size:.93rem}
nav a.activo,nav a:hover{background:var(--fondo)}main{max-width:1100px;margin:0 auto;padding:16px}
h1{font-size:1.4rem;margin:8px 0 14px}h2{font-size:1.1rem;margin:18px 0 8px}
.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--radio);padding:16px;margin-bottom:14px}
.cuadricula{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.dato{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--radio);padding:12px}.dato b{display:block;font-size:1.5rem}.dato span{color:var(--suave);font-size:.85rem}
label{display:block;font-weight:600;margin:10px 0 4px;font-size:.92rem}small,.ayuda{color:var(--suave);font-size:.82rem}
input,select,textarea{width:100%;padding:9px 10px;border:1px solid var(--linea);border-radius:8px;background:var(--fondo);color:var(--texto);font:inherit}
textarea{min-height:90px;resize:vertical}input[type=checkbox]{width:auto}
button,.boton{display:inline-block;padding:9px 16px;border:0;border-radius:8px;background:var(--acento);color:#fff;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
button:hover{background:var(--acento2)}button.secundario{background:transparent;color:var(--acento);border:1px solid var(--acento)}
button.peligro{background:var(--error)}button.pequeno{padding:4px 10px;font-size:.85rem}
.mensaje{padding:10px 14px;border-radius:8px;margin-bottom:12px;background:#e6f4ea;color:#1e4d2b;border:1px solid #b7dfc1}
.error{background:#fdecea;color:#7a1f14;border:1px solid #f5c2bb}
table{width:100%;border-collapse:collapse;font-size:.93rem}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--linea);vertical-align:top}th{color:var(--suave);font-weight:600;font-size:.85rem}
.etiqueta{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.78rem;background:var(--fondo);border:1px solid var(--linea)}
.etiqueta.ok{color:var(--ok)}.etiqueta.aviso{color:var(--aviso)}.etiqueta.error{color:var(--error)}
.acceso{max-width:380px;margin:8vh auto}.acceso h1{text-align:center}
.fila{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.fila>*{flex:1;min-width:140px}
code,.codigo{font-family:ui-monospace,Menlo,monospace;background:var(--fondo);padding:2px 6px;border-radius:6px;word-break:break-all}
.pie{color:var(--suave);font-size:.8rem;text-align:center;padding:20px}
@media(max-width:640px){table.responsiva thead{display:none}table.responsiva tr{display:block;border-bottom:2px solid var(--linea);padding:6px 0}table.responsiva td{display:block;border:0;padding:3px 0}}