.rd-page--verdures { background: var(--rd-crema); }

/* Caja única parallax (mockup Jose 2026-08-05): la foto de la carretilla es el
 * fondo de TODO el bloque; kicker+titular al centro-superior y el manifiesto
 * abajo, ambos sobre el overlay. Sustituye al antiguo full-bleed + manifesto. */
.rd-v-heroe { position: relative; height: 130vh; overflow: hidden; color: var(--rd-blanco); }
.rd-v-heroe__media { position: absolute; inset: -12% 0; }
.rd-v-heroe__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rd-v-heroe .rd-fullbleed__overlay { z-index: 1; }
.rd-v-heroe__contenido {
  position: relative; z-index: 2; height: 100%;
  display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: 0 24px;
}
.rd-v-heroe__contenido .rd-kicker { margin-top: 26vh; }
.rd-v-heroe__titulo {
  font-family: var(--rd-font-display); font-weight: 400;
  font-size: clamp(34px, 4.5vw, 58px); line-height: 1.07; margin: 1.2rem 0 0; max-width: 900px;
}
.rd-v-heroe__texto {
  margin-top: auto; margin-bottom: 9vh; max-width: 760px;
  font-family: var(--rd-font-text); font-weight: 300; font-size: 19px; line-height: 1.6;
}

.rd-v-cierre { margin-top: 14vh; }
/* Straddle determinista (fix solape texto, Jose 2026-08-05): la banda sube
 * 240px por detrás de las fotos (≈38% de su alto) y el texto del marquee
 * empieza SIEMPRE 3rem por debajo del borde inferior de las fotos. */
.rd-v-cierre .rd-marquee { margin-top: -240px; padding-top: calc(240px + 3rem); }

@media (max-width: 767px) {
  .rd-v-cierre .rd-marquee { margin-top: -120px; padding-top: calc(120px + 2rem); }
  .rd-v-heroe { height: 115vh; }
  .rd-v-heroe__contenido .rd-kicker { margin-top: 20vh; }
  .rd-v-heroe__texto { font-size: 16px; margin-bottom: 7vh; }
}