*{
margin: 0;
padding: 0;
outline: 0;
box-sizing: border-box;
text-decoration: none;
}

br{
  height: 0; width: 0;
}

:root{
  --facebook: #3b5999;
  --whatsapp: #25d366;
  
  --primario: #082032;
  --secundario:#FF4C29;
  --secundario2: #2C394B;
  --pendiente: #334756;
  

  --titulo-b: #262058;
  --guindo: #B6BBC4;
  --celeste: #31304D;
  --aqua: #F0ECE5;
  --txt-b: #1e272e;
  --txt-p: #444974;
  --txt-w: #ffffff;
}

body{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

html{
  font-size: 62.5%;
}


p{
  font-family: 'Roboto: wght @ 700', sans-serif;
  font-size: 1.7rem;
  line-height: 1.3;
  color: var(--primario);
  text-align: justify;
  }
span{
  font-family: 'Rubik', sans-serif;
  font-size: 2.2rem;
  line-height: 1.2;
  color: var(--primario);
}
h1{
  font-family: 'Roboto', sans-serif;
  font-size: 3.4rem;
  color:var(--primario);
  line-height: 1.2;
  letter-spacing: 1.3px;
}

h2{
  font-family: 'Roboto: wght @ 500', sans-serif;
  font-size: 3rem;
  color:var(--primario);
  letter-spacing: .5px;
}
h3{
  font-family: 'Roboto', sans-serif;
  font-size: 2.7rem;
  color:var(--primario);
  letter-spacing: .5px;
}
h4{
  font-family: 'Roboto', sans-serif;
  font-size: 1.8rem;
}

.slider__link{
  width: 60vw;
  height: 6vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--secundario);
  border-radius: 5px;
  text-align: center;
  color: var(--primario);
  font: bold 2.5rem 'Roboto',sans-serif;
  letter-spacing: 1px;
  transition: all 300ms ease-out;
  cursor: pointer;
  border: none;
}
      .slider__link a{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--primario);
        font: bold 2.5rem 'Roboto',sans-serif;
      }
      .slider__link:hover{
        transform: scale(1.08);
          overflow: hidden;
          transition: all 300ms ease-out;
      }


.link__articulo{
  font-family: 'Cantarell', sans-serif;
  font-style: normal;
  font-size: 1.7rem;
  font-weight: bold;
}



      @media screen and (min-width:410px) and (max-width:736px){
              p{
                font-size:2rem;
              }
            }


            
.cabecera{
  width: 100%;
  height: 13vh;
  display: flex;
  justify-content: space-around;
  flex-direction: row-reverse;
  align-items: center;
  flex-wrap: wrap;
  position: fixed;
  background: var(--txt-w);
  z-index: 1000;
}
      .portada{
        display: none;
      }
      .cabecera .logo{
        width: 50%;
        height: 95%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .6s ease-in-out;
        }
              .cabecera .logo img{
                width: 100%;
                height: auto;
                object-fit: contain;
                transition: all .6s ease-in-out;
              }
      .cabecera ul{
        position:relative;
        width: 100%;
        height: 55vh;
        margin-bottom: 0;
        left: -100%;
        text-align: center;
        background:#000000;
        opacity: 88%;
        transition: all 300ms ease-out;
      }
            .cabecera ul li{
              width: 100%;
              height: auto;
              line-height: 13vh;
              position: relative;
            }
            .cabecera ul li a{
              width: auto;
              height: auto;
              color: var(--txt-w);
              font: 20px 'Roboto',sans-serif;
              text-transform: uppercase;
            }
            .cabecera ul li a.selected, a:active{
              color: var(--secundario);
              transition: all 300ms ease-out;
            }

            .cabecera .cabecera_contacto{
              width: 100%;
              height: 25vh;
              left: -100%;
              top: 0;
              display: flex;
              justify-content: center;
              align-items: center;
              background:#000000;
              opacity: 88%;
              transition: all 300ms ease-out;
              position:relative;
            }
                  .cabecera .cabecera_contacto a{
                    width: 40%;
                    height:auto;
                    padding: .5vh 0;
                    font: 20px 'Roboto',sans-serif;
                    transition: all 0.5s ease-in-out;
                    background-color: var(--secundario);
                    border-radius: 5px;
                    text-align: center;
                    color: var(--primario);
                    }
            
      .checkbtn{
        font-size: 4rem;
        line-height: 13vh;
        position: relative;
        color: var(--secundario);
      }
      #check{
        display: none;
      }
      #check:checked ~ ul{
        left: 0;
        position: relative;
      }
      #check:checked ~ .cabecera_contacto{
        left: 0;
        position: relative;
      }
      .animate__bounce{
        animation-delay: 1s;
        animation-duration: 2s;
      }





