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



: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.9rem;
  line-height: 1.4;
  color: var(--primario);
  text-align: justify;
  }
        @media (min-width:1380px) {
          p{
            line-height: 1.5;
            }
        }
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;
}

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

            @media (min-width:1380px) {
              h1{
                letter-spacing: 3px;
                }
            }

.slider__link{
  width: 22vw;
  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 2rem 'Roboto',sans-serif;
  letter-spacing: 1px;
  border: none;
}
      .slider__link a{
        width: 100%;
        height: 100%;
        font-size: 2.3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--primario);
      }







      .cabecera{
        width: 100%;
        height: 8em;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: var(--primario);
        transition: all 0.6s ease-in-out;
        z-index: 10000;
      }
      
      .checkbtn{
        display: none;
      }
      #check{
        display: none;
      }
            .cabecera .logo{
              width: 23%;
              height: 100%;
              display: flex;
              justify-content: center;
              align-items: center;
              transition: all .6s ease-in-out;
              background-color: var(--txt-w);
              }
                    .cabecera .logo img{
                      width: 70%;
                      height: auto;
                      object-fit: contain;
                      transition: all .6s ease-in-out;
                    }

            header.pegar{
              width: 100%;
              height: 6.2em;
              background-color: var(--primario);
              opacity: .95;
              display: flex;
              justify-content: space-between;
              align-items: center;
              z-index: 1000;
                }
              .cabecera_nav{
              width: 57%;
              height: 100%;
              display: flex;
              justify-content:space-around;
              align-items: center;
              list-style: none;
              transition: all 0.6s ease-in-out;
                }
                    .cabecera_nav li{
                      width: auto;
                      text-align: center;
                      transition: all 0.6s ease-in-out;
                    }
      
                    .cabecera ul li a{
                      width:auto;
                    color: var(--txt-w);
                    font: 18px 'Roboto', sans-serif;
                    z-index: 1;
                    transition: all 0.6s ease-in-out;
                    letter-spacing: 1px;
                    }
              .cabecera_contacto{
                width: 20%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: var(--secundario);
                transition: all 0.6s ease-in-out;
              }
                    .cabecera_contacto a{
                      width: auto;
                      height: auto;
                      color: var(--txt-w);
                      font: 18px 'Roboto',sans-serif;
                      z-index: 1;
                      transition: all 0.6s ease-in-out;
                      letter-spacing: 1px;
                      }
      
            header.pegar .logo{
              width: 22%;
            height: 100%;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
          }
          header.pegar ul li a{
            color: var(--txt-w);
            font: 18px 'Roboto',sans-serif;
            letter-spacing: 1px;
          }
          header.pegar .cabecera_contacto a{
            color: var(--txt-w);
            font: 18px 'Roboto',sans-serif;
            letter-spacing: 1px;
          }
                .cabecera ul li a.selected, a:active{
                  color: var(--secundario);
                }
      
                header.pegar a.selected, a:active{
                  color: var(--secundario);
                }









/***************************PORTADA************************/



#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;
    }
    .portada{
      display: none;
    }
    .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: 85%;
            height: auto;
            margin: 3vh 0;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 3.5rem;
            text-align: center;
            color: var(--txt-w);
            position:absolute;
            z-index: 200;
          }
          .textoMovil a{
            margin-top: 25vh;
            position: absolute;
            z-index: 200;
          }

@media screen and (max-width:812px) and (orientation:landscape) {

}





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

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




.nosotros{
  width: 100%;
  height:auto;
  margin-top: 15vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

      .nst__img{
        width: 90%;
        height: 18vh;
        box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.4);
        border-radius: 6px;
        position: relative;
        margin-bottom: 10vh;
      }
            .nst__img img{
              width: 100%;
              height: 100%;
              border-radius: 5px;
              object-fit: cover;
              object-position: top;
              position: absolute;
            }
      .nst__img .capa__nos{
        width:100%;
        height:100%;
        border-radius: 5px;
        background: #000000;
        opacity: 58%;
        position: absolute;
        
      }

.nosotros div{
  width: 85%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: start;
}   
      .nosotros div .nos{
        width: 100%;
      }
      .nosotros div .mision{
        width: 48%;
        margin-top: 7vh;
      }
      .nosotros div .vision{
        width: 48%;
        margin-top: 7vh;
      }
.nosotros div div h2{
  width: 100%;
  text-align: center;
  font-size: 3.4rem;
}
.nosotros div p{
  margin-top: 2vh;
  text-align: center;
  text-align: justify;
}







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

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






