@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&family=Roboto:wght@100&display=swap');

body {

  font-family: 'Roboto', sans-serif;
  padding: 0rem;
  border: 0rem;
}



.compu {
  width: 120%;
}

.espaciado {
  position: relative;
  padding-top: 40%;
}

.banner-image2 {
  background-image: url('../img/HOME/HOME_ELEMENTS-06.png');
  background-size: cover;
}
.banner-image{
  background-image: url('../img/HOME/HOME_ELEMENTS-31.png ');
  background-size: cover; 
  position: relative;
}


.linea {
  background-image: url('linea.png');
  background-size: cover;
}
.banner-imageprueba {
  background-image: url('../img/HOME/HOME_ELEMENTS-31.png ');
  background-size: cover;
  height: 1010px;
}

.titulosoft {
  color: #695EFD;

  -webkit-text-stroke: 2px white;
  font-weight: bold;
  font-size: 80px;
  min-height: 400px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;


}



.psoft {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: black;
}

.textosoft {

  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: black;
  font-weight: bold;
  letter-spacing: .2rem;
}



.texto-principal {
  color: white;
  font-size: 80px;
  font-weight: bold;
  text-align: center;
}

.p-principalprueba {
  color: white;
  font-size: 30px;

}

.texto-principalprueba {
  color: white;
  font-size: 80px;
  margin-top: 35%;
  font-weight: bold;
  text-align: center;
}

.botona{

  margin-top: 3rem;
}
.botonp {
  margin-left: 50%;
  margin-right: 50%;

  margin-top: 1rem;
}


.p-principal {
  color: white;
  font-size: 25px;
  position: absolute;

  margin-left: 30rem;
  margin-top: 27rem;
}


.sombreado {

  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
  width: 5rem;
  margin-top: 3%;
}



.sombreado :hover {
  color: #695EFD;
  cursor: pointer;

}



.seccion-discover {
  background-image: url('../img/BLOG/BLOG_ENVELOPE_ELEMENTOS-02.png');
  background-size: cover;
}

.seccion-discover2 {
  background-image: url('../img/BLOG/BLOG_ENVELOPE_ELEMENTOS-01.png');
  background-size: cover;
}

.seccion-carrousel2 {
  background-image: url('../img/BRANDING/BRANDING_ENVELOPE_ELEMENTS-09.png');
  background-size: cover;


}
.seccion-landing {
  background-image: url('../img/PRICING/WEB_ENVELOPE_PRICING_ELEMENTS-03.png');
  background-size: cover;

}


.cardsmarketing {
  padding-bottom: 20px;
  padding-left: 20px;
}


.seccion-software {
  background-image: url('../img/SOFTWARE/WEB_ENVELOPE_SOFTWARE_ELEMENTS-08.png');
  background-size: cover;
  height: 800px;
}



.seccion-marketing {
  background-image: url('../img/MKT/WEB_ENVELOPE_MKT_ELEMENTS-02.png');
  background-size: 100%;

}

.seccion-experiencias {
  background-image: url('../img/HOME/HOME_ELEMENTS-34.png');
  background-size: 100%;
}

.seccion-pricing {
  background-image: url('../img/PRICING/WEB_ENVELOPE_PRICING_ELEMENTS-10.png');
  background-size: cover;
}



.nav1.inactive {
  display: none;
  transition: all 0.5s ease;
}

.scrol {
  height: 100px;
}

.acomodado {
  text-align: center;
  padding: 20px;
  font-weight: bold;
}


.containerPartners img {
  width: 350px;
  display: inline-block;
  padding-left: 50px;
  padding-right: 50px;
  padding: 80px;
}


.texto-principal1 {
  text-align: left;
  color: white;
  font-size: 20px;
  font-weight: bold;
  filter: brightness(100%);
  z-index:1;

}

.texto-card {
  text-align: justify;
  color: white;
  
  font-size: 17px;
}

.texto-card1 {
  text-align: left;
  color: white;
  font-size: 20px;
  font-weight: bold;
  
}

