/*
 * Huerto Directorio 3.1.1 · Accesibilidad de la cabecera
 *
 * Esta corrección se carga DESPUÉS de directorio.css y, cuando se usa,
 * adaptacion-huerto.css. Es deliberadamente independiente de los colores
 * opcionales del administrador: no permite texto claro sobre fondo claro.
 * Solo se aplica a la cabecera del listado, no al tema ni a fichas individuales.
 */
.hec-directory .hec-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  background: #f6f9f0 !important;
  color: #183b2c !important;
  border: 1px solid #dce7d6;
  border-radius: 18px;
  isolation: isolate;
  overflow: hidden;
}

.hec-directory .hec-hero .hec-hero__copy {
  background: linear-gradient(128deg, #fbfcf7 0%, #f1f7e9 100%) !important;
  color: #173b2a !important;
  opacity: 1 !important;
  padding: clamp(30px, 3.7vw, 50px) clamp(25px, 3.5vw, 48px) clamp(38px, 5vw, 64px);
}

/* Proteger todos los niveles del texto frente a estilos globales del tema. */
.hec-directory .hec-hero .hec-hero__copy .hec-kicker {
  color: #265b3e !important;
  -webkit-text-fill-color: #265b3e !important;
  opacity: 1 !important;
}
.hec-directory .hec-hero .hec-hero__copy h2 {
  color: #153c2b !important;
  -webkit-text-fill-color: #153c2b !important;
  opacity: 1 !important;
  text-shadow: none !important;
  background: none !important;
  font-size: clamp(2rem, 3.5vw, 3.45rem) !important;
  line-height: 1.09 !important;
  letter-spacing: -.04em;
  font-weight: 800;
  margin: 15px 0 16px;
}
.hec-directory .hec-hero .hec-hero__copy h2 em {
  color: #287636 !important;
  -webkit-text-fill-color: #287636 !important;
  font-style: normal;
  white-space: nowrap;
  opacity: 1 !important;
}
.hec-directory .hec-hero .hec-hero__copy > p {
  color: #355445 !important;
  -webkit-text-fill-color: #355445 !important;
  font-size: 1rem;
  line-height: 1.62;
  text-shadow: none !important;
  opacity: 1 !important;
}
.hec-directory .hec-hero .hec-hero__copy .hec-hero__assurances,
.hec-directory .hec-hero .hec-hero__copy .hec-hero__assurances span {
  color: #284c37 !important;
  -webkit-text-fill-color: #284c37 !important;
  opacity: 1 !important;
}
.hec-directory .hec-hero .hec-hero__copy .hec-hero__assurances span {
  background: rgba(255, 255, 255, .82) !important;
  border: 1px solid #d5e2d1;
}

/* El elemento gráfico mantiene su fondo oscuro y texto de alto contraste. */
.hec-directory .hec-hero .hec-hero__art {
  background: radial-gradient(circle at 64% 33%, rgba(127, 174, 121, .24), transparent 55%),
              linear-gradient(145deg, #245d41, #16452f) !important;
  border-left: 0;
  color: #e9f4dd !important;
}
.hec-directory .hec-hero .hec-hero__art .hec-mark {
  color: #d6ecc2 !important;
  opacity: 1 !important;
}
.hec-directory .hec-hero .hec-hero__art > span {
  color: #f0f7e8 !important;
  -webkit-text-fill-color: #f0f7e8 !important;
  opacity: 1 !important;
}
.hec-directory .hec-hero .hec-hero__art::before,
.hec-directory .hec-hero .hec-hero__art::after {
  border-color: rgba(233, 246, 224, .18);
}

/* Tablet/móvil: dejar espacio al titular y ocultar únicamente la ilustración. */
@media (max-width: 780px) {
  .hec-directory .hec-hero {
    display: block;
    min-height: 0;
  }
  .hec-directory .hec-hero .hec-hero__art {
    display: none !important;
  }
  .hec-directory .hec-hero .hec-hero__copy {
    padding: 30px 27px 34px;
  }
  .hec-directory .hec-hero .hec-hero__copy h2 {
    font-size: clamp(1.85rem, 5.8vw, 2.7rem) !important;
  }
}
@media (max-width: 570px) {
  .hec-directory .hec-hero .hec-hero__copy {
    padding: 25px 21px 27px;
  }
  .hec-directory .hec-hero .hec-hero__copy h2 {
    font-size: clamp(1.8rem, 8vw, 2.3rem) !important;
  }
  .hec-directory .hec-hero .hec-hero__copy > p {
    font-size: .94rem;
  }
}