.salud180 {
  display: flex;
  align-items: center;
  color: #fff;
  /* background-color: #E4FFD2; */
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  background-image: url("../../../../uploads/2025/02/partesnuevasflor_Mesa-de-trabajo-1-scaled.jpg");
  background-size: cover;
  background-position: center;
}

.salud180-titulo {
  position: relative;
  width: 40%;
  height: 100vh;
}

.salud180-titulo div {
  position: absolute;
  top: 33%;
  left: 35%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 20px;
  z-index: 2;
  min-width: 450px;
  padding: 0 1em;
}

.salud180-titulo div p:nth-child(1) {
  color: var(--color-pri);
  font-weight: 300;
  font-size: 7em;
  transform: translate(0px, 25px);
}

.salud180-titulo br{
    display: none;
}

.salud180-titulo div p:nth-child(2) {
  color: var(--color-pink);
  text-align: end;
  font-weight: 400;
  font-size: 3em;
  padding-right: 1em;
  transform: translate(0px, -35px);
}

.salud180-titulo img:nth-child(1) {
  object-fit: cover;
  height: 100vh;
}
.salud180-titulo img:nth-child(2) {
    display: none;
}

.salud180-contenido {
  width: 100%;
  height: 100%;
  padding-left: 2em;
}

.contenido-textos {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--color-gray);
  height: 90%;
  text-align: center;
}

.contenido-textos h3 {
  font-size: 2.5em;
  width: 400px;
  display: flex;
  flex-direction: column;
  color: var(--color-pri);
}

.contenido-textos h3 span:nth-child(1) {
  font-weight: 300;
  color: var(--color-gray);

}

.contenido-textos p,
.contenido-textos p a {
  color: #fff;
  letter-spacing: 0.05em;
  font-size: 1.1em;
}

.contenido-textos p a {
  font-weight: 800;
  /*text-decoration: none;*/
}

.contenido-textos p a:hover {
  color: var(--color-pri);
}

@media (max-width: 1024px) {
  .salud180 {
    display: flex;
    position: relative;
    flex-direction: column;
    /* background-image: url(https://centrodenutricionfc.com/wp-content/uploads/2025/01/fondo-mi-podcast-01.png); */
    padding: 2em 0;
    gap: 14em;
    height: 800px;
  }

  .salud180-titulo {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60vh;
  }
  
  .salud180-titulo div {
      left: 15px;
  }

  .salud180-titulo img:nth-child(1) {
      display: none;
  }

  .salud180-titulo img:nth-child(2) {
      display: block;
      position: absolute;
      top: 125%;
      left: 17%;
      width: 300px;
      z-index: 20;
  }

  .salud180-titulo h2 {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    /* background-color: transparent; */
    border-radius: 0;
    margin-top: 2em;
  }

  .salud180-titulo h2 span:nth-child(2) {
    padding-right: 0;
  }

  .salud180-contenido {
    width: 100%;
    height: 100%;
    padding: 0;
  }

  .contenido-textos {
    width: 100%;
    font-weight: 600;
    gap: 1em;
    height: 100%;
  }

  .contenido-textos h3 {
    font-size: 2em;
    width: auto;
    /*border-bottom: 1px solid var(--color-pri);*/
  }

  .contenido-textos p,
  .contenido-textos p a {
    /*color: var(--color-gray);*/
  }
}