.texto-principal2 {
  text-align: center;
  margin-top: 2%;
  font-size: 14px;
}

.texto-principal3 {
  text-align: center;
  margin-top: 2%;
  margin-bottom: 2%;
  font-size: 30px;
  color: black;
  font-weight: bold;
  letter-spacing: .2rem;
}



.bg-negro {
  background-image: url('../img/LANDING/fondo.png');
  background-size: cover;
}

* {
  box-sizing: border-box;
}

.container {
  width: 95%;
  max-width: 900px;
  padding: 32px 64px;
  margin: auto;
}

.social {
  /*las imágenes usadas tienen width de 48px*/
  width: 48px;
  position: fixed;
  top: 50px;
  right: 150px;

  /*border:1px solid #000;*/
  top: 80%;
  height: 192px;
  /*para poner height 192 deberíamos haber indicado en el reset de estilos font-size:0;*/
  margin-bottom: 10px;

  position: fixed;
}

.centrado {
  text-align: center;
  font-weight: bold !important;
  align-items: center;
}

.titulo {
  color: #695EFD;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;

  font-size: 90px;
}


.titulo2 {
  color: #695EFD;
  font-weight: bold;
  text-align: center;

  font-size: 80px;
}

.titulo21 {
  color: #695EFD;
  font-weight: bold;
  text-align: center;
  margin-top: 100px;
  font-size: 80px;
}

.blog {
  color: #695EFD;
  margin: 12%;
  font-weight: bold;
  margin-top: 50%;
  font-size: 80px;
}

.branding {
  color: #695EFD;

  font-weight: bold;
  text-align: center;
  margin-top: 50%;
  font-size: 90px;
}

.brandingp {
  margin: 2%;
  color: black;
  text-align: justify;
  font-size: 20px;
}


.seccion-soluciones {
  background-image: url('../img/HOME/HOME_ELEMENTS-13.png');
  background-size: cover;
}



.seccion-carrousel {
  background-image: url('../img/HOME/HOME_ELEMENTS-14.png');
  background-size: cover;
height: 600px;
}

.seccioncarruselbold{
  
  text-align: center;
  margin-top: 2%;
  margin-bottom: 2%;
  font-size: 25px;
  color:#695EFD;
  font-weight: bold;
  letter-spacing: .2rem;
}


.seccion-carrousel p{
  
  margin-top: 15%;
  text-align: justify;
  
  font-size: 20px;
}


.seccion-carrousel img {
  cursor: pointer;
}

.container2 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.container3 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.container3 :hover {
  background-color: white;
  border-radius: .5rem;
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
}


.container2 :hover {
  background-color: white;
  border-radius: .5rem;
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
}

.card2 :hover {
  background-color: white;
  border-radius: .5rem;
  box-shadow: 0 0rem 0rem;
  cursor: pointer;
}

.card2 {
  border-radius: .5rem;
  display: flex;
  margin: 1.5rem;
  overflow: hidden;
  width: 30rem;
  height: 30rem;
  box-shadow: none;
  padding-bottom: 100px;

}

.cardsoftware {
  border-radius: .5rem;
  display: flex;
  margin: 1.5rem;
  overflow: hidden;
  width: 30rem;
  height: 30rem;
  box-shadow: none;

}


.cardsoftware h6 {
  opacity: 0.6;
  letter-spacing: .1rem;
  text-transform: uppercase;

  text-align: center;
}

.cardsoftware h2 {
  margin: 1rem 0;
  color: black;
  padding: 15px;
}

.cardsoftware :hover {
  background-color: white;
  border-radius: .5rem;
  box-shadow: 0 0rem 0rem;
  cursor: pointer;
}



.card3 {
  border-radius: .5rem;
  display: flex;
  margin: 1.5rem;
  overflow: hidden;
  width: 100%;
  height: 30rem;
  box-shadow: none;

}


.card2 h6 {
  opacity: 0.6;
  letter-spacing: .1rem;
  text-transform: uppercase;

  text-align: center;
}

