* {
  touch-action: manipulation;
}

.espacioArriba{
  display: block;
  padding-top: 110px;
}

.modelosVideo2 {
  display: block;
  position: relative;
  width: 100%;
  height: 1000px;
  background: #fff;
  /* margin-top: -120px; */
  z-index: 0;
}

/** Modelos **/
.newOp{
  display: inline-block;
  width: 100%;
  max-width: 175px;
  border-right: 1px solid #B3B3B3;
  padding: 10px 20px 20px 10px;
  text-align: left;
}
.newOp:nth-child(3){
  border-right: 0px;
}
.newOp {
  font-family: 'KiaBold';
  font-size: 20px;
  line-height: 125%;
}
.newOp span{
  display: block;
  font-family: 'KiaRegular';
  font-size: 14px;
  line-height: 125%;
}
a.newBoton{
  display: inline-block;
  padding: 15px 30px;
  background: #000;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-family: 'KiaRegular';
  text-decoration: none;
}
a.newBoton:hover{
  background: #C3C4C6;
  color: #000;
  text-decoration: none;
}

.newOps2{
  display: inline-block;
  width: 100%;
  height: 105px;
  max-width: 300px;
  border-left: 1px solid #B3B3B3;
  /* border-right: 1px solid #B3B3B3; */
  padding: 10px 30px;
  text-align: center;
  /* background: #EEE; */
  margin-left: -4px;
  vertical-align: top;
}
.newOps2:nth-child(4){
  border-right: 1px solid #B3B3B3;
}
.newOps2 a, .newOps2 a:hover{
  text-decoration: none;
}
.modelosOpIco02 {
  width: 42px;
  display: block;
  margin: auto;
  text-align: center;
  padding-bottom: 10px;
}
a span.modelosOpTexto02 {
  font-family: 'KiaRegular';
  font-size: 15px;
  padding-left: 15px;
  color: #000;
  text-decoration: none;

}
a span.modelosOpTexto02:hover {
  color: #000;
  text-decoration: underline;
}

/** modelos conveniencia **/
.conveniencia2 {
  display: block;
}
.conveniencia2 h3 {
  font-family: "KiaRegular", Verdana, Arial;
  font-size: 23px;
  color: #000;
  padding-bottom: 15px;
  line-height: 100%;
  opacity: 0.8;
}
.conveniencia2 h2 {
  font-family: "KiaBold", Verdana, Arial;
  font-size: 50px;
  color: #000;
  padding-bottom: 20px;
  line-height: 100%;
}
.convenienciaLista2 a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #000 !important;
  font-family: "KiaRegular", Verdana, Arial;
  font-size: 21px;
}
.convenienciaLista2 a:hover {
  text-decoration: underline !important;
}
.convenienciaLista2 a span::before {
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  background: #000;
  margin-right: 10px;
  border-radius: 100%;
}
.convenienciaLista2 a.activo span::before {
  background: red;
}
.convenienciaTitulo2 {
  display: none;
  width: 100%;
  color: #000 !important;
  font-family: "KiaBold", Verdana, Arial;
  font-size: 17px;
}
.convenienciaVideo {
  display: block;
  width: 100%;
  height: 400px;
  background: #ccc;
}
.convenienciaTexto {
  display: block;
  width: 100%;
  font-family: "KiaRegular", Verdana, Arial;
  font-size: 16px;
  color: #000;
  opacity: 0.8;
  line-height: 1.4;
  padding: 15px 30px;
}



/** 360 **/
.new360{

}
.new360 h2{
  font-family: 'KiaBold';
  font-size: 32px;
  color: #000;
}
.new360 h3{
  font-family: 'KiaRegular';
  font-size: 12px;
  color: #000;
}

/** Especificaciones **/
.espe h2{
  font-family: 'KiaBold';
  font-size: 36px;
  color: #000;
}


