/* Component: seccion-narrativa */

.pf-riojano-seccion-narrativa {
  padding: var(--pf-riojano-space-6) 0;
}
.pf-riojano-seccion-narrativa + .pf-riojano-seccion-narrativa {
  border-top: var(--pf-riojano-border-soft);
}
.pf-riojano-seccion-narrativa__title {
  font-family: var(--pf-riojano-font-display);
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  color: var(--pf-riojano-brand-primary);
  margin: 0 0 var(--pf-riojano-space-4);
  line-height: 1.2;
}
.pf-riojano-seccion-narrativa__text {
  display: flex;
  flex-direction: column;
  gap: var(--pf-riojano-space-3);
}
.pf-riojano-seccion-narrativa__paragraph {
  margin: 0;
  font-size: var(--pf-riojano-fs-base);
  line-height: 1.7;
  color: var(--pf-riojano-brand-primary);
  max-width: 70ch;
  overflow-wrap: anywhere;
}
.pf-riojano-seccion-narrativa__media {
  display: grid;
  gap: var(--pf-riojano-space-3);
}
.pf-riojano-seccion-narrativa__figure {
  margin: 0;
  border-radius: var(--pf-riojano-radius-md);
  overflow: hidden;
  box-shadow: var(--pf-riojano-shadow-card);
}
.pf-riojano-seccion-narrativa__figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* layout: text-only (default) — texto centrado, sin media */
.pf-riojano-seccion-narrativa--text-only .pf-riojano-seccion-narrativa__title,
.pf-riojano-seccion-narrativa--text-only .pf-riojano-seccion-narrativa__text {
  margin-inline: auto;
}
.pf-riojano-seccion-narrativa--text-only .pf-riojano-seccion-narrativa__grid {
  display: block;
  max-width: 72ch;
  margin-inline: auto;
}

/* layout: text-image — texto izq, imagen derecha */
.pf-riojano-seccion-narrativa--text-image .pf-riojano-seccion-narrativa__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: var(--pf-riojano-space-5);
  align-items: center;
}
.pf-riojano-seccion-narrativa--text-image .pf-riojano-seccion-narrativa__figure {
  aspect-ratio: 4 / 3;
}

/* layout: text-duo — texto arriba, dos imágenes lado a lado abajo */
.pf-riojano-seccion-narrativa--text-duo .pf-riojano-seccion-narrativa__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--pf-riojano-space-5);
}
.pf-riojano-seccion-narrativa--text-duo .pf-riojano-seccion-narrativa__media {
  grid-template-columns: 1fr 1fr;
}
.pf-riojano-seccion-narrativa--text-duo .pf-riojano-seccion-narrativa__figure {
  aspect-ratio: 4 / 3;
}

/* layout: image-full — imagen full-width arriba, texto centrado debajo */
.pf-riojano-seccion-narrativa--image-full .pf-riojano-seccion-narrativa__grid {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--pf-riojano-space-5);
}
.pf-riojano-seccion-narrativa--image-full .pf-riojano-seccion-narrativa__text {
  max-width: 72ch;
  margin-inline: auto;
}
.pf-riojano-seccion-narrativa--image-full .pf-riojano-seccion-narrativa__figure {
  aspect-ratio: 16 / 7;
}

/* responsive */
@media (max-width: 768px) {
  .pf-riojano-seccion-narrativa--text-image .pf-riojano-seccion-narrativa__grid {
    grid-template-columns: 1fr;
  }
  .pf-riojano-seccion-narrativa--text-duo .pf-riojano-seccion-narrativa__media {
    grid-template-columns: 1fr;
  }
}