#info-dialog{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #34435c;border-radius:20px;background:#0e192a;color:#f7f8fc;font:16px/1.45 Arial,sans-serif;overflow:auto;opacity:0;transform:translateY(16px);transition:opacity 500ms ease,transform 500ms ease;color-scheme:dark}#info-dialog.visible{opacity:1;transform:translateY(0)}#info-dialog::backdrop{background:rgb(2 5 14 / 78%);opacity:0;transition:opacity 500ms ease}#info-dialog.visible::backdrop{opacity:1}#info-dialog *{box-sizing:border-box}#info-dialog [hidden],#info-dialog .trap{display:none!important}#info-dialog .account-panel{position:relative;padding:32px}#info-dialog h2{font-size:30px;line-height:1.1;margin:0 48px 12px 0;letter-spacing:-.5px}#info-dialog p{margin:0 0 24px;color:#c4d1e4}#info-dialog button,#info-dialog input{font:inherit}#info-dialog button{cursor:pointer;transition:background 500ms ease,border-color 500ms ease,opacity 500ms ease}#info-dialog button:disabled{opacity:.55;cursor:wait}#info-dialog .account-login-close{position:absolute;right:20px;top:20px;width:36px;height:36px;display:grid;place-items:center;padding:8px;background:#1b2a40;border:1px solid #44546c;border-radius:9px;color:#fff}#info-dialog .account-login-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}#info-dialog .account-provider-stack{display:grid;gap:10px}#info-dialog .account-provider{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:46px;padding:0 16px;background:#18273c;border:1px solid #4d607a;border-radius:10px;color:#fff;font-size:14px;font-weight:600}#info-dialog .account-provider:hover{background:#233650;border-color:#77dff4}#info-dialog .account-provider-icon,#info-dialog .account-provider-icon svg{display:block;width:22px;height:22px;flex:0 0 22px}#info-dialog .account-login-separator{display:flex;align-items:center;gap:12px;margin:22px 0;color:#b3c3d9;font-size:13px}#info-dialog .account-login-separator:before,#info-dialog .account-login-separator:after{content:'';height:1px;background:#34435c;flex:1}#info-dialog .account-form{display:grid;gap:12px}#info-dialog .account-form>input{width:100%;height:46px;padding:0 13px;border:1px solid #4d607a;border-radius:10px;background:#18273c;color:#fff}#info-dialog input::placeholder{color:#aebed3}#info-dialog .consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#c4d1e4;margin:4px 0 10px}#info-dialog .consent input{width:17px;height:17px;flex:0 0 17px;margin:2px 0;accent-color:#ed00bf}#info-dialog .account-create{width:100%;min-height:46px;background:#ed00bf;color:white;border:1px solid #ed00bf;border-radius:10px;font-weight:700;padding:10px 16px}#info-dialog .account-create:hover{background:#c900a1}#info-dialog :focus-visible{outline:2px solid #63e3ff;outline-offset:3px}#info-dialog .account-feedback{color:#ffbdcb;font-size:14px;margin:4px 0 0}#info-dialog .success-icon{width:48px;height:48px;fill:none;stroke:#63e3b7;stroke-width:3;margin-bottom:16px}#info-dialog h3{font-size:24px;margin:0 0 12px}#info-dialog .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:480px){#info-dialog .account-panel{padding:26px 22px}#info-dialog h2{font-size:28px}}
/* Match the approved store account modal without changing store-wide styles. */
@font-face{font-family:RegistrationArchivo;src:url('/tienda/assets/archivo/archivo-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
#info-dialog{width:min(420px,calc(100vw - 32px));border-color:rgba(180,180,180,.2);background:linear-gradient(180deg,rgba(22,28,41,.66),rgba(17,22,31,.72));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);color:#fbf6ed;font-family:RegistrationArchivo,Arial,sans-serif;transform:translateY(12px) scale(.985);transition:opacity 500ms ease,transform 500ms cubic-bezier(.22,1,.36,1)}
#info-dialog.visible{transform:translateY(0) scale(1)}
#info-dialog::backdrop{background:rgba(4,8,17,.46);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#info-dialog .account-panel{padding:34px 49px;text-align:center}
#info-dialog h2{width:min(100%,260px);margin:0 auto 18px;font-size:34px;line-height:.96;font-weight:600;letter-spacing:-.045em}
#info-dialog .account-panel>p{font-size:14px;color:rgba(251,246,237,.68);margin-bottom:26px}
#info-dialog .account-login-close{top:14px;right:14px;border:1px solid transparent;border-radius:50%;background:transparent;color:rgba(251,246,237,.62)}
#info-dialog .account-login-close:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#fff}
#info-dialog .account-login-close svg{width:16px;height:16px}
#info-dialog .account-provider{height:52px;padding:0 18px;border-color:#3f3f3e;border-radius:14px;background:#11161f;color:#fbf6ed;font-size:16px;font-weight:600}
#info-dialog .account-provider:hover{background:#181e28;border-color:#3f3f3e}
#info-dialog .account-login-separator{gap:18px;margin:22px 0 20px;color:rgba(251,246,237,.58);font-weight:500}
#info-dialog .account-login-separator:before,#info-dialog .account-login-separator:after{background:rgba(180,180,180,.28)}
#info-dialog .account-form{gap:16px}
#info-dialog .account-form>input{height:52px;padding:0 16px;border:1px solid rgba(180,180,180,.12);border-radius:14px;background:#283449;color:#fbf6ed}
#info-dialog input::placeholder{color:#bdc4ce}
#info-dialog .consent{text-align:left;color:rgba(251,246,237,.68);margin:0}
#info-dialog .account-create{min-height:58px;border-radius:100px;background:#ff38c4;border-color:#ff38c4;color:#150510;font-size:18px;font-weight:600}
#info-dialog .account-create:hover{background:#ff67d4;border-color:#ff67d4;color:#150510}
@media(max-width:480px){#info-dialog .account-panel{padding:32px 26px 26px}#info-dialog h2{font-size:32px}#info-dialog .account-provider{font-size:14px}}