.acceso{--accent:#1a9baa;--accent-rgb:26,155,170;--on-accent:#fff;--cell:#ffffff0a;--size:clamp(34px, 100cqi / 7, 52px);--gap:calc(var(--size) / 5.2);min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex:1;place-items:center;display:grid;position:relative;overflow-x:clip}:root[data-theme=light] .acceso{--cell:#ffffff80}.acceso .ambient>span:not(.astro){filter:blur(80px);transition:background 1s;animation:none}.acceso .ambient .a1{background:radial-gradient(circle,#1a9baa80,#0000 65%);width:50vw;height:50vw;top:-16vw;left:-10vw}.acceso .ambient .a2{background:radial-gradient(circle,#8e44ad52,#0000 65%);width:46vw;height:46vw;bottom:-18vw;right:-12vw}.acceso .ambient .a3{background:radial-gradient(circle,#d4a85333,#0000 65%);width:36vw;height:36vw;top:-12vw;left:40vw}.acceso .card{z-index:2;text-align:center;background:linear-gradient(160deg,var(--glass-strong),var(--glass) 60%);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(28px)saturate(150%);width:min(440px,100%);box-shadow:inset 0 1px 0 var(--stroke-hi),0 40px 90px -40px #000c;border-radius:34px;padding:44px 36px 34px;position:relative;overflow:hidden;container-type:inline-size}.acceso .card:before{content:"";background:var(--stroke-hi);border-radius:4px;width:44px;height:4px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.acceso .card .halo{pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 62%,rgba(var(--ok-rgb),.28),transparent 45%);transition:opacity 1s;position:absolute;inset:-40%}.acceso .card.ok .halo{opacity:1}.acceso .card.ko .halo{opacity:1;background:radial-gradient(circle at 50% 62%,rgba(var(--ko-rgb),.22),transparent 45%)}.acceso h1{font:600 26px/1.15 var(--f-sora);letter-spacing:-.02em;transition:color .4s}.acceso .sub{color:var(--muted);min-height:44px;margin-top:10px;font-size:14px;line-height:1.55}.acceso .sub b{color:var(--text)}.acceso .step{transition:opacity .35s,transform .35s}.acceso .step.hide{opacity:0;pointer-events:none;position:absolute;inset:44px 36px auto;transform:translateY(10px)}.acceso .field{background:var(--cell);border:1px solid var(--stroke);border-radius:18px;align-items:center;gap:10px;height:56px;margin-top:26px;padding:0 18px;transition:border-color .25s,box-shadow .25s;display:flex}.acceso .field:focus-within{border-color:rgba(var(--accent-rgb),.7);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.14)}.acceso .field svg{width:20px;height:20px;stroke:var(--muted);fill:none;stroke-width:1.7px;flex:none}.acceso .field input{min-width:0;color:var(--text);font:600 15px var(--f-manrope);background:0 0;border:0;outline:0;flex:1}.acceso .field input::placeholder{color:var(--faint)}.acceso .btn{cursor:pointer;width:100%;height:56px;font:700 15px var(--f-manrope);color:var(--on-accent);background:rgb(var(--accent-rgb));box-shadow:0 14px 34px -12px rgba(var(--accent-rgb),.85);border:0;border-radius:18px;margin-top:16px;transition:transform .15s,filter .2s}.acceso .btn:hover{filter:brightness(1.05)}.acceso .btn:active{transform:scale(.98)}.acceso .btn:disabled{cursor:default;filter:saturate(.7)brightness(.92)}.acceso .otp{justify-content:center;gap:var(--gap);height:calc(var(--size) + 12px);align-items:center;margin:30px 0 8px;display:flex;position:relative}.acceso .cell{--dx:calc((2.5 - var(--i)) * (var(--size) + var(--gap)));width:var(--size);height:var(--size);border-radius:calc(var(--size) * .32);background:linear-gradient(var(--cellbg,#1b2836),var(--cellbg,#1b2836)) padding-box, linear-gradient(150deg,rgba(var(--accent-rgb),.95),rgba(var(--accent-rgb),.15) 40%,#ffffff14 70%,rgba(var(--accent-rgb),.6)) border-box;border:1.5px solid #0000;flex:none;transition:transform .75s cubic-bezier(.65,0,.35,1),opacity .35s .1s,box-shadow .4s;position:relative}:root[data-theme=light] .acceso .cell{--cellbg:#fff}.acceso .cell input{text-align:center;width:100%;height:100%;color:var(--text);font:600 calc(var(--size) * .5) var(--f-sora);caret-color:rgb(var(--accent-rgb));background:0 0;border:0;outline:0;transition:opacity .2s;position:absolute;inset:0}.acceso .cell:focus-within{box-shadow:0 0 0 4px rgba(var(--accent-rgb),.16),0 0 26px rgba(var(--accent-rgb),.35)}.acceso .cell.filled input{animation:.22s otp-pop}@keyframes otp-pop{0%{transform:scale(.55)}to{transform:scale(1)}}.acceso .cell input{transition:color .5s .12s}.acceso .cell:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;border:1.5px solid var(--estado,transparent);background:rgba(var(--estado-rgb,0,0,0),.16);transition:opacity .5s;position:absolute;inset:-1.5px}.acceso .otp.merge .cell{transform:translateX(var(--dx)) scale(.94);transition:transform .9s cubic-bezier(.65,0,.35,1),opacity .25s .7s,box-shadow .6s}.acceso .otp.merge .cell:nth-child(2),.acceso .otp.merge .cell:nth-child(5){transition-delay:40ms,.7s,0s}.acceso .otp.merge .cell:nth-child(3),.acceso .otp.merge .cell:nth-child(4){transition-delay:80ms,.7s,0s}.acceso .otp.merge .cell input{color:#0000}.acceso .otp.merge .cell:not(:first-child){opacity:0}.acceso .otp.ok .cell:first-child,.acceso .otp.ko .cell:first-child{transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .6s}.acceso .otp.ok .cell:first-child{--estado:var(--ok);--estado-rgb:var(--ok-rgb);box-shadow:0 0 0 6px rgba(var(--ok-rgb),.12),0 0 44px rgba(var(--ok-rgb),.55);transform:translateX(var(--dx)) scale(1.08)}.acceso .otp.ko .cell:first-child{--estado:var(--ko);--estado-rgb:var(--ko-rgb);box-shadow:0 0 0 6px rgba(var(--ko-rgb),.12),0 0 44px rgba(var(--ko-rgb),.5);transform:translateX(var(--dx)) scale(1.02)}.acceso .otp.ok .cell:first-child:after,.acceso .otp.ko .cell:first-child:after{opacity:1}.acceso .otp.ko{animation:.55s cubic-bezier(.36,.07,.19,.97) .3s both otp-shake}@keyframes otp-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.acceso .mark{width:calc(var(--size) * .65);height:calc(var(--size) * .65);pointer-events:none;z-index:2;fill:none;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.acceso .mark path{stroke-dasharray:40;stroke-dashoffset:40px}.acceso .otp.ok .mark.check{opacity:1;stroke:var(--ok)}.acceso .otp.ok .mark.check path{animation:.55s cubic-bezier(.65,0,.35,1) .2s forwards otp-draw}.acceso .otp.ko .mark.cross{opacity:1;stroke:var(--ko)}.acceso .otp.ko .mark.cross path{animation:.3s .15s forwards otp-draw}.acceso .otp.ko .mark.cross path+path{animation-delay:.32s}@keyframes otp-draw{to{stroke-dashoffset:0}}.acceso .card.ok h1{color:var(--ok)}.acceso .msg{min-height:20px;color:var(--ko);opacity:0;font-size:13px;font-weight:700;transition:opacity .25s}.acceso .msg.show{opacity:1}.acceso .step .msg.email{margin-top:12px}.acceso .foot{color:var(--faint);margin-top:18px;font-size:13px}.acceso .foot button{cursor:pointer;font:700 13px var(--f-manrope);color:var(--text);background:0 0;border:0;margin-left:4px}.acceso .foot button:disabled{color:var(--faint);cursor:default}.acceso .back{color:var(--muted);font:600 12px var(--f-manrope);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:10px;text-decoration:underline}.acceso .back:disabled{cursor:default;opacity:.6}@media (max-width:420px){.acceso .card{padding:40px 22px 28px}.acceso .step.hide{inset:40px 22px auto}}@media (prefers-reduced-motion:reduce){.acceso *,.acceso :before,.acceso :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.acceso .mark path{stroke-dashoffset:0}}