/* Sección "Mi cuenta" del panel (cualquier persona con sesión). Marco, fila, botones, campos, sello y pregunta en
   arena salen de css/ui.css. Lo propio: la fila en dos columnas "qué es | qué puedo hacer". */
.cu-fila { display: grid; grid-template-columns: minmax(11rem, 17rem) minmax(0, 1fr); align-items: start; gap: 0.75rem 2rem;
  padding-block: 1.25rem; }
.cu-fila__accion { display: grid; justify-items: start; gap: 0.6rem; min-width: 0; }

/* Correo y sello de verificación */
.cu-linea { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 0.75rem; }
.cu-correo { color: var(--hueso); font: 500 0.9375rem/1.3 var(--letra-codigo); overflow-wrap: anywhere; }

/* Formularios cortos */
.cu-form { display: grid; justify-items: start; gap: 0.75rem; width: 100%; max-width: 26rem; }
.cu-form .campo,
.cu-confirmar .campo { width: 100%; }
.pc .cu-nota { color: var(--gris); }
.cu .ui-estado:empty { display: none; }

/* Borrar la cuenta: la pregunta se abre dentro de la fila, en arena (igual que cerrar una conversación) */
.cu-confirmar { display: grid; justify-content: stretch; justify-items: start; gap: 0.75rem; width: 100%; max-width: 34rem;
  padding: 1.1rem var(--ui-pad); border-radius: var(--radio-s); }
.pc .cu-confirmar__pregunta { font-weight: 700; }

@media (max-width: 760px) {
  .cu-fila { grid-template-columns: minmax(0, 1fr); padding-block: 1rem; }
  .cu-confirmar { padding-block: 1rem; }
  .cu-confirmar .pc-confirmar__botones .ui-btn { width: 100%; }
}