/* VALAD · ventana «Eliminar mi cuenta» (app.html y acceso.html; ver assets/js/borrar-cuenta-ui.js) */
dialog.del-dlg{ border:0; padding:0; border-radius:var(--r-md); background:var(--surface); color:var(--ink); width:min(460px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; box-shadow:var(--shadow-overlay); }
dialog.del-dlg::backdrop{ background:rgba(6,14,13,.48); }
.del-inner{ position:relative; margin:0; padding:28px 24px 22px; }
.del-x{ position:absolute; right:12px; top:12px; width:40px; height:40px; display:grid; place-items:center; border:0; border-radius:var(--r-sm); background:none; color:var(--ink-2); cursor:pointer; }
.del-x svg{ width:20px; height:20px; }
@media (hover:hover){ .del-x:hover{ background:var(--surface-2); } }
.del-x:focus-visible{ outline:2px solid var(--focus); outline-offset:1px; }
.del-kicker{ margin:0 0 6px; font:500 12px/1.3 var(--font-mono); color:var(--danger-tx); }
.del-inner h2{ margin:0 0 10px; padding-right:44px; font-size:24px; line-height:1.15; letter-spacing:-.02em; }
.del-lead{ margin:0 0 12px; font-size:15px; line-height:1.5; color:var(--ink); }
.del-list{ margin:0 0 16px; padding-left:18px; font-size:13.5px; line-height:1.5; color:var(--ink-2); }
.del-list li{ margin:3px 0; }
.del-label{ display:block; margin:0 0 6px; font-size:14px; color:var(--ink); }
.del-input{ width:100%; height:44px; padding:0 12px; border:1px solid var(--control); border-radius:var(--r-sm); background:var(--surface); color:var(--ink); font:inherit; font-size:16px; letter-spacing:.06em; }
@media (hover:hover){ .del-input:hover{ border-color:var(--control-hover); } }
.del-input:focus{ border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent); }
.del-input:focus-visible{ outline:2px solid var(--focus); outline-offset:1px; }
.del-msg{ min-height:1.4em; margin:8px 0 14px; font-size:13.5px; line-height:1.5; color:var(--ink-2); }
.del-msg:empty{ min-height:0; margin:0 0 14px; }
.del-err{ color:var(--danger-tx); }
.del-err a{ color:inherit; }
.del-actions{ display:flex; flex-wrap:wrap; gap:8px; }
.btn-danger{ background:var(--danger-bg); color:var(--danger-tx); border:1px solid var(--danger-bd); }
.btn-danger:disabled, .del-x:disabled{ opacity:.5; cursor:not-allowed; }
/* Botón con aspecto de enlace (paso de perfil de acceso.html) */
.del-link{ padding:0; border:0; background:none; font:inherit; color:inherit; text-decoration:underline; text-underline-offset:2px; cursor:pointer; }