/* Acceso en cristal translúcido con acentos cálidos del Domo.
   Todo queda dentro del componente, sin tocar el tablero ni otros menús. */
.cuentaLogo{display:block;width:min(300px,100%);height:auto;max-height:168px;object-fit:contain;margin-inline:auto;filter:drop-shadow(0 8px 18px #0006)}
@media(max-width:520px){.cuentaLogo{max-height:136px}}
@media(max-height:690px){.cuentaLogo{max-height:110px}}
@media(max-width:520px) and (max-height:650px){.cuentaLogo{max-height:58px}}
@media(max-height:430px){.cuentaLogo{max-height:50px}}
.cuentaAnfitrion{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;max-height:var(--cuenta-alto-disponible,100dvh);padding:12px;overflow:hidden}
.cuentaUI{--cuenta-tinta:#f4e5c7;--cuenta-suave:#c0b2cc;--cuenta-laton:#b18a4e;position:relative;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;width:min(550px,100%);max-height:calc(var(--cuenta-viewport-alto,100dvh) - 30px);min-height:0;margin:auto;padding:30px 34px 25px;color:var(--cuenta-tinta);border:1px solid #b595607d;border-radius:22px;background:radial-gradient(ellipse at 50% -12%,#6f4e9260,transparent 58%),linear-gradient(155deg,#291d3d,#171023 72%,#21162f);box-shadow:inset 0 0 0 4px #120c2080,inset 0 1px #edd69a4a,0 25px 80px #0009,0 0 90px #67458c17;font:15px/1.45 var(--sans,system-ui,sans-serif);text-align:left;color-scheme:dark;overflow:hidden;isolation:isolate;animation:cuentaEntrar .34s ease both}
.cuentaUI,.cuentaUI *{box-sizing:border-box}.cuentaUI :is(h1,h2,p,dl,dd){margin:0}.cuentaUI :is(button,input){font:inherit}.cuentaUI button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}.cuentaUI button:disabled{cursor:default}.cuentaUI :is(button,input):focus-visible{outline:2px solid #ffe2a4;outline-offset:3px}.cuentaUI button:focus:not(:focus-visible),.cuentaUI h1:focus{outline:none}.cuentaUI [hidden]{display:none!important}
.cuentaCabecera{flex:none;text-align:center;padding:0 10px}.cuentaEmblema{position:relative;width:70px;height:70px;margin:0 auto 17px;display:grid;place-items:center;border:1px solid #c29d5d69;border-radius:50%;color:#ddbd7d;background:radial-gradient(circle,#845f4029,transparent 73%);box-shadow:inset 0 0 0 5px #ad814815,0 0 35px #b8914810}.cuentaEmblema:before,.cuentaEmblema:after{content:'';position:absolute;inset:7px;border:1px solid #b9935252;border-radius:50%;pointer-events:none}.cuentaEmblema:after{inset:-5px;border-color:#c29d5d17}.cuentaEmblema svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linejoin:round;stroke-linecap:round}.cuentaUI .cuentaAntetitulo{margin-bottom:10px;font-size:9px;letter-spacing:.28em;color:#bfa272;font-weight:650}.cuentaUI .cuentaTitulo{font-family:var(--serif,Georgia,serif);font-size:34px;line-height:1.1;font-weight:600;color:#f4dfb0;text-wrap:balance;overflow-wrap:anywhere}.cuentaUI .cuentaDescripcion{margin-top:13px;max-width:440px;color:var(--cuenta-suave);font-size:14px;line-height:1.5;text-wrap:pretty}.cuentaCorreoDestino{overflow-wrap:anywhere;color:#eddec6;font-weight:500}.cuentaDescripcion .cuentaCorreoDestino{display:block;margin-top:5px}
.cuentaCerrar{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;font:26px/1 var(--sans,system-ui)!important;color:#d9c7b7;background:#100a1940;transition:background .15s ease}.cuentaCerrar:hover{background:#c2a36b18}.cuentaCerrar:disabled{opacity:.45}
.cuentaContenido{min-height:0;display:flex;flex-direction:column;gap:17px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9b7b50 #1b1128;scrollbar-gutter:stable;padding:3px 5px 5px;margin:0 -5px;touch-action:pan-y}.cuentaContenido>*{flex:none}.cuentaPestanas{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid #74604250;border-radius:10px;background:#0f0a18a1;gap:4px}.cuentaUI .cuentaPestana{min-height:44px;padding:7px 15px;border:1px solid transparent;border-radius:7px;background:none;box-shadow:none;color:#baadc7;font-family:var(--serif,Georgia,serif);font-size:17px;font-weight:500;translate:none;filter:none}.cuentaUI .cuentaPestana[aria-selected=true]{background:linear-gradient(#5b402a,#35251b);border-color:#b493605e;box-shadow:inset 0 1px #e4c68e26,0 2px 5px #0005;color:#f1d8a8}
.cuentaFormulario{display:flex;flex-direction:column;gap:16px;min-width:0}.cuentaCampo{display:flex;flex-direction:column;gap:7px;min-width:0}.cuentaEtiqueta{color:#dfd1df;font-size:13px;font-weight:550}.cuentaEntrada{width:100%;min-width:0;min-height:48px;padding:11px 13px;border:1px solid #7e688457;border-radius:9px;background:linear-gradient(#100b1dc4,#1d132ade);box-shadow:inset 0 2px 5px #0004;color:#f5e6d4;font-size:16px!important;line-height:1.3;transition:border-color .18s ease,box-shadow .18s ease}.cuentaEntrada::placeholder{color:#796981;opacity:1}.cuentaEntrada:focus{border-color:#b69158;box-shadow:0 0 0 3px #d5b47512;outline:none}.cuentaEntrada:disabled{opacity:.6}.cuentaUI .cuentaAyuda{font-size:12px;line-height:1.5;text-align:center;color:#b5a6c2;text-wrap:pretty}.cuentaUI .cuentaCodigo{height:65px;text-align:center;padding-left:.4em;letter-spacing:.4em;font-family:var(--serif,Georgia,serif);font-size:29px!important;font-variant-numeric:tabular-nums}.cuentaVencimiento{min-height:18px;font-variant-numeric:tabular-nums}
.cuentaAcciones{display:flex;flex-direction:column;gap:11px;margin-top:3px;min-width:0}.cuentaUI .cuentaBoton{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:0;width:100%;padding:11px 23px;border:1px solid #b89458;border-radius:8px;color:#f5dfb1;text-align:center;background:radial-gradient(circle at 35% 25%,#f3d799,#96713e 50%,#432a18 80%,transparent 90%) left 11px center/4px 4px no-repeat,radial-gradient(circle at 35% 25%,#f3d799,#96713e 50%,#432a18 80%,transparent 90%) right 11px center/4px 4px no-repeat,repeating-linear-gradient(3deg,transparent 0 4px,#00000015 5px 6px),linear-gradient(#6c4d32,#3b2a1e);box-shadow:inset 0 1px #f5dcaa40,inset 0 -2px #170e088c,0 3px 0 #0c0713;line-height:1.25;font-family:var(--serif,Georgia,serif);font-size:17px;font-weight:600;letter-spacing:.02em;transition:filter .16s ease,border-color .16s ease,translate .16s ease}.cuentaUI .cuentaBoton:not(:disabled):hover{filter:brightness(1.14);border-color:#e2be79;translate:0 -1px}.cuentaUI .cuentaBoton:not(:disabled):active{translate:0 2px}.cuentaUI .cuentaBoton:disabled{opacity:.48;box-shadow:inset 0 1px #f5dcaa15,0 1px 0 #0c0713;filter:saturate(.55)}.cuentaUI .cuentaBotonSecundario{background:repeating-linear-gradient(3deg,transparent 0 4px,#00000015 5px 6px),linear-gradient(#38281f,#261c19);border-color:#8d71464a;color:#d8c3a9;font-size:15px}.cuentaUI .cuentaEnlace{border:0;background:none;box-shadow:none;min-height:44px;padding:8px;color:#cbb89f;font-family:var(--sans,system-ui);font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a785564a;translate:none!important}.cuentaUI .cuentaEnlace:hover{text-decoration-color:#ddb675}
.cuentaResumen{position:relative;min-width:0;padding:17px 18px;border:1px solid #a5855652;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#9471491c,transparent 80%),linear-gradient(125deg,#29203699,#171021b8);box-shadow:inset 0 1px #e0c18b13}.cuentaUI .cuentaResumenEtiqueta{margin-bottom:8px;font-size:9px;letter-spacing:.14em;font-weight:650;color:#b7a080}.cuentaUI .cuentaPersonaje{font-family:var(--serif,Georgia,serif);font-weight:550;font-size:24px;line-height:1.15;color:#eee0c4;overflow-wrap:anywhere}.cuentaUI .cuentaMazo{font-size:12px;color:#b6a6c1;line-height:1.4;margin-top:4px;overflow-wrap:anywhere}.cuentaCifras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:16px!important}.cuentaCifras>div{display:flex;flex-direction:column-reverse;gap:2px;text-align:center;min-width:0}.cuentaCifras dt{color:#ac9bb8;font-size:10px}.cuentaCifras dd{font:600 18px/1.2 var(--serif,Georgia,serif);color:#e9d4a8;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cuentaUI .cuentaFecha{font-size:10px;color:#8f819c;border-top:1px solid #8e6e4330;padding-top:10px;margin-top:13px;text-align:center}
.cuentaUI[data-pantalla=conflicto]{width:min(740px,100%)}.cuentaOpciones{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0;margin:0;padding:0;border:0}.cuentaOpcion{min-width:0;display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid #8b71564a;border-radius:14px;background:#100b1966;cursor:pointer;transition:border-color .16s ease,background .16s ease}.cuentaOpcion[data-elegida=true]{border-color:#c7a364;background:#ba955717;box-shadow:inset 0 0 0 1px #c7a36426}.cuentaOpcion:focus-within{outline:2px solid #f2d696;outline-offset:2px}.cuentaOpcionCabecera{display:flex;align-items:center;gap:9px;min-height:32px;color:#dcd0df;font-size:14px;font-weight:550}.cuentaRadio{width:19px;height:19px;flex:none;margin:0;accent-color:#d0ab6a;cursor:pointer}.cuentaOpcion .cuentaResumen{border:0;padding:0 3px;background:none;box-shadow:none}.cuentaOpcion .cuentaPersonaje{font-size:22px}.cuentaOpcion .cuentaCifras{gap:4px}.cuentaConfirmacion{padding:15px;border:1px solid #b994595e;border-radius:11px;background:#86603b18}.cuentaConfirmacion h2{font:600 19px/1.25 var(--serif,Georgia,serif);color:#f0d39a;margin-bottom:7px}.cuentaConfirmacion p{font-size:12px;color:#c8b6c9;line-height:1.45;margin-bottom:13px}
.cuentaGuardado{display:flex;align-items:center;justify-content:center;gap:8px;color:#c3d4b1;font-size:13px;border:1px solid #86a46b3d;background:#7a9e5420;border-radius:30px;min-height:38px;padding:8px 13px;align-self:center}.cuentaLuz{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.cuentaGuardado[data-estado=pendiente]{color:#e2c18e;border-color:#ad8d5a50;background:#a8895320}.cuentaGuardado[data-estado=sinConexion]{color:#c1b7cd;border-color:#8d7d9942;background:#68557726}.cuentaMensajes{flex:none;display:flex;flex-direction:column;gap:7px;text-align:center}.cuentaError,.cuentaAviso{font-size:12px;line-height:1.45;overflow-wrap:anywhere}.cuentaError{color:#ffbdb0;padding:10px 12px;border:1px solid #a560554c;border-radius:8px;background:#7f3d3919}.cuentaAviso{color:#ccb992}.cuentaSoloLectores{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes cuentaEntrar{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
@media(max-width:520px){.cuentaUI{padding:23px 20px 20px;border-radius:18px;gap:17px;max-height:calc(var(--cuenta-viewport-alto,100dvh) - 24px)}.cuentaCabecera{padding:0 5px}.cuentaEmblema{width:59px;height:59px;margin-bottom:15px}.cuentaEmblema svg{width:37px;height:37px}.cuentaUI .cuentaTitulo{font-size:30px}.cuentaUI .cuentaDescripcion{font-size:13px;margin-top:11px}.cuentaUI .cuentaAntetitulo{font-size:8px;letter-spacing:.25em;margin-bottom:9px}.cuentaCerrar{top:8px;right:8px}.cuentaOpciones{grid-template-columns:1fr;gap:10px}.cuentaOpcion{padding:11px 13px;gap:6px}.cuentaOpcionCabecera{min-height:30px}.cuentaOpcion .cuentaResumenEtiqueta{display:none}.cuentaOpcion .cuentaPersonaje{font-size:22px}.cuentaOpcion .cuentaCifras{margin-top:10px!important}.cuentaOpcion .cuentaFecha{margin-top:9px;padding-top:7px}.cuentaOpcion .cuentaResumen{padding:0}.cuentaContenido{gap:14px}.cuentaResumen{padding:15px}.cuentaFormulario{gap:13px}.cuentaAcciones{gap:10px}}
@media(max-height:690px){.cuentaUI{padding-top:18px;padding-bottom:16px;gap:13px}.cuentaEmblema{width:42px;height:42px;margin-bottom:11px}.cuentaEmblema svg{width:30px;height:30px}.cuentaUI .cuentaTitulo{font-size:27px}.cuentaUI .cuentaDescripcion{margin-top:9px;font-size:12px}.cuentaUI .cuentaAntetitulo{margin-bottom:7px}.cuentaCabecera{padding-inline:16px}.cuentaContenido{gap:12px}.cuentaFormulario{gap:11px}.cuentaAcciones{gap:8px}.cuentaUI .cuentaBoton{min-height:46px;padding-top:10px;padding-bottom:10px}.cuentaUI .cuentaEnlace{min-height:44px}.cuentaResumen{padding:13px}.cuentaCifras{margin-top:12px!important}.cuentaFecha{margin-top:10px!important;padding-top:8px!important}}
@media(max-height:430px){.cuentaUI{gap:10px}.cuentaEmblema,.cuentaAntetitulo{display:none!important}.cuentaUI .cuentaTitulo{font-size:23px}.cuentaUI .cuentaDescripcion{font-size:12px;margin-top:6px}.cuentaCabecera{padding-inline:30px}.cuentaUI .cuentaCodigo{height:54px}.cuentaMensajes{max-height:74px;overflow:auto}}
@media(prefers-reduced-motion:reduce){.cuentaUI,.cuentaUI *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cuentaUI .cuentaBoton{translate:none!important}}
.cuentaAnfitrion>.cuentaUI{max-height:100%}.cuentaUI .cuentaEntrada:read-only{opacity:.6}
.cuentaUI .cuentaBoton.cuentaPestana{min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:7px;background:none;box-shadow:none;color:#baadc7;font-size:16px;font-weight:500;letter-spacing:0;translate:none;filter:none}.cuentaUI .cuentaBoton.cuentaPestana[aria-selected=true]{background:linear-gradient(#5b402a,#35251b);border-color:#b493605e;box-shadow:inset 0 1px #e4c68e26,0 2px 5px #0005;color:#f1d8a8}.cuentaUI .cuentaBoton.cuentaPestana:not(:disabled):hover{border-color:#b493605e;translate:none;filter:brightness(1.12)}
.cuentaUI .cuentaDescripcion{margin-inline:auto}.cuentaUI .cuentaContenido{scrollbar-gutter:stable both-edges}
.cuentaUI .cuentaGuardado{text-align:center}.cuentaUI .cuentaLuz{flex-shrink:0}.cuentaUI .cuentaCerrar[hidden]{display:none}

/* Los campos y la acción principal quedan a la vista en teléfonos pequeños;
   al abrir el teclado el contenido mantiene su desplazamiento accesible. */
@media(max-width:520px) and (max-height:650px){
 .cuentaUI[data-pantalla=inicio]{gap:10px;padding:18px 15px 14px}
 .cuentaUI[data-pantalla=inicio] .cuentaEmblema,.cuentaUI[data-pantalla=inicio] .cuentaAntetitulo{display:none}
 .cuentaUI[data-pantalla=inicio] .cuentaCabecera{padding-inline:24px}
 .cuentaUI[data-pantalla=inicio] .cuentaTitulo{font-size:24px}
 .cuentaUI[data-pantalla=inicio] .cuentaDescripcion{font-size:11px;line-height:1.4;margin-top:6px}
 .cuentaUI[data-pantalla=inicio] .cuentaFormulario{gap:8px}
 .cuentaUI[data-pantalla=inicio] .cuentaCampo{gap:5px}
 .cuentaUI[data-pantalla=inicio] .cuentaEntrada{min-height:44px;padding:9px 11px}
 .cuentaUI[data-pantalla=inicio] .cuentaEtiqueta{font-size:12px}
 .cuentaUI[data-pantalla=inicio] .cuentaPestana{font-size:13px!important;white-space:nowrap;padding-inline:5px!important}
 .cuentaUI[data-pantalla=inicio] .cuentaAyuda{font-size:10px;line-height:1.35}
 .cuentaUI[data-pantalla=inicio] .cuentaBoton{font-size:15px;min-height:44px;padding-block:9px}
 .cuentaUI[data-pantalla=inicio] .cuentaContenido{gap:10px}
 .cuentaUI[data-pantalla=inicio] .cuentaAcciones{gap:7px}
 .cuentaUI[data-obligatoria=true][data-pantalla=inicio]{padding:14px 13px 12px;gap:8px}
 .cuentaUI[data-obligatoria=true][data-pantalla=inicio] .cuentaCabecera{padding-inline:0}
 .cuentaUI[data-obligatoria=true][data-pantalla=inicio] .cuentaDescripcion{margin-top:4px}
 .cuentaUI[data-obligatoria=true][data-pantalla=inicio] .cuentaFormulario{gap:6px}
}

/* Cristal sobre la portada: conserva los colores del menú detrás del panel,
   con reflejos en los bordes y contraste suficiente en los controles. */
.cuentaUI{width:min(500px,100%);border-color:#f3e9ff5c;border-radius:28px;background:linear-gradient(135deg,#f1e8ff24,transparent 42%,#c2d7ff0d),#17131e61;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);box-shadow:inset 0 1px 0 #fff7,inset 1px 0 0 #fff2,inset 0 -1px 0 #ffffff24,0 24px 70px #0007,0 4px 16px #0004}
.cuentaUI:before{content:'';position:absolute;inset:1px;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 0 0,#fff2,transparent 50%),linear-gradient(118deg,#ffffff0b,transparent 35% 75%,#ffffff09)}
.cuentaUI .cuentaDescripcion,.cuentaUI .cuentaAyuda{color:#e0d6e4;text-shadow:0 1px 3px #0008}
.cuentaUI .cuentaEntrada{background:#0e0d193d;border-color:#e6d9ef42;box-shadow:inset 0 1px 4px #0003,0 1px #ffffff0a;color:#fff5e6}
.cuentaUI .cuentaEntrada:focus{background:#15122170;border-color:#efd59caa;box-shadow:0 0 0 3px #ffeac614}
.cuentaUI .cuentaPestanas{background:#17112038;border-color:#e7dce72e;border-radius:14px}
.cuentaUI .cuentaBoton.cuentaPestana{border-radius:10px;color:#e0d5e3}
.cuentaUI .cuentaBoton.cuentaPestana[aria-selected=true]{background:linear-gradient(145deg,#fff3,#ffffff0a);border-color:#fff4;box-shadow:inset 0 1px #fff3,0 2px 7px #0002;color:#fff0d4}
.cuentaUI .cuentaBoton:not(:is(.cuentaPestana,.cuentaEnlace,.cuentaBotonSecundario)){border-radius:13px;background:linear-gradient(135deg,#d6ad6370,#81633770);border-color:#f2d2989c;box-shadow:inset 0 1px #ffeedc66,inset 0 -1px #ffffff17,0 5px 14px #0003;color:#fff1d5;text-shadow:0 1px 3px #36220799}
.cuentaUI .cuentaBoton.cuentaBotonSecundario{border-radius:13px;background:linear-gradient(135deg,#ffffff14,#ffffff05);border-color:#ffffff38;box-shadow:inset 0 1px #ffffff29,0 3px 9px #0002;color:#e6dce6;text-shadow:0 1px 3px #0006}
.cuentaUI .cuentaResumen,.cuentaUI .cuentaOpcion{background:#17122030;border-color:#eadcef30}
.cuentaUI .cuentaOpcion[data-elegida=true]{border-color:#f0d393b3;background:#e2c58326}
.cuentaUI .cuentaCerrar{background:#ffffff0b;border:1px solid #ffffff17;color:#fff0db}
.cuentaUI .cuentaCerrar:hover{background:#ffffff21}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.cuentaUI{background:linear-gradient(135deg,#413744e8,#1d1825ed)}}
@media(prefers-reduced-transparency:reduce){.cuentaUI{background:#241e2af5;-webkit-backdrop-filter:none;backdrop-filter:none}}