/* =====================================================================
   La Reunión de Diálogo · composición de la página (turno B).
   Las piezas tienen su hoja (piezas-dialogo.css); aquí, banda, ficha,
   peticiones y avisos. Tokens de sitio.css, sin reglas propias de tema.
   ===================================================================== */

/* ---------- Banda de tinta: cifra titular y cifras de la reunión ---------- */
.hero { display: grid; gap: var(--e-5); align-items: end; }
@media (min-width: 900px) { .hero { grid-template-columns: minmax(0, 1fr) auto; gap: var(--e-6); } }
.hero h1 { color: var(--banda-texto); margin-bottom: var(--e-2); }
.hero .antetitulo { color: var(--banda-texto-2); }
.hero .lema { color: var(--banda-texto-2); margin-bottom: var(--e-3); }
.hero .entradilla { color: var(--banda-texto); max-width: 34ch; margin: 0; }
.hero .cifra--display { justify-self: start; }
@media (min-width: 900px) { .hero .cifra--display { justify-self: end; text-align: right; } }
.hero__cifras { display: grid; gap: var(--e-4); margin-top: var(--e-6); }
@media (min-width: 700px) { .hero__cifras { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.hero__cifras .cifra__valor { font-size: 1.9rem; }
.hero__cifra-fuente { display: grid; gap: .4rem; align-content: start; }
.hero__cifra-fuente .fuente { margin: 0; }

/* ---------- Ficha de la convocatoria ---------- */
.ficha {
  border: 1px solid var(--linea); border-radius: var(--radio);
  background: var(--superficie); padding: var(--e-3) var(--e-4);
}
.ficha[open] { padding-bottom: var(--e-4); }
.ficha summary { font: 650 .95rem/1.3 var(--sans); cursor: pointer; }
.ficha__dl { display: grid; gap: var(--e-3); margin: var(--e-3) 0 0; }
@media (min-width: 800px) { .ficha__dl { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ficha__dl > div { display: grid; gap: .2rem; align-content: start; }
.ficha__dl dt { font: 600 .78rem/1.3 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--tinta-2); }
.ficha__dl dd { margin: 0; max-width: 60ch; line-height: 1.5; }
.asistentes { list-style: none; padding: 0; margin: 0; display: grid; gap: .3rem; }

/* ---------- Por qué es el logro principal ---------- */
.acta .documentos { margin-top: var(--e-2); }
.acta__cuerpo { min-width: 0; }
.acta__cuerpo > p:not(.capa) { max-width: var(--medida); }
.credito { color: var(--tinta-2); font-size: .95rem; margin: 0; }

/* ---------- Qué pedimos después ---------- */
.peticiones-resumen { list-style: none; padding: 0; margin: 0 0 var(--e-4); display: flex; flex-wrap: wrap; gap: var(--e-2); }
.peticiones-resumen li { margin: 0; }
.peticiones { list-style: none; padding: 0; margin: 0; display: grid; }
.peticion {
  display: grid; gap: .4rem; padding: var(--e-3) 0; margin: 0;
  border-top: 1px solid var(--linea);
}
.peticion:last-child { border-bottom: 1px solid var(--linea); }
.peticion p { margin: 0; max-width: none; }
.peticion__origen { display: flex; flex-wrap: wrap; gap: .3rem .6rem; align-items: center; font-size: .82rem; color: var(--tinta-2); }
.peticion__texto { font-size: 1rem; line-height: 1.5; color: var(--tinta); }
.peticion__estado { display: flex; }
.peticion__nota { font-size: .82rem; color: var(--tinta-2); }
/* Rojo solo para falta: "sin respuesta" es una falta, así que va en contorno punteado rojo */
.estado--sin-respuesta, .estado--pendiente { color: var(--rojo); border-style: dashed; }
.estado--tramite { border-style: solid; }

@media (min-width: 900px) {
  .peticion { grid-template-columns: 12rem minmax(0, 1fr) 15rem; gap: .35rem var(--e-4); align-items: start; }
  .peticion__origen { grid-column: 1; }
  .peticion__texto { grid-column: 2; }
  .peticion__estado { grid-column: 3; justify-content: flex-start; }
  .peticion__nota { grid-column: 2 / 4; }
  .peticion__origen { flex-direction: column; align-items: flex-start; }
}
.lectura { max-width: var(--medida); margin-top: var(--e-4); color: var(--tinta-2); }

/* ---------- Avisos ---------- */
.avisos { display: grid; gap: var(--e-3); }
@media (min-width: 900px) { .avisos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.avisos > * { margin: 0; }
.avisos .aviso p { max-width: none; }

/* ---------- Espaciado entre el calendario y el texto que sigue (ronda 3) ---------- */
.del-dialogo { margin-top: var(--e-6); padding-top: var(--e-4); border-top: 1px solid var(--linea); }
.del-dialogo h3 { font: 650 1.15rem/1.3 var(--serif); margin: 0 0 var(--e-2); }
.del-dialogo p { margin: 0; }
.camino__despues { margin-bottom: var(--e-4); }

/* Cifra titular en móvil: la misma presencia de display que en la banda de escritorio */
@media (max-width: 899px) {
  .hero .cifra--display .cifra__valor { font-size: clamp(96px, 34vw, 9rem); }
  .hero .cifra--display { padding-top: var(--e-3); }
}

/* Secciones de transición (introducción y ficha): aire menor, sin hueco tras el héroe */
.seccion--compacta { padding-top: var(--e-4); padding-bottom: var(--e-4); }

/* ---------- V47 · La Reunión de Diálogo en cifras: ocho tarjetas (4 en escritorio, 2 en móvil) ---------- */
.fila-cifras.v47 { row-gap: var(--e-5); column-gap: var(--e-4); margin-top: var(--e-4); }
.fila-cifras.v47 .cifra__valor { font-size: clamp(1.9rem, 1.3rem + 2vw, 2.6rem); white-space: nowrap; }
.fila-cifras.v47 .cifra__frase { max-width: 28ch; }

/* ---------- Lo que se escuchó: sin nombres ni citas, con su marca de tiempo ---------- */
.escuchado { list-style: none; margin: var(--e-4) 0; padding: 0; display: grid; max-width: var(--medida); }
.escuchado li { display: grid; gap: .4rem; padding: var(--e-3) 0; border-top: 1px solid var(--linea); }
.escuchado li:last-child { border-bottom: 1px solid var(--linea); }
.escuchado li p { margin: 0; max-width: none; font-size: 1.02rem; line-height: 1.55; }
.escuchado .marca-tiempo { justify-self: start; }
.escuchado__aviso { max-width: var(--medida); margin: var(--e-4) 0 0; }