:root{--fondo:#f6f7f9;--superficie:#fff;--texto:#1b1f24;--texto-suave:#4a5460;--borde:#7d8793;--acento:#0b5cad;--acento-texto:#fff;--error:#b00020;--error-fondo:#fdecee;--ok-fondo:#eaf5ee;--ok-borde:#2a7a4b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fondo:#12161b;--superficie:#1a2027;--texto:#e8ebef;--texto-suave:#b4bcc6;--borde:#8a95a2;--acento:#6db3f2;--acento-texto:#0a1520;--error:#ff8a99;--error-fondo:#3a1a20;--ok-fondo:#15291d;--ok-borde:#5fc088}}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);flex-direction:column;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;display:flex}.cabecera,.pie{color:var(--texto-suave);padding:12px 16px;font-size:.875rem}.cabecera p,.pie p{max-width:34rem;margin:0 auto}.marca{color:var(--texto);font-weight:600}main{flex:1;width:100%;max-width:34rem;margin:0 auto;padding:8px 16px 32px}h1{margin:8px 0 12px;font-size:1.5rem;line-height:1.25}h2{margin:0 0 12px;font-size:1.125rem}.intro{color:var(--texto-suave);margin:0 0 24px}.campo{margin-bottom:20px}label{margin-bottom:4px;font-weight:600;display:block}input,select{width:100%;min-height:44px;font:inherit;color:var(--texto);background:var(--superficie);border:1px solid var(--borde);border-radius:6px;padding:8px 12px}input[aria-invalid=true]{border-color:var(--error);border-width:2px}:focus-visible{outline:3px solid var(--acento);outline-offset:2px}.ayuda{color:var(--texto-suave);margin:4px 0 0;font-size:.875rem}.error-campo{color:var(--error);margin:4px 0 0;font-size:.875rem;font-weight:600}button{min-height:44px;font:inherit;color:var(--acento-texto);background:var(--acento);border:2px solid var(--acento);cursor:pointer;border-radius:6px;padding:8px 20px;font-weight:600}button.secundario{color:var(--acento);background:0 0}button:disabled{opacity:.6;cursor:progress}.aviso{background:var(--error-fondo);border-left:4px solid var(--error);border-radius:4px;margin-top:24px;padding:12px 16px}.resultado{background:var(--ok-fondo);border-left:4px solid var(--ok-borde);border-radius:4px;margin-top:24px;padding:16px}.resultado dl{margin:0 0 16px}.resultado dl div{border-bottom:1px solid var(--borde);justify-content:space-between;gap:16px;padding:6px 0;display:flex}.resultado dt{color:var(--texto-suave)}.resultado dd{text-align:right;margin:0;font-weight:600}[hidden]{display:none}