:root{
  --azul: #1bcaff;
  --azul02:#008aae;
  --azul03:#87CEEB;
  --azul04:#ADD8E6;
  --azulOscuro: #0044b4;
  --gris-oscuro:#2F2E2E;
  --oro:#f4ad08;
  --oro-suave:#ffcf5e;
}
/* RESET */
*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: none;
	outline: none;
}
.container-fluid{
  padding:0 !important;
}
.row > *{
  padding: 0 !important;
}
.row{
  margin:0 !important;
}
h1,h2,h3,h4{
	margin:0 !important;
}
a{
	text-decoration: none !important;
}
ul{
  margin-bottom: 0 !important;
  padding: 0 !important;
}
html{
  scroll-behavior: smooth;
}
body{
  overflow-x: hidden !important;
  background-color: black;
  font-family: fuente-regular;
}
/* RESET */

/* FUENTES */
@font-face {
    font-family: fuente-regular;
    src: url("../font/Montserrat-Regular.ttf");
    font-display: swap;
}
@font-face {
    font-family: fuente-light;
    src: url("../font/Montserrat-Light.ttf");
    font-display: swap;
}
@font-face {
    font-family: fuente-Bold;
    src: url("../font/Montserrat-Bold.ttf");
    font-display: swap;
}

/* ESPACIOS */
.espacio-5{
	padding:2.5rem 0rem;
	background-color: white;
}
/* ESPACIOS */

.cont-img-movil{
  display: flex;
}
.arrow-black{
  font-size: 2rem;
  color:white;
  opacity: .9;
  transition: .5s;
}
.arrow-black:hover{
  opacity: 1;
}

.titulo img{
	width: 100px;
	height: auto;
}