#portada_inicio{
  width: 100%;
  height:100vh;
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
    .capa__inic{
      width: 100%;
      height: 100%;
      background:#000000;
      opacity: 58%;
      position: absolute;
      z-index: 5;
    }
    .textoMovil{
      width: 100%;
      height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: relative;
    }
    .img_name2{
      width: 100%;
      height: 100vh;
      position: relative;
      z-index: 4;
    }
          .img_name2 img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: relative;
          }
    
          .textoMovil h2{
            width: 95%;
            height: auto;
            margin: 3vh 0;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 2.5rem;
            text-align: center;
            color: var(--txt-w);
            position:absolute;
            z-index: 200;
          }
          .textoMovil a{
            margin-top: 30vh;
            position: absolute;
            z-index: 200;
          }

@media screen and (min-width:280px) and (orientation:landscape) {

}



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



.nosotros{
  width: 100%;
  height:auto;
  margin-top: 10vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
      .nst__img{
        width: 89vw;
        height:15vh;
        box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
        border-radius: 5px;
      }
            .nst__img img{
              width: 89vw;
              height: 15vh;
              border-radius: 5px;
              object-fit: cover;
              position: absolute;
              z-index: 1;
            }
            .nst__img .capa__nos{
              width:89vw;
              height: 15vh;
              border-radius: 5px;
              background: #000000;
              opacity: 58%;
              position: relative;
              z-index: 0;
            }
    .nosotros div{
      width: 85%;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
          .nosotros div div{
            width: 100%;
            margin-top: 6vh;
          }

          .nosotros div p{
            margin-top: 2vh;
          }




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



.servT{
  width: 100%;
  height: auto;
  margin-top: 15vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}
      .servT h1{
        width: 85%;
        height: auto;
        text-align: center;
      }
      .servT span{
        width: 85%;
        height: auto;
        margin-top: 2vh;
        text-align: center;
      }
      .caja__servT{
        width: 100%;
        height: auto;
        margin-top: 3vh;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
            .caja__servT img{
              width: 85%;
              height: 28vh;
              border-radius: 8px;
              object-fit: cover;
              position: absolute;
            }
            .capa__servT{
              width: 85%;
              height: 28vh;
              border-radius: 8px;
              padding: 0 5%;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              position: relative;
              background-color: rgba(30, 39, 46, 0.65);
            }
                  .capa__servT h2,
                  .capa__servT p{
                    color: #d2dae2;
                    text-align: center;
                  }
                  .capa__servT p{
                    margin-top: 2vh;
                  }
                  .capa__servT span{
                    width: 35%;
                    height: 4vh;
                    margin-top: 2vh;
                    border-radius: 5px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background-color: var(--secundario);
                  }
                        .capa__servT span a{
                          font-size: 2.3rem;
                        }


@media screen and (max-width:325px) {
  .servT{
    margin-top: 20vh;
  }
}


@media screen and (max-width:641px) and (orientation: landscape) {
    .caja__servT img{
      height: 55vh;
    }
    .capa__servT{
      height: 55vh;
    }
    .capa__servT span{
      width: 28%;
      height: 8vh;
    }
}
@media screen and (min-width:642px) and (orientation: landscape) {
    .caja__servT img{
      height: 45vh;
    }
    .capa__servT{
      height: 45vh;
    }
    .capa__servT span{
      width: 28%;
      height: 8vh;
    }
}




/********************************VENTAJAS*********************************/



#vent{
  width: 100vw;
  height: auto;
  margin-top: 15vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

      .caja_ventajas{
        width: 85%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
      }

            .ventajas__titulo{
              width: 100%;
              height: auto;
              display: flex;
              flex-direction: column;
              justify-content: space-evenly;
              align-items: center;
            }
                  .ventajas__titulo .slider__link{
                    display: none;
                  }

                  .ventajas__picture{
                    width: 89vw;
                    height: 15vh;
                    margin: 5vh 0;
                  }

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

                  .ventajas__titulo span{
                    width: 95%;
                    height: auto;
                    text-align: justify;
                  }

                  /* .ventajas__titulo button{
                      width: 30%;
                      height:10%;
                      border: none;
                      border-radius: 8px;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      font-weight: 800;
                      font-size: 1.8rem;
                      background-color: var(--primario);
                      transition: all 500ms ease-out;
                    }
                          
                    .ventajas__titulo button a{
                      color: var(--secundario);
                    } */


            .ventajas__texto{
              width: 100%;
              height: auto;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              align-items: end;
            }

                  .ventajas__texto div{
                    width: 100%;
                    height: auto;
                    margin-top: 5vh;
                    padding: 1vh 2vw;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    background-color: var(--primario);
                    border-radius: 5px;
                    color: var(--txt-w);
                  }

                        .ventajas__texto div h3{
                          width: 100%;
                          text-align: end;
                          color: var(--secundario);
                        }

                        .ventajas__texto div p{
                          text-align: justify;
                          margin-top: 1vh;
                          color: var(--txt-w);
                        }
                  .slider__link__movil{
                    width: 60vw;
                    height: 6vh;
                    margin-top: 5vh;
                    display: flex;
                    align-self: center;
                    justify-content: center;
                    align-items: center;
                    background-color: var(--secundario);
                    border-radius: 5px;
                    text-align: center;
                    letter-spacing: 1px;
                    transition: all 300ms ease-out;
                    cursor: pointer;
                    border: none;
                  }
                        .slider__link__movil a{
                          color: var(--primario);
                          font: bold 2.5rem 'Roboto',sans-serif;
                        }

@media (max-width:641px) and (orientation: landscape) {
      .textov_arriba div{
        height: 36vh;
      }
      .textov_abajo div{
        height: 36vh;
      }
}
@media (min-width:642px) and (orientation: landscape) {
      .textov_arriba div{
        height: 32vh;
      }
      .textov_abajo div{
        height: 32vh;
      }
}
@media (min-width:280px) and (max-width:340px) {
            .textov_arriba div{
              height: 30vh;
            }
            .textov_abajo div{
              height: 30vh;
            }
}





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




.contact__index{
  width: 100%;
  height: 40vh;
  margin-top: 12vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primario);
}
      .contact__capa{
        display: none;
      }
      .contact__text{
          width: 85%;
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
        }
              .contact__text span{
                width: 100%;
                height: auto;
                color: var(--txt-w);
                text-align: center;
              }
              .contact__text a{
                margin-top: 3vh;
              }

                          .contact__text .animate__bounce{
                            animation-delay: 1s;
                            animation-duration: 1s;
                          }
@media (min-width:280px) and (orientation:landscape){
.contact__index{
  height: 50vh;
}
}
@media (min-width:414px) and (max-width:736px){
  .contact__text div h3{
    font-size: 2.5rem;
  }
}



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



footer{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color:var(--secundario);
  
}
      .contenidoFooter{
        width: 85%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
        align-items: center;
      }
              .contenidoFooter hr{
                width: 80%;
                height: 1px;
                background-color: var(--primario);
                border: none;
              }
              .contenidoFooter__visita{
                width: 100%;
                height: auto;
                margin-top: 8vh;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
              }
                    .img__blog{
                      width: 2rem;
                      height: auto;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                    }
                          .img__blog img{
                            width: 100%;
                            height: auto;
                            object-fit: cover;
                          }
                    .contenidoFooter__visita h3{
                      width: auto;
                      
                    }
                    .contenidoFooter__visita p{
                      width: auto;
                      height: auto;
                      margin:2vh 0 5vh 0;
                    }
            .contenidoFooter__image{
              width: 30%;
              height:auto;
              display: flex;
              justify-content: center;
              align-items: center;
            }
                  .contenidoFooter__image h1{
                    width: auto;
                    font-size: 6rem;
                  }
            .info__contacto{
              width: 95%;
              height: auto;
              margin: 5vh 0 8vh;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              
            }
                  .box__info{
                    width:auto;
                    height: auto;
                    display: flex;
                    margin-top: 1vh;
                  }
                        .box__info i{
                          display: flex;
                          justify-content: center;
                          align-items: center;
                          color: var(--pendiente);
                          font-size: 2rem;
                        }
                        .box__info p{
                          margin-left: 1rem;
                          color: var(--primario);
                        }
            footer h4{
              width: 100%;
              height:auto;
              display: flex;
              justify-content:center;
              align-items: center;
              color: var(--primario);
            }

@media (min-width:280px) and (orientation:landscape){
  .contenidoFooter__image{
    width: 30%;
  }
}



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

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

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



#portadaServicios{
  width: 100%;
  height: 33vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
      .portadaServicios__picture{
        width: 100%;
        height: 100%;
        margin-top:14vh;
      }
            .portadaServicios__picture img{
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: top;
            }
      #portadaServicios h1{
        display: none;
      }
@media (min-width:280px) and (orientation:landscape){
  #portadaServicios{
    height: 70vh;
  }
}




