/* Página pública de eliminación de cuenta (BYQ-919-68329): theme/web/html/templates/delete_account.php */
.account-deletion { max-width: 1080px; margin: 28px auto 60px; padding: 0 16px; font-size: 15px; line-height: 1.55; color: #222; }
.account-deletion__title { font-size: 30px; font-weight: 700; margin: 0 0 12px; }
.account-deletion__subtitle { font-size: 18px; font-weight: 700; margin: 0 0 12px; }
.account-deletion__intro { font-size: 16px; margin: 0 0 20px; color: #444; }
.account-deletion__text { margin-bottom: 12px; }
.account-deletion p, .account-deletion li { text-align: left; }

/* Formulario a la izquierda (fijo al hacer scroll) e información a la derecha; en móvil, el formulario primero */
.account-deletion__layout { display: grid; grid-template-columns: minmax(0, 440px) minmax(0, 1fr); gap: 56px; align-items: start; }
.account-deletion__main { position: sticky; top: 24px; }
.account-deletion__box { margin: 0 0 16px; padding: 24px; background: #f7f2f9; border-radius: 12px; }
.account-deletion__form { display: flex; flex-direction: column; gap: 12px; }
.account-deletion__label { font-weight: 700; margin: 0; }
.account-deletion__input { width: 100%; height: 46px; padding: 0 14px; border: 1px solid #c9bcd0; border-radius: 8px; font-size: 16px; background: #fff; }
.account-deletion__input:focus { outline: 2px solid #AE4CC8; outline-offset: 1px; border-color: #AE4CC8; }
.account-deletion__check { display: flex; align-items: flex-start; gap: 10px; font-weight: 400; margin: 4px 0; cursor: pointer; }
.account-deletion__check input { margin-top: 4px; flex-shrink: 0; accent-color: #AE4CC8; }
.account-deletion__button { width: 100%; padding: 14px 24px; border: 0; border-radius: 8px; background: #AE4CC8; color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; }
.account-deletion__button:hover, .account-deletion__button:focus { background: #9a3db3; }
.account-deletion__button--danger { width: auto; background: #b3261e; }
.account-deletion__button--danger:hover, .account-deletion__button--danger:focus { background: #961f19; }
.account-deletion__privacy { margin: 14px 0 0; font-size: 13px; line-height: 1.5; color: #666; }
.account-deletion__privacy a, .account-deletion__contact a { color: #8a35a0; text-decoration: underline; }
.account-deletion__privacy a:hover, .account-deletion__contact a:hover { color: #AE4CC8; }
.account-deletion__contact { margin: 0; font-size: 14px; color: #555; }

/* Información: pasos numerados y listas compactas */
.account-deletion__info { font-size: 14px; color: #333; }
.account-deletion__info .account-deletion__subtitle { margin-top: 28px; }
.account-deletion__info .account-deletion__subtitle:first-child { margin-top: 0; }
.account-deletion__steps { margin: 0 0 12px; padding: 0; list-style: none; counter-reset: deletion-step; }
.account-deletion__steps li { position: relative; padding: 2px 0 0 40px; margin-bottom: 12px; min-height: 28px; counter-increment: deletion-step; }
.account-deletion__steps li::before { content: counter(deletion-step); position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 50%; background: #AE4CC8; color: #fff; font-weight: 700; font-size: 14px; line-height: 28px; text-align: center; }
.account-deletion__list { margin: 0; padding: 0; list-style: none; }
.account-deletion__list li { position: relative; padding-left: 22px; margin-bottom: 8px; }
.account-deletion__list li::before { position: absolute; left: 2px; top: 0; font-weight: 700; }
.account-deletion__list--deleted li::before { content: "\00D7"; color: #b3261e; font-size: 17px; line-height: 1.3; }
.account-deletion__list--kept li::before { content: "\2713"; color: #AE4CC8; }
.account-deletion__note { margin: 16px 0 0; padding: 12px 16px; background: #f6f6f6; border-radius: 8px; }

/* Avisos de los pasos (enviado, confirmar, eliminada…) */
.account-deletion__notice, .account-deletion__errors, .account-deletion > .account-deletion__box { max-width: 640px; }
.account-deletion__notice { margin: 8px 0 20px; padding: 16px 20px; background: #f7f2f9; border-radius: 12px; }
.account-deletion__notice--done { background: #eef7ee; }
.account-deletion__notice--invalid { background: #fdf3e7; }
.account-deletion__notice-title { font-size: 19px; font-weight: 700; margin: 0 0 8px; }
.account-deletion__notice .account-deletion__text { margin-bottom: 8px; }
.account-deletion__link { font-weight: 700; text-decoration: underline; }
.account-deletion__errors { margin: 0 0 16px; padding: 12px 20px; background: #fdecea; border-radius: 8px; color: #8c1d18; }
.account-deletion__errors p { margin: 0; }
.account-deletion > .account-deletion__contact { margin-top: 24px; }

@media (max-width: 900px) {
    .account-deletion__layout { grid-template-columns: 1fr; gap: 32px; }
    .account-deletion__main { position: static; }
}
@media (max-width: 767px) {
    .account-deletion { margin-top: 16px; }
    .account-deletion__title { font-size: 24px; }
    .account-deletion__intro { font-size: 15px; margin-bottom: 16px; }
    .account-deletion__box { padding: 20px 16px; }
    .account-deletion__button--danger { width: 100%; }
}