/* HEADER */
header{
	width: 100%;
	background-color: var(--gris-oscuro);
	position: fixed !important;
 	width: 100% !important;
 	padding: .5rem 0 !important;
 	border-bottom: 2px solid var(--oro) !important;
 	z-index:10;
}
header nav{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: transparent;
}
header nav .logo{
	width: 15%;
}
header nav .logo img{
	width: 100%;
}
header nav .menu .lista{
	display: flex;
}
header nav .menu .lista li{
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
header nav .menu .lista li a{
	text-decoration: none;
	transition: 0.3s;
	color: white;
	opacity: 1 !important;
	transition: 0.3s !important;
	font-size: .8rem;
	font-family: fuente-bold;
	letter-spacing: .1rem;
	text-transform: uppercase;
}
header nav .menu .lista li a:hover{
	color: var(--oro);
}
header nav .menu .lista li a.activo{
	color: var(--oro);
}
.burger > i{
	display: none;
}
header nav .menu .lista li .btn-enterprice-menu{
	font-family: fuente-bold;
	text-transform: uppercase;
	background-color: var(--oro);
	border: 1px solid var(--oro);
	color: black;
	transition: .5s;
	/*padding: .3rem 6%;*/
	font-size: .7rem;
}
header nav .menu .lista li .btn-enterprice-menu:hover{
	background-color: transparent;
	color:var(--oro);
}
/* HEADER */

/* BUSCADOR HEADER */
.buscador-header{
	background-color: var(--oro);
	width: 100%;
	height: 100%;
}
.bandera{
	text-align: end;
	display: flex;
	justify-content: end;
	align-items: center;
}
.bandera-idioma{
	width: 65%;
	height: auto;
	transition: .5s;
}
.bandera-idioma:hover{
	opacity: .5;
}
/* BUSCADOR HEADER */

/* BANNER */
.banner{
	padding-top: 5%;
	position: relative;
}
.banner .titulo {
  width: 100%;
  height: 82%;
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.banner .titulo .row{
	width: 100%;
}
.banner .titulo img{
	width: 35%;
}
.banner .titulo h2 {
  color: white;
  font-size: 4rem;
  font-family: fuente-bold;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px black;
}
.banner .titulo h3 {
  color: white;
  font-size: 4rem;
  font-family: fuente-light;
  text-transform: uppercase;
}
.banner .titulo h3 span{
	font-family: fuente-bold;
	color:var(--oro);
}
.banner .imagen {
  position: relative;
  width: 100%;
  height: 100%;
}
/* BANNER */

/* BANNERS ANIMADOS */
.banners-home{
	padding-top:0%;
	overflow: hidden;
}
.banner04{
	position: absolute;
  top:35%;
  left:50%;
  width: 40%;
  transition-delay: 5s;
  animation: letrasBottom 2s;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  text-align: end;
}
.banner04 h3{
	font-size: 3rem;
	color:black;
	font-family: fuente-bold;
	text-shadow: 1px 1px 2px grey;
}
.banner04 h3 span{
	font-size: 3.1rem;
	text-transform: uppercase;
}
.banner04 p{
	font-size: 1.5rem;
	font-family: fuente-regular;
	margin-top:1.5rem;
}
.banner04 .btn-banner{
	margin-top:1.5rem;
	font-family: fuente-bold;
	text-transform: uppercase;
	background-color: var(--oro);
	border: 1px solid var(--oro);
	color:black;
	padding: .3rem 6%;
	animation: latido-boton .5s infinite;
}
.banner04 .btn-banner:hover{
	background-color: transparent;
	border: 1px solid black;
}
@keyframes letrasBottom{
  from{
    margin-top:50%;
  }
  to{
    margin-top:0%;
  }
}
@keyframes latido-boton {
    from { transform: none; }
    50% { transform: scale(1.1); }
    to { transform: none; }
}

/* --BANNER EXPO-- */
.banner-expo{
	position: absolute;
  top:35%;
  left:50%;
  width: 40%;
  transition-delay: 5s;
  animation: letrasBottom 2s;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  text-align: end;
  padding-left: 4rem;
}
.banner-expo h3{
	font-size: 2.7rem;
	color:white;
	font-family: fuente-bold;
	text-shadow: 1px 1px 2px silver;
}
.banner-expo h3 span{
	font-size: 3rem;
	text-transform: uppercase;
}
.banner-expo p{
	font-size: 1.3rem;
	font-family: fuente-regular;
	margin-top:1rem;
	margin-bottom:0rem;
	color:white;
}
.banner-expo .btn-banner{
	margin-top:1.5rem;
	font-family: fuente-bold;
	text-transform: uppercase;
	background-color: var(--oro);
	border: 1px solid var(--oro);
	color:black;
	transition: .5s;
	padding: .3rem 6%;
}
.banner-expo .btn-banner:hover{
	background-color: transparent;
	border: 1px solid var(--oro);
	color:var(--oro);
}
@keyframes letrasBottom{
  from{
    margin-top:50%;
  }
  to{
    margin-top:0%;
  }
}

/* --BANNER ILUMINACION-- */
.banner-iluminacion{
	position: absolute;
  top: 40%;
  left: 50%;
  width: 40%;
  transition-delay: 5s;
  animation: letrasBottom 2s;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  text-align: end;
  padding-left: 1rem;
}
.banner-iluminacion h3{
	font-size: 3rem;
	color:white;
	font-family: fuente-bold;
	text-shadow: 1px 1px 2px silver;
}
.banner-iluminacion h3 span{
	font-size: 3.3rem;
	text-transform: uppercase;
}
.banner-iluminacion p{
	font-size: 1.5rem;
	font-family: fuente-regular;
	margin-top:1rem;
	margin-bottom:0rem;
	color:white;
}
.banner-iluminacion .btn-banner{
	margin-top:1.5rem;
	font-family: fuente-bold;
	text-transform: uppercase;
	background-color: var(--oro);
	border: 1px solid var(--oro);
	color:black;
	transition: .5s;
	padding: .3rem 6%;
	animation: latido-boton 2s infinite;
}
.banner-iluminacion .btn-banner:hover{
	background-color: transparent;
	border: 1px solid var(--oro);
	color:var(--oro);
}
@keyframes letrasBottom{
  from{
    margin-top:50%;
  }
  to{
    margin-top:0%;
  }
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}
/* --BANNER SEGURIDAD-- */
.banner-seguridad{
	position: absolute;
  top: 40%;
  left: 10%;
  width: 40%;
  transition-delay: 5s;
  animation: letrasBottom 2s;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  text-align: start;
  padding-right: 4rem;
}
.banner-seguridad h3{
	font-size: 3rem;
	color:white;
	font-family: fuente-bold;
	text-shadow: 1px 1px 2px silver;
}
.banner-seguridad h3 span{
	font-size: 3.3rem;
	text-transform: uppercase;
}
.banner-seguridad p{
	font-size: 1.5rem;
	font-family: fuente-regular;
	margin-top:1rem;
	margin-bottom:0rem;
	color:white;
}
.banner-seguridad .btn-banner{
	margin-top:1.5rem;
	font-family: fuente-bold;
	text-transform: uppercase;
	background-color: var(--oro);
	border: 1px solid var(--oro);
	color:black;
	transition: .5s;
	padding: .3rem 6%;
	animation: latido-boton 2s infinite;
}
.banner-seguridad .btn-banner:hover{
	background-color: transparent;
	border: 1px solid var(--oro);
	color:var(--oro);
}
@keyframes letrasBottom{
  from{
    margin-top:50%;
  }
  to{
    margin-top:0%;
  }
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}

/* -- BANNER ENTERPRICE -- */
.banner-enterprice{
	position: absolute;
  top: 40%;
  left: 50%;
  width: 40%;
  transition-delay: 5s;
  animation: letrasBottom 2s;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  text-align: end;
  padding-left: 1rem;
}
.banner-enterprice h3{
	font-size: 3rem;
	color:white;
	font-family: fuente-bold;
	text-shadow: 1px 1px 2px silver;
}
.banner-enterprice h3 span{
	font-size: 3.3rem;
	text-transform: uppercase;
}
.banner-enterprice p{
	font-size: 1.5rem;
	font-family: fuente-regular;
	margin-top:1rem;
	margin-bottom:0rem;
	color:white;
}
.banner-enterprice .btn-banner{
	margin-top:1.5rem;
	font-family: fuente-bold;
	text-transform: uppercase;
	background-color: var(--oro);
	border: 1px solid var(--oro);
	color:black;
	transition: .5s;
	padding: .3rem 6%;
	animation: latido-boton 2s infinite;
}
.banner-enterprice .btn-banner:hover{
	background-color: transparent;
	border: 1px solid var(--oro);
	color:var(--oro);
}
@keyframes letrasBottom{
  from{
    margin-top:50%;
  }
  to{
    margin-top:0%;
  }
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}

/* --BANNER CAMINO-- */
.banner-camino{
	position: absolute;
  top:35%;
  left:10%;
  width: 40%;
  transition-delay: 5s;
  animation: letrasBottom 2s;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  text-align: start;
  padding-right: 4rem;
}
.banner-camino h3{
	font-size: 3rem;
	color:white;
	font-family: fuente-bold;
	text-shadow: 1px 1px 2px silver;
}
.banner-camino h3 span{
	font-size: 3.3rem;
	text-transform: uppercase;
}
.banner-camino p{
	font-size: 1.5rem;
	font-family: fuente-regular;
	margin-top:1rem;
	margin-bottom:0rem;
	color:white;
}
.banner-camino .btn-banner{
	margin-top:1.5rem;
	font-family: fuente-bold;
	text-transform: uppercase;
	background-color: var(--oro);
	border: 1px solid var(--oro);
	color:black;
	transition: .5s;
	padding: .3rem 6%;
	animation: latido-boton 2s infinite;
}
.banner-camino .btn-banner:hover{
	background-color: transparent;
	border: 1px solid var(--oro);
	color:var(--oro);
}
@keyframes letrasBottom{
  from{
    margin-top:50%;
  }
  to{
    margin-top:0%;
  }
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}
/* BANNERS ANIMADOS */

/* FICHAS PRODUCTOS */
.indice-ficha{
	padding-top: 3rem;
}
.indice-ficha .enlaces{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;

}
.indice-ficha .enlaces p{
	font-size: 1rem;
	font-family: fuente-bold;
	margin-bottom: 0rem;
	background-color: var(--oro);
	width: 100%;
	height: 100%;
	padding: .8rem 1rem;
}
.indice-ficha .enlaces .enlace-primero{
	font-family: fuente-bold;
	color:black;
	transition: .5s;
}
.indice-ficha .enlaces .enlace-primero:hover{
	opacity: .5;
}
.indice-ficha .enlaces .enlace-segundo{
	font-family: fuente-regular;
	color:black;
}

.indice-categoria{
	padding-top: 3rem;
	background-color: whitesmoke;
}
.indice-categoria .enlaces{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;

}
.indice-categoria .enlaces p{
	font-size: 1rem;
	font-family: fuente-bold;
	margin-bottom: 0rem;
	background-color: var(--oro);
	width: 100%;
	height: 100%;
	padding: .5rem 1rem;
}
.indice-categoria .enlaces .enlace-primero{
	font-family: fuente-bold;
	color:black;
	transition: .5s;
}
.indice-categoria .enlaces .enlace-primero:hover{
	opacity: .5;
}
.indice-categoria .enlaces .enlace-segundo{
	font-family: fuente-regular;
	color:black;
}

#cuerpo{
	padding-top: 5rem;
	background-color: whitesmoke;
}
.ficha{
	background-color: whitesmoke;
}
.ficha hr{
	margin: 0rem;
}
.ficha .contenedor-texto-ficha{
	width: 100%;
	height: 100%;
	/*padding: 3rem 0rem;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	text-align: start;
}
.ficha .contenedor-texto-ficha .row{
	width: 	100%;
}
.ficha .contenedor-texto-ficha .row .titulo-column{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	width: 100%;
	height: 100%;
}
.ficha .contenedor-texto-ficha .caja{
	width: 80%;
	height: auto;
}
.ficha .contenedor-texto-ficha .texto-ficha{
	padding-top: 1.5rem !important;
	width: 100%;
	height: auto;
}
.ficha .contenedor-texto-ficha .texto-ficha .listas-dobles{
	display: flex;
}
.ficha .contenedor-texto-ficha .texto-ficha span{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: .3rem;
}
.ficha .contenedor-texto-ficha .texto-ficha li{
	font-size: 1.1rem;
	font-family: fuente-light;

	display: flex;
	justify-content: start;
	align-items: start;
}
.ficha .contenedor-texto-ficha .texto-ficha p{
	font-size: 1.1rem;
	font-family: fuente-light;
}
.ficha .contenedor-texto-ficha .texto-ficha b{
	font-size: 1.2rem;
	font-family: fuente-regular;
}
.ficha .contenedor-texto-ficha .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-bold;
}
.ficha .contenedor-texto-ficha .titulo p{
	font-size: 1.2rem;
	font-family: fuente-light;
	margin-bottom: 0rem;
}
.ficha .contenedor-texto-ficha .btn-ficha{
	background-color: var(--oro);
	border: 1px solid var(--oro) !important;
	color:black;
	padding: .3rem 5% !important;
	font-family: fuente-bold;
	text-transform: uppercase;
	transition: .5s;
	/*width: 20% !important;*/
	margin-bottom:.5rem;
	/*animation: latido-boton 2s infinite;*/
}
.ficha .contenedor-texto-ficha .btn-ficha:hover{
	background-color: transparent;
	border: 1px solid black !important;
	color:black;
}
.ficha .contenedor-texto-ficha .btn-ficha-yt{
	background-color: red;
	border: 1px solid red !important;
	color:white;
	padding: .3rem 5% !important;
	font-family: fuente-bold;
	text-transform: uppercase;
	transition: .5s;
	/*width: 25% !important;*/
	margin-bottom: .5rem;
	/*animation: latido-boton 2s infinite;*/
}
.ficha .contenedor-texto-ficha .btn-ficha-yt:hover{
	background-color: transparent;
	border: 1px solid red !important;
	color:red;
}
.linea-espacio{
	background-color: var(--oro);
	padding: .2rem 0rem;
	width: 100%;
}
/* IMG PRODUCTOS */
.b-132cr{
	background: url(../img/productos-ficha/b-132cr.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

/* PRODUCTOS */
.productos-trogrim{
	padding: 6rem 0rem;
	background-color: white;
}
.productos-trogrim .titulo{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
}
.productos-trogrim .titulo h2{
  font-size: 2.5rem;
  font-family: fuente-regular;
}
.productos-trogrim .titulo h2 span{
  font-family: fuente-bold;
}
.productos-trogrim .titulo p{
  font-size: 1.1rem;
  margin-top: 1rem;
  font-family: fuente-light;
}
.productos-trogrim .titulo p span{
	font-family: fuente-bold;
	color:black;
}
.productos-trogrim .titulo p span a{
	color:black;
	transition: .5S;
}
.productos-trogrim .titulo p span a:hover{
	opacity: .5;
	transform: scale(1.1) !important;
}

.productos-trogrim .categorias-productos{
	width: 100%;
	height: 100%;
}
.productos-trogrim #exampleSlider-categorias {
  position: relative;
}
.productos-trogrim #exampleSlider-categorias .MS-content {
  margin: 0px 5%;
  overflow: hidden;
  white-space: nowrap;
}
.productos-trogrim #exampleSlider-categorias .MS-content .item {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  border-right: none;
  width: 33.33%;
  white-space: normal;
  padding: 0rem 1rem;
}
.productos-trogrim #exampleSlider-categorias .MS-content .item i {
  font-size: 3rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10% 0 !important;
}
.productos-trogrim #exampleSlider-categorias .MS-controls button {
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: -12% !important;
}
.productos-trogrim #exampleSlider-categorias .MS-controls button:hover {
  cursor: pointer;
}
.productos-trogrim #exampleSlider-categorias .MS-controls .MS-left {
  left: 2% !important;
}
.productos-trogrim #exampleSlider-categorias .MS-controls .MS-right {
  right: 2% !important;
}
.productos-trogrim .btn-categorias-carrucel{
	background-color: var(--oro);
  border: 1px solid var(--oro) !important;
  color: black;
  padding: .5rem 5%;
  font-family: fuente-bold;
  text-transform: uppercase;
  padding: .3rem 6%;
  width: 100%;
  transition: .5s;
  font-size: .9rem;
}
.productos-trogrim .col-20-p{
	flex: 0 0 auto;
  	width: 16.66%;
  	padding:0rem 1rem !important;
}
.productos-trogrim .btn-categorias-carrucel:hover{
	background-color: transparent;
	color:black;
}

