*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html,
body{
  width:100%;
  min-height:100%;
  overflow-x:clip;
  font-family:"Montserrat", sans-serif;
  background-color:#F8FBFB;
}

body{
  color:#0B3636;
}

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

.nosotrosIntroFondo{
  display:flex;
  width:100%;
  height:508px;
  position:absolute;
  left:0;
  bottom:0;
  z-index:1;
  background-color:#59A691;
}

.nosotrosIntroContent{
  display:flex;
  width:100%;
  position:relative;
  z-index:2;
  flex-direction:column;
  align-items:center;
  padding:106px 103px 205px 103px;
}

.nosotrosIntroHeader{
  display:flex;
  width:100%;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.nosotrosIntroTitle{
  font-size:39.5px;
  line-height:43px;
  letter-spacing:-2.37px;
  font-weight:800;
  color:#0B3636;
}

.nosotrosIntroTitle span{
  color:#D80062;
}

.nosotrosIntroTexto{
  display:flex;
  width:100%;
  max-width:839px;
  margin-top:41px;
  flex-direction:column;
  align-items:center;
  gap:25px;
}

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

.nosotrosIntroCards{
  display:flex;
  width:100%;
  margin-top:105px;
  gap:15px;
}

.nosotrosIntroCard{
  display:flex;
  flex:1 1 0;
  height:432px;
  position:relative;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

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

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

.nosotrosIntroCardTexto{
  display:flex;
  width:100%;
  max-width:422px;
  position:absolute;
  z-index:3;
  flex-direction:column;
  align-items:center;
  text-align:center;
  color:white;
}

.nosotrosIntroCardTexto h2{
  font-size:24px;
  line-height:30px;
  letter-spacing:-0.48px;
  font-weight:700;
  color:white;
}

.nosotrosIntroCardTexto p{
  width:100%;
  margin-top:22px;
  font-size:14px;
  line-height:24px;
  letter-spacing:0;
  font-weight:500;
  color:white;
}

@media(max-width:1200px){
  .nosotrosIntro{
    min-height:0;
  }

  .nosotrosIntroFondo{
    height:460px;
  }

  .nosotrosIntroContent{
    padding:104px 54px 130px 54px;
  }

  .nosotrosIntroTexto{
    max-width:760px;
    margin-top:46px;
    gap:22px;
  }

  .nosotrosIntroCards{
    margin-top:76px;
    gap:12px;
  }

  .nosotrosIntroCard{
    height:390px;
  }

  .nosotrosIntroCardTexto{
    max-width:310px;
    padding:0 18px;
  }

  .nosotrosIntroCardTexto h2{
    font-size:21px;
    line-height:27px;
  }

  .nosotrosIntroCardTexto p{
    margin-top:18px;
    font-size:13px;
    line-height:22px;
  }
}

@media(max-width:760px){
  .nosotrosIntro{
    padding:0;
  }

  .nosotrosIntroFondo{
    height:650px;
  }

  .nosotrosIntroContent{
    padding:96px 30px 82px 30px;
  }

  .nosotrosIntroTitle{
    font-size:35px;
    line-height:38px;
    letter-spacing:-1.9px;
  }

  .nosotrosIntroTexto{
    max-width:330px;
    margin-top:34px;
    gap:20px;
  }

  .nosotrosIntroTexto p{
    font-size:15px;
    line-height:23px;
  }

  .nosotrosIntroCards{
    max-width:390px;
    flex-direction:column;
    margin-top:62px;
    gap:14px;
  }

  .nosotrosIntroCard{
    width:100%;
    height:360px;
    flex:none;
  }

  .nosotrosIntroCardTexto{
    max-width:310px;
  }

  .nosotrosIntroCardTexto h2{
    font-size:22px;
    line-height:28px;
  }

  .nosotrosIntroCardTexto p{
    font-size:13px;
    line-height:21px;
  }
}

@media(max-width:420px){
  .nosotrosIntroContent{
    padding:92px 25px 76px 25px;
  }

  .nosotrosIntroTexto{
    max-width:320px;
  }

  .nosotrosIntroCards{
    max-width:340px;
  }

  .nosotrosIntroCard{
    height:335px;
  }

  .nosotrosIntroCardTexto{
    max-width:292px;
  }
}

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

  .nosotrosIntroFondo{
    height:760px;
  }

  .nosotrosIntroContent{
    padding:86px 54px 110px 54px;
  }

  .nosotrosIntroTitle{
    font-size:38px;
    line-height:42px;
    letter-spacing:-2.2px;
  }

  .nosotrosIntroTexto{
    max-width:660px;
    margin-top:34px;
    gap:22px;
  }

  .nosotrosIntroTexto p{
    font-size:17px;
    line-height:25px;
  }

  .nosotrosIntroCards{
    width:100%;
    max-width:560px;
    flex-direction:column;
    margin-top:64px;
    gap:18px;
  }

  .nosotrosIntroCard{
    width:100%;
    height:360px;
    flex:none;
  }

  .nosotrosIntroCardTexto{
    max-width:390px;
    padding:0 30px;
  }

  .nosotrosIntroCardTexto h2{
    font-size:24px;
    line-height:30px;
  }

  .nosotrosIntroCardTexto p{
    font-size:14px;
    line-height:22px;
  }
}