/* ─────────────────────────────────────────────────────────────────────────────
   heroInnerPage — cabecera de página interior. Un solo fondo (ninguno propio),
   sin cajas ni filetes decorativos; el color sale todo de las variables.
   ───────────────────────────────────────────────────────────────────────────── */

/* más baja que una portada (.k-hero arranca en 150-208px) pero libre de la
   cabecera flotante; el remate de abajo es corto: debajo viene el contenido */
.g-heroInnerPage-sec { padding-top: clamp(128px, 16vh, 178px); padding-bottom: clamp(46px, 6vh, 82px); }

/* minmax(0,…) obligatorio: una palabra alemana larga del titular fijaría el
   min-content de su columna y descuadraría la rejilla entera */
.g-heroInnerPage-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .78fr);
  gap: clamp(30px, 4.6vw, 72px);
  align-items: center;
}
/* sin foto: una sola columna y el texto a 2/3 del ancho; la línea de meta sí se
   estira a todo el contenedor para que la derecha no quede hueca */
.g-heroInnerPage-solo { display: block; }
.g-heroInnerPage-solo .g-heroInnerPage-text { max-width: 67%; }
.g-heroInnerPage-solo .g-heroInnerPage-meta { max-width: none; }

.g-heroInnerPage-text { min-width: 0; }
/* titular de página interior: por debajo de .xl y por encima de .md */
.g-heroInnerPage-title { font-size: clamp(35px, 5.1vw, 74px); overflow-wrap: break-word; hyphens: manual; }
.g-heroInnerPage-lede { max-width: 48ch; }
.g-heroInnerPage-solo .g-heroInnerPage-lede { max-width: 62ch; }

.g-heroInnerPage-meta {
  display: flex; flex-wrap: wrap; align-items: center;
  gap: 10px 24px; margin-top: 30px; font-size: 14px; color: var(--t3);
}
.g-heroInnerPage-meta b { color: var(--text); font-weight: 600; }
.g-heroInnerPage-sep { width: 1px; height: 14px; background: var(--line2); display: block; }

/* la foto es un apoyo, no el protagonista: se queda pequeña y alineada a la derecha */
.g-heroInnerPage-fig { width: 100%; max-width: 440px; margin-left: auto; }

@media (max-width: 900px) {
  .g-heroInnerPage-sec { padding-top: 132px; padding-bottom: 34px; }
  .g-heroInnerPage-wrap { grid-template-columns: 1fr; gap: 30px; }
  .g-heroInnerPage-solo .g-heroInnerPage-text,
  .g-heroInnerPage-solo .g-heroInnerPage-lede { max-width: none; }
  .g-heroInnerPage-title { font-size: clamp(33px, 9.4vw, 52px); }
  .g-heroInnerPage-lede { max-width: none; }
  /* los filetes verticales quedan colgando al final de línea: se apila y se quitan */
  .g-heroInnerPage-meta { flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 26px; }
  .g-heroInnerPage-sep { display: none; }
  .g-heroInnerPage-fig { max-width: none; margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .g-heroInnerPage-fig .rv.mask { clip-path: none; }
  .g-heroInnerPage-fig .k-ph img { animation: none; transition: none; }
  .g-heroInnerPage-fig .k-ph > i { transform: none !important; }
}