.productos-trogrim .productos-mas-vendidos{
	width: 100%;
	height: 100%;
}
.productos-trogrim #exampleSlider-mas-vendidos {
  position: relative;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-content {
  margin: 0px 5%;
  overflow: hidden;
  white-space: nowrap;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-content .item {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  border-right: none;
  width: 25%;
  white-space: normal;
  padding:0rem 1rem;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-content .item .cont-img-producto{
	background-color: whitesmoke;
	width: 100%;
	height: 100%;
	text-align: center;
	padding:1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 3rem;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-content .item .cont-img-producto .row{
	width: 100%;
	height: 100%;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-content .item .cont-img-producto .contenedor-img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-content .item .cont-img-producto .texto-ficha-producto{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-content .item .cont-img-producto h4{
	font-family: fuente-bold;
	font-size: 1.3rem;
	color:black;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-content .item .cont-img-producto p{
	font-family: fuente-light;
	font-size: 1rem;
	color:black;
	margin-bottom: 0;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-content .item i {
  font-size: 3rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10% 0 !important;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-controls button {
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 35% !important;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-controls button i{
	color: black;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-controls button:hover {
  cursor: pointer;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-controls .MS-left {
  left: 2% !important;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-controls .MS-right {
  right: 2% !important;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-content .item .btn-categorias-carrucel{
	background-color: var(--oro);
  border: 1px solid var(--oro) !important;
  color: black;
  padding: .5rem 5%;
  font-family: fuente-bold;
  text-transform: uppercase;
  padding: .3rem 6%;
  width: 100%;
  transition: .5s;
}
.productos-trogrim #exampleSlider-mas-vendidos  .MS-content .item .btn-categorias-carrucel:hover{
	background-color: transparent;
	color:black;
}

.sets-tendencia .productos-mas-vendidos{
	width: 100%;
	height: 100%;
}
.sets-tendencia #exampleSlider-mas-vendidos {
  position: relative;
}
.sets-tendencia #exampleSlider-mas-vendidos  .MS-content {
  margin: 0px 5%;
  overflow: hidden;
  white-space: nowrap;
}
.sets-tendencia #exampleSlider-mas-vendidos  .MS-content .item {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  border-right: none;
  width: 25%;
  white-space: normal;
  padding:0rem 1rem;
}
.sets-tendencia #exampleSlider-mas-vendidos  .MS-content .item .cont-img-producto{
	background-color: white;
	width: 100%;
	height: 100%;
	text-align: center;
	padding:1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 3rem;
}
.sets-tendencia #exampleSlider-mas-vendidos  .MS-content .item .cont-img-producto .row{
	width: 100%;
	height: 100%;
}
.sets-tendencia #exampleSlider-mas-vendidos  .MS-content .item .cont-img-producto .contenedor-img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.sets-tendencia #exampleSlider-mas-vendidos  .MS-content .item .cont-img-producto .texto-ficha-producto{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.sets-tendencia #exampleSlider-mas-vendidos  .MS-content .item .cont-img-producto h4{
	font-family: fuente-bold;
	font-size: 1.3rem;
	color:black;
}
.sets-tendencia #exampleSlider-mas-vendidos  .MS-content .item .cont-img-producto p{
	font-family: fuente-light;
	font-size: 1rem;
	color:black;
	margin-bottom: 0;
}
.sets-tendencia #exampleSlider-mas-vendidos  .MS-content .item i {
  font-size: 3rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10% 0 !important;
}
.sets-tendencia #exampleSlider-mas-vendidos  .MS-controls button {
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 35% !important;
}.sets-tendencia #exampleSlider-mas-vendidos  .MS-controls button:hover {
  cursor: pointer;
}
.sets-tendencia #exampleSlider-mas-vendidos  .MS-controls .MS-left {
  left: 2% !important;
   color:black;
}
.sets-tendencia #exampleSlider-mas-vendidos  .MS-controls .MS-right {
  right: 2% !important;
  color:black;
}

#ctn-icon-search{

}