/****************************BLOQUE 1 SERVICIOS****************************/





#servicios{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

      .container__servicios{
        width: 85%;
        height: auto;
        margin-top: 15vh;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
      }
          .box__serv{
            width: 100%;
            height: 100%;
            margin-top: 5vh;
            padding: 4vh 0;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
            border-radius: 8px;
            box-shadow: 7px 7px 35px rgba(0, 0, 0, 0.5);
            overflow: hidden;
            }
                  .box__serv .animate__bounce {
                    animation-delay: .5s;
                    animation-duration: 3s;
                  }
                  .box__serv figure{
                    width: 100%;
                    height: 24%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  }
                        .box__serv figure img{
                          width: 35%;
                          height: auto;
                        }
                  .box__serv h2{
                    width: 100%;
                    height: auto;
                    margin: 2vh 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  }
                  .box__serv p{
                    width: 100%;
                    height: auto;
                    padding: 0 5%;
                    display: flex;
                    justify-content: center;
                    align-items:start;
                    text-align: justify;
                  }






/***************************SOLUCIONES*****************************/

/***************************SOLUCIONES*****************************/

/***************************SOLUCIONES*****************************/






#portada{
  width: 100%;
  height: 87vh;
  display: flex;
}
.portada__picture{
  width: 100%;
  height:100%;
  position: absolute;
}
      .portada__picture img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: right;
        filter: blur(1.6px);
      }
