*{
margin: 0;
padding: 0;
outline: 0;
box-sizing: border-box;
text-decoration: none;
}
:root{
  --facebook: #3b5999;
  --whatsapp: #25d366;
  --azul: #150e56;
  --titulo-b: #262058;
  --guindo: #7b113a;
  --celeste: #1597bb;
  --aqua: #a8d3f7;
  --txt-b: #1e272e;
  --txt-p: #444974;
  --txt-w: #ffffff;
  --txt-g: #d08e39;
}
html{
font-size: 62.5%;
}
p {
font-family: 'Lato', sans-serif;
font-size: 1.9rem;
color: rgb(68, 73, 116);
}
span{
  font-family: 'Merriweather Sans', sans-serif;
  font-size: 2rem;
  color: var(--titulo-b);
}
h1{
font-family: 'Merriweather Sans', sans-serif;
font-size: 3rem;
color: var(--titulo-b);
}
h2{
font-family: 'Merriweather Sans', sans-serif;
font-size: 2.8rem;
color: var(--titulo-b);
}
h3{
font-family: 'Merriweather Sans', sans-serif;
font-size: 2.3rem;
color: var(--titulo-b);
}
h4{
font-family: 'Merriweather Sans', sans-serif;
font-size: 1.2rem;
}
      @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: 40vw;
  height: 8vh;
  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: 1.7rem;
  font-weight: bold;
  text-align: center;
}
.linea{
  width: 100%;
  height: 3px;
  border: none;
  background-color: var(--aqua);
}

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

.menu{
  display: none;
}

.cabecera{
  width: 100%;
  height: 100vh;
  position: relative;
}
.capa__head{
  width: 100%;
  height: 84vh;
  background: rgba(30, 39, 46, 0.55);
  position: absolute;
  top: 16vh;
  z-index: 500;
}
      .portada__slider{
        width: 100%;
        height: 84vh;
        overflow: hidden;
        position: absolute;
        top: 16vh;
      }
            .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{
                          display: none;

                        }

            .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: 16vh;
          position: fixed;
          display: flex;
          flex-direction: row-reverse;
          justify-content: space-evenly;
          align-items: center;
          flex-wrap: wrap;
          z-index: 750;
          transition: .5s all ease-out;
          background-color: #fff;
        }
              .logo{
                width: 60%;
                height: 16vh;
                position: relative;
                transition: .5s all ease-out;
              }
                    .logo img{
                      width: 100%;
                      height: 100%;
                      padding-top: 1vh;
                      object-fit: contain;
                    }
      .contenido__cabecera.stiky{
        width: 100%;
        height: 12vh;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
        z-index: 1000;
        background-color: var(--celeste);
        transition: .5s all ease-out;
      }
      .stiky .logo{
        width: 60%;
        height: 100%;
        }
              .stiky .logo img{
                width: 100%;
                height: 100%;
                padding-top: 1vh;
                object-fit: contain;
              }
  .menu_mobile{
    position:relative;
    top: 0px;
    width: 100%;
    height: 100vh;
    left: -100%;
    text-align: center;
    display: flex;
    justify-content: center;
    background-color: rgba(19, 19, 19, 0.91);
    transition: .5s all ease-out;
    z-index: 1200;
  }
      .menu_mobile ul{
        width: 100%;
        height: 85vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        list-style: none;
        transition: .5s all ease-out;
      }
            .menu_mobile ul li{
              margin-bottom: 8vh;
              font-family: 'Lato', sans-serif;
              font-size: 2.5rem;
              font-weight: bold;
            }
                  .menu_mobile ul li a{
                    color: rgb(204, 204, 204);
                  }
                  .menu_mobile ul li a:hover{
                    color: rgb(255, 255, 255);
                  }
                  .menu_mobile ul li a.selected, a:active{
                    color: rgb(255, 255, 255);
                    transition: 0.6s;
                  }
    .checkbtn{
    font-size: 4rem;
    position: relative;
    }
    #check{
      display: none;
    }
    #check:checked ~ .menu_mobile{
      left: 0;
      position: relative;
    }
    .animate__bounce{
      animation-delay: 2s;
      animation-duration: 2s;
    }


