*{
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%;
}
p {
  font-family: 'roboto', sans-serif;
font-size: 2.3rem;
color: var(--azul);
text-align: justify;
}
span{
  font-family: 'roboto', sans-serif;
  font-size: 2.4rem;
  color: var(--titulo-b);
}
h1{
font-family: 'rubik', sans-serif;
font-size: 3.6rem;
color: var(--titulo-b);
}
h2{
font-family: 'rubik', sans-serif;
font-size: 3.4rem;
color: var(--titulo-b);
}
h3{
font-family: 'rubik', sans-serif;
font-size: 2.6rem;
color: var(--titulo-b);
}
h4{
font-family: 'rubik', sans-serif;
font-size: 2.1rem;
}
      @media screen and (min-width:641px) and (max-width:823px) and (orientation:landscape){
        p{
          font-size:1.9rem;
        }
        span{
          font-size:1.9rem;
        }
        h1{
          font-size: 3rem;
        }
        h2{
          font-size: 2.8rem;
        }
        h3{
          font-size: 2rem;
        }
        h4{
          font-size: 1.5rem;
        }
      }

.slider__link{
  width: 40vw;
  height: 6vh;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-self: center;
  align-items: center;
  background: var(--guindo);
  color: var(--celeste);
  transition: .3s all ease-out;
  font-family: 'Lato', sans-serif;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
}
.linea{
  width: 100%;
  height: 5px;
  border: none;
  background-color: var(--aqua);
}


@media screen and (min-width:737px) and (max-width:1023px) and (orientation:landscape){
  .slider__link{
    width: 36vw;
    height: 10vh;
  }
}


.head{
  width: 100%;
  height: 100vh;
  position: relative;
}
.capa__head{
  width: 100%;
  height: 100%;
  background: rgba(30, 39, 46, 0.55);
  position: absolute;
  z-index: 500;
}
      .cabecera{
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: absolute;
      }
            .slider{
              width: 300%;
              display: flex;
              height: 100vh;
              margin-left: -100%;
            }
                  .slider__cabecera{
                    width: 100%;
                    height: auto;
                    display: flex;
                    justify-content: center;
                    position: relative;
                  }
                        .slider__img{
                          display: block;
                          width: 100%;
                          height: 100%;
                          object-fit: cover;
                        }
                        .conten__slider{
                          width: 70%;
                          height: 55vh;
                          display: flex;
                          flex-direction: column;
                          color: rgb(252, 252, 252);
                          position: absolute;
                          top: 30%;
                          left: 12%;
                          z-index: 750;
                        }
                              .conten__slider h2{
                                color: var(--txt-w);
                              }
                              .conten__slider p{
                                margin-top: 5vh;
                                color: var(--txt-w);
                                text-align: left;
                              }
                              .conten__slider .slider__link{
                                margin-top: 5vh;
                              }
            .slider__btn{
              position: absolute;
              width: 40px;
              height: 40px;
              border-radius: 50%;
              background: rgba(219, 228, 231, 0.6);
              top: 50%;
              transform: translateY(-50%);
              font-size: 35px;
              font-weight: bold;
              display: flex;
              justify-content: center;
              align-items: center;
              cursor: pointer;
              z-index: 1000;
              color: var(--guindo);
            }
            .slider__btn__left{
            left: 10px;
            }
            .slider__btn__right{
              right: 10px;
            }


.contenido__cabecera{
  width: 100%;
  height: 12vh;
  position: fixed;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  z-index: 750;
  transition: .5s all ease-out;
  background-color: var(--aqua);
}
      .checkbtn{
      display: none;
      }
      #check{
      display: none;
      }
      .contenido__cabecera .linea{
        display: none;
      }
      .logo{
        width:20%;
        height: auto;
        position: relative;
        transition: .5s all ease-out;
      }
            .logo img{
              width: 70%;
              height: auto;
              padding-top: 1vh;
              object-fit: ccontain;
            }
  .contenido__cabecera.stiky{
    width: 100%;
    height: 9vh;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    z-index: 1000;
    background-color: var(--azul);
    transition: .5s all ease-out;
  }
  .stiky .logo{
    width: 16%;
    height: 100%;
    }
          .stiky .logo img{
            width: 70%;
            height: auto;
            /* padding-top: 1vh; */
            object-fit: contain;
          }

          .stiky .menu ul li a{
            color: var(--aqua);
            transition: all 0.6s ease-in-out;
            font-size: 2rem;
          }
  .menu{
    width: 55%;
    height: auto;
    display: flex;
    justify-content: center;
  }
      .menu ul{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-evenly;
        list-style: none;
      }
            .menu ul li{
              font-family: 'Lato', sans-serif;
              font-size: 2.2rem;
              font-weight: bold;
            }
                  .menu ul li a{
                    color: var(--azul);
                    font-size: 2rem;
                    letter-spacing: 1px;
                  }
                  .menu ul li a.selected, a:active{
                    color: var(--txt-p);
                    transition: 0.6s;
                  }

      .media{
        width: 10%;
        height: 100%;
      }
            .media ul li:first-child{
              display: none;
            }
            .media ul{
              width: 100%;
              height: 100%;
              display: flex;
              justify-content: space-around;
              align-items: center;
              list-style: none;
            }
               .media ul li{
                 width: 45px;
                 height: 45px;
                 display: flex;
                 justify-content: center;
                 background: var(--azul);
                 box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
                 transition: .5s all ease-out;
               }
               .stiky .media ul li{
                 width: 45px;
                 height: 45px;
                 transition: .5s all ease-out;
               }
                   .media ul li a{
                     line-height: 45px;
                      font-size: 30px;
                      color: var(--aqua);
                      transition: .5s all ease-out;
                   }
                   .stiky .media ul li a{
                     line-height: 45px;
                     font-size: 30px;
                     transition: .5s all ease-out;
                   }
             /* .media ul li:first-child:hover{
               transform: translateY(-3px) scale(1.1);
               background: var(--facebook);
             } */
             .media ul li:nth-child(2):hover{
               transform: translateY(-3px) scale(1.1);
               background: var(--whatsapp);
             }