#ctn-icon-search i{
	transition: .5s;
	cursor:pointer;
}
#ctn-icon-search i:hover{
	color:var(--azul-oscuro);
}
#ctn-bars-search{
	/*position:fixed;*/
	top:-100px;
	width: 100%;
	background-color:transparent;
	padding:0rem 5rem !important;
	z-index:1;
	transition: .6s;
}
#ctn-bars-search input{
	display: block;
	width: 100%;
	margin:auto;
	padding:.5rem;
	font-size: 1rem;
	outline:0;
	border-radius: .5rem;
	border:2px solid var(--oro) !important;
	background-color: var(--oro-suave);
	font-family: fuente-regular;
	position: relative;
}
#box-search{
	/*position: fixed;*/
	top:78%;
	margin:auto;
	width: 70%;
	background-color: whitesmoke;
	z-index: 1;
	margin:0rem 6rem !important;
	display: none;
	/*left: 11%;*/
	/*position: absolute;*/
	/*z-index: 3;*/
}
#box-search li a{
	display: block;
	width: 100%;
	color: black;
	padding: .2rem 1rem;
	font-size: .8rem;
	opacity: .7;
}
#box-search li a:hover{
	background-color: var(--azul-claro);
	opacity: .9;
}
#box-search li a i{
	margin-right: 1rem;
}
#cover-ctn-search{
	width: 100%;
	height: 100%;
	position: fixed;
	left:0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 8;
	display: none;
}
.icono-placeholder::placeholder{
	background-image: url(../img/lupa.png);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: .5rem center;
	margin-left: 1rem;
}
/* PRODUCTOS *

/* PRODUCTOS CATEGORIAS */
.productos-biseles{
	padding: 2.5rem 0rem 5rem;
	background-color: whitesmoke;
}
.productos-biseles .row{
	justify-content: center;
	align-items: center;
}
.cont-titulo-producto{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.contenedor-ficha{
	background-color: white;
}
.cont-titulo-producto p{
	margin-top:.5rem;
	color:black;
	margin-bottom: 0rem;
	font-family: fuente-light;
	font-size: 1rem;
}
.cont-titulo-producto h4{
	font-family: fuente-bold;
	font-size: 1.3rem;
	color:black;
}
.productos-biseles .contenedor-aviso{
	width: 100%;
	height: 100%;
	padding: 2rem 4rem;
	text-align: center;
}
.productos-biseles .contenedor-aviso  h3{
	font-size: 1.5rem;
	color:black;
	font-family: fuente-light;
	opacity: .7
}
/* PRODUCTOS CATEGORIAS */

/* ACORDEON */
.accordion-button:focus,
.accordion-button:not(.collapsed){
	box-shadow: none !important;
}
.acordeon-autos{
	padding-bottom: 4rem;
}
.acordeon-autos .accordion-button,
.acordeon-autos .accordion-button-fijo{
	background-color: whitesmoke;
	font-family: fuente-bold;
	font-size: 1rem;
	background-color: var(--oro) !important;
	text-transform: uppercase;

	position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: .8rem;
  font-size: 1.3rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
.acordeon-autos .accordion-header{
	/*border-bottom: 1px solid white;*/
}
.acordeon-autos .accordion-button:not(.collapsed){
	background-color: whitesmoke;
	color:black;
}
.acordeon-autos .accordion-button:focus{
	box-shadow: none;
}
.acordeon-autos .accordion-body{
	padding: 0rem !important;
	text-align: justify;
}
.acordeon-autos .accordion-body{
	font-size: 1rem;
	font-family: fuente-regular;
}
.acordeon-autos .accordion-body p{
	margin: 0rem !important;
	padding: 1rem .5rem;
	width: 100%;
	height: 100%;

	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.col-seven{
	flex: 0 0 auto;
    width: 14.285714% !important;
    text-align: center;
}
.col-catorce{
	flex: 0 0 auto;
    width: 28% !important;
    text-align: center;
}
.col-seven h5,
.col-catorce h5,
.col-12 h5{
	font-size: 1rem;
	font-family: fuente-regular;
	margin-bottom: 0rem !important;
	padding: .5rem 0rem;
	text-transform: uppercase;
	text-align: center;
}
.acordeon-autos .accordion-body .contenedor-titulos{
	background-color: var(--oro-suave);
	color:black;
	width: 100%;
	height: 100%;
}
.acordeon-autos .accordion-body .contenedor-titulos h5{
	margin-bottom: 0rem;
	padding: .5rem 0rem;
	text-align: center;
}
.acordeon-autos .contenedor-titulos-movil{
	background-color: var(--oro-suave);
	color:black;
	width: 100%;
	height: 100%;
	border-bottom: 1px solid var(--bs-border-color);
}
.acordeon-autos .contenedor-titulos-movil h5{
	padding:1rem 2rem;
}
.acordeon-autos .accordion-body .contenedor-datos{
	background-color: white;
	color:black;
	width: 100%;
	height: 100%;
}
.colores{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.colores-titulo{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	text-align: center;
}
.ambar-square{
	background-color: var(--oro);
	width: 15px;
	height: 15px;
}
.black-square{
	background-color: black;
	width: 15px;
	height: 15px;
}
.rojo-square{
	background-color: red;
	width: 15px;
	height: 15px;
}
.azul-square{
	background-color: #1fafe6;
	width: 15px;
	height: 15px;
}
.silver-square{
	background-color: silver;
	width: 15px;
	height: 15px;
}
.borde-abajo{
	border-bottom: 1px solid silver;
}
/* FICHAS PRODUCTOS */

/* FORMULARIO */
.formulario{
	background-color: whitesmoke;
	padding: 6rem 0rem;
	overflow: hidden;
}
.formulario textarea{
	resize: none;
}
.formulario .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
}
.formulario .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-regular;
}
.formulario .titulo h2 span{
	font-family: fuente-bold;
}
.formulario .titulo p{
	font-size: 1.1rem;
	margin-top:1rem;
	font-family: fuente-light;
}
.formulario .btn-formulario{
	background-color: var(--oro);
	border: 1px solid var(--oro) !important;
	color:black;
	padding: .5rem 5%;
	font-family: fuente-bold;
	text-transform: uppercase;
	padding: .3rem 6%;
	animation: latido-boton 2s infinite;
}
.formulario .btn-formulario:hover{
	background-color: transparent;
	color:var(--oro);
}
.formulario .form-control::placeholder,
.formulario .form-select::placeholder,
.formulario .form-control,
.formulario .form-select{
	font-family: fuente-light !important;
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}

.formbox-field_6KBZJ input,
.formbox-field_6KBZJ input:active,
.formbox-field_6KBZJ textarea,
.formbox-field_6KBZJ textarea:active{
	display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  font-family: fuente-light;
}
/* FORMULARIO */

/* THANKS DISTRIBUIDORES */
.thanks_d{
	background-color: black;
	overflow: hidden;
}
.thanks_d .contenedor{
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.thanks_d .contenedor img{
	width: 20%;
}
.thanks_d .contenedor h4{
	font-family: fuente-regular;
	font-size: 3rem;
	color:white;
	margin:2rem 0rem 4rem !important;
}
.thanks_d .contenedor .btn-thanks{
	background-color: var(--oro);
	color:black;
	font-family: fuente-bold;
	text-transform: uppercase;
	text-transform: .5s;
	border:1px solid var(--oro);
	padding: .3rem 3%;
	transition: .5s;
}
.thanks_d .contenedor .btn-thanks:hover{
	background-color: transparent;
	color:var(--oro);
}
/* THANKS DISTRIBUIDORES */

/* MAPA */
.mapa,{
	margin-bottom: -1rem;
}
/* MAPA */

.video{
	margin-bottom:-.4rem;
}

/* IMAGEN TEXTO IZQUIERDA */
.img-texto-izquierda{
	background-color: white;
	overflow: hidden;
}
.img-texto-izquierda .img-animada{
	position: relative;
}
.img-texto-izquierda .img-animada .img-superior{
	position: relative;
	z-index: 2;
}
.img-texto-izquierda .img-animada .img-fondo{
	position: absolute;
}
.img-texto-izquierda .contenedor{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	text-align: start;
	width: 100%;
	height: 100%;
	padding-right:3rem;
}
.img-texto-izquierda .contenedor .logo-enciende-img{
	width: 60%;
}
.img-texto-izquierda .contenedor h2{
	font-family: fuente-regular;
	font-size: 2.5rem;
}
.img-texto-izquierda .contenedor h2 span{
	font-family: fuente-bold;
}
.img-texto-izquierda .contenedor p{
	font-family: fuente-light;
	font-size: 1rem;
	margin-top:2rem;
	text-align: justify;
}
.img-texto-izquierda .contenedor p span{
	font-family:fuente-regular;
}
.img-texto-izquierda .contenedor .btn-img-texto{
	background-color: var(--oro);
	color:black;
	font-family: fuente-bold;
	text-transform: uppercase;
	text-transform: .5s;
	border:1px solid var(--oro);
	padding: .3rem 6%;
	animation: latido-boton 2s infinite;
}
.img-texto-izquierda .contenedor .btn-img-texto:hover{
	background-color: transparent;
	color:var(--oro);
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}
/* IMAGEN TEXTO IZQUIERDA */

/* IMAGEN TEXTO DERECHA */
.fondo-enciende{
	background: url(../img/fondo-enciende.webp);
	background-size: cover;
	background-position: center;
	padding: 3rem 0rem 6rem;
}
.img-texto-derecha{
	background-color: var(--gris-oscuro);
	overflow: hidden;
}
.img-texto-derecha .img-animada{
	position: relative;
}
.img-texto-derecha .img-animada .img-superior{
	position: relative;
	z-index: 2;
}
.img-texto-derecha .img-animada .img-fondo{
	position: absolute;
}
.img-texto-derecha .contenedor{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: end;
	text-align: end;
	width: 100%;
	height: 100%;
	padding-left:3rem;
}
.img-texto-derecha .contenedor .logo-enciende-img{
	width: 85%;
}
.img-texto-derecha .contenedor h2{
	font-family: fuente-regular;
	font-size: 2.5rem;
}
.img-texto-derecha .contenedor p{
	font-family: fuente-light;
	font-size: 1.2rem;
	/*margin-top:2rem;*/
	text-align: justify;
	color:white;
}
.img-texto-derecha .contenedor p span{
	font-family:fuente-regular;
}
.img-texto-derecha .contenedor .btn-img-texto{
	background-color: var(--oro);
	color:black;
	font-family: fuente-bold;
	text-transform: uppercase;
	text-transform: .5s;
	border:1px solid var(--oro);
	padding: .3rem 6%;
	animation: latido-boton 2s infinite;
}
.img-texto-derecha .contenedor .btn-img-texto:hover{
	background-color: transparent;
	color:var(--oro);
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}
/* IMAGEN TEXTO DERECHA */

/* IMAGEN TEXTO DERECHA 2 */
.img-texto-derecha-02{
	background-color: whitesmoke;
	overflow: hidden;
	height: 460px;
}
.img-texto-derecha-02 .img-animada{
	position: relative;
	overflow: hidden;
}
.img-texto-derecha-02 .img-animada .img-superior{
	position: relative;
	z-index: 2;
}
.img-texto-derecha-02 .img-animada .img-fondo{
	position: absolute;
}
.img-texto-derecha-02 .contenedor{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: end;
	text-align: end;
	width: 100%;
	height: 100%;
	padding-left:3rem;
}
.img-texto-derecha-02 .contenedor h2{
	font-family: fuente-regular;
	font-size: 2.5rem;
}
.img-texto-derecha-02 .contenedor p{
	font-family: fuente-light;
	font-size: 1rem;
	margin-top:2rem;
	text-align: justify;
}
.img-texto-derecha-02 .contenedor p span{
	font-family:fuente-regular;
}
.img-texto-derecha-02 .contenedor .btn-img-texto{
	background-color: var(--oro);
	color:black;
	font-family: fuente-bold;
	text-transform: uppercase;
	text-transform: .5s;
	border:1px solid var(--oro);
	padding: .3rem 6%;
	animation: latido-boton 2s infinite;
}
.img-texto-derecha-02 .contenedor .btn-img-texto:hover{
	background-color: transparent;
	color:var(--oro);
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}
/* IMAGEN TEXTO DERECHA */

/* IMAGEN TEXTO CENTRO */
.img-texto-centro{
	background-color: whitesmoke;
	padding: 4rem 0rem;
	overflow: hidden;
}
.img-texto-centro .contenedor{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 100%;
}
.img-texto-centro .contenedor h2{
	font-family: fuente-regular;
	font-size: 2.5rem;
}
.img-texto-centro .contenedor p{
	font-family: fuente-light;
	font-size: 1rem;
	margin-top:2rem;
	text-align: justify;
}
.img-texto-centro .contenedor p span{
	font-family:fuente-regular;
}
/* IMAGEN TEXTO CENTRO */

/* VIDEO CUADRADO */
.video-cuadrado{
	background-color: whitesmoke;
	overflow: hidden;
	margin-bottom: -.3rem;
}
.video-cuadrado .contenedor{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: end;
	text-align: end;
	padding-left: 6rem;
}
.video-cuadrado .contenedor h2{
	font-family: fuente-regular;
	font-size: 2.5rem;
}
.video-cuadrado .contenedor h2 span{
	font-family: fuente-bold;
}
.video-cuadrado .contenedor p{
	font-size: 1.2rem;
	font-family: fuente-light;
	margin-top: 3rem;
	text-align: justify;
}
/* VIDEO CUADRADO */

/* DISTRIBUIDORES */
.distribuidores{
	background-color: whitesmoke;
	overflow: hidden;
	padding:6rem 0rem;
}
.distribuidores .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
}
.distribuidores .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-regular;
}
.distribuidores .titulo h2 span{
	font-family: fuente-bold;
}
.distribuidores .titulo p{
	font-size: 1.1rem;
	margin-top:1rem;
	font-family: fuente-light;
}
.distribuidores .cont-botones{
	margin-top:3rem;
	width: 100%;
}
.distribuidores .cont-botones .accordion-item h2 a{
	background-color: var(--oro);
	font-family: fuente-regular;
}
.distribuidores .cont-botones .accordion-item{
	border:.5px solid black;
}
.distribuidores .cont-botones .accordion-item .accordion-body{
	background-color: white;
}
.distribuidores .cont-botones .accordion-item .accordion-body ul li{
	font-family: fuente-light;
}
.distribuidores .cont-botones .accordion-item .accordion-body ul li span{
	font-family: fuente-bold;
}
/* DISTRIBUIDORES */ 

/* PRODUCTOS */
.productos-catalogo{
	background-color: white;
	position: relative !important;
	/*padding:6rem 0rem;*/
	width: 100%;
	height: 600px;
}
.productos{
	background-color: whitesmoke;
	position: relative !important;
	padding:6rem 0rem;
	width: 100%;
	height: 100%;
}
.productos .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
}
.productos .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-regular;
}
.productos .titulo h2 span{
	font-family: fuente-bold;
}
.productos .titulo p{
	font-size: 1.1rem;
	margin-top:1rem;
	font-family: fuente-light;
}
.productos hr{
	width: 30%;
	height: .2rem;
	background-color: var(--oro);
	opacity: 1 !important;
	border: none;
}
.productos #cuadro{
	padding: 0 3rem !important;
}
.productos #cuadro img{
	padding: .5rem !important;
	border-radius: 20rem !important;
}
.productos #cuadro h1{
	font-size: 1.5rem !important;
	margin-top: 1rem !important;
}
.productos #cuadro p{
	font-size: 1.5rem !important;
	margin:.8rem 0rem !important;
}
.productos #contM{
	display: none !important;
}
.productos #titulo h1{
	font-family: 3rem !important;
}
.productos form {
	width: 100%;
	display: flex;
	justify-content: center;
	margin:4rem 0rem 2rem;
}
.productos .barra-busqueda {
	width: 70%;
	height: 40px;
	line-height: 40px;
	background: var(--oro);
	padding: 0 20px;
	border-radius: 100px;
	border: none;
	text-align: center;
	font-size: 16px;
}
.productos .categorias {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 5rem !important;
	line-height: 3rem !important;
}
.productos .categorias a {
	color: var(--oro);
	margin: 0px 20px;
	font-size: 18px;
	opacity: 1 !important;
	transition: 0.5s !important;
	text-decoration: none !important;
	font-family: fuente-light;
}
.productos .categorias a.activo {
	opacity: .5 !important;
}
.productos .grid {
	position: relative;
	width: 100%;
	opacity: 0;
	transition: opacity 0.5s linear 1s;
}
.productos .grid.imagenes-cargadas {
	opacity: 1;
}
.productos .grid .item {
	position: absolute;
	display: block;
	padding: 0;
	margin: 10px;
	width: calc(25% - 25px);
}
.productos .grid .item-contenido {
	position: relative;
	overflow: hidden !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-shadow: 1px 1px 3px silver;
	background-color: white;
}
.productos .grid .item-contenido a{
	color: white !important;
	text-decoration: none !important;
	font-size: 1rem !important;
}
.productos .grid .item img {
	width: 100%;
	cursor: pointer;
	vertical-align: top;
	transition: 0.5s !important;
	border-radius: 0 !important;
	background-color: white !important;
}
.productos .grid .item img:hover{
	transform: scale(1.1);
}
.productos .grid .item-contenido .texto{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding:1rem 2rem 2rem;
	background-color: white;
}
.productos .grid .item-contenido .texto h2{
	font-family: fuente-regular;
	font-size: 1.5rem;
	color:black;
}
.productos .grid .item-contenido .texto h3{
	color:var(--oro);
	font-size: 1rem;
	font-family: fuente-light;
	margin-top:1rem !important;
}

