.auth-modal { width: min(510px, calc(100% - 24px)); max-height: calc(100dvh - 24px); padding: 0; border: 0; background: transparent; overflow: hidden; color: #fff; }
.auth-modal::backdrop { background: #303044b8; backdrop-filter: blur(7px); }
.auth-modal-cabecera { display: flex; justify-content: flex-end; padding: 4px 20px 0; }
.pagina-publica .auth-modal-cerrar { margin: 0; padding: 7px 13px; border: 1px solid #ddd; border-radius: 8px; color: #5f4d93; background: #fff; font-size: 13px; }
.auth-modal-marco { display: block; border: 0; width: 100%; height: 540px; max-height: calc(100dvh - 90px); background: transparent; }
html:has(.auth-modal[open]) { overflow: hidden; }