.bloque-slogan {
  display: flex;
  width: calc(100% - 7.5rem);
  padding: 4.4rem 3.75rem;
  background: var(--Neutral-808C7F, #8B998A);
}

.bloque-slogan-slogan-col, .bloque-slogan-content-col {
  width: 50%;
}

.bloque-slogan-content-col {
  display: flex;
  flex-direction: column;
}

.bloque-slogan .bloque-slogan-slogan {
  color: var(--Neutral-1A1A1A, #1A1A1A);
  font-family: "Harriet Text Light 2v1";
  font-size: 3.25rem;
  line-height: 96%; /* 3.12rem */
  letter-spacing: -0.065rem;
}

.bloque-slogan .bloque-slogan-titulo {
  padding-bottom: 1.12rem;
  color: var(--Neutral-1A1A1A, #1A1A1A);
  font-family: "Residenz Grotesk SemiBold";
  font-size: 1.125rem;
  line-height: 98%; /* 1.1025rem */
}

.bloque-slogan .bloque-slogan-subtitulo {
  padding-bottom: 2.25rem;
  color: var(--Neutral-1A1A1A, #1A1A1A);
  font-size: 1.125rem;
  line-height: 98%; /* 1.1025rem */
  letter-spacing: 0.0225rem;
}

.bloque-slogan .bloque-slogan-boton a {
  display: inline;
  width: fit-content;
  padding: 0.625rem 1.5rem;
  gap: 0.625rem;
  border-radius: 18.75rem;
}

.bloque-slogan .bloque-slogan-boton a, .bloque-slogan .bloque-slogan-boton a:visited, .bloque-slogan .bloque-slogan-boton a:hover, .bloque-slogan .bloque-slogan-boton a:active {
  text-decoration: none;
    color: var(--Neutral-1A1A1A, #1A1A1A);
}

.bloque-slogan .bloque-slogan-imagenes {
  display: flex;
  align-content: flex-end;
  gap: 0.73rem;
  padding-top: 4rem;
}

.bloque-slogan .bloque-slogan-imagenes img {
  width: 18.02056rem;
}

@media screen and (max-width: 959px) {
  .bloque-slogan {
      display: flex;
      flex-direction: column;
      width: calc(100% - 2.5rem);
      padding: 1.88rem 1.25rem;
  }

  .bloque-slogan-slogan-col, .bloque-slogan-content-col {
    width: 100%;
  }

  .bloque-slogan .bloque-slogan-slogan {
    font-size: 2.25rem;
    padding-bottom: 1.88rem;
  }

  .bloque-slogan .bloque-slogan-subtitulo {
    font-size: 1rem;
  }

  .bloque-slogan .bloque-slogan-boton {
    font-size: 0.625rem;
    padding: 0.625rem 0.75rem;
  }

  .bloque-slogan .bloque-slogan-imagenes {
    padding-top: 2rem;
  }

  .bloque-slogan .bloque-slogan-imagenes img {
    width: 6.02056rem;
  }
}