.productos .ficha .imagen-producto{
	text-align: center;
	padding: 0rem 2rem 2rem 0rem;
}
.productos .ficha .imagen-producto img{
	box-shadow: 1px 1px 3px silver;
}
.productos .ficha .titulo-ficha{
	text-align: end;
	padding-bottom: 2rem !important;
	width: 100%;
	height: 100%;
}
.productos .ficha .titulo-ficha h2{
	font-family: fuente-regular;
	font-size: 2rem;
	color: black;
}
.productos .ficha .sub-titulo{
	text-align: end;
	padding-left:5rem;
	margin-bottom: 3rem !important;
	width: 100%;
	height: 100%;
}
.productos .ficha .sub-titulo h3{
	font-family: fuente-regular;
	color:var(--oro);
	font-size: 1.2rem;
}
.productos .ficha .bullet{
	text-align: left;
	margin-bottom: 2rem;
}
.productos .ficha .bullet h4{
	font-size: 1.2rem;
	color:black;
	font-family: fuente-regular;
}
.productos .ficha .bullet p{
	font-family: fuente-light;
	color:black;
	opacity: 8;
	font-size: 1rem;
}
/* PRODUCTOS */

/* PRODCUTOS BD */
.productos-bd{
	background-color: whitesmoke;
	padding: 6rem 0rem;
}
/* PRODUCTOS BD */

/* SETS DE TENDENCIA */
.sets-tendencia{
	background-color: whitesmoke;
	padding:6rem 0rem;
	overflow: hidden;
	position: relative;
}
.sets-tendencia .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
}
.sets-tendencia .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-regular;
}
.sets-tendencia .titulo h2 span{
	font-family: fuente-bold;
}
.sets-tendencia .titulo p {
  font-size: 1.1rem;
  margin-top: 1rem;
  font-family: fuente-light;
}
.sets-tendencia .sets{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	margin-top:3rem;
	position: relative;
}
.sets-tendencia .sets .nivel-cont{
	width: 33.33%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.sets-tendencia .sets .nivel-cont .nivel{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/*box-shadow: 1px 1px 3px black;*/
	/*background-color: white;*/
	transition: .5s;
	/*padding:1rem 0rem 2rem;*/
	cursor: pointer;
}
.sets-tendencia .sets .nivel-cont .nivel img{
	box-shadow: 2px 2px 3px grey;
}
.sets-tendencia .sets .nivel-cont .nivel:hover{
	transform: scale(1.1);
}
.sets-tendencia .sets .nivel-cont .nivel h3{
	font-family: fuente-regular;
	font-size: 1.5rem;
	margin-top: 2rem !important;
}
.nivel-1{
	padding:1rem 3rem 1rem 6rem;
}
.nivel-2{
	padding:1rem 4.5rem 1rem 4.5rem;
}
.nivel-3{
	padding:1rem 6rem 1rem 3rem;
}
/* STES DE TENDENCIA */

/* REVIEWS */
.reviews{
	background-color: white;
	padding:6rem 0rem;
	overflow: hidden;
}
.reviews .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
}
.reviews .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-regular;
}
.reviews .titulo h2 span{
	font-family: fuente-bold;
}
#exampleSlider02{
  position: relative;
}
#exampleSlider02 .MS-content {
  margin: 0px 5%;
  overflow: hidden;
  white-space: nowrap;
}
#exampleSlider02 .MS-content .item {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  border-right: none;
  width: 50% !important;
  white-space: normal;
}
#exampleSlider02 .MS-content .item #cont{
	background-color: whitesmoke;
	padding:1rem 2rem !important;
	color:black !important;
	width: 100% !important;
	height: 18rem !important;
	display: flex !important;
	justify-content: center !important;
	align-items: start !important;
	flex-direction: column !important;
	box-shadow: 1px 1px 3px silver;
}
#exampleSlider02 .MS-content .item #cont h3{
	font-size: 1.5rem !important;
}
#exampleSlider02 .MS-content .item #cont h4{
	font-size: 1.1rem !important;
	text-transform: uppercase;
	font-family: fuente-bold;
}
#exampleSlider02 .MS-content .item #cont h5{
	font-size: .8rem !important;
}
#exampleSlider02 .MS-content .item #cont #texto{
	width: 100% !important;
	position: relative !important;
	height: 100% !important;
	overflow:hidden !important;
	color:black !important;
	font-family: fuente-light;
	text-align: justify;
}
#exampleSlider02 .MS-content .item #cont #texto p{
	margin-bottom: 0 !important;
}
#exampleSlider02 .MS-content .item #cont ul li i{
	color:gold !important;
}
#exampleSlider02 .MS-content .item #text{
	background-color: white !important;
	color:black !important;
	overflow: hidden !important;
	width: 100% !important;
	height: 100% !important;
}
#exampleSlider02 .MS-content .item #text h3{
	font-size:1.2rem;
	padding: .5rem 2rem !important;
	position: relative !important;
	overflow: hidden !important;
}
#exampleSlider02 .MS-content .item .content{
  overflow: hidden !important;
}
#exampleSlider02 .MS-content .item .content img{
  transition: 0.5s !important;
}
#exampleSlider02 .MS-content .item .content img:hover{
  transform: scale(1.2);
}
#exampleSlider02 .MS-controls button {
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 40% !important;
  color:var(--gris-oscuro)
}
#exampleSlider02 .MS-controls button:hover {
  cursor: pointer;
}
#exampleSlider02 .MS-controls .MS-left {
  left: 2% !important;
}
#exampleSlider02 .MS-controls .MS-right {
  right: 2% !important;
}
/* REVIEWS */

/* VIDEO BLOG */
.video-blog{
	background-color: var(--gris-oscuro);
	padding:6rem 0rem;
	overflow: hidden;
}
.video-blog .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
}
.video-blog .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-bold;
	display: flex;
	justify-content: center;
	align-items: center;
	color:white;
}
.video-blog .titulo h2 img{
	width: 40%;
}
.video-blog .titulo p{
	font-size: 1.1rem;
  margin-top: 1rem;
  font-family: fuente-light;
  padding:0rem 10rem;
  color:white;
}
.video-blog .titulo p span{
	font-family: fuente-bold;
}

.video-blog-jefes{
	background-color: black;
	padding:6rem 0rem;
	overflow: hidden;
}
.video-blog-jefes .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
}
.video-blog-jefes .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-bold;
	display: flex;
	justify-content: center;
	align-items: center;
	color:white;
}
.video-blog-jefes .titulo h2 img{
	width: 40%;
}
.video-blog-jefes .titulo p{
	font-size: 1.1rem;
  margin-top: 1rem;
  font-family: fuente-light;
  padding:0rem 10rem;
  color:white;
}
.video-blog-jefes .titulo p span{
	font-family: fuente-bold;
}
#exampleSlider03{
  position: relative;
}
#exampleSlider03 .MS-content{
  margin: 0px 5%;
  overflow: hidden;
  white-space: nowrap;
}
#exampleSlider03 .MS-content .contenedor{
	box-shadow: 1px 1px 2px grey;
}
#exampleSlider03 .MS-content .contenedor a{
	color:black;
}
#exampleSlider03 .MS-content .contenedor h3{
	font-family: fuente-light;
	font-size: 1.2rem;
	color:black;
}
#exampleSlider03 .MS-content .item{
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  border-right: none;
  width: 33.33%;
}
#exampleSlider03 .MS-content .item #text{
	background-color: white;
}
#exampleSlider03 .MS-content .item .content{
  overflow: hidden !important;
}
#exampleSlider03 .MS-content .item .content img{
  transition: 0.5s !important;
}
#exampleSlider03 .MS-content .item .content img:hover{
  transform: scale(1.2);
}
#exampleSlider03 .MS-controls button{
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 40% !important;
  color:var(--oro)
}
#exampleSlider03 .MS-controls button:hover{
  cursor: pointer;
  opacity: .5;
}
#exampleSlider03 .MS-controls .MS-left{
  left: 2% !important;
}
#exampleSlider03 .MS-controls .MS-right{
  right: 2% !important;
}
/* VIDEO BLOG */

