@layer components{.calc{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:1024px){.calc{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:24px 32px}}.calc-label{letter-spacing:-.01em;font-size:1.0625rem;font-weight:700;line-height:1.25}.calc-controls{border-radius:var(--r-card);background:var(--surface);border:1.5px solid var(--line);gap:32px;padding:clamp(20px,3vw,36px);display:grid}.calc-rubro{gap:10px;display:grid}.calc-select{position:relative}.calc-select select{appearance:none;border-radius:var(--r-pill);border:1.5px solid var(--line-strong);background:var(--bg);width:100%;height:60px;color:var(--text);font:inherit;letter-spacing:-.02em;cursor:pointer;padding:0 52px 0 22px;font-size:1.25rem;font-weight:800}.calc-select select:focus-visible{border-color:var(--text);box-shadow:0 0 0 4px var(--line);outline:none}.calc-select>svg{pointer-events:none;width:20px;height:20px;position:absolute;top:50%;right:22px;translate:0 -50%}.calc-slider{gap:6px;display:grid}.calc-slider-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.calc-box{font-family:var(--font-mono);letter-spacing:-.06em;flex:none;align-items:baseline;gap:6px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1;display:inline-flex}.calc-box>span{color:var(--text-3);font-size:.8em}.calc-box input{border:0;border-bottom:1.5px solid var(--line-strong);width:5.2ch;color:var(--text);font:inherit;letter-spacing:inherit;text-align:right;background:0 0;border-radius:0;padding:4px 0 6px}.calc-box input:focus{border-bottom-color:var(--text);outline:none}.calc-range{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:44px;margin:0}.calc-range:focus{outline:none}.calc-range::-webkit-slider-runnable-track{border-radius:var(--r-pill);background:linear-gradient(to right, var(--text) var(--fill,0%), var(--surface-2) var(--fill,0%));height:10px}.calc-range::-moz-range-track{border-radius:var(--r-pill);background:var(--surface-2);height:10px}.calc-range::-moz-range-progress{border-radius:var(--r-pill);background:var(--text);height:10px}.calc-range::-webkit-slider-thumb{appearance:none;border:3px solid var(--text);background:var(--yapa);width:34px;height:34px;transition:scale .12s var(--ease-out);border-radius:50%;margin-top:-12px}.calc-range::-moz-range-thumb{border:3px solid var(--text);background:var(--yapa);border-radius:50%;width:28px;height:28px}.calc-range:active::-webkit-slider-thumb{scale:1.12}.calc-range:focus-visible::-webkit-slider-thumb{outline:3px solid var(--text);outline-offset:3px}.calc-range:focus-visible::-moz-range-thumb{outline:3px solid var(--text);outline-offset:3px}.calc-often{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.calc-often legend{margin-bottom:12px;padding:0}.calc-chips{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;display:grid}.calc-chip{cursor:pointer;position:relative}.calc-chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.calc-chip span{border-radius:var(--r-pill);border:1.5px solid var(--line-strong);white-space:nowrap;justify-content:center;align-items:center;height:44px;padding:0 12px;font-size:1rem;font-weight:700;transition:background-color .15s,color .15s;display:flex}.calc-chip input:checked+span{background:var(--text);border-color:var(--text);color:var(--bg)}.calc-chip input:focus-visible+span{outline:3px solid var(--text);outline-offset:3px}.calc-reset{justify-self:start;margin:-16px 0 0 -6px}.calc-result{border-radius:var(--r-card);background:var(--ink);color:var(--chalk);gap:6px;padding:clamp(24px,3.5vw,40px);display:grid;container-type:inline-size}@media (max-width:1023px){.calc-result{order:-1}}@media (min-width:1024px){.calc-result{position:sticky;top:88px}}.calc-result-label{color:#b9b9b4;font-size:1.0625rem;font-weight:700}.calc-big{font-family:var(--font-mono);font-weight:800;font-size:min(7rem, calc(100cqi / (var(--len,8) * .6)));letter-spacing:-.07em;color:var(--yapa);white-space:nowrap;padding-block:6px 2px;line-height:1}.calc-cur{margin-right:.16em;font-size:.8em}.calc-big-sub{letter-spacing:-.02em;font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:800;line-height:1.1}.calc-year{color:#b9b9b4;margin-top:6px;font-size:1.0625rem}.calc-year .mono{color:var(--chalk);font-weight:700}.calc-pay{border-top:1.5px solid #f4f4f029;gap:12px;margin-top:18px;padding-top:20px;font-size:1.0625rem;line-height:1.4;display:grid}.calc-pay p{max-width:44ch}.calc-seals{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.calc-seal{width:34px;font-size:.75rem}@media (max-width:479px){.calc-seals{gap:4px}.calc-seal{width:26px;font-size:.625rem}}.calc-seals-more{margin-left:4px;font-size:.9375rem;font-weight:700}.calc-how{color:#b9b9b4;max-width:52ch;margin-top:8px;font-size:.9375rem;line-height:1.45}.calc-how .mono{color:var(--chalk)}.calc-cta{justify-self:start;margin-top:20px}.calc-dock{bottom:max(12px, env(safe-area-inset-bottom));z-index:2;border-radius:var(--r-pill);background:var(--ink);height:56px;color:var(--chalk);opacity:0;pointer-events:none;transition:opacity .2s, translate .2s var(--ease-out);border:1.5px solid #f4f4f029;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:1rem;font-weight:700;display:flex;position:sticky;translate:0 12px}.calc-dock[data-shown]{opacity:1;translate:none}.calc-dock-num{letter-spacing:-.06em;color:var(--yapa);font-size:1.375rem;font-weight:800}@media (min-width:1024px){.calc-dock{display:none}}.calc-note{grid-column:1/-1}@supports (corner-shape:squircle){.calc-controls,.calc-result{corner-shape:squircle}}@media (prefers-reduced-motion:no-preference){.calc-seal.is-new{animation:thump .32s var(--ease-stamp) both}}@media (prefers-reduced-motion:reduce){.calc-chip span,.calc-dock{transition:none}.calc-range::-webkit-slider-thumb{transition:none}}}