.espeCajas{
  display: inline-block;
  width: 100%;
  max-width: 500px;
  /* background: #CCC; */
  vertical-align: top;
  margin-right: 30px;
}
.espeInfo, .espeInfoMas{
  font-family: 'KiaRegular';
  color: #000;
  font-size: 14px;
  text-align: left;

}
.espeInfo p, .espeInfoMas p{
  padding: 0; margin: 0;
  margin-top: 5px;
}
.espeInfo strong, .espeInfo b,
.espeInfoMas strong, .espeInfoMas b{
  font-family: 'KiaBold';
  color: #000;
  font-size: 14px;
}
.espeMas a, .espeMenos a{
  font-family: 'KiaBold';
  color: #000;
  font-size: 14px;
  text-decoration: none;
}
.espeMas a:hover, .espeMenos a:hover{
  color: #666;
  text-decoration: none;
}

/**  Galeria **/
.galeriaNew h2{
  font-family: 'KiaBold';
  font-size: 32px;
  color: #000;
}
.galeriaNew h3{
  display: inline-block;
}
.gals a{
  font-family: 'KiaRegular';
  font-size: 14px;
  color: #696969;
  text-decoration: none;
}
.gals a:hover{
  font-family: 'KiaRegular';
  font-size: 14px;
  color: #000;
  text-decoration: none;
}
.galsActivo a{
  font-family: 'KiaRegular';
  font-size: 14px;
  color: #000;
  text-decoration: none;
}

/*
.galsThumbs{
  display: block;
  width: 100%;
  height: 825px;
  overflow-y: scroll;
  background: blue;
}
.galsFotiasBox{
  display: block;
  width: 100%;
  max-width: 250px;
  overflow-y: scroll;
  background: red;
}
.galsFotias{
  display: inline-block;
  width: 100%;
  max-width: 250px;
}
*/


  /* Estilos personalizados */
.div1, .div2 {
    box-sizing: border-box;
}


.div1 p, .div2 p{
  padding: 0;
  margin: 0;
}