.circle {
  width: 100%;
  height: 100%;
  margin-top: 13vh;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
  overflow: hidden;
  position: relative;
}
        .circle h1{
          width: 90%;
          height: auto;
          display: flex;
          align-self: center;
          justify-content: center;
          font-size: 3rem;
          color: #d2dae2;
          position: relative;
          background-color: rgba(30, 39, 46, 0.75);
        }
        .circle div{
          width: 72px;
          height: 72px;
          margin-left: 10%;
          border-radius: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          overflow: hidden;
          box-shadow :  inset 0   0   15px #302c2c;
        }
              .circle div picture{
                width: 100%;
                height: 100%;
                box-shadow :  inset 0   0   15px #302c2c;
                display: flex;
                align-items: center;
                justify-content: center;
              }
                    .circle div picture img{
                      width: 57%;
                      height: auto;
                      object-fit: contain;
                      object-position: center;
                    }
              .circle div h3{
                display: none;
              }

.circle .animate__bounce{
  animation-delay: 1.5s;
  animation-duration: 3s;
  transition: all .2s;
}


@media (min-width:375px) and (max-width:620px){
        .circle div{
          width: 80px;
          height: 80px;
        }
}
@media (max-width:736px) and (orientation: landscape) {
  .circle{
    margin-top: 15vh;
    flex-direction: row;
    flex-wrap: wrap;
  }
      .circle div{
        margin-left: 1%;
      }
}



/*==========SECTION 1 INTRO=========== */



#redes{
  width: 100%;
  height: auto;
  margin-top: 13vh;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-evenly;
  align-items: center;
}
      .redes_texto{
        width: 85%;
        height: auto;
        margin: 10vh 0 5vh 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
      }
            #redes .redes_texto h1{
              width: 100%;
              height: auto;
              text-align: center;
            }
            #redes .redes_texto p{
              width: 100%;
              height: auto;
              margin-top: 3vh;
            }

      .redes__galeria{
        width: 100%;
        height: auto;
        margin-bottom: 10vh;
        display: flex;
        justify-content: space-evenly;
      }
            .redes__imagen{
              width: 30%;
              height: 28vh;
              overflow: hidden;
              box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
              border-radius: 15px;
            }
                  .redes__imagen img{
                    width:100%;
                    height: 100%;
                    object-fit: cover;
                  }




