/*
 * IslaMarket Home Hero Contrast V5
 * Fix quirúrgico para el hero real de home:
 * .hp-hero-slide_copy h2
 * Este CSS debe cargarse solo en la home.
 */

:root {
  --im-hero-title-light: #ffffff;
  --im-hero-title-accent: #ff563f;
}

/* Título real del banner home */
.hp-hero-slide_copy h2,
.hp-hero-slide.is-active .hp-hero-slide_copy h2,
.hp-hero-slider .hp-hero-slide_copy h2,
.hp-hero-slide_inner .hp-hero-slide_copy h2 {
  color: var(--im-hero-title-light) !important;
  -webkit-text-fill-color: var(--im-hero-title-light) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35) !important;
}

/* Todo hijo del H2 empieza blanco, para anular colores antiguos */
.hp-hero-slide_copy h2 *,
.hp-hero-slide.is-active .hp-hero-slide_copy h2 *,
.hp-hero-slider .hp-hero-slide_copy h2 *,
.hp-hero-slide_inner .hp-hero-slide_copy h2 * {
  color: var(--im-hero-title-light) !important;
  -webkit-text-fill-color: var(--im-hero-title-light) !important;
  opacity: 1 !important;
  filter: none !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

/* Línea destacada coral: normalmente el span/strong dentro del h2 */
.hp-hero-slide_copy h2 span,
.hp-hero-slide_copy h2 strong,
.hp-hero-slide_copy h2 b,
.hp-hero-slide.is-active .hp-hero-slide_copy h2 span,
.hp-hero-slide.is-active .hp-hero-slide_copy h2 strong,
.hp-hero-slide.is-active .hp-hero-slide_copy h2 b {
  color: var(--im-hero-title-accent) !important;
  -webkit-text-fill-color: var(--im-hero-title-accent) !important;
}

/* Kicker superior */
.hp-hero-slide_kicker {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
  opacity: 1 !important;
}

/* Texto descriptivo */
.hp-hero-slide_copy p {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  opacity: 1 !important;
}

/* Chips inferiores: Fácil / Local / Sin complicaciones */
.hp-hero-slide_points,
.hp-hero-slide_points *,
.hp-hero-slide_ctas,
.hp-hero-slide_ctas * {
  opacity: 1 !important;
}

/* Buscador del hero */
.hp-hero-search input,
.hp-hero-search input::placeholder {
  font-family: var(--im-font-system, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif) !important;
}

.hp-hero-search input {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

.hp-hero-search input::placeholder {
  color: #9ca3af !important;
  -webkit-text-fill-color: #9ca3af !important;
}