*{
margin: 0;
padding: 0;
outline: 0;
box-sizing: border-box;
text-decoration: none;
}
:root{
  --facebook: #3b5999;
  --whatsapp: #25d366;
  --azul: #161A30;
  --titulo-b: #262058;
  --guindo: #B6BBC4;
  --celeste: #31304D;
  --aqua: #F0ECE5;
  --txt-b: #1e272e;
  --txt-p: #444974;
  --txt-w: #ffffff;
}
html{
font-size: 62.5%;
}

h1{
  font-family: 'rubik', sans-serif;
  font-size: 3.2rem;
  text-align: justify;
  letter-spacing: 3px;
  color: var(--titulo-b);
}
h2{
  font-family: 'rubik', sans-serif;
  font-size: 3rem;
  letter-spacing: 2px;
  color: var(--titulo-b);
  text-align: justify;
}
h3{
  font-family: 'rubik', sans-serif;
  font-size: 2.8rem;
  color: var(--titulo-b);
  letter-spacing: 2px;
}
h4{
  font-family: 'rubik', sans-serif;
  font-size: 1.8rem;
  letter-spacing: 2px;
}
p{
  font-family: 'roboto', sans-serif;
  font-size: 2.4rem;
  color: var(--titulo-b);
  text-align: justify;
  letter-spacing: 1px;
}
span{
  font-family: 'roboto', sans-serif;
  font-size: 2.6rem;
  color: var(--titulo-b);
  text-align: justify;
  letter-spacing: 0.5px;
}

      @media screen and (min-width:410px) and (max-width:736px){
        p{
          font-size:2rem;
          color: rgb(68, 73, 116);
        }
        span{
          font-size:2.2rem;
        }
      }



.slider__link{
  width: 50vw;
  height: 8vh;
  border-radius: 8px;
  display: flex;
  align-self: center;
  justify-content: center;
  align-items: center;
  background: var(--azul);
  color: var(--guindo);
  font-family: 'lato', sans-serif;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.5px;
}



.head{
  width: 100%;
  height: 13vh;
  display: flex;
  justify-content: space-around;
  flex-direction: row-reverse;
  align-items: center;
  flex-wrap: wrap;
  position: fixed;
  background: var(--azul);
  z-index: 1000;
}
     
      .head .capa__head{
        display: none;
      }
      .head .cabecera{
        display: none;
      }
      .head .contenido__cabecera{
        display: none;
      }
      .head .cabeceraMovil{
        width: 100%;
        height: 13vh;
        display: flex;
        justify-content: space-around;
        flex-direction: row-reverse;
        align-items: center;
        flex-wrap: wrap;
        position: fixed;
        z-index: 1000;
      }
      .head .cabeceraMovil .logo{
        width:52%;
        height: 10vh;
        /* line-height: 13vh; */
        background-image: url("../img/LSims2.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
      }
      .head .cabeceraMovil ul{
        position:relative;
        width: 100%;
        height: 100vh;
        left: -100%;
        text-align: center;
        background-color: rgba(30, 39, 46, 0.9);
        transition: all .5s;
      }
            .cabeceraMovil ul li{
              width: 100%;
              line-height: 13vh;
              position: relative;
            }
            .cabeceraMovil ul li a{
              color: var(--aqua);
              font-size: 2.2rem;
              text-transform: uppercase;
            }
            .cabeceraMovil ul li a.selected, a:active{
              color:var(--aqua);
              font-size:3rem;
              font-weight: 600;
              transition: all 0.1s;
            }
            .cabeceraMovil .checkbtn{
              font-size: 4rem;
              line-height: 13vh;
              position: relative;
              color: var(--guindo);
            }
      #check{
        display: none;
      }
      #check:checked ~ ul{
        left: 0;
        position: relative;
      }
      .head .cabeceraMovil .animate__bounce{
        animation-delay: 1s;
        animation-duration: 2s;
      }





      #TPortadaMovil{
        width: 100%;
        height:100vh;
        margin-top: auto;
        display: flex;
        justify-content: center;
        align-items: flex-end;
      }
          .img_name{
            display: none;
          }
          .portadaMovil{
            width: 100%;
            height: 100%;
            position: absolute;
          }
                .portadaMovil img{
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                }
          .textoMovil{
            width: 100%;
            height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background: rgba(30, 39, 46, 0.753);
            position: absolute;
            opacity: .88;
          }
          .textoMovil div{
            width: 90%;
            height: auto;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            position: relative;
          }
                /* .img_name2{
                  width: 100%;
                  height: 20vh;
                } */
                      .img_name2 img{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                      }
                .textoMovil div h2{
                  width: 80%;
                  height: auto;
                  margin: 4vh 0;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  text-align: center;
                  color: var(--guindo);
                  letter-spacing: 0.5px;
                }
      
                #TPortadaMovil div div .boton__textoMovil{
                  width: 80%;
                  height: 9vh;
                  background-color: var(--azul);
                  border-radius: 15px;
                  font-size: 2.9rem;
                  display: flex;
                  justify-content:  center;
                  align-items: center;
                  color: #d2dae2;
                }

                #TPortadaMovil div div .boton__textoMovil span{
                  width: 100%;
                  text-align: center;
                  font-size: 2.9rem;
                  align-items: center;
                  color: #d2dae2;
                  letter-spacing: 1px;
                }
      
      @media screen and (min-width:280px) and (orientation:landscape) {
        .head.cabeceraMovil{
          height: 20vh;
        }
              .img_name2{
                margin-top: 15vh;
              }
              .img_name2 img{
                width: 70%;
                height: 100%;
                object-fit: cover;
              }
      }


  
      