/* ===============================BLOQUE 2============================ */




#bloque2_redes{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

      .network{
        width: 85%;
        height: auto;
        margin-top: 7vh;
        display: flex;
        flex-direction: column;
        box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
      }
          .network__imagen{
            width: 100%;
            height:26vh;
          }
                .network__imagen img{
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                }

            .network__contenido{
              width: 100%;
              height: auto;
              display: flex;
              flex-direction: column;
              justify-content: space-evenly;
            }
                  .network__texto{
                    width: 100%;
                    height: auto;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                  }
                        .network__texto  h1{
                          width: 100%;
                          height: auto;
                          margin-top: 2vh;
                          padding-right: 4vw;
                          text-align: right;
                        }
                        .network__texto p{
                          width:100%;
                          height: auto;
                          padding: 0 4vw;
                          margin-top: 2vh;
                          display: flex;
                          align-self: center;
                        }
                   .caract{
                    width: 100%;
                    height: auto;
                    margin: 1vh 0 3vh 0;
                    display: flex;
                    justify-content: space-evenly;
                    align-self: center;
                    flex-wrap: wrap;
                  }
                        .caracteristicas{
                          width:47%;
                          height: 7vh;
                          margin-top: 2vh;
                          display: flex;
                          justify-content: center;
                          align-self: center;
                          background-color: var(--secundario);
                        }
                              .caracteristicas h3{
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                font-size: 1.7rem;
                              }

@media (min-width:280px) and (max-width:330px){
              .caracteristicas h3{
                font-size: 1.6rem;
              }
}
@media (max-width:736px) and (orientation: landscape) {
  .network__imagen{
   height:37vh;
 }
}



                  /***************CABLEADO****************/




      .cableado{
        width: 85%;
        height: auto;
        display: flex;
        margin-top: 7vh;
        flex-direction:column-reverse;
        box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
      }
            .cableado__imagen{
              width: 100%;
              height: 26vh;
            }
                .cableado__imagen img{
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                }
            .tipo1{
              width: 100%;
              height: auto;
              display: flex;
              flex-direction: column;
              justify-content: space-evenly;
              align-items: center;
            }
                  .tipo1 h1{
                    width:100%;
                    height: auto;
                    margin: 2vh 0;
                    padding: 0 4vw;
                  }
                  .tipo1 p{
                    width: 100%;
                    height: auto;
                    margin-bottom: 3vh;
                    padding: 0 4vw;
                  }

@media (max-width:736px) and (orientation: landscape) {
  .cableado__imagen{
   height: 37vh;
 }
}

                  /**************VIDEOVIGILANCIA**************/



      .videovig{
        width: 85%;
        height: auto;
        margin-top: 7vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
      }
              .videovig_a{
                width: 100%;
                height: auto;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: center;
              }
                      .videovig__imagen{
                        width: 100%;
                        height: 26vh;
                      }
                          .videovig__imagen img{
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                          }
                      .contenido{
                        width: 95%;
                        height: auto;
                        margin-top: 3vh;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-evenly;
                        align-items: center;

                      }
                            .contenido h1{
                              width: 100%;
                              height: auto;
                              display: flex;
                              justify-content: flex-end;
                            }
                            .contenido p{
                              width: 100%;
                              height: auto;
                              margin-top: 2vh;
                            }
              .v_videov{
                width: 100%;
                height: auto;
                margin:1vh 0 3vh 0;
                display: flex;
                justify-content: space-evenly;
                align-content: space-evenly;
                flex-wrap: wrap;
              }
                    .v_videov div{
                      width: 47%;
                      height: 7vh;
                      margin-top: 2vh;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      background-color:var(--secundario);
                    }
                    .v_videov div h3{
                      text-align: center;
                      font-size: 1.7rem;
                    }

