.line {
  margin-top: 40px;
}

.exito .titulo {
 color: var(--azul2);
 margin: 20px 0;
}

.bajada {
  font: var(--h3);
  text-align: justify;
  color: var(--gris);
  margin: 50px 0;
}

.content-wrap {
  max-width: 75%;
  margin: 0 auto;
}

.header-exito .line {
  width: 100%;
  margin-bottom: 40px;
}

.exito {
  margin-bottom: 70px;
}

.lista-casos p, .lista-casos li {
  font: var(--small);
  color: var(--azul);
  letter-spacing: 0.04em;
}
.lista-casos .fh1 {
  letter-spacing: 0;
  color: var(--azul2);
  font: 500 24px 'Space Grotesk', serif;
}


/* FOR TABLET */

@media screen and (min-width: 768px) {

  .bajada {
  text-align: center;
}

.content-wrap {
  justify-items: center;
}
} 


/* FOR SMALL DESKTOP */

@media screen and (min-width: 1280px) {

.content-wrap {
  max-width: 50%;
  justify-items: left;
}

.empresas {
  display: flex;
  flex-direction: column; /* Organiza los elementos verticalmente */
  flex-wrap: wrap; /* Permite que los elementos pasen a la siguiente columna */
  height: 2430px; /* ¡Importante! Debes definir una altura para que sepa dónde "cortar" y empezar la siguiente columna */
}
.empresas p, .empresas li {
  max-width: 300px;
  margin: 0 40px;
}


}





/* FOR BIG DESKTOP */