/**********************************PRESENTACION********************************/



.presentacion{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}
      .img__presentacion{
        display: none;
      }
      .texto__presentacion{
        width: 85%;
        height: auto;
        display: flex;
        flex-direction: column;
      }
            .texto__presentacion h1{
              text-align: center;
              margin-top: 10vh;
            }
            .texto__presentacion p{
              margin-top: 5vh;
            }
      .texto__presentacion .slider__link{
        display: flex;
        align-self: center;
        margin-top: 5vh;
        font-weight: bold;
      }



/******************************** SERVICIOS ***********************************/



.servicios{
  width: 100%;
  height: auto;
  margin-top: 15vh;
  display: flex;
  justify-content: center;
}
      .contenedor__servicios{
        width: 85%;
        height: auto;
        display: flex;
        flex-direction: column;
      }
            .contenedor__servicios h1{
              width: 100%;
              height: auto;
              margin-bottom: 5vh;
              text-align: center;
            }
            .caja__servicios{
              width: 100%;
              height: 14vh;
              margin-bottom: 2vh;
              display: flex;
              align-items: center;
              background-color: var(--guindo);
              border-radius: 8px;
            }
                  .caja__servicios img{
                    width: 20%;
                    height: 100%;
                    margin-left: 3vw;
                    object-fit: contain;
                  }
                  .caja__servicios h3{
                    font-size: 2.1rem;
                    margin-left: 4%;
                  }
            .contenedor__servicios .slider__link{
              margin-top: 3vh;
            }

@media screen and (max-width:330px){
  .caja__servicios h3{
    font-size: 1.8rem;
  }
}

@media screen and (max-width:619px) and (orientation:landscape){
.servicios{
  margin-top: 20vh;
}
.caja__servicios{
  height: 20vh;
}
      .caja__servicios img{
        height: 83%;
      }
}
@media screen and (min-width:620px) and (max-width:736px) and (orientation:landscape){
.caja__servicios{
  height: 30vh;
  margin-bottom: 3vh;
}
      .caja__servicios img{
        width: 12%;
      }
}



/******************************* GALERIA ******************************/