@media (min-width:280px) and (max-width:330px){
  .v_videov div h3{
    font-size: 1.6rem;
  }
}
@media (min-width:280px) and (orientation:landscape){
  .v_videov div{
    height: 12vh;
  }
  .videovig__imagen{
    height: 37vh;
  }
}


                  /***************GPS**************/


      .GPS{
        width: 85%;
        height: auto;
        margin-top: 7vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
      }
              .GPS .bGPSarriba{
                width: 100%;
                height: auto;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                font-size: 1.6rem
              }
                      .GPStexto{
                        width: 100%;
                        height: auto;
                        display: flex;
                        flex-direction: column;
                      }
                            .GPStexto h1{
                              margin: 3vh 0 2vh 0;
                              padding: 0 4vw;
                            }
                            .GPStexto p{
                              padding: 0 4vw;
                              margin-bottom: 3vh;
                            }

                      .GPS__imagen{
                        width: 100%;
                        height: 24vh;
                        overflow: hidden;
                      }
                          .GPS__imagen img{
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                          }

              .GPSabajo{
                width: 100%;
                height: auto;
                margin: 1vh 0 3vh 0;
                display: flex;
                justify-content: space-around;
                flex-wrap: wrap;
              }
                    .GPSabajo div{
                      width: 45%;
                      height: auto;
                      margin-top: 2vh;
                      display: flex;
                      flex-direction: column;
                      align-items: center;
                    }
                          .GPSabajo div ul{
                            width: 70%;
                            margin-top: 2%;
                            padding-left: 6%;
                            font-size: 1.3rem;
                          }
                                .GPS .GPSabajo div ul li{
                                  margin-top: 3px;
                                }
                                .GPS .GPSabajo div ul li p{
                                  font-size: 1.5rem;
                                }

                    .GPSabajo div hr{
                      width: 100%;
                      height: 3px;
                      margin: 2% 0;
                      border: none;
                      background-color: var(--secundario);
                    }
                    .GPSabajo div h3{
                      font-size: 1.8rem;
                    }

                      .GPSeg{
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                      }

                            .GPSeg__figure{
                              width: 100%;
                              height: 8vh;
                              display: flex;
                              justify-content:center;
                              align-items: center;
                            }
                                  .GPSeg__figure img{
                                    width: 22%;
                                    height: auto;
                                    margin-right: 3%;
                                    object-fit: cover;
                                    object-position: center;
                                  }
                                  .GPSeg figure p{
                                    font-size: 1.5rem;
                                  }

@media (max-width:736px) and (orientation: landscape) {
  .GPS__imagen{
  height: 33vh;
  }
  .GPSeg__figure{
    height: 16vh;
  }
      .GPSeg__figure img{
        width: 18%;
      }
}


    /**************ALARMAS*************/



.alarmas{
width: 85%;
height: auto;
margin-top: 7vh;
display: flex;
flex-direction: column;
box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
}
      .alarmas div{
      width: 100%;
      height: auto;
      padding: 3%;
      display: flex;
      flex-direction: column;
      }
            .alarmas div h1{
              width: 100%;
              font-size: 2rem
            }
            .alarmas div p{
              width: 95%;
              height: auto;
            }

      .alarmas__imagen{
      width: 100%;
      height: 26vh;
      }
            .alarmas__imagen img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            }

@media (min-width:280px) and (orientation:landscape){
  .alarmas__imagen{
  height: 37vh;
  }
}

                    /**************ACCESO**************/




       .acceso{
          width: 85%;
          height: auto;
          margin-top: 7vh;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
        }
                .intro{
                  width: 100%;
                  height: auto;
                  display: flex;
                  flex-direction: column;
                  justify-content: space-evenly;
                  align-items: center;

                }
                        .acceso__imagen{
                          width: 100%;
                          height: 26vh;
                        }
                            .acceso__imagen img{
                              width: 100%;
                              height: 100%;
                              object-fit: cover;
                            }
                        .intro h1{
                          margin: 3vh 0 2vh 0;
                        }
                        .acceso .intro p {
                          width: 100%;
                          margin-top: 3vh;
                          padding: 0 4vw;
                        }
                .subclas{
                  width: 95%;
                  height: auto;
                  margin-bottom: 3vh;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                }
                        .subclas div{
                          width: 100%;
                          height: 25vh;
                          margin-top: 3vh;
                          padding: 0 4vw;
                          display: flex;
                          flex-direction: column;
                          justify-content: center;
                          align-items: center;
                          box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
                          
                        }
                                 .subclas div h3{
                                  text-align: center;
                                }
                                 .subclas div p{
                                  width: 100%;
                                  height: auto;
                                  margin-top: 1vh;
                                }