.card2 h2 {
  margin: 1rem 0;
  color: var(black-text);
  padding: 15px;
}


.right-column {
  padding: 60px;
  width: 100%;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  text-align: center;

}

.right-column2 {
  padding-top: 60px;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;

  text-align: center;

}

.right-column2 p {
  font-size: 1.1rem;
  padding: 10px;
  text-align: center;
}

.right-column p {
  font-size: 1.1rem;

  padding: 10px;
  text-align: center;
}


.seccion-proyectosimg {
  width: 600px;

}

.seccion-proyectosimg2 {
  width: 800px;

}

.seccion-softimg img {
  width: 400px;

  display: block;
  width: 60%;
  margin-left: auto;
  margin-right: auto;

}

/*media queries*/

@media (max-width: 1030px) {
  .container2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    text-align: center;
  }

}

@media (max-width: 1588px) {
  .containerPartners img {
    width: 280px;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
  }

}

@media (max-width: 1556px) {

  .container3 {
    justify-content: center;
    align-items: center;
    padding: 0px;
  }
}

@media (max-width: 1518px) {

  .container3 {
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 1462px) {
  .containerPartners img {
    width: 260px;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
  }


  .seccion-proyectosimg2 {
    width: 900px;
  }

}

@media (max-width: 1361px) {
  .containerPartners img {
    width: 240px;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
  }


}


@media (max-width: 1320px) {
  .container2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}

@media (max-width: 1271px) {
  .containerPartners img {
    width: 230px;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
  }


  .seccion-proyectosimg {
    width: 400px;

  }

}

@media (max-width: 1220px) {
  .containerPartners img {
    width: 220px;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
    padding: 0px;
  }


  .seccion-proyectosimg {
    width: 500px;

  }

  .seccion-proyectosimg2 {
    width: 700px;

  }
}



@media (max-width: 1190px) {
  .containerPartners img {
    width: 200px;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
    padding: 0px;
  }

  .seccion-proyectosimg {
    width: 200px;

  }

  .seccion-proyectosimg {
    width: 400px;

  }

  .p-principalprueba{
    font-size: 25px;
  }


}

@media (max-width: 1066px) {
  .containerPartners img {
    width: 180px;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
    padding: 0px;
  }

  .seccion-carrousel p{
  
    margin-top: 15%;
    text-align: justify;
    
    font-size: 15px;
  }
 
  .seccioncarruselbold{
    
  margin-top: 2%;
  margin-bottom: 2%;
  font-size: 20px;
  letter-spacing: .2rem;
  }

.seccion-carrousel {
  background-image: url('../img/HOME/HOME_ELEMENTS-14.png');
  background-size: cover;
height: 100%;
}


  .seccion-proyectos img {
    width: 600px;
  }

  .social {
    /*las imágenes usadas tienen width de 48px*/
    width: 36px;
    position: fixed;
    top: 50px;
    right: 150px;

    /*border:1px solid #000;*/
    top: 80%;
    height: 170px;
    /*para poner height 192 deberíamos haber indicado en el reset de estilos font-size:0;*/

  }
}

@media (max-width: 990px) {
  .seccion-proyectosimg2 {
    width: 600px;

  }

}

@media (max-width: 990px) {
  .containerPartners img {
    width: 170px;
    display: inline-block;

    padding-left: 0px;
    padding-right: 0px;
  }

  .seccion-proyectos img {
    width: 700px;
  }
}

@media (max-width: 915px) {
  .containerPartners img {
    width: 150px;
    display: inline-block;

    padding-left: 0px;
    padding-right: 0px;
  }

  .titulo2 {
    color: #695EFD;
    font-weight: bold;
    text-align: center;

    font-size: 80px;
  }

}

@media (max-width: 815px) {
  .containerPartners img {
    width: 140px;
    display: inline-block;

    padding-left: 0px;
    padding-right: 0px;
  }


  .cardsmarketing {
    padding-bottom: 10px;
    padding-left: 20px;
  }
}

@media (max-width: 766px) {
  .containerPartners img {
    width: 126px;
    display: inline-block;

    padding-left: 0px;
    padding-right: 0px;
  }


  .seccion-proyectosimg {
    width: 600px;
  }

  .seccion-proyectosimg {
    width: 800px;
  }


  .cardsmarketing {
    padding-bottom: 10px;
    padding-left: 90px;
    width: 18rem;
  }


}

@media (max-width: 700px) {
  .containerPartners img {
    width: 110px;
    display: inline-block;

    padding-left: 0px;
    padding-right: 0px;
  }


  .titulo2 {
    color: #695EFD;
    font-weight: bold;
    text-align: center;

    font-size: 40px;
  }

  .cardsmarketing {
    padding-bottom: 10px;
    padding-left: 90px;
  }
}

@media (max-width: 620px) {
  .containerPartners img {
    width: 100px;
    display: inline-block;

    padding-left: 0px;
    padding-right: 0px;
  }


  .titulo2 {
    color: #695EFD;
    font-weight: bold;
    text-align: center;

    font-size: 40px;
  }

  

  .social {
    /*las imágenes usadas tienen width de 48px*/
    width: 40px;
    position: fixed;
    top: 50px;
    right: 150px;

    /*border:1px solid #000;*/
    top: 79%;
    height: 192px;
    /*para poner height 192 deberíamos haber indicado en el reset de estilos font-size:0;*/
    margin-bottom: 10px;

    position: fixed;
  }
}

@media (max-width: 563px) {
  .containerPartners img {
    width: 86px;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
  }

  .titulo2 {
    color: #695EFD;
    font-weight: bold;
    text-align: center;

    font-size: 40px;
  }

}

.seccion-proyectos img {
  width: 800px;
}


@media (max-width: 499px) {
  .containerPartners img {
    width: 76px;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
  }

  .titulo2 {
    color: #695EFD;
    font-weight: bold;
    text-align: center;

    font-size: 36px;
  }
}

@media (max-width: 450px) {
  .containerPartners img {
    width: 73px;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
  }

  .titulo2 {
    color: #695EFD;
    font-weight: bold;
    text-align: center;

    font-size: 32px;
  }

  .seccion-proyectos img {
    width: 800px;
  }

  .cardproyectos {
    width: 400px;
  }
  .texto-principalprueba{
    margin-top: 40%;
    font-size: 40px;
  }




}

@media (max-width: 430px) {
  .containerPartners img {
    width: 64px;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
  }

  .titulo2 {
    color: #695EFD;
    font-weight: bold;
    text-align: center;

    font-size: 40px;
  }

}

@media (max-width: 390px) {
  .containerPartners img {
    width: 58px;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
  }

  .titulo2 {
    color: #695EFD;
    font-weight: bold;
    text-align: center;

    font-size: 40px;
  }

  .social {
    /*las imágenes usadas tienen width de 48px*/
    width: 40px;
    position: fixed;
    top: 50px;
    right: 150px;

    /*border:1px solid #000;*/
    top: 85%;
    height: 192px;
    /*para poner height 192 deberíamos haber indicado en el reset de estilos font-size:0;*/
    margin-bottom: 10px;

    position: fixed;
  }

  .texto-principal3{
    text-align: center;
    margin-top: 2%;
    font-size: 18px;
    color:black;
    font-weight: bold;
}


.titulo2 {
  color: #695EFD;
  font-weight: bold;
  text-align: center;

  font-size: 30px;
}


}

@media (max-width: 355px) {
  .containerPartners img {
    width: 50px;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
  }

  .titulo2 {
    color: #695EFD;
    font-weight: bold;
    text-align: center;

    font-size: 30px;
  }

}

@media (max-width: 320px) {
  .containerPartners img {
    width: 45px;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
  }

  .titulo2 {
    color: #695EFD;
    font-weight: bold;
    text-align: center;

    font-size: 40px;
  }

}



.seccion-soluciones {
  background-image: url('../img/HOME/HOME_ELEMENTS-13.png');
  background-size: 100%;
}