/* ===========================================================================
   Iris: Preguntas frecuentes

   La cabecera es la del catálogo (.iris-portada-vista, en components.css) y
   el acordeón es el componente compartido (.iris-faq). Aquí solo el reparto
   por temas.
   ======================================================================== */

.iris-preguntas {
  display: grid;
  gap: clamp(2.5rem, 1.8rem + 2.4vw, 4.5rem);
  max-inline-size: 58rem;
}

.iris-preguntas__grupo {
  scroll-margin-block-start: var(--space-6);
}

.iris-preguntas__tema {
  margin-block-end: var(--space-5);
  font-size: var(--t-h4);
}

.iris-contenedor > .iris-chips {
  margin-block-end: clamp(2.5rem, 1.8rem + 2.4vw, 4rem);
}