@media (min-width:280px) and (orientation:landscape){
  .acceso__imagen{
    height: 37vh;
  }
  .acceso .intro p {
    margin-top: 4vh;
  }
  .subclas div{
    height: 32vh;
    margin-top: 3vh;
  }
}






/***************************** CARRUSEL *****************************/

  #carr{
    width: 100%;
    height: auto;
    margin-top: 7vh;
    padding-top: 10vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
    #carr h1{
      width: 90%;
      height: auto;
      text-align: center;
      color: var(--primario);
      font-size: 2.3rem;
    }
    #carr p{
      width: 90%;
      height: auto;
      margin-top: 3vh;
      color: var(--primario);
      font-size: 1.7rem;
    }
   .carrusel {
    width: 100%;
    height: 30vh;
    margin-bottom: 5%;
    perspective:1200px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
         .carrusel .carrusel__lista{
          width: 100%;
          height: auto;
          position: absolute;
          animation: rotar 48s infinite linear;
          transform-style: preserve-3d;
        }
              .carrusel .carrusel__lista figure{
                width: 75%;
                height: 50%;
                position: absolute;
              }
              .carrusel__lista figure:nth-child(1){transform: rotateY(24deg) translateZ(500px);}
              .carrusel__lista figure:nth-child(2){transform: rotateY(48deg) translateZ(500px);}
              .carrusel__lista figure:nth-child(3){transform: rotateY(72deg) translateZ(500px);}
              .carrusel__lista figure:nth-child(4){transform: rotateY(96deg) translateZ(500px);}
              .carrusel__lista figure:nth-child(5){transform: rotateY(120deg) translateZ(500px);}
              .carrusel__lista figure:nth-child(6){transform: rotateY(144deg) translateZ(500px);}
              .carrusel__lista figure:nth-child(7){transform: rotateY(168deg) translateZ(500px);}
              .carrusel__lista figure:nth-child(8){transform: rotateY(192deg) translateZ(500px);}
              .carrusel__lista figure:nth-child(9){transform: rotateY(216deg) translateZ(500px);}
              .carrusel__lista figure:nth-child(10){transform: rotateY(240deg) translateZ(500px);}
              .carrusel__lista figure:nth-child(11){transform: rotateY(264deg) translateZ(500px);}
              .carrusel__lista figure:nth-child(12){transform: rotateY(288deg) translateZ(500px);}
              .carrusel__lista figure:nth-child(13){transform: rotateY(312deg) translateZ(500px);}
              .carrusel__lista figure:nth-child(14){transform: rotateY(336deg) translateZ(500px);}
              .carrusel__lista figure:nth-child(15){transform: rotateY(360deg) translateZ(500px);}

                    .carrusel__lista figure img{
                      width: 60%;
                      height: 9vh;
                      object-fit: contain;
                    }

      @keyframes rotar {
        from{
          transform: rotateY(0deg);
        }
        to{
          transform: rotateY(360deg);
        }
      }

@media (min-width:280px) and (max-width:345px){
    #carr{
      height: 78vh;
    }
    #carr h1{
      margin-top: 4vh;
    }
    #carr p{
      margin-top: 4vh;
    }
}
@media (min-width:415px) and (max-width:620px){
    #carr h1{
      margin-top: 7vh;
      font-size: 3rem;
    }
    #carr p{
      font-size: 1.8rem;
    }
                    .carrusel__lista figure img{
                      width: 70%;
                      height: 6vh;
                    }
}
@media (min-width:280px) and (orientation:landscape){
  .carrusel .carrusel__lista figure{
    width: 50%;
    height:7vh;
  }
  .carrusel__lista figure img{
    width: 100%;
    height: 100%;
  }
}



/**************************CONSTRUCCION************************/

/**************************CONSTRUCCION************************/

/**************************CONSTRUCCION************************/


