/* luiscastro.org · calculadoras vivas (23-10-2026) */
.calc .vr{--p:50%;-webkit-appearance:none;appearance:none;display:block;width:100%;min-height:0;height:10px;padding:0;border:0;border-radius:99px;cursor:pointer;margin-top:4px;
  background:linear-gradient(90deg,var(--lc-night) var(--p),var(--lc-line) var(--p))}
.calc .vr::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:var(--lc-azul-claro);border:4px solid var(--lc-night);box-shadow:0 2px 8px rgba(20,24,22,.3);transition:transform .15s}
.calc .vr::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--lc-azul-claro);border:4px solid var(--lc-night)}
.calc .vr:active::-webkit-slider-thumb{transform:scale(1.15)}
.calc .vr:focus-visible{outline:3px solid var(--lc-azul-claro);outline-offset:6px;box-shadow:none}
.calc .calc__num input{font:400 1.4rem/1 var(--display);font-variant-numeric:tabular-nums}
.vp{display:flex;flex-wrap:wrap;gap:8px}
.vp button{min-height:46px;padding:0 18px;border-radius:99px;border:1.5px solid var(--lc-stone);background:#fff;color:var(--lc-ink);font:600 .95rem/1 var(--texto);cursor:pointer;text-transform:none;letter-spacing:0;transition:background .15s,color .15s,border-color .15s}
.vp button[aria-pressed=true]{background:var(--lc-night);border-color:var(--lc-night);color:var(--lc-paper)}
.vp button:focus-visible{outline:3px solid var(--lc-azul-claro);outline-offset:3px}
.vp__ayuda{margin:0;font:400 .85rem/1.4 var(--texto);text-transform:none;letter-spacing:0;color:var(--lc-ink-2)}
.vp__ayuda:empty{display:none}
.form .calc__radios{display:flex;flex-wrap:wrap;gap:8px}
.form .calc__radios legend{flex:0 0 100%}
.form .calc__radios label{position:relative;min-height:46px;padding:0 18px;border-radius:99px;border:1.5px solid var(--lc-stone);background:#fff;cursor:pointer;font:600 .95rem/1.2 var(--texto);transition:background .15s,color .15s}
.form .calc__radios input{position:absolute;opacity:0;width:1px;height:1px}
.form .calc__radios label:has(input:checked){background:var(--lc-night);border-color:var(--lc-night);color:var(--lc-paper)}
.form .calc__radios label:has(input:focus-visible){outline:3px solid var(--lc-azul-claro);outline-offset:3px}
.vbar{display:grid;gap:12px}
.vbar__pista{display:flex;height:16px;border-radius:99px;overflow:hidden;background:rgba(244,241,234,.12);gap:2px}
.vbar__pista i{display:block;flex-basis:0;min-width:3px;transition:flex-grow .45s cubic-bezier(.2,.8,.2,1)}
.vbar__leyenda{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.85rem;color:var(--lc-stone)}
.vbar__leyenda li{display:flex;align-items:center;gap:7px}
.vbar__leyenda li span{width:11px;height:11px;border-radius:50%;flex:none}
.vbar__leyenda b{color:var(--lc-paper);font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.vbar__pista i,.calc .vr::-webkit-slider-thumb{transition:none}}