.galeria{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 15vh 0;
  
}
      .galeria h1{
        width: 50%;
        text-align: center;
        margin-bottom: .5em;
      }
      .galeria .conteiner__galeria{
        width: 80%;
        height: auto;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
      }
            .galeria .carrousel{
              width: 90%;
              height: auto;
              margin-top: 3vh;
              border-radius: 10px;
              overflow: hidden;
            }
                  .carrousel .caja__img, .caja__img2, .caja__img3, .caja__img4{
                    width: 300%;
                    border-radius: 10px;
                    display: flex;
                    flex-flow: row nowrap;
                    justify-content: space-between;
                    align-items: center;
                    overflow: hidden;
                    transition: all .5s ease;
                    transform: translateX(0%);
                  }

                        .carrousel img{
                          width: calc(100% / 3);
                          height: 33vh;
                          border-radius: 10px;
                          object-fit: cover;
                        }
                  .carrousel h2{
                    width: 100%;
                    padding-top: .4em;
                    text-align: center;
                  }

                  .carrousel .capa__galeria{
                    display: none;
                  }
                  .carrousel .puntos{
                    width: 100%;
                    margin: 1em 0 0;
                    display: flex;
                    flex-flow: row nowrap;
                    justify-content: center;
                    align-items: center;
                  }
                        .carrousel .punto, .punto2, .punto3, .punto4{
                          width: 2em;
                          height: 2em;
                          margin: .2em;
                          border-radius: 10px;
                          background-color: var(--azul);
                          cursor: pointer;
                        }
                        .carrousel .punto.activo{
                          background-color:var(--celeste);
                        }
                        .carrousel .punto2.activo{
                          background-color:var(--celeste);
                        }
                        .carrousel .punto3.activo{
                          background-color:var(--celeste);
                        }
                        .carrousel .punto4.activo{
                          background-color:var(--celeste);
                        }



/***************************** CONTADOR ********************************/