@media screen and (max-width:736px) and (orientation:landscape) {
  .cabecera{
    height: 22vh;
  }
  .logo{
    width: 14%;
    height:100%;
    display: flex;
    align-items: center;
  }
.cabecera.stiky{
height: 17vh;
}
      .stiky .logo{
      width: 11%;
      }
.conten__slider{
  width: 70%;
  height: 80vh;
  top: 25%;
  left: 12%;
  z-index: 750;
}
      .conten__slider p{
        margin-top: 4vh;
        color: var(--txt-w);
        text-align: left;
      }
      .conten__slider .slider__link{
        margin-top: 4vh;
      }
      .checkbtn{
      font-size: 4rem;
      }
}



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







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







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




/***************************** CINTILLA ********************************/

.cintilla {
  width: 100%;
  height: auto;
  margin: 10vh 0;
  display: flex;
  justify-content: center;
}

.texto__presentacion {
  width: auto;
  height: auto;
  text-align: center;
}

.texto__presentacion span {
  text-align: center;
  font-size: 2.5rem;
}

.texto__presentacion span em {
  font-size: 3.2rem;
}



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


.inicio__down {
  width: 100%;
  height: auto;
}

.capa__down {
  width: 100%;
  height: 130vh;
  background: rgba(30, 39, 46, 0.55);
  position: absolute;
  z-index: 500;
}

.down__img {
  width: 100%;
  height: 130vh;
}

.down__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}





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




footer {
  width: 100%;
  height: auto;
  background-color: rgb(0, 0, 0);
}

      .contenido__footer {
        width: 100%;
        height: auto;
        padding: 5vh 0;
        display: flex;
        flex-direction: column;
        align-items: center;
      }

                  .contenido__footer div h2 {
                    width: 90%;
                    text-align: center;
                    font-family: 'Lato', sans-serif;
                    font-size: 2rem;
                    color: var(--txt-w);
                    margin-top: 1em;
                  }

                  .contenido__footer div pre {
                    width: 90%;
                    text-align: center;
                    font-family: 'Lato', sans-serif;
                    font-size: 2rem;
                    font-weight: bold;
                    color: var(--txt-w);
                    letter-spacing: 1px;
                    margin-top: 1em;
                  }

            .footer__informacion {
              width: 100%;
              height: auto;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
            }

            .footer__complementario {
              width: 100%;
              height: auto;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
            }

            .footer__complementario h2 {
              width: 45%;
              text-decoration: underline;
            }

      .firma {
        width: 100%;
        height: auto;
        padding: 1em;
        text-align: center;
        color: #fff;
      }

      .firma h4 {
        color: var(--txt-w);
            }





/************************************* 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 ***************************************/




.historia{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
      .historia h2{
        width: 85%;
        font-size: 3rem;
        margin-top: 20vh;
        text-align: center;
      }
      .historia p{
        width: 85%;
        margin-top: 5vh;
        text-align: justify;
      }
      .img__historia {
        width: 85%;
        height: auto;
        margin: 5vh 0;
      }
            .img__historia img {
              width: 100%;
              height: 100%;
              object-fit: contain;
            }




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




.mision {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
}

      .eq__departamento {
        width: 85%;
        height: auto;
        margin-bottom: 10vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
            .mision__parrafo{
              width: 100%;
              margin-top: 26vh;
              text-align: justify;
            }

            .img__departamento {
              width: 100%;
              height: 60vh;
              margin: 10vh 0 7vh 0;
              border-radius: 8px;
            }

            .img__departamento img {
              width: 100%;
              height: 100%;
              object-fit:  cover;
              border-radius: 8px;
            }

      .box__eq {
        width: 85%;
        margin-top: 3vh;
      }

            .box__eq h3 {
              margin-bottom: 2vh;
              color: var(--titulo-b);
            }

            .box__eq p {
              text-align: justify;
            }

            .box__eq ul {
              margin-left: 5%;
              color: var(--azul);
            }



@media screen and (max-width:330px){
.departamento{
  height: 120vh;
}
      .img__departamento{
        height: 120vh;
      }
            .img__departamento img{
              height: 120vh;
            }
      .eq__departamento{
        height: 120vh;
      }
}

@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;
        }
}


