.calc{--papel:#eeeee9;--superficie:#f8f8f4;--tinta:#121214;--tenue:#5f5f66;--linea:#12121429;--azul:#0000c8;--noche:#00006b;--noche-2:#1f1f7b;--noche-texto:#eeeee9;--noche-tenue:#dce3ff;--ambar:#ffa800;--ambar-claro:#ffbe3d;--ok:#6fd39b;--cerca:#ffd166;--mal:#ff8f7a;--error:#c8322b;--radio:14px;max-width:640px;color:var(--tinta);gap:24px;margin-inline:auto;padding:40px 16px 72px;font-size:16px;line-height:1.55;display:grid}.calc *,.calc :before,.calc :after{box-sizing:border-box}.calc .cuenta-regresiva{color:var(--tinta);background:#dce3ff;border-radius:10px;justify-self:start;margin:0 0 14px;padding:4px 12px;font-size:14px}.calc .cuenta-regresiva strong{color:var(--azul);font-variant-numeric:tabular-nums;font-size:16px}.calc .intro{display:grid}.calc .intro h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 14px;font-size:clamp(32px,7vw,46px);font-weight:800;line-height:1.04}.calc .intro p{max-width:34em;color:var(--tenue);margin:0;font-size:17px}.calc .formulario{border:1px solid var(--linea);border-radius:var(--radio);background:var(--superficie);gap:20px;padding:20px;display:grid}.calc .campo{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.calc .campo>label,.calc .campo>legend{margin-bottom:8px;padding:0;font-size:15px;font-weight:600}.calc .segmentado{border:1px solid var(--linea);background:var(--papel);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.calc .segmentado input{opacity:0;pointer-events:none;position:absolute}.calc .segmentado label{color:var(--tenue);text-align:center;cursor:pointer;border-radius:7px;padding:10px 8px;font-size:15px;font-weight:500}.calc .segmentado input:checked+label{background:var(--noche);color:var(--papel)}.calc .segmentado input:focus-visible+label{outline:2px solid var(--azul);outline-offset:2px}.calc .monto{border:1px solid var(--linea);background:#fff;border-radius:10px;align-items:center;min-width:0;display:flex}.calc .monto:focus-within{border-color:var(--azul);box-shadow:0 0 0 3px #0000c838}.calc .prefijo{color:var(--tenue);padding-left:14px;font-size:22px}.calc .monto input{min-width:0;color:var(--tinta);font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;padding:12px 14px 12px 8px;font-size:24px;font-weight:650}.calc select{border:1px solid var(--linea);width:100%;color:var(--tinta);font:inherit;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2300006B' stroke-width='2'/%3E%3C/svg%3E") right 14px center no-repeat;border-radius:10px;padding:12px 40px 12px 14px;font-size:16px}.calc select:focus-visible{outline:2px solid var(--azul);outline-offset:2px}.calc .ayuda{color:var(--tenue);margin:0;font-size:14px}.calc .error{color:var(--error);margin:0;font-size:14px;font-weight:500}.calc .boton{background:var(--ambar);color:var(--tinta);font:inherit;text-align:center;cursor:pointer;border:0;border-radius:10px;padding:14px 20px;font-size:17px;font-weight:600;text-decoration:none;transition:background-color .15s,transform .16s ease-out;display:inline-block}.calc .boton:hover{background:var(--ambar-claro)}.calc .boton:active{transform:scale(.98)}.calc .boton:focus-visible{outline:3px solid var(--azul);outline-offset:2px}.calc .resultado{--color-estado:var(--ok);border-radius:var(--radio);background:var(--noche);min-width:0;color:var(--noche-texto);gap:14px;padding:24px 20px;display:grid}.calc .resultado[data-estado=cerca]{--color-estado:var(--cerca)}.calc .resultado[data-estado=sube],.calc .resultado[data-estado=excede]{--color-estado:var(--mal)}.calc .ejemplo{background:var(--noche-2);color:var(--noche-texto);border-radius:999px;justify-self:start;margin:0;padding:4px 12px;font-size:13px}.calc .lentes svg{width:100%;max-width:340px;height:auto;display:block}.calc .lentes .marco,.calc .lentes .puente,.calc .lentes .patilla{fill:none;stroke:var(--ambar);stroke-width:9px;stroke-linecap:round}.calc .lentes .marco{fill:#ffffff0a}.calc .lentes .pista{fill:none;stroke:var(--noche-2);stroke-width:9px}.calc .lentes .avance{fill:none;stroke:var(--color-estado);stroke-width:9px;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.2,.7,.2,1),stroke .3s}.calc .lentes .porcentaje{fill:var(--noche-texto);font-size:22px;font-weight:700}.calc .lentes .del-tope{fill:var(--noche-tenue);font-size:11px}.calc .lentes .letra{fill:var(--noche-texto);font-size:64px;font-weight:800}.calc .estado{background:var(--color-estado);color:var(--noche);border-radius:999px;justify-self:start;margin:0;padding:3px 12px;font-size:14px;font-weight:600}.calc .resultado h2{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(26px,6vw,34px);font-weight:700;line-height:1.1}.calc .detalle{max-width:34em;color:var(--noche-texto);margin:0}.calc .datos{border-top:1px solid var(--noche-2);margin:0;display:grid}.calc .datos div{border-bottom:1px solid var(--noche-2);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.calc .datos dt{color:var(--noche-tenue)}.calc .datos dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.calc .escala-bloque{gap:8px;display:grid}.calc .escala-titulo{color:var(--noche-tenue);margin:0;font-size:14px}.calc .escala{grid-template-columns:repeat(11,1fr);gap:3px;margin:0;padding:0;list-style:none;display:grid}.calc .escala li{background:var(--noche-2);color:var(--noche-tenue);text-align:center;border-radius:6px;padding:6px 0;font-size:14px;font-weight:600;box-shadow:inset 0 0 0 2px #0000}.calc .escala li.es-actual{color:var(--noche-texto);box-shadow:inset 0 0 0 2px var(--noche-texto)}.calc .escala li.es-corresponde{background:var(--color-estado);color:var(--noche)}.calc .escala-leyenda{color:var(--noche-tenue);flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;font-size:13px;display:flex}.calc .muestra{vertical-align:middle;border-radius:4px;width:14px;height:14px;display:inline-block}.calc .muestra-actual{box-shadow:inset 0 0 0 2px var(--noche-texto)}.calc .muestra-corresponde{background:var(--color-estado);margin-left:8px}.calc .aviso{border-top:1px solid var(--noche-2);gap:10px;margin-top:6px;padding-top:18px;display:grid}.calc .aviso h3{margin:0;font-size:22px;font-weight:700}.calc .aviso p{margin:0}.calc .boton-whatsapp{justify-self:start}.calc .aviso-letra-chica{color:var(--noche-tenue);font-size:13px}.calc .aviso-config{color:var(--ambar-claro);font-size:14px}.calc .aviso-vinculo{color:var(--ok);font-size:14px}.calc .notas h2{margin:0 0 10px;font-size:20px;font-weight:700}.calc .notas ul{color:var(--tenue);gap:8px;margin:0;padding-left:20px;font-size:15px;list-style:outside;display:grid}@media (prefers-reduced-motion:reduce){.calc .lentes .avance,.calc .boton{transition:none}}