.blk{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:6px 18px 12px;margin:0 0 14px;min-width:0}
.blk legend{font-weight:800;font-size:1.1rem;padding:0 8px;margin-left:-8px}
.blk .n{color:var(--mut);font-size:.88rem;margin:0 0 12px}
.row{display:grid;gap:0 16px}@media(min-width:700px){.row{grid-template-columns:1fr 1fr}}
.f select{width:100%;font:inherit;font-size:1.1rem;padding:12px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.f select:focus,.f input[type=text]:focus{border-color:var(--pri)}.f input[aria-invalid=true]{border-color:var(--err)}
[hidden]{display:none!important}
.res2{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:14px}
.res2 h2{margin:0 0 10px;font-size:1.1rem}.res2 dl{display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin:0}.res2 dd{margin:0;font-weight:800;text-align:right}
.tw{overflow-x:auto}.res2 table{width:100%;border-collapse:collapse;font-size:.92rem}.res2 th,.res2 td{padding:8px 6px;text-align:right;border-bottom:1px solid var(--line)}.res2 th:first-child,.res2 td:first-child{text-align:left}
.note{color:var(--mut);font-size:.9rem;margin:12px 0 0}.res .note{color:#C9CBE8}.warn{background:#FFF6D6;border:2px solid #E0B800;border-radius:12px;padding:12px;margin-top:14px;font-weight:600}
#resultado{scroll-margin-top:72px}
.f select{font-size:1rem;padding-left:8px;padding-right:8px;text-overflow:ellipsis}
