:root{--ob-bg:var(--fondo);--ob-bg-2:var(--superficie-2);--ob-surface:var(--superficie);--ob-ink:var(--tinta);--ob-ink-2:var(--tinta-2);--ob-ink-3:var(--tinta-3);--ob-brand:var(--marca);--ob-brand-2:var(--marca-2);--ob-sobre-brand:var(--sobre-marca);--ob-danger:#b3402f;--ob-danger-2:#96341f}.ob-pantalla{background:var(--ob-bg);min-height:100dvh;color:var(--ob-ink);padding:24px 20px;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex}.ob-marco{background:var(--ob-surface);border-radius:20px;width:100%;max-width:480px;margin:auto;padding:30px 28px 24px;box-shadow:0 24px 60px #211f1a21,0 6px 16px #211f1a0f}.ob-progreso{align-items:center;gap:12px;margin-bottom:26px;display:flex}.ob-barra{background:var(--superficie-3);border-radius:999px;flex:1;height:5px;overflow:hidden}.ob-barra span{background:var(--ob-brand);border-radius:999px;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1);display:block}.ob-cuenta{color:var(--ob-ink-2);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.ob-bloque h1{letter-spacing:-.025em;text-wrap:balance;margin:0 0 6px;font-size:23px;font-weight:800;line-height:1.2}.ob-bajada{color:var(--ob-ink-2);margin:0 0 22px;font-size:14.5px;line-height:1.5}.ob-input{box-sizing:border-box;border:1.5px solid var(--linea-2);width:100%;height:50px;color:inherit;border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:15.5px;transition:border-color .14s,box-shadow .14s}.ob-input:focus{border-color:var(--ob-brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--ob-brand) 14%,transparent)}.ob-input::placeholder{color:var(--ob-ink-3);font-size:14.5px}.ob-codigo{letter-spacing:.38em;text-align:center;font-family:ui-monospace,JetBrains Mono,monospace;font-size:26px}.ob-separador{color:var(--ob-ink-3);align-items:center;gap:12px;margin:18px 0 14px;font-size:13px;display:flex}.ob-separador:before,.ob-separador:after{content:"";background:var(--linea);flex:1;height:1px}.ob-social{flex-direction:column;gap:9px;display:flex}.ob-social button{border:1.5px solid var(--linea-2);width:100%;height:48px;color:inherit;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-family:inherit;font-size:15px;font-weight:600;transition:border-color .14s,background-color .14s;display:flex}.ob-social button:hover:not(:disabled){border-color:var(--ob-brand);background:color-mix(in srgb, var(--ob-brand) 6%, transparent)}.ob-social button:disabled{opacity:.5}.ob-tel{gap:9px;display:flex}.ob-sel{flex:none;max-width:47%;position:relative}.ob-sel-boton{border:1.5px solid var(--linea-2);background:var(--ob-surface);width:100%;height:50px;color:inherit;cursor:pointer;border-radius:12px;outline:none;align-items:center;gap:8px;padding:0 13px;font-family:inherit;font-size:14.5px;transition:border-color .14s,box-shadow .14s;display:flex}.ob-sel-boton:hover{border-color:var(--tinta-3)}.ob-sel-boton:focus-visible,.ob-sel-boton[aria-expanded=true]{border-color:var(--ob-brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--ob-brand) 14%,transparent)}.ob-sel-texto{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ob-sel-flecha{border-right:2px solid var(--ob-ink-2);border-bottom:2px solid var(--ob-ink-2);border-radius:1px;flex:none;width:9px;height:9px;margin-left:1px;transition:transform .16s;transform:translateY(-3px)rotate(45deg)}.ob-sel-boton[aria-expanded=true] .ob-sel-flecha{transform:translateY(1px)rotate(225deg)}.ob-sel-lista{z-index:20;background:var(--ob-surface);border:1.5px solid var(--linea);width:max-content;min-width:100%;max-width:78vw;max-height:264px;box-shadow:var(--sombra-lg);border-radius:13px;margin:0;padding:5px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.ob-sel-opcion{color:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:9px;padding:10px 11px;font-size:14.5px;font-weight:600;display:flex}.ob-sel-opcion.marcada{background:var(--ob-bg)}.ob-sel-opcion.elegida{color:var(--ob-brand)}.ob-sel-opcion.elegida:after{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:5px;height:9px;margin-left:auto;transform:translateY(-1px)rotate(45deg)}@media (prefers-reduced-motion:reduce){.ob-sel-boton,.ob-sel-flecha{transition:none}}.ob-tel input{border:1.5px solid var(--linea-2);min-width:0;height:50px;color:inherit;border-radius:12px;outline:none;flex:1;padding:0 14px;font-family:inherit;font-size:15.5px}.ob-tel input:focus{border-color:var(--ob-brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--ob-brand) 14%,transparent)}.ob-opciones{gap:9px;display:grid}.ob-opciones.dos{grid-template-columns:1fr 1fr}@media (max-width:430px){.ob-opciones.dos{grid-template-columns:1fr}}.ob-opcion{text-align:left;border:1.5px solid var(--linea);background:var(--ob-surface);width:100%;min-height:52px;color:inherit;cursor:pointer;border-radius:13px;align-items:center;gap:10px;padding:14px 16px;font-family:inherit;font-size:15px;font-weight:600;transition:border-color .13s,background .13s,transform .13s;display:flex}.ob-opcion:hover{border-color:var(--ob-brand);background:color-mix(in srgb,var(--ob-brand) 5%,var(--ob-surface))}.ob-opcion:active{transform:scale(.985)}.ob-opcion.elegida{border-color:var(--ob-brand);background:color-mix(in srgb,var(--ob-brand) 9%,var(--ob-surface));border-width:2px}.ob-check{border:1.5px solid var(--linea-2);background:var(--ob-surface);border-radius:6px;flex:none;width:19px;height:19px;transition:all .13s}.ob-check.on{border-color:var(--ob-brand);background:var(--ob-brand) no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.2 3.2L13 5'/%3E%3C/svg%3E")}.ob-opcion.ob-grande{flex-direction:column;align-items:flex-start;gap:3px;padding:17px 18px}.ob-opcion.ob-grande b{font-size:15.5px;font-weight:800}.ob-opcion.ob-grande span{color:var(--ob-ink-2);font-size:13px;font-weight:500;line-height:1.45}.ob-primario{background:var(--ob-brand);width:100%;height:52px;color:var(--ob-sobre-brand);cursor:pointer;border:0;border-radius:13px;margin-top:16px;font-family:inherit;font-size:16px;font-weight:700;transition:background .15s,opacity .15s}.ob-primario:hover:not(:disabled){background:var(--ob-brand-2)}.ob-primario:disabled{opacity:.45;cursor:not-allowed}.ob-volver,.ob-menor{background:var(--ob-bg);border:1.5px solid var(--linea);width:100%;color:var(--ob-ink-2);cursor:pointer;text-align:center;border-radius:12px;margin-top:10px;padding:12px;font-family:inherit;font-size:14px;font-weight:700;transition:background .13s,border-color .13s,color .13s;display:block}.ob-volver:hover,.ob-menor:hover{background:var(--ob-bg-2);border-color:var(--tinta-3);color:var(--ob-ink)}.ob-menor:disabled{opacity:.5;cursor:not-allowed}.ob-legal{text-align:center;color:var(--ob-ink-2);margin:14px 0 0;font-size:12px;line-height:1.5}.ob-legal a{color:var(--ob-brand);text-underline-offset:2px;font-weight:600;text-decoration:underline}.ob-legal a:hover{color:var(--ob-brand-2)}.ob-err{background:color-mix(in srgb,var(--ob-danger) 9%,var(--ob-surface));border:1px solid color-mix(in srgb,var(--ob-danger) 25%,var(--ob-surface));color:var(--ob-danger-2);border-radius:11px;margin-bottom:16px;padding:10px 13px;font-size:13.5px;font-weight:600}.ob-clave{align-items:center;display:flex;position:relative}.ob-clave .ob-input{padding-right:78px}.ob-clave button{height:36px;color:var(--ob-ink-2);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 13px;font-family:inherit;font-size:13.5px;font-weight:700;transition:background-color .14s,color .14s;position:absolute;right:6px}.ob-clave button:hover{background:var(--ob-bg-2);color:var(--ob-ink)}