.servT{
  width: 100%;
  height: auto;
  margin-top: 13vh;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}
      .servT h1{
        width: 85%;
        height: auto;
        text-align: center;
      }
      .servT span{
        width: 80%;
        height: auto;
        margin: 2vh 0;
        text-align: center;
      }
      .caja__servT{
        width: 43%;
        height: 30vh;
        margin-top: 3vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
      }
            .caja__servT img{
              width: 100%;
              height: 100%;
              border-radius: 6px;
              object-fit: cover;
              position: absolute;
            }
            .capa__servT{
              width:100%;
              height: 30vh;
              border-radius: 6px;
              padding: 0 5%;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              position: relative;
              background: #000000a2;
            }
                  .capa__servT h2,
                  .capa__servT p{
                    color: var(--txt-w);
                    text-align: center;
                  }
                  .capa__servT p{
                    margin-top: 2vh;
                  }
                  .capa__servT span{
                    width: 38%;
                    height: 3.5vh;
                    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;
                          color: #fff;
                        }


@media (min-width:880px){
  .caja__servT,
  .capa__servT{
    height: 24vh;
  }
  .capa__servT span{
    height: 3vh;
  }
}





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

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






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

      .caja_ventajas{
        width: 85%;
        height: 85vh;
        display: flex;
      }

            .ventajas__titulo{
              width: 50%;
              height: auto;
              padding: 4vh 0;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              align-items: center;
            }

                  .ventajas__picture{
                    width: 90%;
                    height: 45%;
                  }

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

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

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

                  .ventajas__texto div{
                    width: 100%;
                    height: 18%;
                    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);
                        }






  /* VENTAJAS======================================== */






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



