/* Página de cuenta (dueño, 2026-09-28): registro, código, entrar y suscripción. Usa las piezas de alta.css. */
.cuenta-caja { max-width: 460px; margin: 0 auto; padding: 32px 16px 64px; }
.cuenta-paso h1 { font-size: clamp(28px, 6vw, 38px); margin: 8px 0 12px; overflow-wrap: anywhere; }
.cuenta-paso form { display: grid; gap: 14px; margin-top: 18px; }
.cuenta-paso .btn { justify-self: start; }
.cuenta-plan { font-weight: 600; margin: 0 0 6px; }
.cuenta-acepta { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.45; }
.cuenta-acepta input { margin-top: 3px; flex: none; }
.cuenta-cambio { margin-top: 18px; font-size: 14px; }
.cuenta-enlace { background: none; border: 0; padding: 0; font: inherit; color: inherit; text-decoration: underline; cursor: pointer; }
.cuenta-mensaje { min-height: 1.4em; margin: 12px 0 0; font-weight: 600; }
.cuenta-mensaje.error { color: #b3261e; }
.cuenta-mensaje.bien { color: #1b7a3a; }
.cuenta-datos { display: grid; gap: 10px; margin: 18px 0 22px; }
.cuenta-datos div { display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid rgba(0, 0, 0, .08); padding-bottom: 8px; }
.cuenta-datos dt { color: var(--texto-suave, #5b536a); }
.cuenta-datos dd { margin: 0; font-weight: 600; text-align: right; }
.cuenta-acciones { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.cuenta-idioma { font-size: 14px; font-weight: 600; }
.correo-lista { display: grid; gap: 12px; margin-top: 18px; }
.correo-lista article { border: 1px solid rgba(0, 0, 0, .1); border-radius: 12px; padding: 12px 14px; background: #fff; }
.correo-lista small { color: var(--texto-suave, #5b536a); }

/* Sin el recuadro translúcido al tocar (dueño, 2026-09-30) */
* { -webkit-tap-highlight-color: transparent; }
button:focus:not(:focus-visible), a:focus:not(:focus-visible), [role="button"]:focus:not(:focus-visible), summary:focus:not(:focus-visible) { outline: none; }
.nota-correo { font-size: 14px; line-height: 1.5; padding: 10px 12px; border-radius: 10px; background: rgba(31, 26, 46, .06); }
:root[data-tema="oscuro"] .nota-correo { background: rgba(255, 255, 255, .08); }