/* Estilos para escritorio */
@media (min-width: 1641px) {
    .div1 {
        width: 100%;
        max-width: 250px;
        height: 863px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .div2 {
        width: 100%;
        max-width: 1380px;
        /* height: 850px; */
    }
    .scroll-buttons {
      display: none;
    }
}

/* Estilos para tabletas (768px o menos) */
@media (max-width: 1640px) {
    .div1 {
        width: 100%;
        max-width: 1640px;
        min-width: 200px;
        height: 145px;
        overflow-y: hidden;
        /*overflow-x: scroll; */
        white-space: nowrap;
        /* background: #CCC; */
        overflow-x: scroll !important; /* Scroll horizontal */
        white-space: nowrap; /* Evita que los elementos se envuelvan */
        
        
    }

    .div1 p {
        display: inline-block;
        width: 100%;
        max-width: 125px;
        /* margin: 125px; */
        margin-right: 10px;
        vertical-align: top;
        /* background: blue; */
    }

    .div2 {
        width: 100%;
        /* height: 450px; */
        padding-top: 5px;
    }
    .scroll-buttons {
      display: flex;
    }
}

.scroll-buttons {
  /* display: flex; */
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.scroll-button {
  background-color: #FFF;
  color: #000;
  padding: 5px 5px;
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 50px;
  margin: 0 5px;
}

.scroll-button:hover {
  background-color: #000;
  color: #FFF;
}

.desempenoTitulo2 {
  display: block;
  width: 100%;
  color: #05141f !important;
  font-family: "KiaBold", Verdana, Arial;
  font-size: 17px;
}


.tecnologia {
  display: block;
}
.tecnologia h3 {
  font-family: "KiaRegular", Verdana, Arial;
  font-size: 23px;
  color: #FFF;
  padding-bottom: 15px;
  line-height: 100%;
}
.tecnologia h2 {
  font-family: "KiaBold", Verdana, Arial;
  font-size: 46px;
  color: #FFF;
  padding-bottom: 20px;
  line-height: 100%;
}

/** garage **/
.garage{
  vertical-align: bottom;
}
.garage h2{
  font-family: "KiaBold", Verdana, Arial;
  font-size: 36px;
  color: #000;
  padding-bottom: 20px;
  line-height: 100%;
}
.garage h3{
  font-family: "KiaRegular", Verdana, Arial;
  font-size: 16px;
  color: #000;
  line-height: 125%;
  width: 100%;

}
.garage h4 a{
  font-family: "KiaBold", Verdana, Arial;
  font-size: 16px;
  color: #000;
  line-height: 125%;
  width: 100%;
  text-decoration: none;

}
.garage h4 a:hover{
  font-family: "KiaBold", Verdana, Arial;
  font-size: 16px;
  color: #696969;
  line-height: 125%;
  width: 100%;
  text-decoration: none;
}
a.botonFarage{
  background: #ED1C24;
  color: #FFF !important; 
  font-family: "KiaRegular", Verdana, Arial;
  font-size: 14px !important;
  padding: 10px;
}

/** Kia Empresas **/
.espacioKiaEmpresas{
  display: block;
  padding-top: 100px;
}

.kia-empresas{
  font-family: "KiaRegular", Verdana, Arial;
  font-size: 14px;
  color: #000;
}
.kia-empresas b, .kia-empresas strong{
  font-family: 'KiaBold';
}
.kia-empresas-boton{
  width: 100%;
  max-width: 200px;
  border: 2px solid #000;
  font-family: "KiaRegular", Verdana, Arial;
  font-size: 14px;
  color: #000;
  padding: 10px 20px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}
.kia-empresas-boton:hover{
  background: #000;
  color: #FFF;
  border: 2px solid #000;
  text-decoration: none;
}

.kia-empresas-form{
  font-family: "KiaRegular", Verdana, Arial;
  font-size: 14px;
  color: #FFF;
}
.kia-empresas-form h2{
  margin: 0;padding: 0;
  font-family: "KiaBold", Verdana, Arial;
  font-size: 26px;
  color: #FFF;
}
label.formControlLabel{
  margin-top: 15px;
  margin-bottom: 5px;
}
.rsform-input-box, .rsform-select-box{
  border-radius: 0px !important;
}
.kia-empresas-enviar{
  background: #FF0700 !important;
  outline: 2px solid #FFF !important;
  font-family: "KiaRegular", Verdana, Arial !important;
  font-size: 20px !important;
  color: #FFF !important;
  border-radius: 0px !important;
}
.kia-empresas-enviar:hover{
  background: #696969 !important;
  outline: 2px solid #FFF !important;
}

.rsform-block-terminos, .rsform-block-enviar{
  text-align: center;
}



@media (max-width: 1440px) {
  .espeCajas{
    max-width: 400px;
  }
}




@media (max-width: 1212px){
  .newOps2{
    max-width: 215px;
    padding: 10px 20px;
  }

}


@media (max-width: 1024px) {
  .espacioArriba, .espacioKiaEmpresas{
    padding-top: 60px;
  }
  .modelosVideo2 {
    height: 950px;
  }
  .espeCajas{
    max-width: 400px;
  }


}


@media (max-width: 768px) {
  .modelosVideo2 {
    height: 750px;
    /* margin-top: -55px; */
  }
  .newOp{
    display: block;
    text-align: center;
    width: 100%;
    max-width: 100%;
    border-right: 0px;
    padding: 10px 20px 20px 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #B3B3B3;
  }
  .newOp {
    font-size: 22px;
  }
  .newOp span{
    font-size: 16px;
  }

  .newOps2{
    display: block;
    width: 100%;
    max-width: 100%;
    border-left: 0px;
    border-right: 0px;
    padding: 10px 30px;
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #B3B3B3;
  }
  .newOps2:nth-child(4){
    border-right: 0px;
  }
  a span.modelosOpTexto02 {
    padding-left: 0px;
  }

  .espeCajas{
    margin-right: 0;
  }

/*
  .galsThumbs{
    display: block;
    width: 100%;
    height: 160px;
    overflow-y: hidden;
    overflow-x: scroll;
    background: blue;
  }
  .galsFotiasBox{
    display: block;
    width: 100%;
    max-width: 10000px;
    overflow-y: hidden;
    overflow-x: scroll;
    flex-wrap: wrap;
    
    background: red;
  }
  .galsFotias{
    display: inline-block;
    width: 100%;
    max-width: 150px;
  }
*/


}
@media (max-width: 500px) {
  .modelosVideo2 {
    height: 450px;
    /* margin-top: -40px;
    min-height: 450px; */
  }
}