.intro-viaje{
  display:flex;
  width:100%;
  min-height:768px;
  justify-content:center;
  align-items:center;
  padding:180px 40px 112px 40px;
  background-color:#F8FBFB;
  overflow:hidden;
}

.intro-viajeContent{
  display:flex;
  width:100%;
  max-width:1748px;
  align-items:center;
  justify-content:center;
  gap:6.8%;
}

.intro-viajeCollage{
  display:flex;
  width:52.1%;
  max-width:910px;
  min-width:620px;
  flex-shrink:1;
  align-items:center;
  justify-content:center;
}

.intro-viajeCollage img{
  display:block;
  width:100%;
  height:auto;
}

.intro-viajeTexto{
  display:flex;
  width:100%;
  max-width:549px;
  min-width:0;
  flex-direction:column;
  color:#0B3636;
}

.intro-viajeTitle{
  width:100%;
  font-size:39.5px;
  line-height:43px;
  letter-spacing:-2.37px;
  font-weight:800;
  color:#0B3636;
}

.intro-viajeTitle span{
  color:#D80062;
}

.intro-viajeParrafo{
  width:100%;
  margin-top:25px;
  font-size:16px;
  line-height:25px;
  letter-spacing:0;
  font-weight:500;
  color:#0B3636;
}

.intro-viajeOpciones{
  width:100%;
  margin-top:31px;
}

.intro-viajeOpcionesTitulo{
  margin:0 0 20px 0;
  font-size:16px;
  line-height:22px;
  font-weight:600;
  color:#0B3636;
}

.intro-viajeOpcionesGrid{
  display:grid;
  width:100%;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:11px;
}

.intro-viajeOpcion{
  display:flex;
  min-height:96px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:10px;
  padding:18px 14px 16px 14px;
  border:1px solid rgba(11, 54, 54, 0.72);
  background-color:transparent;
  color:#0B3636;
}

.intro-viajeOpcion img{
  display:block;
  width:auto;
  height:31px;
  object-fit:contain;
}

.intro-viajeOpcion p{
  margin:0;
  font-size:14px;
  line-height:18px;
  font-weight:500;
  text-align:center;
}

@media(max-width:1200px){
  .intro-viaje{
    min-height:0;
    padding:132px 40px 96px 40px;
  }

  .intro-viajeContent{
    max-width:920px;
    gap:44px;
  }

  .intro-viajeCollage{
    width:52%;
    min-width:0;
  }

  .intro-viajeTexto{
    max-width:380px;
  }

  .intro-viajeTitle{
    font-size:34px;
    line-height:38px;
    letter-spacing:-2px;
  }

  .intro-viajeParrafo{
    margin-top:20px;
    font-size:14px;
    line-height:22px;
  }

  .intro-viajeOpciones{
    margin-top:26px;
  }

  .intro-viajeOpcionesTitulo{
    margin-bottom:17px;
    font-size:14px;
    line-height:20px;
  }

  .intro-viajeOpcion{
    min-height:84px;
    gap:9px;
    padding:15px 12px 14px 12px;
  }

  .intro-viajeOpcion img{
    height:27px;
  }

  .intro-viajeOpcion p{
    font-size:12px;
    line-height:16px;
  }
}

@media(max-width:900px){
  .intro-viaje{
    padding:126px 30px 92px 30px;
  }

  .intro-viajeContent{
    max-width:620px;
    flex-direction:column;
    align-items:center;
    gap:28px;
  }

  .intro-viajeCollage{
    width:100%;
    max-width:560px;
  }

  .intro-viajeTexto{
    max-width:560px;
  }

  .intro-viajeOpcion{
    min-height:92px;
  }

  .intro-viajeOpcion img{
    height:30px;
  }

  .intro-viajeOpcion p{
    font-size:14px;
    line-height:18px;
  }
}

@media(max-width:700px){
  .intro-viaje{
    padding:118px 25px 82px 25px;
  }

  .intro-viajeContent{
    max-width:340px;
    gap:26px;
  }

  .intro-viajeCollage{
    max-width:340px;
  }

  .intro-viajeTexto{
    max-width:340px;
  }

  .intro-viajeTitle{
    font-size:32px;
    line-height:35px;
    letter-spacing:-1.7px;
  }

  .intro-viajeParrafo{
    margin-top:18px;
    font-size:15px;
    line-height:23px;
  }

  .intro-viajeOpciones{
    margin-top:24px;
  }

  .intro-viajeOpcionesGrid{
    gap:8px;
  }

  .intro-viajeOpcion{
    min-height:86px;
    padding:14px 10px 13px 10px;
  }

  .intro-viajeOpcion img{
    height:28px;
  }

  .intro-viajeOpcion p{
    font-size:12px;
    line-height:16px;
  }
}