.viajes{
  display:flex;
  width:100%;
  justify-content:center;
  padding:83px 0px 117px 0px;
  overflow:hidden;
    position: relative;
  background-color:#F8FBFB;
}

.viajesContainer{
  display:flex;
  width:100%;
  flex-direction:column;
  align-items:center;
  gap:76px;
}

.viajesTop{
  display:flex;
  width:100%;
  flex-direction:column;
  align-items:center;
  text-align:center;
  color:#0B3636;
}

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

.viajesTitle span{
  color:#39C197;
}

.viajesSubtitle{
  width:100%;
  max-width:721px;
  margin-top:28px;
  font-size:20px;
  line-height:28px;
  letter-spacing:0px;
  font-weight:500;
  color:#0B3636;
}

.viajesCards{
  display:flex;
  width:100%;
  gap:8px;
}

.viajesCard{
  display:flex;
  width:100%;
  height:565px;
  position:relative;
  overflow:hidden;
  justify-content:center;
  align-items:center;
}

.viajesCardImagen{
  display:flex;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}

.viajesCardImagen img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}

.viajesCardOverlay{
  display:flex;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  background-color:rgba(11,54,54,0.58);
  mix-blend-mode:multiply;
}

.viajesCardInfo{
  display:flex;
  position:relative;
  z-index:3;
  width:225px;
  flex-direction:column;
  align-items:center;
  text-align:center;
  color:white;
}

.viajesIcon{
  display:flex;
  width:52px;
  height:64px;
}

.viajesIcon img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

.viajesIconInternacional{
  width:65px;
  height:61px;
}

.viajesCardTitle{
  width:225px;
  margin-top:21px;
  font-size:22px;
  line-height:26px;
  letter-spacing:-0.44px;
  font-weight:700;
  color:white;
}

.viajesCardTitleNacional{
  max-width:1006px;
}

.viajesCardTitle span{
  font-weight:700;
}

.viajesBoton{
  display:flex;
  width:fit-content;
  height:44px;
  margin-top:23px;
  border:1.1px solid white;
  border-radius:23.161px;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-decoration:none;
  color:white;
  font-size:16px;
  line-height:19px;
  letter-spacing:0px;
  font-weight:600;
  transition:all 0.25s ease;
}

.viajesBoton img{
  width:12.8336px;
  height:13.128px;
  object-fit:contain;
  object-position:center;
}

.viajesBoton:hover{
  transform:translateY(-2px);
  background-color:rgba(255,255,255,0.12);
}

@media(max-width:1200px){
  .viajes{
    padding:49px 0px 69px 0px;
  }

  .viajesContainer{
    gap:45px;
  }

  .viajesTitle{
    max-width:329px;
    font-size:23.13px;
    line-height:25.18px;
    letter-spacing:-1.39px;
  }

  .viajesSubtitle{
    max-width:598px;
    margin-top:17px;
    font-size:11.71px;
    line-height:16.4px;
  }

  .viajesCards{
    gap:5px;
  }

  .viajesCard{
    height:331px;
  }

  .viajesCardInfo{
    width:132px;
  }

  .viajesIcon{
    width:30.5px;
    height:37.3px;
  }

  .viajesIconInternacional{
    width:38px;
    height:35.7px;
  }

  .viajesCardTitle{
    width:132px;
    margin-top:13px;
    font-size:12.88px;
    line-height:15.23px;
    letter-spacing:-0.26px;
  }

  .viajesCardTitleNacional{
    width:121px;
  }

  .viajesBoton{
    width:112px;
    height:25.8px;
    margin-top:13px;
    border-radius:13.58px;
    font-size:9.37px;
    line-height:14.64px;
    gap:7px;
  }

  .viajesBoton img{
    width:7.52px;
    height:7.69px;
  }
}

@media(max-width:700px){
  .viajes{
    padding:62px 0px 70px 0px;
  }

  .viajesContainer{
    gap:42px;
  }

  .viajesTop{
    padding:0px 25px;
  }

  .viajesTitle{
    max-width:360px;
    font-size:32px;
    line-height:35px;
    letter-spacing:-1.9px;
  }

  .viajesSubtitle{
    max-width:360px;
    margin-top:18px;
    font-size:16px;
    line-height:23px;
  }

  .viajesCards{
    flex-direction:column;
    gap:16px;
  }

  .viajesCard{
    height:390px;
  }

  .viajesCardInfo{
    width:225px;
  }

  .viajesIcon{
    width:44px;
    height:54px;
  }

  .viajesIconInternacional{
    width:56px;
    height:52px;
  }

  .viajesCardTitle{
    width:225px;
    margin-top:18px;
    font-size:20px;
    line-height:24px;
    letter-spacing:-0.4px;
  }

  .viajesCardTitleNacional{
    width:206px;
  }

  .viajesBoton{
    width:178px;
    height:44px;
    margin-top:22px;
    border-radius:22px;
    font-size:14px;
    line-height:18px;
    gap:12px;
  }

  .viajesBoton img{
    width:11px;
    height:11px;
  }
}

@media(max-width:1200px) and (min-width:701px){
  .viajes{
    padding:84px 0px 94px 0px;
  }

  .viajesContainer{
    gap:56px;
  }

  .viajesTop{
    padding:0px 54px;
  }

  .viajesTitle{
    max-width:560px;
    font-size:38px;
    line-height:42px;
    letter-spacing:-1.8px;
  }

  .viajesSubtitle{
    max-width:640px;
    margin-top:20px;
    font-size:17px;
    line-height:25px;
  }

  .viajesCards{
    gap:8px;
  }

  .viajesCard{
    height:455px;
  }

  .viajesCardInfo{
    width:220px;
  }

  .viajesIcon{
    width:45px;
    height:55px;
  }

  .viajesIconInternacional{
    width:57px;
    height:54px;
  }

  .viajesCardTitle{
    width:220px;
    margin-top:18px;
    font-size:20px;
    line-height:24px;
    letter-spacing:-0.3px;
  }

  .viajesCardTitleNacional{
    width:210px;
  }

  .viajesBoton{
    width:178px;
    height:42px;
    margin-top:22px;
    border-radius:22px;
    font-size:15px;
    line-height:18px;
    gap:12px;
  }

  .viajesBoton img{
    width:11px;
    height:11px;
  }
}

.viajesBoton{
  width:fit-content;
  height:auto;
  padding:11.5px 24px;
  line-height:19px;
  gap:12px;
}

@media(max-width:1200px){
  .viajesBoton{
    width:fit-content;
    height:auto;
    padding:8.78px 16px;
    line-height:14.64px;
    gap:7px;
  }
}

@media(max-width:700px){
  .viajesBoton{
    width:fit-content;
    height:auto;
    padding:11.9px 22px;
    line-height:18px;
    gap:12px;
  }
}

@media(max-width:1200px) and (min-width:701px){
  .viajesBoton{
    width:fit-content;
    height:auto;
    padding:10.9px 22px;
    line-height:18px;
    gap:12px;
  }
}