body {
  font-family: "HK Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--body-text);
}

.headline-L,
.headline-M,
.headline-S {
  color: var(--negro-titulos);
}

.label-L,
.label-M,
.label-S {
  color: var(--gris-medio);
}

.headline-L,
.headline-M,
.headline-S {
  font-family: "Rufina";
  font-style: normal;
  font-weight: 400;
  text-wrap: balance;
}

.headline-L em,
.headline-M em,
.headline-S em {

  font-style: italic;

}

.label-L,
.label-M,
.label-S {
  font-family: "HK Grotesk";
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.title-L,
.title-M,
.title-S {
  font-family: "Rufina";
  font-style: normal;
  font-weight: 400;
}


.title-L em,
.title-M em,
.title-S em {

  font-style: italic;

}

.subtitle-L,
.subtitle-M,
.subtitle-S {
  font-family: "HK Grotesk";
  font-style: normal;
  font-weight: 500;
}

/*** DESKTOP ***/
@media (min-width: 1440px) {
  .headline-L {
    font-size: 72px;
    line-height: 80px;
  }

  .headline-M {
    font-size: 56px;
    line-height: 64px;
  }

  .headline-S {
    font-size: 40px;
    line-height: 56px;
  }

  .label-L {
    font-size: 16px;
    line-height: 24px;
  }

  .label-M {
    font-size: 14px;
    line-height: 16px;
  }

  .label-S {
    font-size: 12px;
    line-height: 16px;
  }

  .title-L {
    font-size: 32px;
    line-height: 40px;
  }

  .title-M {
    font-size: 24px;
    line-height: 32px;
  }

  .title-S {
    font-size: 20px;
    line-height: 24px;
  }

  .subtitle-L {
    font-size: 28px;
    line-height: 32px;
  }

  .subtitle-M {
    font-size: 20px;
    line-height: 24px;
  }

  .subtitle-S {
    font-size: 18px;
    line-height: 24px;
  }
}

/*** TABLET ***/
@media (min-width: 769px) and (max-width: 1439px) {
  .headline-L {
    font-size: 56px;
    line-height: 64px;
  }

  .headline-M {
    font-size: 48px;
    line-height: 52px;
  }

  .headline-S {
    font-size: 40px;
    line-height: 48px;
  }

  .label-L {
    font-size: 16px;
    line-height: 24px;
  }

  .label-M {
    font-size: 14px;
    line-height: 16px;
  }

  .label-S {
    font-size: 12px;
    line-height: 16px;
  }

  .title-L {
    font-size: 32px;
    line-height: 40px;
  }

  .title-M {
    font-size: 24px;
    line-height: 32px;
  }

  .title-S {
    font-size: 20px;
    line-height: 24px;
  }

  .subtitle-L {
    font-size: 24px;
    line-height: 28px;
  }

  .subtitle-M {
    font-size: 20px;
    line-height: 24px;
  }

  .subtitle-S {
    font-size: 18px;
    line-height: 24px;
  }
}

/*** MOBILE ***/
@media (max-width: 768px) {
  .headline-L {
    font-size: 40px;
    line-height: 48px;
  }

  .headline-M {
    font-size: 36px;
    line-height: 42px;
  }

  .headline-S {
    font-size: 32px;
    line-height: 40px;
  }

  .label-L {
    font-size: 12px;
    line-height: 18px;
  }

  .label-M {
    font-size: 14px;
    line-height: 16px;
  }

  .label-S {
    font-size: 12px;
    line-height: 16px;
  }

  .title-L {
    font-size: 24px;
    line-height: 32px;
  }

  .title-M {
    font-size: 20px;
    line-height: 24px;
  }

  .title-S {
    font-size: 18px;
    line-height: 24px;
  }

  .subtitle-L {
    font-size: 20px;
    line-height: 24px;
  }

  .subtitle-M {
    font-size: 18px;
    line-height: 24px;
  }

  .subtitle-S {
    font-size: 16px;
    line-height: 24px;
  }
}

em , i{
  font-style: italic !important;

}

/* evitamos quue font awesome ponga la fuente en italica */
i.fa  {
  font-style: normal !important;
}

.programa-detalle-servicio {
  color: #757474;
  margin-top: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}