/* duxels-shared · la ventana de «Iniciar sesión» (v0.9.0): tarjeta de 440px; hasta 600px, hoja desde abajo. Ver login-needs.mjs. */
html.dxl-open{overflow:hidden}
.dxl{box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;background:transparent;color:#e8ecf7;overflow:visible;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.dxl::backdrop{background:rgba(5,8,20,.66)}
.dxl-card{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;border:1px solid #2e3b66;border-radius:24px;background:#161f3d;box-shadow:0 24px 64px rgba(0,0,0,.5)}
.dxl-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dxl-brand{display:flex;align-items:center;gap:8px}
.dxl-brand strong{font-size:15px;font-weight:600;color:#c9d2e8}
.dxl-logo{width:28px;height:28px}
.dxl-close{position:relative;flex:none;width:44px;height:44px;margin:-6px -6px -6px 0;padding:0;border:0;border-radius:50%;background:transparent;color:#c9d2e8;cursor:pointer}
.dxl-close::before,.dxl-close::after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;border-radius:1px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.dxl-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.dxl-close:hover{background:#1c2647;color:#fff}
.dxl-close:focus-visible,.dxl a:focus-visible,.dxl-frame:focus-visible{outline:2px solid #8fb4ff;outline-offset:2px}
.dxl-body{position:relative;display:flex;flex-direction:column;min-height:120px}
.dxl-frame{display:block;width:100%;height:420px;border:0;background:transparent;color-scheme:dark}
.dxl-frame.is-wait{position:absolute;inset:0 0 auto 0;opacity:0;pointer-events:none}
.dxl [hidden]{display:none}
.dxl-wait{margin:40px 0;text-align:center;font-size:14px;color:#9aa6c4}
.dxl-alert{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid #f0392f;border-radius:12px;background:#3a1620;color:#ffd2ce;font-size:13px}
.dxl-full{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:22px;background:#4f8cff;color:#0e1324;font-size:15px;font-weight:600;text-decoration:none}
.dxl-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #24304f;font-size:12px;color:#6e7a9c}
.dxl-links{display:flex;flex-wrap:wrap;gap:12px}
.dxl-links a{color:#8fb4ff;text-decoration:none}
.dxl-links a:hover{color:#b9d0ff;text-decoration:underline}
@media (max-width:600px){
.dxl{width:100%;max-width:100%;max-height:92dvh;margin:auto 0 0}
.dxl-card{max-height:92dvh;padding:16px 16px max(24px,env(safe-area-inset-bottom));border-bottom:0;border-radius:24px 24px 0 0;animation:dxl-up .22s ease-out}
.dxl-foot{flex-direction:column}
}
@keyframes dxl-up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.dxl-card{animation:none}}