/********************************** FILOSOFIA ***********************************/

/********************************** FILOSOFIA ***********************************/




.filosofia {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

      .filosofia h2{
        margin-top: 26vh;
      }
      .intro__filosofia {
        width: 100%;
        height: auto;
        margin-top: 3em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

            .intro__filosofia span {
              width: 85%;
              font-family: 'Lato', sans-serif;
              color: rgb(68, 73, 116);
              text-align: justify;
            }

            .img__filosofia {
              margin-top: 3em;
              width: 85%;
              height: auto;
              border-radius: 8px;
            }

            .img__filosofia img {
              width: 100%;
              height: 100%;
              border-radius: 8px;
              object-fit: cover;
            }

      .filosofia__txt {
        width: 85%;
        height: auto;
        margin: 10vh 0;
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .box__filosofia {
        margin-bottom: 3vh;
        /* box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); */
      }

      .box__filosofia h3 {
        color: rgb(208, 142, 57);
        font-size: 2rem;
      }

      .box__filosofia p {
        text-align: left;
        margin-top: 2vh;
      }

      .box__filosofia hr {
        margin: 2vh 0;
      }

@media screen and (width:1280px) and (height:800px) and (orientation:landscape) {
  .razones {}
}




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




.negocio__rdcial, .negocio__industrial {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}

      .residencial {
        width: 85%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
            .residencial h2 {
              width: 60%;
              margin-top: 26vh;
              text-align: center;
            }

            .residencial p {
              width: 85%;
              margin-top: 5vh;
              text-align: justify;
            }

            .residencial__pic {
              width: 85%;
              height: auto;
              display: flex;
              flex-direction: column;
              justify-content: center;
            }

                  .img__rdcial {
                    width: 100%;
                    height: auto;
                    margin-top: 5vh;
                  }

                  .img__rdcial img {
                    width: 100%;
                    height: auto;
                    object-fit: cover;
                  }

            .residencial, span {
              font-family: 'Merriweather Sans', sans-serif;
              font-size: .9rem;
              margin: 3vh 0;
            }

.negocio__industrial {}




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

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


.map__cont {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

      .contacto__informacion {
        width: 85%;
        height: auto;
        margin-top: 20vh;
        text-align: center;
      }
            .contacto__informacion h2 {
              font-family: 'Lato', sans-serif;
              font-size: 1.8rem;
              margin-top: 2vh;
            }

iframe {
  width: 90%;
  margin-top: 7vh;
  border-radius: 10px;
  box-shadow: 0px 5px 5px 3px rgba(0, 0, 0, 0.5);
}

.contacto {
  width: 100%;
  height: auto;
  padding: 0 0 10vh 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.tit_contacto{
  width: 90%;
  margin: 7vh 0 5vh 0;
}
      .tit_contacto h3{
        text-align: center;
        color: var(--txt-g);
      }

.formContact {
  width: 85%;
  height: 60vh;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

.infoUsuario {
  width: 90%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.infoUsuario p {
  width: 100%;
  height: 12%;
  margin-bottom: 4vh;
  display: flex;
  justify-content: center;
}

.infoUsuario textarea {
  width: 100%;
  height: 200%;
  resize: none;
  border-width: 2px;
  border-color: rgb(182, 163, 223);
  border-radius: 5px;
}

.infoUsuario input {
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-top-style: solid;
  border-color: rgb(182, 163, 223);
  border-radius: 5px;
}

.infoUsuario p input {
  padding-left: 5%;
  font-size: 1rem;
}

.infoUsuario p textarea {
  padding-left: 5%;
  font-size: 1rem;
  padding-top: 1vh;
}

form.formContact button {
  font-weight: 600;
  font-size: 18px;
  margin-top: 6vh;
  color: rgb(157, 126, 222);
  width: 45%;
  height: 100%;
  border-color: rgb(182, 163, 223);
  border-radius: 5px;
  cursor: pointer;
  transition: all 300ms ease-out;
}

form.formContact button:hover {
  transform: scale(1.1);
}


@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;
  }
}