@media screen and (min-width:737px) and (max-width:1023px) and (orientation:landscape) {
  .contenido__cabecera{
    height: 22vh;
  }
  .logo{
    width: 14%;
    height:100%;
    display: flex;
    align-items: center;
  }
        .logo img{
          object-fit: contain;
        }
.contenido__cabecera.stiky{
height: 17vh;
}
      .stiky .logo{
      width: 11%;
      }

.stiky .media ul li{
  width: 35px;
  height: 35px;
}
    .media ul li a{
      line-height: 45px;
    }
    .stiky .media ul li a{
      line-height: 35px;
    }
}




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

#TPortadaMovil{
  display: none;
}


.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: 15vh;
            }
            .texto__presentacion p{
              margin: 4vh 0;
            }
      .texto__presentacion .slider__link{
        margin-top: 5vh;
      }



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



.servicios{
  width: 100%;
  height: auto;
  margin-top: 15vh;
  display: flex;
  justify-content: center;
}
      .contenedor__servicios{
        width: 85%;
        height: auto;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
      }
            .contenedor__servicios h1{
              width: 100%;
              height: auto;
              margin-bottom: 5vh;
              text-align: center;
            }
            .caja__servicios{
              width: 28vw;
              height: auto;
              margin-bottom: 2vh;
              padding: 0 1vw;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              border-radius: 10px;
            }
                  .caja__servicios img{
                    width: 80%;
                    height: auto;
                    object-fit: contain;
                  }
                  .caja__servicios h3{
                    margin-top: 1vh;
                    text-align: center;
                    font-size: 1.5rem;
                  }
            .contenedor__servicios .slider__link{
              margin-top: 3vh;
            }

@media screen and (min-width:737px) and (max-width:1023px) and (orientation:landscape){
.servicios{
  margin-top: 20vh;
}
            .caja__servicios{
              height: 33vh;
              margin-bottom: 3vh;
            }
                  .caja__servicios img{
                    width: 18%;
                  }
}



