:root{--fondo:#F4F1EA;--tarjeta:#FFFFFF;--tinta:#0E1A30;--suave:#4A5568;--linea:#E2DDD2;--marca:#1F7A6E;--oro:#F4B400;--mal:#B42318;--aviso:#9A6700}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--tinta);font:15px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}
a{color:var(--marca)}
.barra{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--tinta);color:#fff}
.barra a{color:#fff;text-decoration:none}
.marca{font-weight:700;letter-spacing:.3px}
.barra nav{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
main{max-width:1100px;margin:0 auto;padding:24px 16px 60px}
h1{font-size:24px;margin:0 0 16px}
h2{font-size:18px;margin:28px 0 12px}
.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:14px;padding:20px;margin-bottom:16px}
.cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}
.cifra{background:var(--tarjeta);border:1px solid var(--linea);border-radius:14px;padding:14px 16px}
.cifra b{display:block;font-size:26px}
.cifra span{color:var(--suave);font-size:13px}
.tabla{width:100%;border-collapse:collapse;background:var(--tarjeta);border:1px solid var(--linea);border-radius:14px;overflow:hidden}
.tabla th,.tabla td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--suave);background:#FBFAF6}
.envoltura{overflow-x:auto}
.etiqueta{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}
.etiqueta.ok{background:#E3F4EE;color:var(--marca)}.etiqueta.mal{background:#FDECEA;color:var(--mal)}.etiqueta.aviso{background:#FFF4D6;color:var(--aviso)}.etiqueta.gris{background:#EEE;color:#555}
form.campos{display:grid;gap:14px}
.fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
label{display:grid;gap:4px;font-weight:600;font-size:14px}
label small{font-weight:400;color:var(--suave)}
input,select,textarea{font:inherit;padding:9px 11px;border:1px solid #CFC9BC;border-radius:10px;background:#fff;color:var(--tinta);width:100%}
textarea{min-height:70px}
.casillas{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px 14px;font-weight:400}
.casillas label{display:flex;gap:8px;align-items:center;font-weight:400}
.casillas input{width:auto}
button,.boton{font:inherit;font-weight:600;padding:10px 16px;border-radius:10px;border:1px solid var(--marca);background:var(--marca);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
.boton.secundario,button.secundario{background:#fff;color:var(--tinta);border-color:#CFC9BC}
button.peligro{background:var(--mal);border-color:var(--mal)}
button.enlace{background:none;border:0;color:#fff;padding:0;font-weight:400}
.acciones{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.aviso{padding:12px 14px;border-radius:12px;background:#FFF4D6;color:#5C4300;margin-bottom:16px}
.error{padding:12px 14px;border-radius:12px;background:#FDECEA;color:var(--mal);margin-bottom:16px}
.secreto{font:600 18px ui-monospace,Consolas,monospace;background:var(--tinta);color:#fff;padding:14px;border-radius:12px;word-break:break-all;user-select:all}
.mono{font-family:ui-monospace,Consolas,monospace;font-size:13px}
.suave{color:var(--suave)}
.entrada{max-width:380px;margin:60px auto}
dl.datos{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}
dl.datos dt{color:var(--suave)}
dl.datos dd{margin:0;word-break:break-all}