.intro{
  display:flex;
  width:100%;
  justify-content:center;
  align-items:center;
  padding:160px 40px 160px 40px;
  background-color:#F8FBFB;
  overflow:hidden;
}

.introContainer{
  display:flex;
  width:100%;
  max-width:1391px;
  justify-content:space-between;
  align-items:center;
  gap:100px;
}

.introImagen{
  display:flex;
  width:100%;
  max-width:650.205px;
  flex-shrink:0;
}

.introImagen img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}

.introTextos{
  display:flex;
  width:100%;
  max-width:641px;
  flex-direction:column;
  color:#0B3636;
}

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

.introTitle span{
  color:#59A691;
}

.introSubtitle{
  width:100%;
  max-width:606px;
  margin-top:19px;
  font-size:20px;
  line-height:28px;
  letter-spacing:0px;
  font-weight:600;
  color:#0B3636;
}

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

.introBoton{
  display:flex;
  width:316px;
  height:57px;
  margin-top:37px;
  border:1.1px solid #D80B6E;
  border-radius:28.5px;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-decoration:none;
  color:#0B3636;
  font-size:16px;
  line-height:25px;
  letter-spacing:0px;
  font-weight:600;
  transition:all 0.25s ease;
}

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

.introBoton:hover{
  transform:translateY(-2px);
  background-color:rgba(216,11,110,0.06);
}

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

  .introContainer{
    max-width:815px;
    gap:58px;
  }

  .introImagen{
    max-width:381px;
  }

  .introTextos{
    max-width:376px;
  }

  .introTitle{
    font-size:23.13px;
    line-height:25.18px;
    letter-spacing:-1.39px;
  }

  .introSubtitle{
    max-width:355px;
    margin-top:12px;
    font-size:11.71px;
    line-height:16.4px;
  }

  .introParrafo{
    margin-top:14px;
    font-size:9.37px;
    line-height:14.64px;
  }

  .introBoton{
    width:185px;
    height:33.4px;
    margin-top:21.7px;
    border-radius:16.7px;
    font-size:9.37px;
    line-height:14.64px;
    gap:14px;
  }

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

@media(max-width:700px){
  .intro{
    min-height:0;
    padding:62px 25px 70px 25px;
  }

  .introContainer{
    flex-direction:column;
    align-items:center;
    gap:34px;
  }

  .introImagen{
    max-width:360px;
  }

  .introTextos{
    max-width:360px;
  }

  .introTitle{
    font-size:32px;
    line-height:35px;
    letter-spacing:-1.9px;
  }

  .introSubtitle{
    margin-top:18px;
    font-size:16px;
    line-height:23px;
  }

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

  .introBoton{
    width:276px;
    height:51px;
    margin-top:30px;
    border-radius:25.5px;
    font-size:14px;
    line-height:20px;
    gap:12px;
  }

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

@media(max-width:1200px) and (min-width:701px){
  .intro{
    min-height:0;
    padding:86px 54px 92px 54px;
  }

  .introContainer{
    max-width:720px;
    flex-direction:column;
    align-items:flex-start;
    gap:44px;
  }

  .introImagen{
    max-width:620px;
  }

  .introTextos{
    max-width:680px;
  }

  .introTitle{
    font-size:38px;
    line-height:42px;
    letter-spacing:-1.8px;
  }

  .introSubtitle{
    max-width:620px;
    margin-top:18px;
    font-size:18px;
    line-height:26px;
  }

  .introParrafo{
    margin-top:22px;
    font-size:15px;
    line-height:24px;
  }

  .introBoton{
    width:300px;
    height:52px;
    margin-top:32px;
    border-radius:26px;
    font-size:15px;
    line-height:22px;
    gap:12px;
  }

  .introBoton img{
    width:12px;
    height:12px;
  }
}

.introBoton{
  width:fit-content;
  height:auto;
  padding:15px 27px;
  line-height:25px;
  gap:12px;
}

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

@media(max-width:700px){
  .introBoton{
    width:fit-content;
    height:auto;
    padding:14.5px 24px;
    line-height:20px;
    gap:12px;
  }
}

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