:root {
  --sslepra606-rose-dark: #8F3652;
  --sslepra606-gold: #D8B36C;
}

/*
 * Etiqueta superior del hero.
 */
body.skyskin-lepra-v604-active
.sslepra604-hero-copy
.sslepra604-kicker,
body.skyskin-lepra-v603-active
.sslepra603-hero-copy
.sslepra603-kicker {
  margin: 0 0 10px !important;
  color: var(--sslepra606-gold) !important;
  font-size: .66rem !important;
  line-height: 1.2 !important;
  letter-spacing: .14em !important;
  font-weight: 700 !important;
}

/*
 * Título principal más proporcionado al box del hero.
 */
body.skyskin-lepra-v604-active
.sslepra604-hero-copy h1,
body.skyskin-lepra-v603-active
.sslepra603-hero-copy h1 {
  max-width: 720px !important;
  margin: 0 0 16px !important;
  color: var(--sslepra606-rose-dark) !important;
  font-size: clamp(1.95rem, 2.75vw, 3.05rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.022em !important;
  text-wrap: balance;
}

/*
 * Subtítulo del hero para conservar una jerarquía clara.
 */
body.skyskin-lepra-v604-active
.sslepra604-hero-copy
.sslepra604-lead,
body.skyskin-lepra-v603-active
.sslepra603-hero-copy
.sslepra603-lead {
  max-width: 720px !important;
  font-size: clamp(.98rem, 1.08vw, 1.1rem) !important;
  line-height: 1.58 !important;
}

@media (max-width: 767px) {
  body.skyskin-lepra-v604-active
  .sslepra604-hero-copy h1,
  body.skyskin-lepra-v603-active
  .sslepra603-hero-copy h1 {
    font-size: clamp(1.8rem, 8vw, 2.45rem) !important;
    line-height: 1.08 !important;
  }

  body.skyskin-lepra-v604-active
  .sslepra604-hero-copy
  .sslepra604-kicker,
  body.skyskin-lepra-v603-active
  .sslepra603-hero-copy
  .sslepra603-kicker {
    font-size: .62rem !important;
    letter-spacing: .12em !important;
  }

  body.skyskin-lepra-v604-active
  .sslepra604-hero-copy
  .sslepra604-lead,
  body.skyskin-lepra-v603-active
  .sslepra603-hero-copy
  .sslepra603-lead {
    font-size: .96rem !important;
  }
}