@layer components{.wpa-cifra{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(6.5rem,3.4rem + 12vw,15rem);font-weight:800;line-height:.82}.wpa-ejemplo{background:linear-gradient(#ffffff0f,#ffffff04 55%),#1d1e20;border-radius:clamp(20px,1vw + 14px,28px);box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #ffffff0f,0 40px 80px -44px #2b2b29bf}.wpa-barras{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:5px;height:116px;display:grid}.wpa-barra{height:var(--h);transform-origin:50% 100%;background:#f2eee733;border-radius:5px 5px 2px 2px}.wpa-barra:last-child{background:#f2eee7}@keyframes wpa-crece{0%{opacity:0;transform:scaleY(.04)}}@keyframes wpa-sube{0%{opacity:0;translate:0 14px}}@media (prefers-reduced-motion:no-preference){.wpa-barra{animation:wpa-crece .8s var(--w-ease-expo) both;animation-delay:calc(.35s + var(--i) * 70ms)}.wpa-ejemplo{animation:wpa-sube .9s var(--w-ease-expo) .15s both}@supports (animation-timeline:view()){.wpa-flota{animation:linear both wpa-flota;animation-timeline:view();animation-range:cover 40%}}}@keyframes wpa-flota{to{translate:0 -48px}}.wpa-pasos{--num:clamp(2.25rem, 1.8rem + 1.8vw, 3.25rem);--col:clamp(3.25rem, 2.5rem + 3vw, 4.5rem);--hueco:2.75rem;row-gap:var(--hueco);display:grid}.wpa-paso{grid-template-columns:var(--col) minmax(0, 1fr);align-items:start;column-gap:1.25rem;display:grid;position:relative}.wpa-paso-num{text-align:center;font-size:var(--num);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--w-texto);font-weight:800;line-height:1;display:block}.wpa-paso-linea{left:calc(var(--col) / 2 - 1px);top:calc(var(--num) + .75rem);bottom:calc(.75rem - var(--hueco));background:var(--w-linea-2);border-radius:2px;width:2px;position:absolute}.wpa-paso-linea:after{content:"";border-radius:inherit;background:var(--w-texto);transform-origin:50% 0;position:absolute;inset:0}@media (min-width:900px){.wpa-pasos{--num:clamp(5rem, 3rem + 5vw, 8.5rem);--hueco:clamp(2rem, 4vw, 4rem);column-gap:var(--hueco);grid-template-columns:repeat(3,minmax(0,1fr))}.wpa-paso{grid-template-columns:minmax(0,1fr);row-gap:1.5rem}.wpa-paso-cabeza{align-items:center;gap:1.25rem;display:flex}.wpa-paso-num{text-align:left}.wpa-paso-linea{width:auto;height:2px;margin-right:calc(-1 * var(--hueco) + 1.25rem);flex:1;align-self:center;position:relative;inset:auto}.wpa-paso-linea:after{transform-origin:0}}@keyframes wpa-linea-y{0%{transform:scaleY(0)}}@keyframes wpa-linea-x{0%{transform:scaleX(0)}}@keyframes wpa-enciende{0%{opacity:.25}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.wpa-paso-linea:after{animation:linear both wpa-linea-y;animation-timeline:view();animation-range:entry 60% cover 60%}.wpa-paso-num{animation:linear both wpa-enciende;animation-timeline:view();animation-range:entry 20% cover 35%}@media (min-width:900px){.wpa-paso-linea:after{animation-name:wpa-linea-x;animation-timeline:view();animation-range:entry 100% cover 55%}.wpa-paso:nth-child(2) .wpa-paso-num{animation-range:entry 100% cover 45%}.wpa-paso:nth-child(3) .wpa-paso-num{animation-range:entry 100% cover 55%}}}}.wpa-dos{gap:3rem;display:grid}@media (min-width:900px){.wpa-dos{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}.wpa-dos>:first-child{padding-right:clamp(2rem,4vw,4rem)}.wpa-dos>:last-child{box-shadow:inset 1px 0 0 var(--w-linea-2);padding-left:clamp(2rem,4vw,4rem)}}.wpa-calc{background:var(--w-superficie);box-shadow:inset 0 0 0 1px var(--w-borde);border-radius:clamp(22px,1vw + 16px,32px)}.wpa-plan{background:var(--w-fondo);box-shadow:inset 0 0 0 1px var(--w-borde);transition:background-color .25s var(--w-ease), color .25s var(--w-ease), box-shadow .25s var(--w-ease);-webkit-tap-highlight-color:transparent;border-radius:16px}.wpa-plan:hover{box-shadow:inset 0 0 0 1px var(--w-borde-2)}.wpa-plan[aria-checked=true]{background:var(--w-elegido);color:var(--w-elegido-texto);box-shadow:none}.wpa-plan:focus-visible,.wpa-paso-boton:focus-visible,.wpa-rango:focus-visible{outline:2px solid var(--w-foco);outline-offset:3px}.wpa-paso-boton{background:var(--w-fondo);width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--w-borde);transition:transform .15s var(--w-ease);border-radius:999px;justify-content:center;align-items:center;font-size:24px;line-height:1;display:inline-flex}.wpa-paso-boton:active{transform:scale(.94)}.wpa-paso-boton:disabled{opacity:.4}.wpa-rango{width:100%;accent-color:var(--w-texto);height:28px}.wpa-form{background:var(--w-superficie);box-shadow:inset 0 1px 0 #ffffff0f, inset 0 0 0 1px var(--w-borde);border-radius:clamp(22px,1vw + 16px,32px)}.wpa-campo{border:1px solid var(--w-control-borde);background:var(--w-fondo);width:100%;min-height:52px;color:var(--w-texto);transition:border-color .2s var(--w-ease), box-shadow .2s var(--w-ease);border-radius:14px;padding:.8rem 1rem;font-size:16px;display:block}.wpa-campo::placeholder{color:var(--w-texto-3);opacity:.8}.wpa-campo:hover{border-color:var(--w-control-borde-hover)}.wpa-campo:focus{border-color:var(--w-texto-2);outline:none;box-shadow:0 0 0 3px #f2eee71f}.wpa-campo[aria-invalid=true]{border-color:var(--w-baja)}select.wpa-campo{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfcdc6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:18px;padding-right:2.75rem}textarea.wpa-campo{resize:vertical;min-height:120px}.wpa-trampa{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.wpa-hecho-circulo,.wpa-hecho-visto{fill:none;stroke:var(--w-texto);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.wpa-hecho-circulo{stroke:var(--w-linea-2)}@keyframes wpa-dibuja{0%{stroke-dashoffset:var(--largo)}}@media (prefers-reduced-motion:no-preference){.wpa-hecho-visto{stroke-dasharray:var(--largo);animation:wpa-dibuja .7s var(--w-ease-expo) .2s both}.wpa-hecho{animation:wpa-sube .6s var(--w-ease-expo) both}}}