/* textPhotoBelowWide — titular · dos columnas de texto · foto ancha 16/9.
   Un solo fondo (ninguno propio), sin cajas, sin filetes, sin iconos.
   Todo el color sale de las variables del estilo. */

.g-textPhotoBelowWide-wrap {
  display: flex;
  flex-direction: column;
  /* aire generoso entre los tres bloques */
  gap: clamp(44px, 6.2vw, 92px);
}

/* ── 1. etiqueta + titular grande, a la izquierda ───────────────────────── */
.g-textPhotoBelowWide-head h2.display {
  /* una palabra alemana larga no debe partirse sola: cuerpo grande, guion manual */
  max-width: 20ch;
  hyphens: manual;
  overflow-wrap: break-word;
}
.g-textPhotoBelowWide-head .actions { margin-top: clamp(24px, 3vw, 34px); }

/* ── 2. dos columnas de texto normal, a alturas parecidas ───────────────── */
.g-textPhotoBelowWide-cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(26px, 4.2vw, 72px);
  align-items: start;
}
/* si sólo llega una columna, el texto no se queda en media página */
.g-textPhotoBelowWide-cols.one { grid-template-columns: minmax(0, 1fr); }
.g-textPhotoBelowWide-cols.one .g-textPhotoBelowWide-col p { max-width: 64ch; }

.g-textPhotoBelowWide-col h3 {
  font-family: var(--display), sans-serif;
  font-weight: var(--dw);
  letter-spacing: var(--dt);
  font-size: clamp(19px, 1.5vw, 23px);
  line-height: 1.22;
  color: var(--text);
  margin-bottom: 12px;
}
.g-textPhotoBelowWide-col p {
  font-size: 16.5px;
  line-height: 1.72;
  color: var(--t2);
  max-width: 48ch;
  text-wrap: pretty;
}

/* ── 3. foto ancha dentro del contenedor: radio del estilo, sin marco ───── */
.g-textPhotoBelowWide-figure { margin: 0; }
/* nada de caja gris detrás de la imagen */
.g-textPhotoBelowWide-figure .k-ph { background: transparent; }
.g-textPhotoBelowWide-cap {
  margin-top: 14px;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--t3);
  max-width: 54ch;
}

/* ── móvil: una columna y la foto justo debajo del titular ──────────────── */
@media (max-width: 900px) {
  .g-textPhotoBelowWide-wrap { gap: 34px; }
  .g-textPhotoBelowWide-head { order: 1; }
  .g-textPhotoBelowWide-figure { order: 2; }
  .g-textPhotoBelowWide-cols {
    order: 3;
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }
  .g-textPhotoBelowWide-head h2.display { max-width: none; }
  .g-textPhotoBelowWide-col p { max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  .g-textPhotoBelowWide-figure .k-ph img { transition: none; }
  .g-textPhotoBelowWide-figure .k-ph:hover img { transform: none; }
}