/* PANORAMICA */
.p-top{
	padding-top: 6rem;
}
.panoramica{
	background-color: white;
	padding-bottom:6rem;
	overflow: hidden;
}
.panoramica .cont-izq{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	text-align: start;
	width: 100%;
	height: 100%;
	padding-right: 2rem;
}
.panoramica .cont-izq h3{
	font-size: 2rem;
	font-family: fuente-regular;
}
.panoramica .cont-izq h3 span{
	font-family: fuente-bold;
	font-size: 2.2rem;
}
.panoramica .cont-izq .btn-panoramica{
	background-color: var(--oro);
	color:black;
	text-transform: uppercase;
	border: 1px solid var(--oro);
	transition: .5s;
	font-family: fuente-bold;
	margin-top:1.5rem;
	padding: .3rem 6%;
	animation: latido-boton 2s infinite;
}
.panoramica .cont-izq .btn-panoramica:hover{
	background-color: transparent;
	color:var(--oro);
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}
.panoramica .cont-der{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: end;
	text-align: end;
	width: 100%;
	height: 100%;
	padding-left: 2rem;
}
.panoramica .cont-der p{
	font-family: fuente-light;
	font-size: 1.1rem;
	text-align: justify;
	margin-bottom: 0 !important;
}
.panoramica .cont-der p span{
	font-family: fuente-bold;
}
.panoramica-img{
	background: url('../img/panoramica.webp');
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  	background-position: center;
  	background-size: cover;
  	padding: 4rem 2rem;
  	text-align: center;
}
.panoramica-img h3{
	font-size: 6rem;
	font-family: fuente-regular;
	color:white;
	text-shadow: 1px 1px 3px black;
}
.panoramica-img h3 span{
	font-family: fuente-bold;
}
/* PANORAMICA */

/* POST REDES SOCIALES */
.post-redes{
  background-color: var(--gris-oscuro);
  position: relative;
  z-index:2;
}
.post-redes .titulo{
  text-align: center;
  padding:1rem 0rem;
}
.post-redes .titulo a img{
	transition: .5s;
	width: 40%;
}
.post-redes .titulo a img:hover{
	transform: scale(1.1);
}
.post-redes .titulo h3{
  font-family: fuente-regular;
  font-size: 2rem;
  color:var(--oro);
}
.post-redes ul{
  display: flex;
  overflow: hidden;
}
.post-redes ul li{
  width: 16.66%;
  overflow: hidden;
  transition: .5s;
}
.post-redes ul li .cont{
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: .5s;
}
.post-redes ul li:hover .cont{
  transform: scale(1.1);
}
/* INSTAGRAM */

/* AVISO PRIVACIDAD */
.aviso-privacidad{
	background-color: whitesmoke;
	padding:4rem 0rem;
}
.aviso-privacidad p{
	font-family: fuente-light;
	text-align: justify;
}
.aviso-privacidad p a{
	color:var(--oro);
	font-family: fuente-regular;
	transition: .5s;
}
.aviso-privacidad p a:hover{
	opacity: .6;
}
/* AVISO PRIVACIDAD */

/* PRELOADER */
.loading{
  width: 100%;
  height: 100vh;
  background: black !important;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top:0;
  left: 0;
  z-index: 100000;
  clip-path: circle(100% at 50% 50%);
  transition: clip-path 0.8s ease-in-out;
}
.loading img{
	width: 10%;
}

.loading2{
  clip-path: circle(0% at 50% 50%);
}
/*.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: white transparent white transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}*/
/* PRELOADER */

/*HOME*/
.home{
  position:fixed;
  bottom:20px;
  right: 15px;
  width: 65px;
  height: 65px;
  padding:3px;
  background: #00bb2d;
  border: 2px solid white;
  display: flex;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s;
  font-size: 2.2rem;
  color:white;
  z-index: 1000;
  border-radius: 50%;
  transition: 0.5s;
}
.home a{
  color:white;
  transition: 0.5s;
}
.home a i{
  font-size: 2.2rem;
  transition: 0.5s;
}
.home:hover{
  background:white;
  border: 2px solid #00bb2d;
  color:#00bb2d;
}
.home:hover a{
  color:#00bb2d;
}
.home a i:hover{
  color:#00bb2d;
}
/* HOME */

/* BARRA PROGRESO */
#progresoBarra{
	position: fixed !important;
	width: 100% !important;
	height: 10px !important;
	z-index: 200 !important;
}
#progresoBarra #barra{
	width: 0%;
	height: 10% !important;
	background-color: var(--oro) !important;
}
/* BARRA DE PROGRESO */


/* FOOTER */
footer {
	padding:4rem 0rem;
	background-color:black;
	position: relative;
  z-index:2;
}
footer h4{
	font-size: 1.4rem;
	color:white;
	font-family: fuente-bold !important;
	margin-bottom: 1rem !important;
	text-transform: uppercase;
}
footer  .logo-footer{
	height: auto;
	width: 75%;
}
footer  ul{
	list-style: none !important;
	padding-left: 0rem;
}
footer .redes{
	display: flex;
	margin-top:1.5rem;
	margin-left: 1rem;
}
footer .redes i, footer .redes svg{
	color:white;
	font-size: 2rem;
	transition: .5s;
}
footer .redes i:hover{
	opacity:.5;
	padding-left: 0 !important;
}
footer .redes .icono-last{
	margin-left:2.5rem;
}
footer hr{
	width: 80%;
	opacity:.3;
	margin-left: 0rem;
}
footer ul{
	list-style: none !important;
}
footer ul .link-no-primero{
	margin-top:1.5rem;
}
footer ul li .enlace{
	color:white;
	transition: .5s;
	font-family: fuente-light;
}
footer ul li .dropdown-menu{
  background-color: var(--verde-claro) !important;
  padding:1rem !important;
  color:white !important;
  border: 1px solid white !important;
}
footer ul li .dropdown-item{
  color:white;
  transition: .5s;
}
footer ul li .dropdown-item:hover{
  background-color: transparent !important;
  opacity: .5;
}
footer ul li{
	transition: .5s;
	color: white;
}
footer ul li .enlace:hover {
	color:var(--orange);
	padding-left:.5rem;
}
footer ul li i{
	font-weight: 700;
	margin-right: .5rem;
}
footer .contact li{
	display: flex;
	text-align: justify;
}
footer .contact li .title{
	margin-right: 1rem;
	font-weight: 700;
}
footer .contact li img{
	width: 10%;
}
footer .contact a{
	color:white;
	transition: .5s;
}
footer .contact a:hover{
	opacity:.5;
}
footer .text{
	text-align: center;
}
footer .text p{
	color: #666;
	margin-bottom: 0;
	font-size: 12px;
	text-transform: uppercase;
	padding:2.5rem 0rem;
}
footer .cont{
	/*padding:4rem 2rem 2rem;*/
}
footer .contact span{
	font-family: fuente-light;
}
/* FOOTER */

/* CAMINO BULLETS */
.camino{
	background:url(../img/camino.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	/*padding:6rem 0rem;*/
	overflow: hidden;
}
.camino .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, black, transparent);
	padding: 6rem 0rem 8rem !important;
}
.camino .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-bold;
	display: flex;
	justify-content: center;
	align-items: center;
	color:white;
}
.camino .titulo h2 img{
	width: 40%;
}
.camino .titulo p{
	font-size: 1.1rem;
  margin-top: 1rem;
  font-family: fuente-light;
  padding:0rem 10rem;
  color:white;
}
.camino .titulo p span{
	font-family: fuente-bold;
}
.camino .logo-enciende{
	width: 100%;
	text-align: center;
	background: linear-gradient(0deg, black, transparent);
	padding: 8rem 0rem 3rem !important;
}
.camino .logo-enciende img{
	width: 40%;
}
.camino .cont-senal{
	width: 100%;
	height: 100%;
}
.camino .cont-senal .texto-sing-01{
	padding:0rem 15rem 0rem 6rem;
	position: absolute;
}
.camino .cont-senal .texto-sing-01 p{
	color:white;
	font-family: fuente-regular;
	font-size: 1.5rem;
}
.camino .cont-senal .img-sing-01{
	margin-top: 3rem;
}
.camino .cont-senal .texto-sing-02{
	padding:0rem 6rem 0rem 17rem;
	position: absolute;
}
.camino .cont-senal .texto-sing-02 p{
	color:white;
	font-family: fuente-regular;
	font-size: 1.5rem;
}
.camino .cont-senal .img-sing-02{
	/*margin-top: .5rem;*/
}
.camino .cont-senal .texto-sing-03{
	padding:0rem 15rem 0rem 6rem;
	position: absolute;
}
.camino .cont-senal .texto-sing-03 p{
	color:white;
	font-family: fuente-regular;
	font-size: 1.5rem;
}
.camino .cont-senal .img-sing-03{
	margin-top: 2rem;
}
.camino .cont-senal .texto-sing-04{
	padding:0rem 6rem 0rem 17rem;
	position: absolute;
}
.camino .cont-senal .texto-sing-04 p{
	color:white;
	font-family: fuente-regular;
	font-size: 1.5rem;
}
.camino .cont-senal .img-sing-04{
	margin-top: 2rem;
}
.camino .cont-senal .texto-sing-05{
	padding:0rem 15rem 0rem 6rem;
	position: absolute;
}
.camino .cont-senal .texto-sing-05 p{
	font-size: 1.5rem;
	font-family: fuente-regular;
	color:white;
}
/* CAMINO BULLETS */

@media (max-width: 1300px){
	header nav .menu .lista li a{
		letter-spacing: 0rem !important;
	}
}