.contact__index{
  width: 100%;
  height: 30vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-image: url("../img/reunion-M.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  background-attachment: fixed;
}

.contact__capa{
  width: 100%;
  height: 30vh;
  background: #000000;
  opacity: 58%;
  position: absolute;
}
.contact__text{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    position: relative;
  }
  .contact__text span{
    width: 70%;
    font-size: 3rem;
    font-weight: 700;
    color: #d2dae2;
    text-align: center;
    letter-spacing: 2px;
  }
  .contact__text a{
    width: 27%;
    height: 5vh;
    margin-top: 3vh;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
  }
  .contact__text a h3{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 2.5rem;
    background-color: var(--secundario);
    transition: all 500ms ease-out;
  }






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





footer{
  width: 100%;
  height: 28vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: var(--primario);
  
}
      .contenidoFooter{
        width: 98%;
        height: 90%;
        display: flex;
        justify-content:center;
        align-items: center;
      }
              .contenidoFooter hr{
                width: 1px;
                height: 80%;
                background-color: var(--txt-w);
                border: none;
              }
              .contenidoFooter__visita{
                width: 41%;
                height: auto;
                margin-right: 2vw;
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-end;
              }
                    .img__blog{
                      width: 1.7rem;
                      height: auto;
                      margin-right: .7vw;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                    }
                          .img__blog img{
                            width: 100%;
                            height: auto;
                            object-fit: cover;
                          }
                    .contenidoFooter__visita h3{
                      width: auto;
                      color: var(--txt-w);
                      
                    }
                    .contenidoFooter__visita p{
                      width: 100%;
                      height: auto;
                      margin-top:1vh;
                      text-align: right;
                      font-size: 1.7rem;
                      color:#d2dae2;
                    }
            .contenidoFooter__image{
              width: 16%;
              height: 100%;
              margin: 0 1vw;
              display: flex;
              justify-content: center;
              align-items: center;
            }
                  .contenidoFooter__image h1{
                    width: auto;
                    font-size: 3rem;
                    color: var(--secundario);
                  }
            .info__contacto{
              width: 41%;
              height: auto;
              margin-left: 1vw;
              display: flex;
              flex-direction: column;
              align-items: flex-start;
              
            }
                  .box__info{
                    width:auto;
                    height: auto;
                    display: flex;
                    margin-top: 1vh;
                    font-size: 1.7rem;
                  }
                        .box__info i{
                          display: flex;
                          justify-content: center;
                          align-items: center;
                          color: var(--secundario);
                        }
                        .box__info p{
                          width: 100%;
                          margin-left: 1vw;
                          color: var(--txt-w);
                          text-align: left;
                        }

            footer hr{
              width: 100%;
              height: .3rem;
              background-color:var(--secundario);
              border: none;
            }

            footer h4{
              width: 100%;
              height:10%;
              display: flex;
              justify-content:center;
              align-items: center;
              color: var(--txt-w);
            }

@media (max-width:812px) and (orientation: landscape){
  footer{
    height: 50vh;
  }
}

/*****************************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 (max-width:812px) and (orientation:landscape){
  #portadaServicios{
    height: 65vh;
  }
}



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



      #servicios{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      
            .container__servicios{
              width: 85%;
              height: auto;
              margin: 12vh 0;
              display: flex;
              flex-wrap: wrap;
              justify-content: center;
              align-items: center;
            }
                .box__serv{
                  width: 100%;
                  height: 20vh;
                  margin-top: 3vh;
                  display: flex;
                  align-items: center;
                  border-radius: 6px;
                  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.4);
                  overflow: hidden;
                  }
                        .box__serv .animate__bounce {
                          animation-delay: .5s;
                          animation-duration: 3s;
                        }
                        .box__serv figure{
                          width: 25%;
                          height: 31%;
                          display: flex;
                          justify-content: center;
                          align-items: center;
                        }
                              .box__serv figure img{
                                width: 35%;
                                height: auto;
                              }
                        .box__serv h2{
                          width: 20%;
                          height: auto;
                          font-size: 2rem;
                          display: flex;
                          justify-content: center;
                          align-items: center;
                        }
                        .box__serv p{
                          width: 55%;
                          height: auto;
                          padding: 0 3%;
                          display: flex;
                          justify-content: center;
                          align-items:start;
                          text-align: justify;
                        }

@media (max-width:812px) and (orientation:landscape){

}








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

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

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





  #portada{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
  }

        .portada__picture{
          width: 100%;
          height: 100%;
          display: flex;
          position: absolute;
        }
              .portada__picture img{
                width: 100%;
                height: 100%;
                object-fit: cover;
              }
  .circle {
    width: 100%;
    height: 100%;
    margin-top: 13vh;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    overflow: hidden;
    position: relative;
  }
        .circle h1{
          width: 95%;
          height: auto;
          display: flex;
          align-self: center;
          justify-content: center;
          font-size: 5rem;
          color: #d2dae2;
          letter-spacing: 1px;
          position: relative;
          background-color: rgba(30, 39, 46, 0.75);
        }
          .circle div{
            width: 110px;
            height: 110px;
            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: 2s;
    animation-duration: 3s;
  }
          /* .circle .animate__bounce{
            width: 120px;
            height: 120px;
            border-radius: 100%;
            box-shadow :  inset 0   0   15px #302c2c;
          } */


@media (max-width:812px) and (orientation: landscape) {
  .circle{
    margin-top: 15vh;
    flex-direction: row;
    flex-wrap: wrap;
  }
      .circle h1{
        font-size: 3.5rem;
      }
      .circle div{
        margin-left: 1%;
        width: 90px;
        height: 90px;
      }
}
@media (min-width:950px) and (orientation: landscape) {
      .circle div{
        margin-left: 15%;
        width: 80px;
        height: 80px;
      }
}
/*==========SECTION 1 INTRO=========== */




#redes{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-evenly;
  align-items: center;
}
      .redes_texto{
        width: 85%;
        height: auto;
        margin: 8vh 0 5vh 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
      }
            #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: 25vh;
              overflow: hidden;
              box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.4);
              border-radius: 6px;
            }
                  .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;
  border-radius: 6px;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.4);
}
     .network__imagen{
      width: 100%;
      height:23vh;
    }
         .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.8rem;
                        }



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



                  .cableado{
                    width: 85%;
                    height: auto;
                    display: flex;
                    margin-top: 7vh;
                    flex-direction:column-reverse;
                    border-radius: 6px;
                    box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.4);
                  }
                        .cableado__imagen{
                          width: 100%;
                          height: 23vh;
                        }
                            .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;
                              }



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



                  .videovig{
                    width: 85%;
                    height: auto;
                    margin-top: 7vh;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: center;
                    border-radius: 6px;
                    box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.4);
                  }
                          .videovig_a{
                            width: 100%;
                            height: auto;
                            display: flex;
                            flex-direction: column;
                            justify-content: flex-start;
                            align-items: center;
                          }
                                  .videovig__imagen{
                                    width: 100%;
                                    height: 23vh;
                                  }
                                      .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.8rem;
                                }



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



                  .GPS{
                    width: 85%;
                    height: auto;
                    margin-top: 7vh;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    border-radius: 6px;
                    box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.4);
                  }
                          .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: 20vh;
                                    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{
                                              color: #485460;
                                              font-size: 1.5rem;
                                            }

                                .GPSabajo div hr{
                                  width: 100%;
                                  height: 2px;
                                  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: 6vh;
                                          display: flex;
                                          justify-content:center;
                                          align-items: center;
                                        }
                                              .GPSeg__figure img{
                                                width: 14%;
                                                height: auto;
                                                margin-right: 3%;
                                                object-fit: cover;
                                                object-position: center;
                                              }
                                              .GPSeg figure p{
                                                font-size: 1.5rem;
                                              }