/******************************* 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: 40%;
              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:var(--aqua);
                  }
                  .contador h3{
                    color: var(--aqua);
                    margin-top: 1vh;
                    font-size: 2.1rem;
                  }


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



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




      .contenido__contactanos{
        width: 85%;
        height: 100%;
        margin-top: 25vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
      }
            .contenido__contactanos span{
              text-align: center;
              font-size: 2.8rem;
              color: var(--azul);
            }
            .contenido__contactanos p{
              margin: 3vh 0 5vh 0;
              font-size: 2rem;
              text-align: center;
              color: var(--azul);
            }


@media screen and (min-width:737px) and (max-width:1023px) and (orientation:landscape){
  .img__contactanos{
    height: 65vh;
  }
  .capa__contactanos{
    height: 65vh;
  }
}


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




footer{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
      .contenido__footer{
        width: 85%;
        height: auto;
        margin-top: 15vh;
        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: 4px;
              margin: 1vh 0;
              border: none;
              background-color: var(--aqua);
            }
            .box__footer ul li{
              width: auto;
              margin-top:1vh;
              font-family: 'Lato', sans-serif;
              font-size: 1.8rem;
              color: rgb(252, 252, 252);
            }
                  .font__icon{
                    width: auto;
                    font-family: 'Lato', sans-serif;
                    font-size: 1.8rem;
                    color: rgb(202, 217, 252);
                    transition: all 300ms ease-out;
                  }
      footer hr{
        margin: 4vh 0 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: 2.1rem;
      }

@media screen and (min-width:737px) and (max-width:1023px) and (orientation:landscape){
  .contenido__footer{
    margin-top: 30vh;
  }
}



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

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

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




.head2{
  width: 100%;
  height: 70vh;
  position: relative;
}
      .img__cabecera{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
      }
            .slider__img{
              width: 100%;
              height: 100%;
              object-fit: cover;
              position: absolute;
            }
            .conten__portada{
              width: 40%;
              height: auto;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              color: rgb(252, 252, 252);
              position: relative;
              top:10%;
              z-index: 750;
            }
                  .conten__portada h1{
                    color: var(--txt-w);
                  }




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


#portadaNosotros{
  display: none;
}

.historia{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
     .historia .box__h{
      margin-top: 15vh;
       width: 85%;
       height: auto;
     }

            .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: 7vh;
             list-style:none;
           }

           .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: 70vw;
            height: 10vh;
           }




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




.departamento{
  width: 100%;
  height: 70vh;
  margin-top: 15vh;
  position: relative;
}
      .img__departamento{
        width: 100%;
        height: 70vh;
        position: absolute;
        z-index: 0;
      }
            .img__departamento img{
              width: 100%;
              height: 70vh;
              object-fit: cover;
            }
      .eq__departamento{
        width: 100%;
        height: 70vh;
        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: 3.4rem;
              text-align: center;
              color: var(--aqua);
            }
            .box__eq{
            width: 85%;
            height: auto;
            color: #fff;
          }
                  .box__eq h3{
                  color: var(--aqua);
                  margin-top: 1vh;
                }
                .box__eq p{
                  margin: 1vh 2vh;
                  color: #fff;
                }

@media screen and (min-width:737px) and (max-width:1023px) and (orientation:landscape){
  .departamento{
    height: 130vh;
  }
        .img__departamento{
          height: 130vh;
        }
              .img__departamento img{
                height: 130vh;
              }
        .eq__departamento{
          height: 130vh;
        }
        .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: 45vh;
              border-radius: 10px;
              position: absolute;
            }
                  .img__razones img{
                    width: 100%;
                    height: 100%;
                    border-radius: 10px;
                    object-fit: cover;
                  }
            .titulo__intro{
              width: 85%;
              height: 45vh;
              padding: 3vh;
              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: #fff;
                  }
            .contenido__razones{
              width: 85%;
              height: auto;
              display: flex;
              flex-direction: column;
            }
            .box__contenido p{
              margin: 1vh 2vh;
            }

@media screen and (min-width:737px) and (max-width:1023px) and (orientation:landscape){
  .img__razones{
    height: 70vh;
  }
  .titulo__intro{
    height: 70vh;
    padding: 10vh;
  }
}



.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;
        text-align: justify;
      }


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

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

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




.complementarios{
  width: 100%;
  height: auto;
  margin-top: 10vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}
      .complementarios h2{
        width: 85%;
        height: auto;
        margin-bottom: 2vh;
        text-align: center;
      }
      .box__complementarios{
        width: 85%;
        height: auto;
        display: flex;
        flex-direction: column;
      }
            .texto__complementarios{
              width: 100%;
              height: auto;
              margin-top: 3vh;
              padding: 3vh 3vh;
              display: flex;
              flex-direction: column;
              align-items: center;
              box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.5);
              border-radius: 10px;
            }
                  .texto__complementarios img{
                    width: 17%;
                    height: auto;
                    object-fit: contain;
                  }
                  .texto__complementarios div h3{
                    margin: 2vh 0;
                    text-align: center;
                  }


@media screen and (min-width:641px) and (max-width:823px) and (orientation:landscape){
  .texto__complementarios{
    margin-top: 5vh;
    padding: 4vh 3vw;
  }
        .texto__complementarios img{
          width: 12%;
        }
}


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




.portafolio{
  width: 100%;
  height: auto;
  margin-top: 15vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}
      .portafolio h1{
        width: 85%;
        height: auto;
        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:737px) and (max-width:1023px) and (orientation:landscape){
  .contenedor__portafolio{
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
        .caja__portafolio{
          width: 49%;
          height: 50vh;
          margin-top: 4vh;
        }
        .caja__portafolio img{
          height: 50vh;
        }
        .texto__portafolio{
          height: 50vh;
        }
}




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

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



.contacto{
  width: 100%;
  height: auto;
  margin: 7vh 0 7vh 0;
  padding: 0 7.5%;
  display: flex;
  flex-direction: column;
}
      .span__contacto{
        width: 100%;
        height: auto;
        margin-bottom: 10vh;
        padding: 0 5%;
        text-align: center;
      }
      .info__contacto{
        width: 100%;
        height: 40vh;
        padding: 3vh 5vw;
        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.6rem;
                    color: var(--azul);
                    height: auto;
                    object-fit: contain;
                  }
                  .contenido__info{
                    width: 90%;
                    height: auto;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    margin-left: 20px;
                  }
                        .contenido__info p{
                          text-align: left;
                        }
                        .contenido__info span{
                          text-align: left;
                          font-size: 2rem;
                        }
      .formContact{
        width: 100%;
        height: 50vh;
        margin-top: 6vh;
        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: 2vh;
                      }

                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;
                }
                form.formContact button:hover{
                  transform: scale(1.1);
                }
.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 (min-width:737px) and (max-width:1023px) and (orientation:landscape){
  .info__contacto{
    height: 90vh;
  }
  .formContact{
    height: 90vh;
  }
  form.formContact button{
    margin-top: 10vh;
  }
}