/* MOVIL */
@media (max-width: 575px){
	.ficha .contenedor-texto-ficha .texto-ficha .listas-dobles{
		display: block;
	}
	header nav .menu .lista li .btn-enterprice-menu{
		background-color: white;
		font-size: 1rem;
		padding:.3rem 20%;
	}
	header nav .menu .lista li .btn-enterprice-menu:hover{
		background-color: transparent;
		border: 1px solid black;
		color:black;
	}
	.ficha .contenedor-texto-ficha .texto-ficha li{
		font-size: 1rem;
	}
	.ficha .contenedor-texto-ficha .btn-ficha-yt{
		width: 100% !important;
		margin-top: 1rem;
		font-size: 1.1rem;
		margin-bottom: 0rem;
	}
	.indice-categoria .enlaces p{
		font-size: 1.2rem;
	}
	.productos-trogrim .btn-categorias-carrucel{
		font-size: 1.2rem;
	}
	.acordeon-autos .acordeon-movil .accordion-button{  
		background-color: whitesmoke;
	  font-family: fuente-regular;
	  font-size: 1rem;
	  background-color: var(--oro-suave) !important;
	  text-transform: uppercase;
	  position: relative;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 100%;
	  padding: .8rem;
	  font-size: 1rem !important;
	  color: var(--bs-accordion-btn-color);
	  text-align: left;
	  background-color: var(--bs-accordion-btn-bg);
	  border: 0;
	  border-radius: 0;
	  overflow-anchor: none;
	  transition: var(--bs-accordion-transition);
	}
	.acordeon-autos .acordeon-movil .accordion-body .row{
		width: 100%;
	}
	.acordeon-autos .acordeon-movil .accordion-body .row .col-4{
		background-color: whitesmoke;
	}
	.acordeon-autos .acordeon-movil .accordion-body .row p{
		text-align: center;
	}
	.acordeon-autos .accordion-button, .acordeon-autos .accordion-button-fijo{
		font-size: 1.5rem;
	}
	.ficha .contenedor-texto-ficha .btn-ficha{
		width: 100% !important;
		margin-bottom: 0rem;
		font-size: 1.1rem;
	}
	.ficha .contenedor-texto-ficha{
		padding: 2rem 0rem 1rem 0rem;
		position: relative;
		overflow: hidden;
	}
	.sets-tendencia #exampleSlider-mas-vendidos .MS-content .item,
	.productos-trogrim #exampleSlider-mas-vendidos .MS-content .item{
		width: 100%;
	}
	#ctn-bars-search{
		padding: 0rem !important;
	}
	#box-search{
		margin: 0rem 1rem !important;
		width: 93%;
	}
	.productos-trogrim .col-20-p{
		width: 100%;
		padding: 0rem !important;
	}
	.cont-flecha{
		display: none !important;
	}
	.productos-catalogo .btn-catalogo{
		background-color: var(--oro);
		color:black;
		text-transform: uppercase;
		border: 1px solid var(--oro);
		transition: .5s;
		font-family: fuente-bold;
		padding: .3rem 6%;
		animation: latido-boton 2s infinite;
	}
	.productos-catalogo .btn-catalogo:hover{
		background-color: transparent;
		color:var(--oro);
	}
	@keyframes latido-boton {
	  from { transform: none; }
	  50% { transform: scale(1.1); }
	  to { transform: none; }
	}
	.productos-catalogo{
		background-color: white;
		position: relative !important;
		padding:0rem 0rem 5rem;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.camino{
		background-image:url(../img/camino-movil.png);
	}
	.banner .titulo img{
		width: 75%;
	}
	.formulario .btn-formulario{
		width: 80%;
	}
	.video-cuadrado .contenedor{
		padding: 4rem 0rem;
	}

	.img-texto-izquierda .contenedor{
		padding: 4rem 0rem 2rem;
	}
	.panoramica-img h3{
		font-size: 4rem;
	}
	.img-texto-derecha .contenedor .btn-img-texto{
		width: 80%;
	}
	.panoramica .cont-izq .btn-panoramica{
		width: 80%;
	}
	.panoramica .cont-izq{
		align-items: center;
		text-align: center;
	}
	.formulario{
		padding: 5rem 0rem;
	}
	.camino .logo-enciende img{
		width: 90%;
	}
	.banner .titulo h3{
		font-size: 2rem;
	}
	.camino .titulo p{
		padding: 0rem 4rem;
	}
	.camino .cont-senal .texto-sing-01{
		padding: 0rem 10rem 0rem 3rem;
	}
	.camino .cont-senal .texto-sing-01 p{
		font-size: 1.3rem;
		font-family: fuente-bold;
	}
	.camino .cont-senal .texto-sing-02{
		padding: 0rem 3rem 0rem 13rem;
	}
	.camino .cont-senal .texto-sing-02 p{
		font-size: 1.3rem;
		font-family: fuente-bold;
	}
	.camino .cont-senal .img-sing-02{
		margin-top: 2rem;
	}
	.camino .cont-senal .texto-sing-03{
		padding: 0rem 11rem 0rem 3rem;
	}
	.camino .cont-senal .texto-sing-03 p{
		font-size: 1.3rem;
		font-family: fuente-bold;
	}
	.camino .cont-senal .texto-sing-04{
		padding: 0rem 3rem 0rem 13rem;
	}
	.camino .cont-senal .texto-sing-04 p{
		font-size: 1.3rem;
		font-family: fuente-bold;
	}
	.camino .cont-senal .img-sing-04{
		margin-top: 4rem;
	}
	.camino .cont-senal .texto-sing-05{
		padding: 0rem 12rem 0rem 3rem;
	}
	.camino .cont-senal .texto-sing-05 p{
		font-size: 1.3rem;
		font-family: fuente-bold;
	}
	.camino .cont-senal .img-sing-05{
		margin-top: 2rem;
	}
	.senal-top{
		margin-top: 6rem;
	}
	.brands .contenedor-central .fixed-element{
		position: relative;
		width: 100%;
	}
	.brands{
		padding: 2rem 0rem 4rem;
	}
	.img-texto-derecha .contenedor{
		align-items: center;
		text-align: center;
	}
	.burger > i{
		display: block;
		position: absolute;
		top: 23px;
		right: 10%;
		font-size: 30px;
		cursor: pointer;
		opacity: 1 !important;
		transition: 0.3s !important;
		color:var(--oro);
	}
	.burguer > i:hover{
		opacity: 0.3 !important;
	}
	header{
		background-position: center;
		padding: 1rem 0 !important;
	}
	header nav .logo{
		width: 35%;
	}
	header nav .menu{
		position: absolute;
		top: 100%;
		left: -100%;
		width: 100%;
		padding: 1rem 0 !important;
		background: var(--oro);
		z-index: 10 !important;
	}
	header nav .menu .lista li a.activo{
		color:black;
	}
	header nav .menu .lista li a{
		font-size: 1.5rem;
	}
	header nav .menu .lista li a:hover{
		color:black;
	}
	header nav .menu .lista{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	header nav .menu .lista li{
		width: 70%;
		padding: 10px 0;
		text-align: center;
	}
	.banner-expo{
		top:60%;
		width: 80%;
		left: 10%;
		padding-left: 0;
		align-items: center;
		text-align: center;
	}
	.banner-expo h3{
		font-size: 2rem;
	}
	.banner-expo h3 span{
		font-size: 2.3rem;
	}
	.banner-expo p{
		font-size: 1.2rem;
	}
	.banner-camino{
		top:62%;
		width: 80%;
		left: 10%;
		padding-right: 0;
		align-items: center;
		text-align: center;
	}
	.banner-camino h3{
		font-size: 2.2rem;
	}
	.banner-camino h3 span{
		font-size: 2.5rem;
	}
	.banner-camino p{
		font-size: 1.3rem;
	}

	.banner-enterprice{
		top: 70%;
    width: 80%;
    left: 10%;
    padding-right: 0;
    align-items: center;
    text-align: center;
	}
	.banner-enterprice h3{
		font-size: 2.2rem;
	}
	.banner-enterprice h3 span{
		font-size: 2.5rem;
	}
	.banner-enterprice p{
		font-size: 1.3rem;
	}
	.banner-enterprice{
		top:62%;
		width: 80%;
		left: 10%;
		padding-right: 0;
		align-items: center;
		text-align: center;
	}

	.banner-seguridad{
		top: 65%;
    width: 80%;
    left: 10%;
    padding-right: 0;
    align-items: center;
    text-align: center;
	}
	.banner-seguridad h3{
		font-size: 2.2rem;
	}
	.banner-seguridad h3 span{
		font-size: 2.5rem;
	}
	.banner-seguridad p{
		font-size: 1.3rem;
	}
	.banner-iluminacion{
		top:62%;
		width: 80%;
		left: 10%;
		padding-right: 0;
		align-items: center;
		text-align: center;
	}
	.banner-iluminacion h3{
		font-size: 2.2rem;
	}
	.banner-iluminacion h3 span{
		font-size: 2.5rem;
	}
	.banner-iluminacion p{
		font-size: 1.3rem;
	}
	.productos .titulo h2{
		font-size: 2.2rem;
	}
	.panoramica .cont-izq h3 span{
		font-size: 2rem;
	}
	.sets-tendencia .titulo h2{
		font-size: 2.2rem;
	}
	.reviews .titulo h2{
		font-size: 2.2rem;
	}
	.video-blog .titulo h2{
		font-size: 2.2rem;
	}
	.video-blog .titulo h2 img{
		width: 50%;
	}
	footer  .logo-footer{
		height: auto;
		width: 60%;
	}
	.fondo-enciende{
		background-position: right;
	}
	.img-texto-derecha .contenedor .logo-enciende-img{
		width: 80%;
	}
	.img-texto-derecha .contenedor p{
		margin-bottom: 2rem;
	}
	.img-texto-derecha .contenedor{
		padding-left: 0rem;
	}
	.img-texto-derecha-02 .contenedor{
		padding:4rem 0rem 2rem;
	}
	.accordion-body{
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.accordion-body .item .item-contenido{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.accordion-body .item .item-contenido .texto{
		margin-top:2rem;
	}
	.accordion-body .item .item-contenido .texto h2{
		color: black;
		font-family: fuente-light;
	}
	.productos hr{
		width: 90%;
		height: .1rem;
		margin:3rem 0rem;
	}
	.accordion-button{
		background-color: var(--oro) !important;
	}
	.accordion-item h2{
		font-size: 1.5rem;
		text-transform: uppercase;
	}
	.sets-tendencia .sets .nivel-cont{
		width: 100%;
	}
	.nivel-1, .nivel-2, .nivel-3{
		padding:1rem;
	}
	#exampleSlider02 .MS-content .item{
		width: 100% !important;
	}
	#exampleSlider02 .MS-content .item #cont{
		height: 20rem !important;
	}
	#exampleSlider03 .MS-content .item{
		width: 100%;
	}
	.post-redes ul li{
		width: 50%;
	}
	.post-redes ul {
    flex-wrap: wrap;
  }
  .logo-movil{
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
  	margin-bottom: 6rem;
  	width: 100%;
  	height: 100%;
  	text-align: center;
  }
  footer .redes{
  	margin-left: 0rem;
  	text-align: center;
  	justify-content: center;
  	align-items: center;
  }
  .banner .titulo h2{
  	font-size: 3rem;
  }
  .banner .titulo{
  	height: 100%;
  }
  .img-texto-derecha .contenedor h2,
  .img-texto-derecha-02 .contenedor h2{
  	font-size: 2rem;
  }
  .loading img{
  	width: 50%;
  }
  .panoramica .cont-izq{
  	padding-right: 0rem;
  }
  .panoramica .cont-der{
  	padding-left: 0rem;
  	margin-top: 3rem;
  }
  .video-blog .titulo p{
  	padding: 0rem;
  	text-align: justify;
  }
  .post-redes .titulo a img{
  	width: 80% !important;
  }
  .banners-home{
  	padding-top: 9%;
  }
  .banner04{
  	width: 80%;
  	left:10%;
  	text-align: center;
  	align-items: center;
  	top:60%;
  }
  .banner04 h3{
  	font-size: 2rem;
  }
  .banner04 h3 span{
  	font-size: 2rem;
  }
}

