/* Corrección final: encabezados de las páginas principales de Servicios.
   Este archivo se carga después de responsive.css para evitar que las reglas
   antiguas vuelvan a acercar u ocultar el texto bajo el menú fijo. */

.service-page.service-page--hero-safe > :is(
  .services-human-hero,
  .family-human-hero,
  .consulting-hero
):first-child {
  min-height: auto !important;
  padding-top: clamp(14rem, 16vw, 15rem) !important;
  padding-bottom: clamp(5rem, 7vw, 7rem) !important;
  align-items: flex-start !important;
  overflow: visible !important;
}

.service-page.service-page--hero-safe :is(
  .services-human-hero-grid,
  .family-human-grid,
  .consulting-hero-grid
) {
  align-items: start !important;
  overflow: visible !important;
}

.service-page.service-page--hero-safe :is(
  .services-human-copy,
  .family-human-copy,
  .consulting-hero-copy
) {
  position: relative !important;
  z-index: 5 !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.service-page.service-page--hero-safe :is(
  .services-human-copy,
  .family-human-copy,
  .consulting-hero-copy
) > .section-kicker {
  position: relative !important;
  inset: auto !important;
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 1.5rem !important;
  margin: 0 0 1rem !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  transform: none !important;
  background: none !important;
  color: var(--type-kicker-dark, #67e8f9) !important;
  -webkit-text-fill-color: var(--type-kicker-dark, #67e8f9) !important;
  font-size: var(--type-kicker-size, .825rem) !important;
  line-height: var(--type-kicker-line, 1.2) !important;
  font-weight: var(--type-kicker-weight, 900) !important;
  white-space: normal !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.service-page.service-page--hero-safe :is(
  .services-human-copy,
  .family-human-copy,
  .consulting-hero-copy
) > h1 {
  margin-top: 0 !important;
  padding-top: .04em !important;
  padding-bottom: .24em !important;
  overflow: visible !important;
  line-height: var(--type-h1-line, 1.04) !important;
}

@media (max-width: 980px) {
  .service-page.service-page--hero-safe > :is(
    .services-human-hero,
    .family-human-hero,
    .consulting-hero
  ):first-child {
    padding-top: 11.5rem !important;
  }
}

@media (max-width: 640px) {
  .service-page.service-page--hero-safe > :is(
    .services-human-hero,
    .family-human-hero,
    .consulting-hero
  ):first-child {
    padding-top: 10.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  .service-page.service-page--hero-safe :is(
    .services-human-copy,
    .family-human-copy,
    .consulting-hero-copy
  ) > .section-kicker {
    margin-bottom: 1rem !important;
  }
}