/* Ajustes específicos de la página de política, sobre el esquema Somos Jarana. */
#somos-jarana .sj-hero h1 {
  max-width: 14ch;
  font-size: clamp(40px, 6vw, 92px);
  line-height: .9;
}

@media (min-width: 861px) {
  #somos-jarana .sj-intro__copy { order: 1; }
  #somos-jarana .sj-intro__visual { order: 2; }
}

#somos-jarana .sj-intro__image {
  aspect-ratio: 1.08;
  border-radius: 22px 88px 22px 22px;
  box-shadow: 18px 18px 0 var(--sj-pink);
}

/* Evita que estilos heredados del tema quiten el margen interno de la primera card. */
#somos-jarana.somos-jarana .sj-values__grid > .sj-value:first-child {
  padding-left: clamp(28px, 3.2vw, 46px) !important;
}

#somos-jarana.somos-jarana .sj-values__grid > .sj-value {
  border-top: 0 !important;
}

@media (max-width: 860px) {
  #somos-jarana.somos-jarana .sj-values__grid > .sj-value:first-child {
    padding-left: 22px !important;
  }
}

@media (max-width: 767px) {
  #somos-jarana.somos-jarana .sj-values__grid > .sj-value:first-child {
    padding-left: 16px !important;
  }
}

@media (max-width: 560px) {
  #somos-jarana .sj-hero h1 {
    max-width: 13ch;
    font-size: clamp(36px, 13vw, 62px);
  }

  #somos-jarana .sj-intro__image {
    aspect-ratio: 1;
    border-radius: 18px 58px 18px 18px;
    box-shadow: 10px 10px 0 var(--sj-pink);
  }
}