.cont{
  width: 100%;
  height: auto;
  margin-top: 15vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}
      .img__contador{
        display: none;
      }
      .capa__contador{
        width: 85%;
        height: auto;
      }
            .capa__contador h1{
              width: 100%;
              margin-bottom: 3vh;
              text-align: center;
            }
      .caja__contador{
        width: 85%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
            .contenido__contador{
              width: 100%;
              height: auto;
            }
            .contenido__contador p{
              margin-top: 3vh;
            }
      .conteos{
        width: 85%;
        height: auto;
        margin-top: 2vh;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
      }
            .contador{
              width: 47%;
              height: 15vh;
              margin-top: 3vh;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              border-radius: 8px;
              background-color: var(--azul);
            }
                  .cont__cantidad{
                    font-size: 3rem;
                    color: #fff;
                  }
                  .contador h3{
                    color: #fff;
                    margin-top: 1vh;
                    font-size: 2.1rem;
                  }

@media screen and (max-width:330px){
  .contador h3{
    font-size: 2rem;
  }
}

@media screen and (max-width:736px) and (orientation:landscape){
  .cont{
    margin-top: 20vh;
  }
        .contador{
          height: 30vh;
        }
}



/********************************** CONTACTANOS ********************************/




.contenido__contactanos{
  width: 100%;
  height: auto;
  margin-top: 15vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
      .contenido__contactanos span{
        width: 85%;
        text-align: center;
        color: var(--azul);
        font-weight: bold;
        font-size: 3.2rem;
        letter-spacing: .5px;
      }
      .contenido__contactanos p{
        width: 85%;
        height: auto;
        margin-top: 2vh;
        margin-bottom: 5vh;
      }






/********************************** FOOTER ********************************/




footer{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
      .contenido__footer{
        width: 85%;
        height: auto;
        margin-top: 5vh;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
            .box__footer{
              width: 85%;
              height: 100%;
              padding: 3% 0;
              margin-top: 3vh;
              display: flex;
              flex-direction: column;
              align-items: center;
              border-radius: 10px;
              background: var(--azul);
              box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.5);
            }

            .box__footer h3,ul{
              width: auto;
              height: auto;
              color: var(--txt-w);
              list-style: none;
              text-align: center;
            }
            .box__footer hr{
              width: 90%;
              height: 2px;
              margin: 1vh 0;
              border: none;
              background-color: var(--aqua);
            }
            .box__footer ul li{
              width: auto;
              margin-top:1vh;
              font-family: 'roboto', sans-serif;
              font-size: 1.8rem;
              color: rgb(252, 252, 252);
            }
                  .font__icon{
                    width: auto;
                    font-family: 'roboto', sans-serif;
                    font-size: 1.8rem;
                    color: rgb(202, 217, 252);
                    transition: all 300ms ease-out;
                  }
      footer hr{
        margin: 2vh 0;
      }
      .firma{
        width: 100%;
        height:8vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #fff;
      }
      .firma h4{
        color: var(--titulo-b);
      }
      .firma span{
        margin-top: 1vh;
        font-size: 1.2rem;
      }





/************************************* NOSOTROS ******************************** */

/************************************* NOSOTROS ******************************** */

/************************************* NOSOTROS ******************************** */


.head2{
  width: 100%;
  height: 13vh;
  display: flex;
  justify-content: space-around;
  flex-direction: row-reverse;
  align-items: center;
  flex-wrap: wrap;
  position: fixed;
  background: var(--azul);
  z-index: 2000;
}
      .head2 .img__cabecera{
        display: none;
      }
      .head2 .capa__head{
        display: none;
      }
      .head2 .cabecera{
        display: none;
      }
      .head2 .contenido__cabecera{
        display: none;
      }
      .head2 .cabeceraMovil{
        width: 100%;
        height: 13vh;
        display: flex;
        justify-content: space-around;
        flex-direction: row-reverse;
        align-items: center;
        flex-wrap: wrap;
        position: fixed;
        z-index: 1000;
      }
      .head2 .cabeceraMovil .logo{
        width:52%;
        height: 10vh;
        /* line-height: 13vh; */
        background-image: url("../img/LSims2.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
      }
      .head2 .cabeceraMovil ul{
        position:relative;
        width: 100%;
        height: 100vh;
        left: -100%;
        text-align: center;
        background-color: rgba(30, 39, 46, 0.9);
        transition: all .5s;
        position: relative;
      }
            
      .head2 .cabeceraMovil .animate__bounce{
        animation-delay: 1s;
        animation-duration: 2s;
      }



/********************************* HISTORIA ***************************************/


#portadaNosotros{
  width: 100%;
  height: 40vh;
  position: absolute;
}
      .capa__headNos{
        width: 100%;
        height: 40vh;
        margin-top: 13vh;
        position: absolute;
        z-index: 1000;
        background-color: rgba(30, 39, 46, 0.753);
      }
      .img__cabeceraNos{
        width: 100%;
        height: 100%;
        margin-top: 13vh;
        display: flex;
        justify-content: center;
        align-items: center;
        position:absolute;
      }
            .slider__imgNos{
              width: 100%;
              height: 100%;
              object-fit: cover;
              position: absolute;
            }
            .conten__portadaNos{
              width: 40%;
              height: auto;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              color: rgb(252, 252, 252);
              font-size: 20px;
              position: relative;
              top:10%;
              z-index: 1000;
            }
                  .conten__portadaNos h1{
                    color: var(--txt-w);
                    z-index: 1000;
                  }


.historia{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.historia h1{
  width: 90%;
  margin-top: 60vh;
  font-size: 2.8rem;
  text-align: center;

  color: var(--azul);
}
     .historia .box__h{
      margin-top:10vh;
       width: 90%;
       height: auto;
       padding: 2em;
              border:3px solid var(--azul);
              border-radius: 10px;
     }

            .historia .box__vision{
              margin-top: 3vh;
            }
           .historia h3{
             width: auto;
             text-align: center;
             font-size: 2.5rem;
           }
           .historia p{
             width: auto;
             height: auto;
             text-align: justify;
             margin-top: 4vh;
             margin-bottom: 3vh;
           }

           .box__h ul{
            margin-top: 4vh;
             margin-left: 7vw;
             list-style:none;
             text-align: left;
           }

           .box__h ul li{
             width: auto;
             font-family: 'roboto', sans-serif;
             font-size: 2.2rem;
             color: var(--azul);
           }
                 .font__icon2{
                   width: auto;
                   font-family: 'roboto', sans-serif;
                   font-size: 2.2rem;
                   color: var(--titulo-b);
                 }
           .historia a{
            margin-top: 5vh;
            width: 100%;
           }

           .historia .slider__link{
            width: 90%;
           }




/********************************** DEPARTMENT **********************************/




.departamento{
  width: 100%;
  height: 120vh;
  margin-top: 10vh;
  position: relative;
}
      .img__departamento{
        width: 100%;
        height: 120vh;
        position: absolute;
        z-index: 0;
      }
            .img__departamento img{
              width: 100%;
              height: 120vh;
              object-fit: cover;
            }
      .eq__departamento{
        width: 100%;
        height: 120vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: rgba(30, 39, 46, 0.85);
        position: absolute;
        z-index: 1;
      }
            .eq__departamento h2{
              width: 85%;
              height: auto;
              margin-bottom: 3vh;
              font-size: 3rem;
              text-align: center;
              color:var(--aqua);
            }
            .box__eq{
            width: 85%;
            height: auto;
            color: #fff;
          }
                  .box__eq h3{
                  color: var(--aqua);
                  margin-top: 2vh;
                }
                .box__eq p{
                  margin: 1vh 2vh;
                  color: #fff;
                }




@media screen and (max-width:310px){
.departamento{
  height: 180vh;
  background-color: #25d366;
}
      .img__departamento{
        height: 180vh;
      }
            .img__departamento img{
              height: 180vh;
            }
      .eq__departamento{
        height: 180vh;
      }
}

@media screen and (max-width:619px) and (orientation:landscape){
  .departamento{
    height: 175vh;
  }
        .img__departamento{
          height: 175vh;
        }
              .img__departamento img{
                height: 175vh;
              }
        .eq__departamento{
          height: 175vh;
        }
        .box__eq p{
          padding: 0 2vh;
          margin: 1vh 0vh 3vh 0;
        }
}
@media screen and (min-width:620px) and (max-width:736px) and (orientation:landscape){
  .departamento{
    height: 140vh;
  }
        .img__departamento{
          height: 140vh;
        }
              .img__departamento img{
                height: 140vh;
              }
        .eq__departamento{
          height: 140vh;
        }
        .eq__departamento h2{
          font-size: 3rem;
        }
        .box__eq p{
          padding: 0 2vh;
          margin: 1vh 0vh 3vh 0;
        }
}



/********************************** RAZONES ***********************************/



.razones{
  width: 100%;
  height: auto;
  margin-top: 15vh;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
      .intro__razones{
        width: 100%;
        height: auto;
        margin-top: 4vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
      }
            .img__razones{
              width: 85%;
              height: 85vh;
              border-radius: 10px;
              position: absolute;
            }
                  .img__razones img{
                    width: 100%;
                    height: 100%;
                    border-radius: 10px;
                    object-fit: cover;
                  }
            .titulo__intro{
              width: 85%;
              height: 85vh;
              padding: 6vh;
              border-radius: 10px;
              display: flex;
              flex-direction: column;
              justify-content: center;
              background-color: rgba(30, 39, 46, 0.85);
              position: relative;
            }
                  .titulo__intro span{
                    color: var(--aqua);
                  }
                  .titulo__intro p{
                    margin: 2vh 0 2vh 0;
                    color: var(--aqua);
                  }
            .contenido__razones{
              width: 85%;
              height: auto;
              display: flex;
              flex-direction: column;
            }

            .box__contenido p{
              margin: 1vh 2vh;
            }

@media screen and (max-width:330px){
  .img__razones{
    height: 85vh;
  }
  .titulo__intro{
    height: 85vh;
  }
}

@media screen and (max-width:619px) and (orientation:landscape){
  .razones{
    margin-top: 20vh;
  }
        .box__contenido p{
          padding: 0 2vh;
          margin: 1vh 0vh 3vh 0vh;
        }
        .img__razones{
          height: 95vh;
        }
        .titulo__intro{
          height: 95vh;
        }
        .titulo__intro p{
          margin: 2vh 0 4vh 0;
        }
}
@media screen and (min-width:620px) and (max-width:736px) and (orientation:landscape){
        .img__razones{
          height: 80vh;
        }
        .titulo__intro{
          height: 80vh;
          padding: 10vh;
        }
              .titulo__intro p{
                margin: 4vh 0 4vh 0;
              }
}


.contactanos2{
  width: 100%;
  height: auto;
  margin-top: 15vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
      .contactanos2 .img__contactanos2,.capa__contactanos2{
        display: none;
      }
      .contenido__contactanos2{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

      .contenido__contactanos2 span{
        width: 85%;
        text-align: center;
        color: var(--azul);
        font-weight: bold;
        font-size: 3.2rem;
        letter-spacing: .5px;
      }
      .contenido__contactanos2 p{
        width: 85%;
        height: auto;
        margin-top: 2vh;
        margin-bottom: 5vh;
      }


/************************************* SERVICIOS **********************************/

/************************************* SERVICIOS **********************************/

/************************************* SERVICIOS **********************************/







/******************************** PORTAFOLIO **********************************/




.portafolio{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
      .portafolio h1{
        width: 85%;
        height: auto;
        margin-top: 22vh;
        text-align: center;
      }
      .contenedor__portafolio{
        width: 85%;
        height: auto;
        margin-top: 2vh;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
            .caja__portafolio{
              width: 100%;
              height: auto;
              margin-top: 3vh;
              display: flex;
              flex-direction: column;
              border-radius: 10px;
              box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.5);
              position: relative;
            }
                  .caja__portafolio img{
                    width: 100%;
                    height: 33vh;
                    object-fit: cover;
                    border-radius: 10px;
                    position: absolute;
                  }
            .texto__portafolio{
              width: 100%;
              height: 33vh;
              padding: 0 2vh;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              border-radius: 10px;
              text-align: center;
              background-color: rgba(30, 39, 46, 0.70);
              position: relative;
            }
                  .texto__portafolio h3{
                    color: var(--aqua);
                  }
                  .texto__portafolio p{
                    margin-top: 3vh;
                    color: var(--aqua);
                  }


@media screen and (min-width:280px) and (orientation:landscape){
  .contenedor__portafolio{
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
        .caja__portafolio{
          width: 49%;
          height: 55vh;
        }
        .caja__portafolio img{
          height: 55vh;
        }
        .texto__portafolio{
          height: 55vh;
        }
}




/*********************************** CONTACTO *********************************/

/*********************************** CONTACTO *********************************/


.contacto{
  width: 100%;
  height: auto;
  padding: 0 7.5%;
  display: flex;
  flex-direction: column;
}
      .span__contacto{
        width: 100%;
        height: auto;
        margin-top: 20vh;
        margin-bottom: 10vh;
        padding: 0 5%;
        text-align: center;
      }
      .info__contacto{
        width: 100%;
        height: 60vh;
        padding: 3vh 3vw;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        background-color: rgba(188, 222, 227, 0.75);
      }
            .box__info{
              width: 100%;
              height: auto;
              display: flex;
              align-items: center;
            }
                  .box__info i{
                    font-size: 2.8rem;
                    color: var(--azul);
                    height: auto;
                    object-fit: contain;
                  }
                  .contenido__info{
                    width: 100%;
                    height: auto;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    margin-left: 20px;
                  }
                        .mail p{
                          font-size: 1.7rem;
                        }
                        .contenido__info p{
                          text-align: left;
                        }
                        .contenido__info span{
                          text-align: left;
                          font-size: 2rem;
                        }
      .formContact{
        width: 100%;
        height: 60vh;
        margin-top: 10vh;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        background-color: rgba(188, 222, 227, 0.75);
      }
            .infoUsuario{
              width: 90%;
              height:100%;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
            }
                  .infoUsuario p{
                    width: 100%;
                    height: 10%;
                    margin-bottom: 3vh;
                    display: flex;
                    justify-content: center;
                  }
                  .infoUsuario textarea{
                    width: 100%;
                    height: 200%;
                    resize: none;
                    border: none;
                    border-radius: 8px;
                    background-color: var(--aqua);
                  }
                .infoUsuario input{
                  width: 100%;
                  height: 100%;
                  border: none;
                  border-radius: 8px;
                  background-color: var(--aqua);
                }
                      .infoUsuario p input{
                        padding-left:5%;
                        font-size: 1rem;
                      }
                      .infoUsuario p textarea{
                        padding-left:5%;
                        font-size: 1rem;
                        padding-top: 1vh;
                      }

                form.formContact button{
                  width: 45%;
                  height: 100%;
                  margin-top: 6vh;
                  font-weight: 600;
                  font-size: 18px;
                  background-color: var(--azul);
                  font-weight: 600;
                  font-size: 18px;
                  color: var(--celeste);
                  border: none;
                  border-radius: 25px;
                  box-shadow: 0px 0px 8px #833471;
                  cursor: pointer;
                  transition: all 300ms ease-out;
                }
.map{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  border-radius: 10px;
}
      .map iframe{
        width: 85%;
        height: auto;
        border-radius: 10px;
        box-shadow: 0px 5px 5px 3px rgba(0, 0, 0, 0.5);
      }


@media screen and (max-width:736px) and (orientation:landscape){
  .info__contacto{
    height: 90vh;
    padding: 0vh 5vw;
  }
  .formContact{
    height: 80vh;
  }
  form.formContact button{
    margin-top: 10vh;
  }
}