.construccion{
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
      .fondo__const{
        width: 100%;
        height: 100vh;
        position: relative;
      }
            .fondo__const img{
              width: 100%;
              height: 100vh;
              object-fit: cover;
            }
      .capa__const{
        width: 100%;
        height: 100vh;
        background:#000000;
        opacity: 70%;
        position: absolute;
      }
      .texto__const{
        width: 85%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position:absolute;
        color: var(--txt-w);
        text-align: justify;
      }
            .texto__const h1{
              color: var(--secundario);
            }
            .texto__const h3{
              margin-top: 3rem;
              color: var(--txt-w);
            }
            .texto__const P{
              margin-top: 3rem;
              color: var(--txt-w);
            }
            .texto__const button{
              margin-top: 3rem;
            }



/**************************CONSTRUCCION************************/

/**************************CONSTRUCCION************************/

/**************************CONSTRUCCION************************/




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

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

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



/* .cabecera{
  width: 100%;
  height: 13vh;
  display: flex;
  justify-content: space-around;
  flex-direction: row-reverse;
  align-items: center;
  flex-wrap: wrap;
  position: fixed;
  background: #fff;
  z-index: 1000;
}
    .cabecera .logo{
      width:52%;
      height: 100%;
      line-height: 13vh;
      background-image: url("../img/Emtech_Logo-M.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }
    .cabecera 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;
    }
          .cabecera ul li{
            width: 100%;
            line-height: 13vh;
            position: relative;
          }
          .cabecera ul li a{
            color: #d2dae2;
            font-size: 2rem;
            text-transform: uppercase;
          }
          .cabecera ul li a.selected, a:active{
            color: #e2732d;
            transition: all 0.1s;
          }
    .checkbtn{
      font-size: 4rem;
      line-height: 13vh;
      position: relative;
    }
    #check{
      display: none;
    }
    #check:checked ~ ul{
      left: 0;
      position: relative;
    }
    .animate__bounce{
      animation-delay: 1s;
      animation-duration: 2s;
    } */


/***************************FORMULARIO***********************/



.formulario{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
    .capa__contact{
      width: 100%;
      height: 100%;
      background: #000000;
      opacity: 58%;
      position: absolute;
      z-index: 800;
    }
      .formulario__picture{
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 750;
    }
          .formulario__picture img{
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
      .formulario__titulo{
        width: 85%;
        height: auto;
        padding: 3vh 0;
        margin-top: 18vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        border-radius: 15px;
        font-size: 2rem;
        z-index: 850;
      }
              .formulario__titulo h1{
                color: var(--txt-w);
              }
              .formulario__titulo p{
                text-align: center;
                margin-top: 2vh;
                color: var(--txt-w);
              }

      .formContact{
        width: 85%;
        height: auto;
        margin: 4vh 0;
        padding: 4vh 0;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        position: relative;
        background-color: rgba(30, 35, 38, 0.52);
        z-index: 850;
      }
            .infoUsuario{
              width: 100%;
              height: auto;
              margin-bottom: 7vh;
              display: flex;
              flex-direction: column;
              justify-content: space-around;
              align-items: center;
            }
                  .infoUsuario p{
                    width: 90%;
                    height: 5vh;
                    margin-top: 2vh;
                    text-align: center;
                  }
                  .send, .alert{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                    margin-top: 4vh;
                  }
                  .send{
                    width: 90%;
                    height: 5vh;
                    background-color: rgb(160, 231, 184);
                    font-size: 1.6rem;
                  }
                  .alert{
                    width: 90%;
                    height: 7vh;
                    background-color: rgb(237, 156, 82);
                    font-size: 1.6rem;
                  }
                .formContact input,
                .formContact textarea{
                  width: 100%;
                  min-width: 100%;
                  max-width: 91%;
                  min-height: 100%;
                  max-height: 45px;
                  border: none;
                  border-radius: 8px;
                }
                      .infoUsuario p input{
                        padding-left:5%;
                      }
                      .infoUsuario p textarea{
                        padding-left:5%;
                        padding-top: 1.2vh;
                        height: 10vh;
                        /* margin-bottom: 2vh; */
                      }

                .formContact button{
                  background-color: var(--secundario);
                  font-weight: 600;
                  font-size: 18px;
                  margin-top: 3vh;
                  color: #1e272e;
                  width: 60%;
                  height: 6vh;
                  border: none;
                  border-radius: 25px;
                  box-shadow: 0px 0px 8px #833471;
                }




@media screen and (min-width:280px) and (orientation:landscape){
    .cabecera{
      height: 20vh;
    }
    .formulario__titulo{
      margin-top: 27vh;
    }
    .infoUsuario p{
      height: 8vh;
      margin-top: 4vh;
    }
    .infoUsuario p textarea{
      height: 13vh;
    }
    .horarioT{
      padding: 5vh 0 7vh 0;
    }
    .formContact button{
      height: 8vh;
    }

}