:root{--bg:#081420;--bg-elevated:#0e1e30;--card:#0f2236;--card-border:#1c3650;--text:#f4fafc;--text-muted:#9fb4c5;--cyan:#3ed6f0;--cyan-soft:#cff3fa;--green:#3cbf7a;--amber:#e0a83c;--red:#e0554c;--radius:14px}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit}button{font-family:inherit}.page{min-height:100dvh;align-items:center;padding:24px 18px 60px}.page,.shell{display:flex;flex-direction:column}.shell{width:100%;max-width:560px;gap:22px}.brand{display:flex;align-items:center;gap:8px;justify-content:center;color:var(--cyan);font-weight:700;letter-spacing:.06em;font-size:13px}.progress-track{width:100%;height:4px;background:var(--card-border);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--cyan);transition:width .35s ease}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:26px 22px}h1.title{font-size:26px;line-height:1.25;margin:0 0 10px}h2.q-title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);margin:0 0 6px}p.subtitle{color:var(--text-muted);font-size:15px;line-height:1.55;margin:0 0 4px}p.prompt{font-size:18px;line-height:1.4;margin:0 0 20px}.options{display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:center;gap:12px;text-align:left;background:var(--bg-elevated);border:1.5px solid var(--card-border);border-radius:10px;padding:14px 16px;color:var(--text);font-size:15px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.option.selected,.option:hover{border-color:var(--cyan)}.option.selected{background:#123246}.dot{width:12px;height:12px;min-width:12px;border-radius:4px}.dot.verde{background:var(--green)}.dot.ambar{background:var(--amber)}.dot.rojo{background:var(--red)}.insight{margin-top:16px;font-size:13.5px;color:var(--text-muted);font-style:italic;border-top:1px solid var(--card-border);padding-top:14px}input,textarea{width:100%;background:var(--bg-elevated);border:1.5px solid var(--card-border);border-radius:10px;padding:13px 14px;color:var(--text);font-size:15px;font-family:inherit;outline:none}input:focus,textarea:focus{border-color:var(--cyan)}textarea{min-height:110px;resize:vertical}label.field-label{display:block;font-size:14px;color:var(--text-muted);margin-bottom:8px}.nav-row{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:12px}.btn{border:none;border-radius:999px;padding:13px 22px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--cyan);color:#04141f}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--text-muted)}.btn-ghost,.btn-skip{background:transparent}.btn-skip{color:var(--cyan);text-decoration:underline;padding:8px 0;align-self:flex-start}.legend{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:6px}.score-badge{display:inline-block;font-size:14px;font-weight:700;color:var(--cyan);border:1px solid var(--cyan);border-radius:999px;padding:6px 16px;margin-bottom:14px}.result-body{font-size:15px;line-height:1.6;color:var(--text-muted)}.result-diagnosis-line{font-size:15.5px;line-height:1.5;color:var(--text);font-weight:600;margin:12px 0 0;padding:12px 14px;background:var(--bg-elevated);border-left:3px solid var(--cyan);border-radius:8px}.result-breakdown{margin-top:22px;padding-top:20px;border-top:1px solid var(--card-border);display:flex;flex-direction:column;gap:10px}.result-breakdown-heading{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--cyan);margin:0 0 4px}.result-item{background:var(--bg-elevated);border-left:1px solid var(--card-border);border:1px solid var(--card-border);border-left-width:3px;border-radius:10px;padding:12px 14px}.result-item.rojo{border-left-color:var(--red)}.result-item.ambar{border-left-color:var(--amber)}.result-item.verde{border-left-color:var(--green)}.result-item-header{display:flex;align-items:center;gap:10px}.result-item-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text)}.result-item-answer{font-size:14.5px;margin:6px 0 0;color:var(--text)}.result-item-insight{font-size:13px;margin:8px 0 0;padding-top:8px;color:var(--text-muted);font-style:italic}.cta-box,.result-item-insight{border-top:1px solid var(--card-border)}.cta-box{margin-top:24px;padding-top:22px;text-align:center}.cta-heading{font-size:19px;margin:0 0 8px}.cta-body{color:var(--text-muted);font-size:14.5px;line-height:1.55;margin:0 0 18px}.error-text{color:var(--red);font-size:13.5px;margin-top:8px}.notfound{text-align:center;color:var(--text-muted);padding:80px 20px}.calc-total{font-size:42px;font-weight:800;color:var(--cyan);line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.equivalents-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.equivalents-list li{font-size:14px;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--card-border);border-radius:8px;padding:10px 12px}.equivalents-list li strong{color:var(--text);font-size:15px}.buckets{display:flex;flex-direction:column;gap:8px}.bucket{display:flex;align-items:center;gap:10px;background:var(--bg-elevated);border:1px solid var(--card-border);border-radius:8px;padding:10px 12px;font-size:13.5px}.bucket-label{flex:1 1;color:var(--text)}.bucket-amount{white-space:nowrap}.area-badge,.bucket-amount{font-weight:700;color:var(--cyan)}.area-badge{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--cyan);border-radius:999px;padding:5px 14px;margin-bottom:16px}.iec-number{font-size:56px;font-weight:800;color:var(--cyan);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.iec-sub{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.nivel-badge{display:inline-block;margin-top:12px;font-size:14px;font-weight:700;color:var(--text);background:var(--bg-elevated);border:1px solid var(--card-border);border-radius:999px;padding:6px 16px}.impacto-pill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:999px;padding:3px 10px;white-space:nowrap}