@media (max-width:1024px) and (orientation: landscape) {
  .GPSeg__figure{
    height:13vh;
  }
      .GPSeg__figure img{
        width: 20%;
      }
}
                    /**************ACCESO**************/



                    .acceso{
                      width: 85%;
                      height: auto;
                      margin-top: 7vh;
                      display: flex;
                      flex-direction: column;
                      justify-content: center;
                      align-items: center;
                      border-radius: 6px;
                      box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.4);
                    }
                          .intro{
                          width: 100%;
                          height: auto;
                          display: flex;
                          flex-direction: column;
                          justify-content: space-evenly;
                          align-items: center;
                          }
                                .acceso__imagen{
                                  width: 100%;
                                  height: 23vh;
                                }
                                    .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: auto;
                                  margin-top: 3vh;
                                  padding: 3vh 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 (max-width:345px){
  .acceso{
    height: 125vh;
  }
}


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



                    .alarmas{
                    width: 85%;
                    height: auto;
                    margin-top: 7vh;
                    display: flex;
                    flex-direction: column;
                    border-radius: 6px;
                    box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.4);
                    }
                          .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: 23vh;
                          }
                                .alarmas__imagen img{
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                                }

@media (min-width:300px) and (max-width:345px){
  .alarmas{
    height: 75vh;
  }
}



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



  #carr{
    width: 100%;
    height: 50vh;
    margin-top: 7vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
    #carr h1{
      width: 87%;
      height: 10%;
      margin-left: 13%;
      font-size: 3.2rem;
    }
    #carr p{
      width: 50%;
      height:10%;
      margin: 1% 8% 0 0;
      display: flex;
      align-self: flex-end;
    }
   .carrusel {
    width: 18%;
    height: 30%;
    margin-bottom: 5%;
    perspective:90em;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
         .carrusel .carrusel__lista{
          width: 100%;
          position: absolute;
          animation: rotar 45s infinite linear;
          transform-style: preserve-3d;
        }
        .carrusel .carrusel__lista:hover{
          animation-play-state: paused;
          cursor: pointer;
        }
              .carrusel .carrusel__lista figure{
                width: 100%;
                height: 80%;
                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: 70%;
                      height: 68px;
                      object-fit: contain;
                    }

                    .carrusel__lista figure img:hover{
                      transform: scale(1.2);
                      transition: all 300ms;
                    }

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



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


/* ************************************ Under Construccion ************************************* */

/* ************************************ Under 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: 100%;
              object-fit: cover;
            }
      .capa__const{
        width: 100%;
        height: 100vh;
        background:#000000;
        opacity: 70%;
        position: absolute;
      }
      .texto__const{
        width: 60%;
        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;
            }

/*********************************** 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: 10vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        font-size: 2rem;
        z-index: 850;
      }

      .formulario__titulo h1{
        color: var(--txt-w);
      }
      .formulario__titulo p{
        color: var(--txt-w);
        margin-top: 1%;
      }
              /* .formulario__titulo p{
                width: 90%;
                text-align: center;
                margin-top: 2vh;
              } */

      .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;
                  }
                  .send{
                    width: 90%;
                    height: 10%;
                    background-color: rgb(160, 231, 184);
                    font-size: 1.8rem;
                  }
                  .alert{
                    width: 90%;
                    height: 10%;
                    background-color: rgb(237, 156, 82);
                    font-size: 1.8rem;
                  }
                .formContact input,
                .formContact textarea{
                  width: 100%;
                  min-width: 100%;
                  max-width: 91%;
                  min-height: 100%;
                  max-height: 45px;
                  border: none;
                  border-radius: 8px;
                  background-color: #ffffff;
                }
                      .infoUsuario p input{
                        padding-left:5%;
                      }
                      .infoUsuario p textarea{
                        padding-left:5%;
                        padding-top: 1.2vh;
                        height: 10vh;
                        margin-bottom: 2vh;
                      }

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











    @media screen and (max-width:812px) and (orientation:landscape){

    }