:root{color-scheme:light dark;--fondo: #f6f7f9;--tarjeta: #ffffff;--borde: #dfe3e8;--texto: #1b1f24;--suave: #5c6672;--acento: #c0392b;--acento-texto: #ffffff;--ok: #2e7d32;--aviso: #b26a00;--radio: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(prefers-color-scheme:dark){:root{--fondo: #14171a;--tarjeta: #1e2227;--borde: #2f353c;--texto: #e8eaed;--suave: #9aa4b0}}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);line-height:1.5}.contenedor{max-width:720px;margin:0 auto;padding:16px}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:16px;margin-bottom:16px}h1{font-size:1.5rem;margin:0 0 4px}h2{font-size:1.1rem;margin:0 0 12px}h3{font-size:.95rem;margin:0 0 8px}p{margin:0 0 12px}.suave{color:var(--suave);font-size:.9rem}label{display:block;font-size:.9rem;margin-bottom:4px}input{width:100%;padding:10px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--fondo);color:var(--texto);font:inherit;margin-bottom:12px}button{padding:10px 16px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);color:var(--texto);font:inherit;cursor:pointer}button:hover:not(:disabled){border-color:var(--suave)}button:disabled{opacity:.5;cursor:not-allowed}button.principal{background:var(--acento);color:var(--acento-texto);border-color:var(--acento);width:100%}button.enlace{background:none;border:none;color:var(--suave);text-decoration:underline;padding:4px 0}.error{color:var(--acento);font-size:.9rem;margin-bottom:12px}.fila{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.entre{display:flex;justify-content:space-between;align-items:center;gap:8px}.datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.dato .etiqueta{font-size:.8rem;color:var(--suave)}.dato .valor{font-size:1.1rem;font-weight:600}.barra{height:8px;background:var(--fondo);border:1px solid var(--borde);border-radius:999px;overflow:hidden;margin-top:4px}.barra>div{height:100%;background:var(--ok)}.barra.baja>div{background:var(--aviso)}.opciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.sucesos{list-style:none;padding:0;margin:0}.sucesos li{padding:6px 0;border-bottom:1px solid var(--borde);font-size:.9rem}.sucesos li:last-child{border-bottom:none}.insignia{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:999px;border:1px solid var(--borde);color:var(--suave)}