@media (max-width: 450px){
	.camino{
		background-image: url(../img/camino-movil.png);
	}
	.video-cuadrado .contenedor h2,
	.img-texto-izquierda .contenedor h2{
		font-size: 2rem;
	}
	header nav .menu{
		padding: 2.5rem 0rem !important;
	}
	.panoramica .cont-izq h3{
		font-size: 1.8rem;
	}
	.formulario .titulo h2,
	.sets-tendencia .titulo h2,
	.reviews .titulo h2{
		font-size: 2rem;
	}
	.p-top{
		padding-top:3.5rem;
	}
	.camino .cont-senal .img-sing-03{
		margin-top: 3.5rem;
	}
	.camino .cont-senal .img-sing-01{
		margin-top: 4rem;
	}
	.camino .cont-senal .img-sing-04{
		margin-top: 5.5rem;
	}
	.camino .cont-senal .texto-sing-01 p,
	.camino .cont-senal .texto-sing-02 p,
	.camino .cont-senal .texto-sing-03 p,
	.camino .cont-senal .texto-sing-04 p,
	.camino .cont-senal .texto-sing-05 p{
		font-size: 1.1rem;
	}
	.indice-ficha .enlaces p{
		font-size: .9rem;
	}
	.banner-camino,
	.banner-enterprice,
	.banner-seguridad{
		top:60%;
	}
	.banner-iluminacion{
		top:58%;
	}
	.banner-iluminacion h3{
		font-size: 1.8rem;
	}
	.banner-iluminacion p{
		font-size: 1rem;
	}
}

@media (max-width: 420px){
	.video-cuadrado .contenedor h2,
	.img-texto-izquierda .contenedor h2{
		font-size: 2.1rem;
	}
	 header nav .logo {
    width: 45%;
  }
	header nav .menu .lista li a{
		font-size: 1.2rem;
	}
	.banner-expo h3{
		font-size: 1.7rem;
	}
	.banner-expo h3 span{
		font-size: 2rem;
	}
	.banner-expo p{
		font-size: 1rem;
	}
	.banner-camino h3{
		font-size: 1.7rem;
	}
	.banner-camino h3 span{
		font-size: 2rem;
	}
	.banner-camino p{
		font-size: 1rem;
	}
	.banner-camino{
		top:60%;
	}
	.banner-enterprice h3{
		font-size: 1.7rem;
	}
	.banner-enterprice h3 span{
		font-size: 2rem;
	}
	.banner-enterprice p{
		font-size: 1rem;
	}
	.banner-enterprice{
		top:60%;
	}
	.banner-seguridad h3{
		font-size: 1.7rem;
	}
	.banner-seguridad h3 span{
		font-size: 2rem;
	}
	.banner-seguridad p{
		font-size: 1rem;
	}
	.banner-seguridad{
		top:63%;
	}
	.banner-iluminacion h3{
		font-size: 1.7rem;
	}
	.banner-iluminacion h3 span{
		font-size: 2rem;
	}
	.banner-iluminacion p{
		font-size: 1rem;
	}
	.banner-iluminacion{
		top:60%;
	}
	.productos .titulo h2{
		font-size: 2rem;
	}
	.sets-tendencia .titulo h2{
		font-size: 2rem;
	}
	.reviews .titulo h2{
		font-size: 2rem;
	}
	.video-blog .titulo h2 img{
		width: 60%;
	}
	.panoramica-img h3{
		font-size: 3rem;
	}
	.post-redes .titulo a img{
		width: 70% !important;
	}
	.camino .titulo h2{
		font-size: 2.2rem;
	}
	.camino .cont-senal .texto-sing-01 p{
		font-size: 1.1rem;
		text-align: justify;
	}
	.camino .cont-senal .img-sing-01{
		margin-top: 4rem;
	}
	.camino .cont-senal .texto-sing-02 p{
		font-size: 1.1rem;
		text-align: justify;
	}
	.camino .cont-senal .texto-sing-02{
		padding: 0rem 3rem 0rem 11rem;
	}
	.camino .cont-senal .texto-sing-03 p{
		font-size: 1.1rem;
		text-align: justify;
	}
	.camino .cont-senal .img-sing-03{
		margin-top: 5rem;
	}
	.camino .cont-senal .texto-sing-04 p{
		font-size: 1rem;
		text-align: justify;
	}
	.camino .cont-senal .texto-sing-04{
		padding: 0rem 3rem 0rem 11rem;
	}
	.camino .cont-senal .img-sing-04{
		margin-top: 3.5rem;
	}
	.camino .cont-senal .texto-sing-05 p{
		font-size: 1.1rem;
		text-align: justify;
	}
	.camino .cont-senal .img-sing-05{
		margin-top: 2.5rem;
	}
	.camino .titulo, .camino .logo-enciende{
		padding: 5rem 0rem !important;
	}
	.formulario .titulo h2{
		font-size: 2rem;
	}
	 .productos-catalogo {
    padding: 2.5rem 0rem 5rem;
  }
}

@media (max-width:395px){
	.titulo-principal .titulo h2 {
  	font-size: 2.2rem !important;
  }
	.camino .cont-senal .img-sing-02 {
    margin-top: 1rem;
  }
   .camino .cont-senal .img-sing-03 {
    margin-top: 3rem;
  }
  .camino .cont-senal .img-sing-04 {
    margin-top: 5rem;
  }
   .camino .cont-senal .img-sing-05 {
    margin-top: 6rem;
  }
	.banner-expo h3{
		font-size: 1.4rem;
	}
	.banner-expo h3 span{
		font-size: 1.8rem;
	}
	.banner-expo{
		top:58%;
	}
	.banner-camino h3{
		font-size: 1.4rem;
	}
	.banner-camino h3 span{
		font-size: 1.8rem;
	}
	.banner-camino{
		top:60%;
	}
	.banner-seguridad h3{
		font-size: 1.4rem;
	}
	.banner-seguridad h3 span{
		font-size: 1.8rem;
	}
	.banner-seguridad{
		top:61%;
	}
	.banner-iluminacion h3 span{
		font-size: 1.8rem;
	}
	.banner-iluminacion h3{
		font-size: 1.4rem;
	}
	.banner-iluminacion{
		top:58%;
	}
	.productos .titulo h2{
		font-size: 1.8rem;
	}
	.panoramica .cont-izq h3{
		font-size: 1.8rem;
	}
	.sets-tendencia .titulo h2{
		font-size: 1.8rem;
	}
	.reviews .titulo h2{
		font-size: 1.8rem;
	}
	#exampleSlider02 .MS-content .item #cont{
		height: 20rem !important;
	}
	.video-blog .titulo h2{
		font-size: 2rem;
	}
	.video-blog .titulo h2 img{
		width: 62%;
	}
	.banner .titulo h3{
		font-size: 1.6rem;
	}
	.camino .titulo h2{
		font-size: 2rem;
	}
	.camino .cont-senal .texto-sing-01 p{
		font-size: 1rem;
	}
	.camino .cont-senal .texto-sing-01 {
    padding: 0rem 8rem 0rem 3rem;
  }
  .camino .cont-senal .texto-sing-02 p{
  	font-size: 1rem;
  }
  .camino .cont-senal .texto-sing-02 {
    padding: 0rem 2rem 0rem 9rem;
  }
  .camino .cont-senal .texto-sing-03 p{
  	font-size: 1rem;
  }
  .camino .cont-senal .texto-sing-03 {
    padding: 0rem 8rem 0rem 3rem;
  }
  .camino .cont-senal .texto-sing-04 {
    padding: 0rem 2rem 0rem 9rem;
  }
  .camino .cont-senal .img-sing-04 {
    margin-top: 7rem;
  }
}

@media (max-width: 360px){
	.video-cuadrado .contenedor h2, .img-texto-izquierda .contenedor h2 {
    font-size: 2rem;
  }
  .camino .cont-senal .img-sing-02 {
    margin-top: 2rem;
  }
  .camino .cont-senal .img-sing-03 {
    margin-top: 4rem;
  }
  .camino .cont-senal .img-sing-04 {
    margin-top: 6rem;
  }
}