/* =====================================================================
   Solicitudes del lector (/baja, /arrepentimiento, /eliminar-cuenta y la
   página del enlace · Lanzamiento, L01). La disposición general la da
   cancelar.css; acá solo el código de la solicitud, la lista de
   renovaciones y el formulario del correo. Colores y tipografías: tokens
   de ferretero.css (respeta los fondos de lectura). De 320 a 1440 px.
   ===================================================================== */

.solicitud-codigo {
  display: flex; flex-direction: column; gap: 6px;
  padding: 18px 22px; background: var(--papel-claro);
  border: 1px solid var(--regla); border-top: 3px solid var(--tinta);
  max-width: 34rem;
}
.solicitud-codigo .kicker { margin: 0; }
.solicitud-codigo-valor {
  margin: 0; font-family: var(--fuente-mono); font-size: 26px; line-height: 1.2;
  letter-spacing: 0.08em; color: var(--tinta); overflow-wrap: anywhere;
}

.solicitud-renovaciones { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.solicitud-renovaciones li {
  font-family: var(--fuente-interfaz); font-size: 15px; line-height: 1.5; color: var(--cuerpo);
  overflow-wrap: anywhere;
}

.solicitud-correo .campo { max-width: 30rem; }
.solicitud-enlaces { display: flex; flex-direction: column; gap: 8px; margin: 0; }
.solicitud-atencion { margin: 0; overflow-wrap: anywhere; }

@container pagina (max-width: 520px) {
  .solicitud-codigo { padding: 16px 16px; }
  .solicitud-codigo-valor { font-size: 22px; }
  .solicitud-correo .boton, .cancelar-formulario .boton--principal { width: 100%; }
}