/* =========================================================================
   FURGOFY — HERO TWEAKS (solo 2 cosas)
   1) Cambiar el degradado del bloque superior: negro → #DCEDC1
   2) Poner el título "Si no cabe en un coche… cabify" en #DCEDC1
   NOTA: No toca textos, fotos, ni estructura. Solo colores del hero.
   ========================================================================= */

/* --- 1) HERO: forzamos el degradado al color pedido (#DCEDC1) ----------- */
/* Cobertura amplia de selectores habituales de "hero" sin romper el resto */
header + section,
header + div,
section.hero,
.hero,
.masthead,
.page-hero,
.section-hero,
#hero,
.top-hero,
section:first-of-type {
  /* Preservamos negro arriba y llevamos el pie al #DCEDC1 */
  background: linear-gradient(180deg, #000000 0%, #1a1a1a 35%, #DCEDC1 100%) !important;
  position: relative;        /* por si necesitamos el ::before */
  overflow: hidden;
}

/* Si tu gradiente original está en un ::before/::after, lo tapamos suavemente */
header + section::before,
header + div::before,
section.hero::before,
.hero::before,
.masthead::before,
.page-hero::before,
.section-hero::before,
#hero::before,
.top-hero::before,
section:first-of-type::before {
  content: "";
  position: absolute;
  inset: 0;
  /* Transparente arriba, funde hacia #DCEDC1 al final */
  background: linear-gradient(180deg, rgba(0,0,0,0) 100%, rgba(0,0,0,.35) 0%, #DCEDC1 100%) !important;
  pointer-events: none;
  z-index: 0;
}

/* --- 2) TÍTULO DEL HERO EN #DCEDC1 ------------------------------------- */
/* Apuntamos al H1 del hero y, como red de seguridad, al primer H1 del body */
header + section h1,
header + div h1,
section.hero h1,
.hero h1,
.masthead h1,
.page-hero h1,
.section-hero h1,
#hero h1,
.top-hero h1,
body h1:first-of-type {
  color: #DCEDC1 !important;
  position: relative;
  z-index: 1; /* queda por encima del ::before */
}

/* Si el título tiene spans/negritas, asegúrate de que heredan el color */
header + section h1 span,
header + div h1 span,
.hero h1 span,
.masthead h1 span,
.page-hero h1 span,
.section-hero h1 span,
#hero h1 span,
.top-hero h1 span,
body h1:first-of-type span,
header + section h1 strong,
header + div h1 strong,
.hero h1 strong,
.masthead h1 strong,
.page-hero h1 strong,
.section-hero h1 strong,
#hero h1 strong,
.top-hero h1 strong,
body h1:first-of-type strong {
  color: inherit !important;
}
