@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;600;700&display=swap');

*{box-sizing:border-box}
html,body{width:100%;max-width:100%;height:100%;margin:0;overflow:hidden;background:#fff}
body{min-height:100dvh;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.parchemos-native-app--recovery{overflow:hidden!important}
.pch-recovery,.pch-recovery *{font-family:"Comfortaa",Comfortaa,system-ui,-apple-system,sans-serif!important;font-synthesis:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pch-recovery{position:fixed;inset:0;width:100vw;height:100dvh;background:#fff;color:#151a24;overflow:hidden;isolation:isolate}
.pch-recovery__card,.pch-recovery__screen{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.pch-recovery__screen[hidden]{display:none!important}
.pch-recovery__canvas{position:absolute;left:50%;top:50%;width:430px;height:calc(var(--screen-h,932)*1px);transform:translate3d(-50%,-50%,0) scale(var(--pch-recovery-scale,1));transform-origin:center center;background-repeat:no-repeat;overflow:hidden;will-change:transform}
.pch-recovery .pch-ui-layer,.pch-recovery .pch-ui-layer *{position:absolute;box-sizing:border-box;margin:0;font-family:"Comfortaa",Comfortaa,system-ui,-apple-system,sans-serif!important}
.pch-recovery .pch-ui-layer *{position:static}
.pch-recovery .pch-ui-layer--text,.pch-recovery .pch-ui-layer--richtext,.pch-recovery .pch-ui-layer--link,.pch-recovery .pch-ui-layer--button{display:flex;align-items:center;justify-content:center;text-decoration:none;white-space:normal}
.pch-recovery .pch-ui-layer img{display:block;width:100%;height:100%;pointer-events:none}

.pch-recovery-vinput{display:flex!important;align-items:center;justify-content:flex-start!important;padding:0 16px;gap:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.pch-recovery-vinput:focus-within{border-color:#f3072b!important;box-shadow:0 0 0 3px rgba(243,7,43,.08)}
.pch-recovery-vinput>img{width:28px!important;height:28px!important;object-fit:contain;flex:0 0 28px}
.pch-recovery-vinput input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;font-family:"Comfortaa",Comfortaa,system-ui,-apple-system,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.2;color:#1a1f28;touch-action:manipulation;padding:0}
.pch-recovery-vinput input::placeholder{font-family:"Comfortaa",Comfortaa,system-ui,-apple-system,sans-serif!important;color:#7c8490;opacity:1}
.pch-recovery-vinput button{border:0;background:transparent;padding:6px;display:grid;place-items:center;touch-action:manipulation}
.pch-recovery-vinput button img{width:24px!important;height:24px!important}
.pch-recovery-vinput.is-error{border-color:#f3072b!important;box-shadow:0 0 0 3px rgba(243,7,43,.10)!important}

.pch-recovery-vbutton,.pch-recovery-resend{display:flex!important;align-items:center;justify-content:center;border:0;cursor:pointer;touch-action:manipulation;font-family:"Comfortaa",Comfortaa,system-ui,-apple-system,sans-serif!important}
.pch-recovery-vbutton:active,.pch-recovery-resend:active{filter:brightness(.94)}
.pch-recovery-vbutton:disabled{opacity:.48;cursor:not-allowed}
.pch-recovery-login-link{display:flex!important;align-items:center;justify-content:center;text-decoration:none!important}
.pch-recovery-resend{padding:0;background:transparent!important}

.pch-recovery-otp{position:static}
.pch-recovery-otp-box{display:flex!important;align-items:center;justify-content:center!important;padding:0!important;overflow:hidden}
.pch-recovery-otp-box input{width:100%;height:100%;border:0;outline:0;background:transparent;text-align:center;font-family:"Comfortaa",Comfortaa,system-ui,-apple-system,sans-serif!important;font-size:22px!important;font-weight:700!important;color:#151a24;padding:0;touch-action:manipulation}
.pch-recovery-otp-box:focus-within{border-color:#ed001d!important;box-shadow:0 0 0 2px rgba(237,0,29,.08)}

.pch-recovery__message{position:absolute;left:34px;width:362px;z-index:90;font-family:"Comfortaa",Comfortaa,system-ui,-apple-system,sans-serif!important;font-size:13px;line-height:1.35;border-radius:10px;text-align:left}
.pch-recovery__screen[data-recovery-screen="identity"] .pch-recovery__message{top:688px}
.pch-recovery__screen[data-recovery-screen="code"] .pch-recovery__message{top:646px}
.pch-recovery__screen[data-recovery-screen="password"] .pch-recovery__message{top:716px}
.pch-recovery__message:not(:empty){padding:10px 12px}
.pch-recovery__message.is-error{background:#ffe8ec;color:#a90020;border:1px solid #ffb7c4}
.pch-recovery__message.is-success{background:#e8fff1;color:#087532;border:1px solid #9ce1b7}

@supports (-webkit-touch-callout:none){.pch-recovery__canvas{transform:translate3d(-50%,-50%,0) scale(var(--pch-recovery-scale,1))}}

/* Código de verificación: conserva el layout publicado por el Constructor. */
.pch-recovery-back{display:flex!important;align-items:center;justify-content:center;border:0;cursor:pointer;padding:0;touch-action:manipulation;font-family:"Comfortaa",Comfortaa,system-ui,-apple-system,sans-serif!important}
.pch-recovery-otp-box.is-error{border-color:#ed001d!important;box-shadow:0 0 0 2px rgba(237,0,29,.10)!important}

/* 6.6.1 — Nueva contraseña conectada al Constructor sin alterar el frame. */
.pch-recovery [data-password-updated][hidden]{display:none!important}
.pch-recovery [data-password-updated]{position:static}
.pch-recovery__screen[data-recovery-screen="password"] .pch-recovery-vinput.is-error{border-color:#ed001d!important;box-shadow:0 0 0 2px rgba(237,0,29,.10)!important}