/*
Theme Name: megaequipamiento2
Theme URI: https://mypageweb.com/
Author: Tu nombre
Author URI: https://mypageweb.com/
Description: theme de wordpress creado especialmente para megaequipamiento.com
Version: 1.33
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: megaequipamiento
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    width: 100%;
}
  
.container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 20px 20px;
}
  
.main-content {
    padding: 20px 0;
}
  
/* Pie de página */
.footer {
    background: #222;
    color: #fff;
    padding: 20px 0;
    text-align: center;
}
a, button{
    cursor: pointer;
}
/* Estilos para botones */
.btn {
    display: inline-block;
    background: #007BFF;
    color: #fff;
    padding: 10px 15px;
    border-radius: 4px;
    text-decoration: none;
    transition: background .3s;
 }
.btn:hover {
    background: #0056b3;
}
  
h1 {
  font-size: 30px;
}
.header-1 {
    display: flex;
    padding: 10px 0px;
	justify-content: center;
}
img{
    width: 100%;
    height: auto;
}
  
#site-branding {
    width: 15%;
    display: flex;
    justify-content: center;
}
.header-contenedor-buscador{
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*header 2*/
.container-header-2 {
    padding: 0;
}
.header2 {
    display: flex;
    justify-content: center;
	background: #ff9812;
    background: radial-gradient(circle, rgba(255, 152, 18, 1) 0%, rgba(217, 123, 0, 1) 100%);                                       
}
.container-header-2 {
    padding: 3px;
    display: flex;
    justify-content: space-between;
}
.container-header-2 > div ul {
    padding: 0;
    display: flex;
    justify-content: center;
	align-items: center;
}

.container-header-2 > div ul li a{
   color: #fff;
	font-weight: 600;
	padding: 0px 15px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.header-facebook, .header-instagram, .header-youtube {
    padding: 0px 2px!important;
}
.header-correo {
	padding-left: 40px!important;
}

button#abrir-menu-secundario {
    display: none;
    position: fixed;
    right: 20px;
    top: 50%;
    padding: 10px;
    border-radius: 50px;
    border: none;
    background-color: #4285f4;
    color: #fff;
}
button#cerrar-menu-secundario {
		display: none;
}
select#currency_selector {
    background-color: #0c2249;
    color: #FFFFFF;
    border-radius: 10px;
    padding: 0 10px;
}
.menu-superior-cambio-moneda > div {
    display: flex;
}
@media (max-width: 1110px) {
	.header-correo {
		padding-left: 0px!important;
	}
	button#cerrar-menu-secundario {
		display: block;
		position: absolute;
		right: 0;
		padding: 10px;
		border-radius: 50px;
		background-color: red;
		color: #fff;
	}
	
	button#abrir-menu-secundario {
		display: block;
	}	
	
	.header2 {
		position: fixed;
		width: 30%;
		top: 0;
		right: -100%;
		height: 100%;
		display: flex;
		justify-content: center;
		background-color: #FE9714;
		z-index: 5;
		transition: right 500ms;
	}
	.header2.activo {
		right: 0;	
	}
	.container-header-2 > div ul {
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		align-content: center;
	}
	.container-header-2 {
		padding: 5px;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		align-items: center;
		align-content: center;
	}
}
@media (max-width: 1010px) {
	.header2 {
		width: 50%;	
	}
}
@media (max-width: 600px) {
	.header2 {
		width: 100%;	
	}
}
/*fin header 2*/
#woocommerce-product-search-field-0{
   width: 85%;
   margin: 0;
   height: 35px;
   border-radius: 10px 0px 0px 10px;
   padding-left: 10px;
}
form.woocommerce-product-search button{
    width: 15%;
}
form.woocommerce-product-search {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.autocomplete-results {
    width: 100%;
    display: none;
    flex-wrap: wrap;
    position: absolute;
    top: 30px;
    height: 150px;
    overflow: auto;
    box-shadow: 0px 7px 14px -4px rgba(0,0,0,0.75);
    background-color: #fff;
    z-index: 3;
}
.autocomplete-results a{
  display: flex;
  width: 100%;
  height: 75px;
  padding: 10px;
  border-bottom: solid 2px blue;
}
.autocomplete-results a:hover{
    background-color: #b8b8b8;
}
.autocomplete-results a img{
    height: 100%;
    width: auto;
}
form.woocommerce-product-search button {
    width: 15%;
    border-radius: 0px 10px 10px 0px;
    background-color: #1d2327;
    color: #fff;
}
form.woocommerce-product-search button:hover {
    background-color: #000000;
}
.boton-ver-carrito {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.boton-ver-carrito button {
    width: 100%;
    height: 40px;
    border-radius: 50px;
    border: none;
    background-color: #0c2249;
}
#mini-carrito-activo{
    position: relative;
    width: 50px;
    height: 50px;
}
span#span-total-productos {
    position: absolute;
    top: -5px;
    right: -2px;
    background-color: #E91E63;
    padding: 3px 7px;
    border-radius: 50px;
}
.boton-ver-carrito button span{
    color: #fff;
}
/* mini carrito */
.mini-carrito {
    position: fixed;
    z-index: 2;
    width: 25%;
    top: .0;
    bottom: 0;
    right: 0;
    box-shadow: -7px 0px 6px -4px rgba(0,0,0,0.75);
    background-color: #fff;
    padding: 10px;
    right: -100%;
    transition: right 300ms;
}
.mini-carrito-abierto {
    right: 0;
}

.mini-pedido {
    position: fixed;
    z-index: 2;
    width: 25%;
    top: .0;
    bottom: 0;
    box-shadow: -7px 0px 6px -4px rgba(0,0,0,0.75);
    background-color: #fff;
    padding: 10px;
    right: -100%;
    transition: right 300ms;
    border-right: solid 1px #13704d;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}
.mini-pedido-abierto {
    right: 25%;
}

#pedido-whatsapp button{
    background-color: #2f62b7;
    margin-bottom: 10px;
	 font-size: 17px;
	 color: #fff;
    font-weight: 600;
}
#pedido-whatsapp button:hover{
    background-color: #22437a;
}
#boton-solicitar-cotizacion{
    background-color: #5e35b1;
    margin-bottom: 10px;
    color: #fff;
	 font-size: 17px;
    font-weight: 600;
}
#boton-solicitar-cotizacion:hover{
    background-color: #2d1a54;
}
#boton-hacer-pedido {
    background-color: #04645b;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
}
#boton-hacer-pedido:hover {
    background-color: #023a35;
}

/* final mini carrito */

/*loader*/
.loader,
.loader:before,
.loader:after {
  background: #FFF;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
}
.loader {
  text-indent: -9999em;
  margin: 40% auto;
  position: relative;
  font-size: 11px;
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
}
.loader:after {
  left: 1.5em;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #FFF;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #FFF;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }
}
div#loading-carrito {
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  height: 100%;
  background-color: #073d48;
  z-index: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
/*final loader*/

button.cerrar-mini-carrito {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 10px;
    right: 10px;
    border-radius: 50px;
    background-color: red;
}

div#div-resultados-de-carrito {
    margin-top: 30px;
    height: 70%;
    overflow: auto;
    position: relative;
}
.resultados-carrito {
    position: sticky;
    bottom: 0;
    background-color: #fff;
}
.precio-mini-carrito, .cantidad-mini-carrito, .sub-total {
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.precio-mini-carrito p, .cantidad-mini-carrito p, .sub-total p{
   width: 100%;
   text-align: center;
}
.producto-carrito-individual {
    position: relative;
    display: flex;
    border-bottom: solid;
    padding: 10px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
button.remover-del-carrito {
    width: 30px;
    height: 30px;
    background-color: #ff6060;
    position: absolute;
    top: 0;
    right: 0;
}
button.remover-del-carrito:hover {
    background-color: #ff0000; 
}
.imagen-mini-carrito{
    width: 20%;
}
.titulo-mini-carrito{
    width: 80%;
}
form.ajax-quantity-form-2 {
    display: flex;
}
input.cantidad-producto-carrito {
    width: 50px;
}
.ajax-quantity-form-2 button{
    padding: 0 10px;
    border-radius: 0px 30px 30px 0px;
    color: #fff;
}
form#pedido-form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}
form#pedido-form input{
    width: 90%;
    height: 30px;
}
form#pedido-form label{
    width: 90%;
}
form#pedido-form textarea{
    width: 90%;
    height: 50px;
}
form#pedido-form select{
    width: 90%;
    height: 30px;
}
form#pedido-form input[type="submit"] {
    margin-top: 10px;
    background-color: #00897b;
    color: #fff;
    font-size: 18px;
    padding: 10px 5px;
    height: auto;
}
form#pedido-form input[type="submit"]:hover {
    background-color: #035e54;
    cursor: pointer;
}
.cerrar {
    position: absolute;
    top: 5px;
    left: 5px;
}
#resultado{
    width: 100%;
}
#div-enviar-solicitud-pedido {
    width: 100%;
    display: flex;
    justify-content: center;
}
#fondo-negro{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.178);
    width: 100%;
    height: 100%;
}
#fondo-negro.activo{
    display: block;
    z-index: 2;
}
.contenedor-menu-de-categorias {
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    
}

.mg_categorias {
    width: 8%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    
}

.contenedor-menu-de-categorias button {
    width: 90%!important;
    height: 50px;
    display: flex;
    align-items: center;
    background-color: #fff;
    border: none;
    color: #ef9000;
    align-content: center;
    justify-content: center;
    border-radius: 10px;
    list-style: none;
}

.mg_categorias button{
    width: 90%!important;
    height: 50px;
    display: flex;
    align-items: center;
    background-color: #fff;
    border: none;
    
    align-content: center;
    justify-content: center;
    border-radius: 10px;
    
}

.mg_categorias button a{
    font-size: 15px;
    font-weight: 600;
    width: 75%;
    list-style: none;
    display: inline-flex;
    color: #004ac6;
    
}
.mg_categorias span {
    font-size: 45px!important;
    width: 25%;
    height: 100%;
}
.mg_categorias button:hover {
   background-color: #4285f4;
}

.mg_categorias button:hover > a {
   color: #fff!important;
}
.contenedor-menu-de-categorias button p{
    font-size: 15px;
    font-weight: 600;
    width: 75%;
}
.contenedor-menu-de-categorias span {
    font-size: 45px!important;
    width: 25%;
    height: 100%;
}
.contenedor-menu-de-categorias button:hover  {
   background-color: #4285f4;
   color: #fff!important;
}
.menu-de-categorias {
    position: fixed;
    width: 25%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: -100%;
    z-index: 4;
    padding: 15px;
    box-shadow: 10px 0px 5px -6px rgba(0,0,0,0.75);
    transition: left 500ms;
	padding-bottom: 20px!important;
	padding-top: 40px;
}
.menu-de-categorias.activo{
    left: 0;
}
.sub-menu-categorias {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out; /* Esto añadirá una transición suave */
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
}
button.boton-de-categoria {
    width: 100%;
    font-size: 20px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: solid 1px #00000059;
	border-top: none;
    border-left: none;
    border-right: none;
}

button.boton-de-categoria:hover {
   background-color: #366ec926;
}
.boton-de-categoria p {
    font-size: 19px;
    text-align: center;
    width: 80%;
    margin: 0;
    padding: 0;
}
.boton-de-categoria span {    
    width: 10%;
    font-size: 30px!important; 
    height: 30px;
}

button.boton-de-categoria span {
    transform: rotate(0);
    transition: transform 300ms;
}
button.abrir-desplegable span {
    transform: rotate(90deg);
}
.menu-de-categorias a span {
    width: 10%;
    height: 40px;
    font-size: 40px!important;
}
.menu-de-categorias a {
    display: flex;
    text-decoration: none;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    color: #394558;
}
.menu-de-categorias a:hover{
	 background-color: #6e94d724;
}

.menu-de-categorias h4{
    font-size: 25px;
    border: solid 1px #0151a0;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.menu-de-categorias h4 span {
	margin-right: 10px;
}
.menu-de-categorias > span {
    font-size: 25px;
    border: solid 1px #0151a0;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.menu-de-categorias a p {
   font-size: 16px;
   text-align: initial;
}
ul.sub-menu-categorias {
    background-color: #fff;
}
li.menu-item-categorias {
    margin-bottom: 10px;
}
nav.nav-menu-categorias {
    height: 90%;
    overflow: auto;
	border: solid 1px #0151a0;
    border-radius: 0 0 15px 15px;
	padding: 10px;
}
button.cerrar-menu-categorias {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 10px;
    right: 10px;
    border-radius: 50px;
    background-color: red;
    border: none;
}
button.cerrar-menu-categorias span{
    color: #fff;
    width: auto;
    height: auto;
    font-size: 30px!important;
}
.boton-de-categoria{
    color: #394558;
    padding: 5px;
    background-color: #fff;
}
.div1-site-footer{
    display: flex;
	padding-bottom: 50px;
	justify-content: space-around;
}
.div1-site-footer > div {
   width: 20%;
}
.div1-site-footer h2{
    font-size: 18px;
	color: #fff;
	text-decoration: none;
    background-image: linear-gradient(white calc(100% - 2px), #fff 2px);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    padding-bottom: 2px;
 }
.div1-site-footer a{
	color: #fff;
 }
.div1-site-footer span{
	color: #59fc1f;
	margin-right: 5px;
 }
.div1-site-footer p {
	color: #fff;
 }
ul.list-unstyled {
    padding-bottom: 30px;
	padding-top: 10px;
}
.list-unstyled li {
    padding-bottom: 5px;
}
footer#site-footer {
	position: relative;
    padding-top: 50px;
    background-image:  linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), 
		url(https://instrumentosdemedidas.com/wp-content/uploads/2025/04/fondo-de-pie-de-pagina-de-instrumentos-de-medida.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*css de slider*/
.container-100 {
    width: 100%;
}
h2.titulo-slider-principal {
    position: absolute;
    bottom: 20px;
    left: 10px;
    background-color: #fff;
    padding: 10px 20px;
    line-height: 1;
    border-radius: 50px;
    font-size: 17px;
    font-weight: 600;
}
.slider {
    display: flex;
    overflow: hidden;
    width: 100%;
}

.slide {
    flex-shrink: 0;
    width: 100%;
    height: 450px;
    transition: transform 0.5s ease-in-out;
}

.slide img {
	object-fit: cover;
    width: 100%;
    height: 100%;
}
.slider-1{
    width: 100%!important;
}
.slider-1 .slide{
    width: 20%!important;
}
.container-slider-grande {
    position: relative;
}

.container-slider-grande .boton-siguiente{
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
    background-color: #0000ff00;
   border: none;
   cursor: pointer;
    margin: 0;
   padding: 0;
   width: 100px;
}
.container-slider-grande .boton-anterior{
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   background-color: #0000ff00;
   border: none;
   cursor: pointer;
   margin: 0;
   padding: 0;
   width: 100px;
}
.container-slider-grande .boton-anterior span::before, .container-slider-grande .boton-siguiente span::before{
  background-color: #1a73e86e;
  border-radius: 50px;
   font-size: 30px;
   padding: 10px;
   color: #fff;
}

.categoria-productos {
    position: relative;
     box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75)!important;
     padding: 20px;
     border-radius: 10px;
     margin-top: 20px;
     margin-bottom: 10px;
}
button.producto-boton-siguiente {
    position: absolute;
    top: 30px;
    right: 30px;
    border: none;
    background-color: #ffff;
}

button.producto-boton-anterior {
    position: absolute;
    top: 30px;
    right: 90px;
    border: none;
    background-color: #ffff;
    cursor: pointer;
}
.producto-boton-siguiente span::before, .producto-boton-anterior span::before {
    background-color: #dc02f06e;
    border-radius: 50px;
    font-size: 30px;
    padding: 10px;
    color: #fff;
    cursor: pointer;
}
.container-slider-grande .boton-anterior:hover span::before, .container-slider-grande .boton-siguiente:hover span::before, .producto-boton-siguiente:hover span::before, .producto-boton-anterior:hover span::before, .contenedor-de-sectores .boton-anterior:hover span::before, .contenedor-de-sectores .boton-siguiente:hover span::before{
  background-color: #0c2249;
}
@media screen and (max-width: 750px) {
  .slide {
   
    height: 250px;
    
 }
}
/*fin de css slider*/

/*categorias de pagina principal*/
.mostrar-categorias {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
}
.categoria-indi {
    width: 18%;
    background-color: white;
    margin-bottom: 20px;
    height: 300px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-right: 1%;
    margin-left: 1%;
    box-shadow: 0px 0px 4px 3px rgb(0 0 0 / 13%);
}
.categoria-indi img {
    height: 100%;
    width: 100%;
    object-fit: contain;
	position: absolute;
}
.categoria-contenedor-1 {
    position: absolute;
    z-index: 1;
    background-color: #000000bf;
    bottom: -85%;
    height: 100%;
    width: 100%;
    padding: 0px 20px 20px 20px;
    transition: all 300ms;
}
.categoria-indi a.titulo-categoria {
    color: #fff;
    display: block;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}
.categoria-contenedor-1 > div > a {
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    display: block;
}
.categoria-contenedor-1 > div > a:hover {
    background-color: #000;
}
.categoria-indi:hover .categoria-contenedor-1 { 
    bottom: 0;   
}
.boton-categoria-1 {
    position: absolute;
    bottom: 10px;
    background-color: #4285f4;
    color: #fff!important;
    padding: 5px 15px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.9em;
}
/*fin de categorias de pagina principal*/
/*marcas pagina principal*/
.marcas-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.marca-single {
    background-color: #fff;
    padding: 10px;
    width: 20%;
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.marca-single-contenido {
	position: relative;
}
.marca-single-contenido-imagen {
    width: 200px;
    height: 200px;
    border: solid 7px #bcd2f9;
    border-radius: 200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
	background-color: #fff;
}
.marca-single-contenido-imagen:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	border-radius: 200px;
}
.marca-single-contenido-texto {
    position: absolute;
    top: 0;
    left: 100%;
    width: 200px;
    height: 200px;
    background-color: #0c2249;
    border-radius: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0;
    transform: rotate(90deg);
	transition: 500ms;
}

.marca-single:hover .marca-single-contenido-texto {
    left: 0;
    opacity: 1;
    transform: rotate(0deg); /* Vuelve a la formación original */
}
.marca-single h3 {
    color: #fff;
    border-bottom: solid 2px #fff;
    width: 80%;
    text-align: center;
}
.marca-single p {
	color: #fff;
	font-size: 14px;
}
.marca-single a {
	position: relative;
    background: #174074;
	padding: 10px 15px;
	margin-top: 10px;
	border-radius: 10px;
	color: #fff;
	transition: 500ms;
	overflow: hidden;
	padding-left: 10px;
}
.marca-single:hover a {
    background: #092347;
	padding-left: 20px;
}
.marca-single a span{
	position: absolute;
	left: -20px;
	transition: 500ms;
}
.marca-single:hover span{
   left: 2px;
}
.contenedor-marcas-completas {
    padding: 50px 20px;
}
.titulo-marca-h2 {
	text-align: center;
}
/*fin de marcas pagina principal*/

.contenedor-de-productos-con-filtros {
    width: 80%;
}
.filtros {
    width: 20%;
    padding: 10px;
    position: relative;
}

.tienda-con-filtros{
    display: flex;
}


#filtros-principales{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-bottom: 20px;
}
#filtros-principales > div {
    border: solid 1px #55555e;
    margin-top: 10px;
    position: relative;
    padding: 0;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
    background-color: #fff;
    overflow: hidden;
    width: 100%;
}
#filtros-principales > div > div {
    max-height: 300px;
    overflow: auto;
    padding: 10px 10px;
    display: flex;
    flex-wrap: wrap;
}
#filtros-principales h5 {
    font-size: 15px;
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 1.1;
    padding: 5px 0px;
}
#filtros-principales > div > span {
    font-size: 15px;
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 1.1;
    padding: 5px 0px;
    display: block;
    font-weight: 600;
}
.filtros > span{
    font-size: 20px;
	font-weight: 600;
}
#enviar-filtros {
    width: 48%;
    margin-top: 20px;
    padding: 10px 0px;
    background-color: #00897b;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
}
#enviar-filtros:hover {
    background-color: #01443d; 
}
#limpiar-filtros {
    width: 48%;
    margin-top: 20px;
    padding: 10px 0px;
    background-color: #546e6c;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
}
#limpiar-filtros:hover {
    background-color: #01443d; 
}
#filtros-principales label {
    display: flex;
    width: 100%!important;
    padding: 5px 5px;
    font-size: 18px;
}
#filtros-principales label:hover {
    cursor: pointer;
    background-color: #546e6c;
    color: #fff;
}
#filtros-principales input[type="checkbox"] {
    margin-right: 6px;
}

ul.products {
    display: flex;
    flex-wrap: wrap;
}

ul.products > li {
    border-radius: 10px;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
    width: 18%;
    margin-left: 2%;
    padding: 10px;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

ul.products h3 {
   font-size: 14px;
   line-height: 1.1;
   color: #000;
}
ul.products h2 {
   font-size: 14px;
   line-height: 1.1;
   color: #000;
}
.contenedor-atributos {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.9;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
}

ul.products > li:hover .contenedor-atributos {
  display: block;
}

.imagen-y-marca {
    display: flex;
    justify-content: space-between;
}

.imagen-y-marca img {
   height: 30px;
}

.detalle2 {
    display: flex;
    justify-content: space-between;
}

.detalle2 span {
    font-size: 12px;
    color: #000;
}


ul.products > li:hover span.price.precio-a-cambiar {
	color: #000!important;
}



ul.products > li .price {
    position: absolute;
    bottom: 5px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.contenedor-atributos > p {
    font-size: 13px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.contenedor-atributos ul {
    border-bottom: solid 1px #5a5a5a;
    overflow: auto;
    max-height: 60%;
}

.contenedor-atributos ul li {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
}

.contenedor-atributos ul li span {
    text-align: right;
}

.contenedor-atributos > span {
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 1.2;
    display: block;
    border-bottom: solid 1px #5a5a5a;
    font-weight: 600;
}

.woocommerce-product-gallery {
    width: 50%;
    position: relative;
}

main.producto-individual {
    display: flex;
    flex-wrap: wrap;
}

main.producto-individual .entry-summary{
    width: 50%;
    padding: 0px 20px;
}

ol.flex-control-thumbs {
    display: flex;
    list-style: none;
    flex-wrap: nowrap;
}

ol.flex-control-thumbs li {
    padding: 5px;
}
ol.flex-control-thumbs li img{
    border-radius: 5px;
    padding: 3px;
}
img.flex-active{
    border: solid 3px #285fb8;
    
}

/*estilos para producto*/
ul.flex-direction-nav {
    z-index: 1;
}
li.flex-nav-prev {
    float: left;
}
li.flex-nav-next {
    float: right;
}
a.flex-next {
    visibility:hidden;
}
a.flex-prev {
    visibility:hidden;
}

a.flex-next::before {
    position: absolute;
    top: 40%;
    right: 0;
	visibility: visible;
    content: '\00BB';
    font-size: 70px;
    background-color: #dae3f3;
    line-height: 1;
    width: 50px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    border-radius: 10px 0px 0px 10px;
    color: #4285f4;
}
a.flex-prev::before {
    position: absolute;
    top: 40%;
    left: 0;
    visibility:visible;
    content: '\00AB';
    font-size: 70px;
    background-color: #dae3f3;
    line-height: 1;
    width: 50px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    border-radius: 0px 10px 10px 0px;
    color: #4285f4;
}

a.flex-prev:hover:before{
    color: #fff;
    background-color: #285fb8;
}

a.flex-next:hover:before{
    color: #fff;
    background-color: #285fb8;
}

/*estilos para producto*/

a.woocommerce-product-gallery__trigger {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    width: 40px;
    height: 40px;
    font-size: 40px;
    transition: all 500ms;
}
a.woocommerce-product-gallery__trigger:hover {
   transform: scale(1.5) rotate(-90deg);
   top: 40px;
   right: 40px;
}

a.added_to_cart {
    display: none!important;
}
.woocommerce-tabs {
  width: 100%;
}
.woocommerce-tabs > ul {
  display: flex;
  flex-wrap: wrap;
  border-bottom: solid 2px #a1a1a1;
  overflow: hidden;
  height: 40px;
  width: 100%;
}
.woocommerce-tabs ul li {
    margin-bottom: -3px;
    margin-right: 5px;
    display: flex;
}
.woocommerce-tabs ul li a {
    background-color: #ffffff;
    color: #000000;
    font-weight: 600;
    padding: 20px 20px;
    line-height: 0;
    border-radius: 5px 5px 0px 0px;
    border: solid 2px #4285f4;
}

.woocommerce-tabs ul li a h2{
   font-size: 20px;
}

.woocommerce-tabs ul li a:hover {
    background-color: #4286f488;
    color: #fff;
}

.woocommerce-tabs ul li.active a {
    background-color: #4285f4;
    color: #ffffff;
}
.entry-summary {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.entry-summary h1{
    width: 100%;
}
.entry-summary .mostrar-precio {
    width: 40%;
    padding: 30px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
.entry-summary .div-producto-cont2{
    width: 60%;
    display: flex;
    flex-direction: column;
    padding: 30px 0px;
}
.enlaces-del-producto {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.enlaces-del-producto button.agregar-carrito-nuevo {
    position: relative;
    display: flex;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 80%;
    align-items: center;
    border-radius: 0px!important;
    background-color: #0b9a63;
    color: #fff;
    border: none;
    font-size: 18px;
    padding: 10px;
}
.enlaces-del-producto button.agregar-carrito-nuevo span {
    margin-right: 10px;
}
.enlaces-del-producto button.agregar-carrito-nuevo:hover {
    background-color: #0b6a46;
}
.mostrar-precio-sin-igv, .mostrar-precio-CON-igv {
    display: flex;
    flex-direction: column;
    width: 100%;
}
span.precio-titulo-tipo {
    font-size: 14px!important;
    margin-top: -8px;
}
.mostrar-precio .woocommerce-Price-amount {
    color: #0c2249;
    font-weight: 600; 
}
.mostrar-precio .mostrar-precio-sin-igv .woocommerce-Price-amount {
    color: #8d929b;
}
#contenedor-boton-agregarcarrito {
    position: relative;
    width: 32%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px;
    border-radius: 10px;
    overflow: hidden;
}
#contenedor-boton-agregarcarrito .loader {
    font-size: 4px!important;
    margin: 0!important;
}
#contenedor-boton-agregarcarrito .loading-producto-comparar {
    justify-content: flex-start!important;
    padding-left: 30px;
}
#contenedor-boton-agregarcarrito .loading-producto-comparar p{
    width: 80%!important;
    top: 30%!important;
}
#cantidad-productos-agregar {
    width: 20%;
    height: 100%;
    padding-left: 5px;
    font-size: 20px;
    border: none;
}
.enlaces-del-producto a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* espacio entre ícono y texto */
    width: 32%;
    padding: 12px 10px;
    border-radius: 10px;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: white;
    background-color: #ff9812; /* verde por defecto tipo “Agregar al Carrito” */
    border: none;
    transition: background-color 0.3s ease;
}
.enlaces-del-producto a:hover {
   background-color: #4285f4;
   color: #fff;
   border: none;
}
.enlaces-del-producto a.boton-whatsapp:hover{
    background-color: #25d366;
}
.enlaces-del-producto a span {
  margin-right: 10px!important;
  font-size: 25px;
  height: 25px;
  width: 25px;
}
.mostrar-precio span {
    font-size: 30px;
}
.div-producto-cont2 span, .div-producto-cont2 p {
    font-size: 19px;
}
.video-de-youtube {
    width: 100%;
    height: 500px;
    padding-top: 25px;
}
.video-de-youtube iframe{
    width: 100%;
    height: 100%;
}
.product_meta {
    display: flex;
    flex-direction: column;
}
.woocommerce-tabs > div {
   padding: 20px 50px;
   border-bottom: solid 2px #a1a1a1;
}

.woocommerce-tabs > div ul {
      list-style: disc;
}

.woocommerce-tabs > div ul li{
      display: list-item;
}

#tab-documentos-descargas {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

#tab-documentos-descargas a h4 {
    text-align: center;
}

.div-accesorios-relacionados, .div-productos-relacionados, .div-productos-insumos {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 0px;
    border-bottom: solid 2px #a1a1a1;
}

div#loading-accesorios, div#loading-productos-relacionados,  div#loading-productos-insumos {
    width: 100%;
    color: #ff0000;
    background-color: #073d48;
    height: 120px;
    display: none;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 50px;  
}

div#loading-accesorios.activo, div#loading-productos-relacionados.activo, div#loading-productos-insumos.activo {
    display: flex;
}

button#load_more_products, button#load_more_products2, button#load_more_products3 {
    width: 50%;
    padding: 10px;
    font-size: 20px;
    border-radius: 50px;
	font-weight: 600;
    background-color: #0b9a63;
    color: #fff;
    border: none;
}

button#load_more_products:hover, button#load_more_products2:hover, button#load_more_products3:hover {
    background-color: #097049;
}

.div-accesorios-relacionados h2, .div-productos-relacionados h2{
    width: 100%;
    text-align: center;
}

.div-productos-relacionados {
    width: 100%;
}

.products-accesorios, .products-relacionados, .products-insumos{
    width: 100%;
}

nav.woocommerce-breadcrumb {
    width: 100%;
}

.contenedor-de-productos-con-filtros ul.products > li {
  width: 23%;
}

.paginacion {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.paginacion a {
    background-color: #2368db;
    color: #fff;
    padding: 10px 13px;
    border-radius: 50px;
    line-height: 1;
    margin-right: 5px;
	
}
.paginacion span {
    background-color: #23467e;
    color: #fff;
    padding: 10px 13px;
    border-radius: 50px;
    line-height: 1;
    margin-right: 5px;
}
.paginacion a:hover {
    background-color: #346bc4;
}
#site-header {
    position: relative;
    background-color: #fff;
    top: 0px;
    transition: top 500ms;
	z-index: 3;
    box-shadow: -1px 1px 5px #00000021;
}
#site-header.header-desplegable {
    position: sticky;
    top: 0;
    z-index: 3;
}
#site-branding img{
    width: auto;
    height: 70px;
}
.tienda-con-filtros {
    display: flex;
    flex-wrap: wrap;
}
#abrir-filtros {
  display: none;
}
#cerrar-filtros{
  display: none;
}
.categoria-contenedor-1 > div{
	height: 70%;
	overflow: auto;
}
nav.woocommerce-breadcrumb a {
    text-decoration: underline;
}
form#actualizar-videos {
    display: flex;
	justify-content: space-around;
}
table {
  border-collapse: collapse;
  width: 100%;
}
td.content-atributo {
    text-align: center;
}
tr {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

td, th {
  border-left: 1px solid black;
  border-right: 1px solid black;
  padding: 5px;
}
table.tabla-de-videos {
    border-collapse: collapse;
}
 
table.tabla-de-videos td {
	border: solid 1px #000;
	margin: 0;
	padding: 5px;
}
table.tabla-de-videos th {
	border: solid 2px #000;
	margin: 0;
	padding: 5px;
}

form#actualizar-videos input[type="submit"], form#actualizar-videos2 input[type="submit"] {
	background-color: #5e35b1;
	color: #fff;
	padding: 10px;
	border-radius: 50px;
}
form#actualizar-videos input[type="submit"]:hover, form#actualizar-videos2 input[type="submit"]:hover {
    background-color: #2d1a54;
	cursor: pointer;
}
form#actualizar-videos2 {
    display: flex;
	justify-content: center;
	background-color: #dcdee1;
}
form#actualizar-videos2 > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 25%;
    padding: 20px;
    border: solid 1px #000;
	background-color: #d1e2ff;
}
form#actualizar-videos > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 25%;
    padding: 20px;
    border: solid 1px #000;
	background-color: #d1e2ff;
}
table.tabla-de-videos {
    width: 100%;
    padding: 20px;
}

.categoria-indi h2{
	font-size: 18px;
	line-height: 1.1;
}
#enviar-filtros {
		position: sticky;
		bottom: 0;
    }
	#limpiar-filtros {		
		position: sticky;
		bottom: 0;
   }
.redes-sociales-footer {
	padding-top: 20px;
	padding-left: 20px;
}
.redes-sociales-footer span{
	font-size: 40px;
    width: 50px;
    height: auto;
    background-color: #fff;
    color: #021136;
    padding: 5px;
    border-radius: 3px;
    margin-top: 10px;
}
.redes-sociales-footer > a{
	margin-right: 5px;
	text-decoration: none;
}
.page-content-contacto {
    display: flex;
    flex-wrap: wrap;
}
.div-contact-1 {
	width: 60%;
	padding: 10px;
}
.div-contact-2 {
	width: 40%;
}
.contact-seccion {
    display: flex;
    flex-wrap: wrap;
	padding-top: 10px;
}
.contact-seccion p{
    font-size: 20px;
	font-weight: 600;
	line-height: 1;
	color: #2f62b7;
}
.contact-seccion span {
   width: 50px;
   height: 50px;
	color: #2f62b7;
}
.contact-seccion span:before {
    border: solid;
    padding: 10px;
    border-radius: 50px!important;
}
.div-contact-2 iframe {
    width: 100%;
}
p {
  text-align: justify;
  white-space: pre-line;
}
.contenedor-de-categorias321 p {
	padding-bottom: 20px;
}
.container.footer-copy {
    display: flex;
    justify-content: center;
    padding: 5px;
	width: 100%!important;
	background-color: #FE9714;
	color: #fff;
	font-weight: 600;
	max-width: 100%!important;
}
.container.footer-copy p{
   padding: none;
	margin: 0;
	line-height: 1;
	text-align: center;
}
/*slider de productos*/
.container-slider-de-productos {
	width: 100%;
    margin: 0 auto;
	position: relative;
	height: auto;
	max-width: 1950px;
}
div.products > div {
    border-radius: 10px;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
    width: 18%;
    margin-left: 2%;
    padding: 10px;
    position: relative;
    padding-bottom: 30px;
	height: auto!important;
   /* margin-bottom: 20px;*/
   /*margin-top: 20px;*/
}
.container-slider-de-productos .slider {
	padding-top: 10px;
	padding-bottom: 10px;
}
div.products > div > a > img {
    height: auto;
    max-width: 100%;
}
div.products h3 {
    font-size: 14px;
    line-height: 1.1;
    color: #000;
}
div.products h2 {
    font-size: 14px;
    line-height: 1.1;
    color: #000;
}
div.products > div .price {
    position: absolute;
    bottom: 5px;
    width: 100%;
    display: flex;
    justify-content: center;
}

div.products > div:hover .contenedor-atributos {
    display: block;
}
div.products > div:hover button.agregar-carrito-nuevo, div.products > div:hover button.agregar-comparador {
    display: flex;
}
.container-slider-de-productos .boton-anterior {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #0000ff00;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 100px;
}
.container-slider-de-productos .boton-siguiente {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #0000ff00;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 100px;
}
.container-slider-de-productos .boton-anterior span::before, .container-slider-de-productos .boton-siguiente span::before {
    background-color: #1a73e86e;
    border-radius: 50px;
    font-size: 30px;
    padding: 10px;
    color: #fff;
}
.container-slider-de-productos .boton-anterior:hover span::before, .container-slider-de-productos .boton-siguiente:hover span::before, .producto-boton-siguiente:hover span::before, .producto-boton-anterior:hover span::before {
    background-color: #1a73e8;
}


a.boton-ver-categoria-de-producto {
    width: 50%;
    padding: 10px;
    font-size: 20px;
    border-radius: 50px;
    font-weight: 600;
    background-color: #0b9a63;
    color: #fff;
	text-align: center;
	margin-top: 20px;
}
a.boton-ver-categoria-de-producto:hover {
    background-color: #097049;
}
.contenedor-slider-exterior {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 20px;
	width: 100%;
}
.contenedor-slider-exterior h2{
	text-align: center;
}
.contenedor-slider-exterior2 {
    position: relative;
	width: 100%;
}
@media (max-width: 1310px) {
	div.products > div {
    width: 31%;
   }
}
@media (max-width: 550px) {
	a.boton-ver-categoria-de-producto {
		width: 100%;
	}
}
@media (max-width: 750px) {
	div.products > 	div {
    width: 48%;
   }
}
@media (max-width: 480px){
	div.products > div {
		width: 100%;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	.container-slider-de-productos .slider {
		padding-top: 10px;
		padding-bottom: 10px;
        padding: 2px;
    }
}
/*fin de slider productos*/

/*slider de marcas con animaciones*/
.marcas-slider .slide {
	position: relative;
	height: auto!important;
}
.marcas-slider img {
	width: 100%;
	height: auto;
}
.contenido-slider-marcas{
	width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
    color: white;
}

.contenido-slider-marcas a {
	background-color: #0b962f;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	font-size: 25px;
	display: inline-block;
    margin-top: 70px;
}
p.primer-text-slider-marca {
    color: #7f7f7f;
    font-size: 50px;
    font-weight: 700;
	line-height: 1;
}
p.segundo-text-slider-marca {
	color: #7f7f7f;
    font-size: 20px;
    font-weight: 600;
}
h2.titulo-texto-slider-marca {
    color: #005dad;
    font-size: 50px;
    line-height: 1;
    font-weight: 800;
}
.div-izquierdo-marcas p, .div-izquierdo-marcas h2, .div-izquierdo-marcas a{
  position: relative;
  animation-name: animacion1;
  animation-duration: 2s;
  animation-delay: 500ms;
  animation-iteration-count: 1; 
  opacity: 0;
  animation-fill-mode: forwards;
}

@keyframes animacion1 {
  0% {
    bottom: 300px; 
    opacity: 0; 
  }
  100% {
    bottom: 0; 
    opacity: 1;
  }
}

.contenedor-slider-exterior2 .boton-anterior {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #0000ff00;
    border: none;
    cursor: pointer;
    margin-left: 60px;
    padding: 0;
    width: 35px;
}
.contenedor-slider-exterior2 .boton-siguiente {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #0000ff00;
    border: none;
    cursor: pointer;
    margin-right: 60px;
    padding: 0;
    width: 100px;
}

.contenedor-slider-exterior2 .boton-anterior span::before, .contenedor-slider-exterior2 .boton-siguiente span::before {
    background-color: #0c2249;
    border-radius: 10px;
    font-size: 30px;
    padding: 10px;
    color: #fff;
}

img.mano-robotica {
    width: 150px;
    position: absolute;
    bottom: 1%;
    left: 11%;
	z-index: 1;
}

.div-izquierdo-marcas img.mano-robotica {
	animation: moverImagenRobotica 1.5s forwards; 
	animation-delay: 4s;
	animation-iteration-count: 1;
    transition-timing-function: ease-in-out;
}

@keyframes moverImagenRobotica {
    0% {
		 bottom: 0%;
        transform: rotate(0deg);
    }
	40% {
		bottom: 10%;
        transform: rotate(60deg);
    }
    100% {
		bottom: 26%;
        transform: rotate(-28deg);
    }
}
@media screen and (max-width: 1500px) {
	.contenido-slider-marcas {
		bottom: 20%;	
    }
	img.mano-robotica {
      left: 12%;
    }
	@keyframes moverImagenRobotica {
		0% {
			 bottom: 0%;
			transform: rotate(0deg);
		}
		40% {
			bottom: 8%;
			transform: rotate(60deg);
		}
		100% {
			bottom: 21%;
			transform: rotate(-28deg);
		}
   }
}

@media screen and (max-width: 1340px) {
	.contenido-slider-marcas {
      bottom: 10%;
    }
	img.mano-robotica {
      left: 13%;
    }
	@keyframes moverImagenRobotica {
		0% {
			 bottom: 0%;
			transform: rotate(0deg);
		}
		40% {
			bottom: 5%;
			transform: rotate(60deg);
		}
		100% {
			bottom: 11%;
			transform: rotate(-28deg);
		}
   }
}
@media screen and (max-width: 1200px) {
	.fondo-para-slider {
		width: 70%;
		height: 100%;
		position: absolute;
		top: 0;
		background: linear-gradient(to right, white, transparent);
	}
	.slide-video-youtube .fondo-para-slider {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		background: none;
		background-color: #00000066!important;
	}
	.contenido-slider-marcas a {	
       margin-top: 50px;
	}
	img.mano-robotica {
      left: 14%;
    }
	p.primer-text-slider-marca {
	  font-size: 30px;
    }
	h2.titulo-texto-slider-marca {
      font-size: 35px;
    }
	p.segundo-text-slider-marca {
		font-size: 15px;
    }
	.contenido-slider-marcas a {	
		font-size: 20px;
    }
}
@media screen and (max-width: 818px) {
	.contenido-slider-marcas a {
       margin-top: 20px;
    }
	img.mano-robotica {
		left: 16%;
    }

		
}

@media screen and (max-width: 710px) {
	.fondo-para-slider {
		width: 100%;
		height: 100%;
		background-color: #ffffff7a;
	 }
	.contenido-slider-marcas {
		margin: 0;
		left: 0;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		padding: 0 10%;
		bottom: 20%;
        align-items: center;
    }
	.contenedor-slider-exterior2 .slider {
		height: 350px;
	}
	.marcas-slider img {
		width: auto;
		height: 100%;
		object-fit: cover;
	}
	img.mano-robotica {
	   object-fit: contain;
        width: 100px;
		bottom: 0;
		height: auto!important;
    }
	.contenido-slider-marcas a {
		margin-top: 20px;
		width: 40%;
		text-align: center;
    }
	img.mano-robotica {
    left: 42%;
    }
	@keyframes moverImagenRobotica {
		0% {
			 bottom: 0%;
			transform: rotate(0deg);
		}
		40% {
			bottom: 11%;
			transform: rotate(60deg);
		}
		100% {
			bottom: 25%;
			transform: rotate(-28deg);
		}
   }
}
@media screen and (max-width: 400px) {
	
}
/*slider de marcas con animaciones*/

/*slider de sectores*/
.contenedor-de-sectores {
	position: relative;
	height: 450px;
}
.container-sector {
	position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 33%);
    overflow: hidden;
    background-color: #fff;
}
.contenedor-de-sectores .slide {
    width: 25%;
	padding: 15px;
}
.contenedor-de-sectores .imagen-principal {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	
}
.contenedor-de-sectores .interno-sector {
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    z-index: 1;
    left: 0;
    background-color: #00000078;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.div-texto-del-sector {
	width: 100%;
	display: flex;
    justify-content: center;
}
.contenedor-de-sectores .interno-sector ul {
	width: 100%;
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contenedor-de-sectores .interno-sector ul li{
	display: flex;
	position: relative;
    width: 50%;
    align-items: center;
}
.contenedor-de-sectores .interno-sector ul li p{
	color: #fff;
}
.contenedor-de-sectores .interno-sector ul li span{
	color: #59fc1f;
}
.p-ver-productos {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #0c2249;
	left: 0;
	text-align: center;
	padding: 5px;
	color: #fff;
	font-weight: 600;
}
img.imagen-sector-principal {
    object-fit: cover;
    width: 100%;
    height: 100%;
	transition: transform 500ms;
}
a.enlace-container-sector:hover img.imagen-sector-principal{
   transform: scale(1.2);
}
img.imagen-sector-icono{
	width: 20%;
    height: auto;
    object-fit: contain;
}
.interno-sector {
    display: flex;
    justify-content: space-between;
}
.div-del-icono-sector {
	display: flex;
    padding: 5px;
    width: 80%;
    position: relative!important;
    justify-content: center;
    align-items: center;
}

.contenedor-de-sectores h2 {
	color: #fff;
    display: inline-block;
    width: 50%;
    line-height: 1.2;
}

.contenedor-de-sectores .boton-anterior {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #0000ff00;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 35px;
	z-index: 1;
}
.contenedor-de-sectores .boton-siguiente {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #0000ff00;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 100px;
	z-index: 1;
}

.contenedor-de-sectores .boton-anterior span::before, .contenedor-de-sectores .boton-siguiente span::before {
    background-color: #0c22497e;
    border-radius: 50px;
    font-size: 30px;
    padding: 10px;
    color: #fff;
}

iframe.video-youtube-portada {
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1670px) {
	.contenedor-de-sectores .slide {
		width: 33%;
	}
}
@media screen and (max-width: 1280px) {
	.contenedor-de-sectores .slide {
		width: 50%;
	}
	
}
@media screen and (max-width: 854px) {
	.contenedor-menu-de-categorias{
        display: none;
    }
    .mg_categorias{
        display: none;
    }
        .header-contenedor-buscador {
        width: 60%;
    }
	.contenedor-de-sectores .slide {
		width: 100%;
	}
	.contenedor-de-sectores .interno-sector ul li {
		width: 80%;
	}
}
.container-sectores-completo {
	background-color: #dfdfdf;
	padding: 50px 0px;
}
/*fin de slider de sectores*/


.contenedor-de-categorias321 {
    padding-top: 100px;
}

.contenedor-de-categorias3212 {
    padding: 100px 20px;
}

.contenedor-de-categorias3212 p {
    font-size: 20px;
}

.slide-video-youtube .fondo-para-slider {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000066!important;
}
.slide-video-youtube p{
	color: #fff;
    text-align: center;
    font-size: 60px;
}
.slide-video-youtube h2{
	color: #fff;
}
.slide-video-youtube .contenido-slider-marcas a {
     background-color: #0c2249;
    color: #fff;
    margin-top: 40px;
}

/*slider inicio 2*/
div#seccion-inicio1 > div {
    width: 50%;
	position: relative;
}

div#seccion-inicio1 {
    display: flex;
	flex-wrap: wrap;
	padding: 50px 0px;
}
.elfondo-azul {
    background-color: #0c2249;
    color: #fff;
}
div.contenedor-slider-exterior3 .slide{
	height: auto!important;
	position: relative;
}
.contenedor-slider-exterior3 {
 	position: absolute;
    top: 15%;
    height: 70%;
    left: -15%;
    right: 0px;
}
.contenedor-de-categorias3212.container.elfondo-azul {
    padding-right: 10%;
}
.contenedor-slider-exterior3 .slider {
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.contenedor-slider-exterior3 button.boton-siguiente {
    position: absolute;
    left: -5%;
    background-color: #0c2249;
    border: solid 3px white;
    border-radius: 50px;
    color: #fff;
    padding: 10px;
}
.contenedor-slider-exterior3 button.boton-anterior {
    position: absolute;
    left: -12%;
    background-color: #0c2249;
    border: solid 3px white;
    border-radius: 50px;
    color: #fff;
    padding: 10px;
}
@media (max-width: 1210px) {
   .contenedor-slider-exterior3 button.boton-anterior {
		left: -14%;
   }
	div#seccion-inicio1 > div {
		width: 100%;
	}
	.contenedor-slider-exterior3 {
		position: relative;
		left: 0;
		right: 0;
		height: 100%;
	}
	.contenedor-slider-exterior3 button.boton-anterior {
		left: 0!important;
		z-index: 1;
		padding: 10px;
		top: 40%;
    }
	.contenedor-slider-exterior3 button.boton-siguiente {
		left: auto;
		right: 0;
		top: 40%;		
    }
}

/*fin slider inicio 2*/

/*slider clientes*/
.div-images-clientes {
	position: relative;
}
.group-of-images.slide {
    display: flex;
    flex-wrap: wrap;
	height: auto;
}
.group-of-images.slide img {
    object-fit: contain;
    width: 10%;
    height: 150px;
	transition: transform 500ms;
}
.group-of-images.slide img:hover {
	transform: scale(1.1);
}
.div-images-clientes button.boton-siguiente {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    border-radius: 50px;
    border: none;
    padding: 5px;
    background-color: #87b7f5;
    color: #fff;
}
.div-images-clientes button.boton-anterior {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    border-radius: 50px;
    border: none;
    padding: 5px;
    background-color: #87b7f5;
    color: #fff;
}
h2.title-nuestros-clientes {
    text-align: center;
}
/*slider clientes*/

.texto-contenido-marca {
	text-align: center;
	font-size: 16px;
}

div#tab-documentos-descargas a {
    width: 20%;
}
h2.titulo-slider3 {
	text-align: center;
    position: absolute;
    width: 100%;
    background-color: #0c224978;
    text-align: center;
	color: #fff;
}
/*tabs para marcas y categorias*/
.tab-headers {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.tab-link {
    background-color: #ffffff;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    margin-right: 10px;
    border: solid 2px #00897b;
    color: #000;
    border-radius: 10px 10px 0 0px;
}

.tab-link:hover {
    background-color: #00897bab;
	color: #fff;
}

.tab-link.active {
    background-color: #00897b;
	color: #fff;
}

.tab-content {
    display: none;
    padding: 15px;
    border: 1px solid #ccc;
    border-top: none;
}
/*fin tabs para marcas y categorias*/
.sub-menu-categorias > li > a{
	display: flex;
    text-decoration: none;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    color: #394558;
}
.sub-menu-categorias > li > a:hover {
    background-color: #6e94d724;
}
.sub-menu-categorias > li > a span{
	width: 10%;
    height: 40px;
    font-size: 40px!important;
}
.sub-menu-categorias > li > a p{
	font-size: 16px;
    text-align: initial;
}

h2.titulo-menu-categoria2 {
    font-size: 25px;
    border: solid 1px #0151a0;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	text-align: center;
}
ul.list-unstyled.list-unstyled-redes {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}
#formulario-cambio-moneda {
	display: none!important;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    background-color: #00000075;
    display: flex;
    justify-content: center;
    align-items: center;
}
#formulario-cambio-moneda.activo {
	display: flex!important;
}
#formulario-cambio-moneda form {
	position: relative;
	width: 40%;
    background-color: #000;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
   justify-content: space-around;
   padding-top: 50px;
}
button#close-form, button#cerrar-comparador {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: red;
    border: none;
    color: #fff;
    font-size: 20px;
}
#formulario-cambio-moneda form label {
	display: flex;
    width: 40%;
    padding: 15px;
    border: solid 1px #fff;
    border-radius: 10px;
    color: #fff;
    align-items: center;
	margin-bottom: 20px;
}
#formulario-cambio-moneda form label img {
	width: 40%;
    height: auto;
	margin-right: 10px;
}
#formulario-cambio-moneda form label input[type="radio"] {
    width: 10%;
    margin-right: 10px;
}
#formulario-cambio-moneda form input[type="submit"] {
	width: 100%;
	font-size: 17px;
    background-color: white;
}
#formulario-cambio-moneda form input[type="submit"]:hover {
	background-color: #cdcdcd;
}
button#abrir-form-cambio-moneda {
    display: flex;
    align-items: center;
    position: relative;
    padding: 5px 8px;
    background-color: #0c2249;
    color: #fff;
    border: solid 3px #fff;
    border-radius: 50px;
    justify-content: center;
}
.menu-superior-cambio-moneda {
	display: flex;
}
div#formulario-cambio-moneda2 {
    display: flex;
    justify-content: space-around;
}
#cargando-moneda {
    display: none;
    padding: 30px 10px;
	border-radius: 10px;
}
#cargando-moneda p {
	position: absolute;
	bottom: 10px;
	left: 50%;
    transform: translate(-50%, 0);
    color: #fff;
	font-weight: 600;
}
#cargando-moneda.activo {
    position: absolute;
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-filtros-scroll {
    position: sticky;
    max-height: calc(100vh - 10px);
    overflow-y: auto;
    top: 0;
}
span.onsale {
    background-color: red;
    position: absolute;
    top: 10px;
    left: 0;
    color: #fff;
    padding: 0px 10px;
}
div#div-comparador {
    display: none;
    position: fixed;
    width: 90%;
    height: 90%;
    left: 5%;
    background-color: #fff;
    z-index: 5;
    border-radius: 10px;
	top: 20px;
    padding: 25px 50px;
}
div#div-comparador.activo {
    display: flex;
}
button.agregar-comparador {
	display: none;
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 4px 10px;
    z-index: 1;
}
button.agregar-carrito-nuevo {
	display: none;
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 4px 10px;
    z-index: 1;
}
ul.products > li:hover button.agregar-comparador,  ul.products > li:hover button.agregar-carrito-nuevo {
	display: flex;
}
.loading-producto-comparar {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}
div#contenido-comparador {
    overflow: auto;
}
.loading-producto-comparar .loader {
	text-indent: 0;	
}
.loading-producto-comparar p {
    width: 100%;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 65%;
}
.tabla-comparador-imagen img {
    max-width: 100%!important;
    width: 100%!important;
    height: auto!important;
}
th.tabla-comparador-imagen {
    position: relative;
    width: 20%;
}
button.eliminar-de-comparador {
    position: absolute;
    padding: 5px;
    right: 10px;
    top: 10px;
    border-radius: 50px;
    border: none;
    background-color: #ff0000;
    color: #fff;
}

/* Selecciona todos los elementos tr pares y les asigna un fondo negro */
.tabla-comparativa tr:nth-child(even) {
    background-color: #71809b;
    color: white; 
}

/* Selecciona todos los elementos tr impares y les asigna un fondo blanco */
.tabla-comparativa tr:nth-child(odd) {
    background-color: white;
    color: black; /* Opcional, dependiendo de tu diseño */
}
.precio-marca-tabla-comparador span {
    color: #487ad3;
}
.container.container-header-2 > div {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.botones-moneda-comparador {
    display: flex;
}
nav.header-menu-class {
    display: flex;
}
button#abrir-comparador {
   display: flex;
    position: relative;
    padding: 5px 8px;
    background-color: #0c2249;
    color: #fff;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

span#numero-del-comparador {
    position: absolute;
    top: 15px;
    right: -10px;
    background-color: #ff0000;
    padding: 3px 7px;
    border-radius: 20px;
}

/*barra scroll*/
/* Establece el ancho de la barra de desplazamiento */
::-webkit-scrollbar {
    width: 8px; /* o el ancho que prefieras */
}

/* Estilo para la pista (track) de la barra de desplazamiento */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* color de fondo de la pista */
    border-radius: 10px; /* bordes redondeados */
}

/* Estilo para la barra (thumb) de desplazamiento */
::-webkit-scrollbar-thumb {
    background: #888; /* color de la barra */
    border-radius: 10px; /* bordes redondeados */
}

/* Cambio de color al pasar el ratón sobre la barra */
::-webkit-scrollbar-thumb:hover {
    background: #555; /* color al pasar el ratón */
}
/*barra scroll*/

img.size-medium {
    width: 50%!important;
}
.product-categories-buscar li a {
    display: block;
    background-color: #0c2249;
    color: white;
    padding: 10px;
}
li.categoria-padre-marca {
    margin-bottom: 10px;
}

/*animacion de imagenes al inicio*/
.cat-subtitle img {
    opacity: 0;
    transition: opacity 0.5s;
}

.cat-subtitle img:first-child {
    opacity: 1;
}
/*animacion de imagenes al inicio*/
.paginacion-categorias {
    text-align: center;
    margin-top: 30px;
  }
  
  .paginacion-categorias a {
    display: inline-block;
    padding: 10px 16px;
    margin: 0 6px;
    background-color: #f1f1f1;
    color: #333;
    text-decoration: none;
    font-weight: 600;
    border-radius: 6px;
    border: 1px solid #ccc;
    transition: all 0.3s ease;
  }
  
  .paginacion-categorias a:hover {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
  }
  
  .paginacion-categorias .active {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
    pointer-events: none;
  } 
  

  .contact-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  text-align: center;
  color: white;
  font-family: sans-serif;
  margin: auto;
  margin-top: -60px;
  position: relative;
  opacity: 0; /* Oculto inicialmente */
}

@keyframes animacion1 {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.contact-info.animar-contacto {
  animation: animacion1 2s ease forwards;
}

.contact-box {
  flex: 1;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; 
  text-align: center;
  z-index: 2;
}

.location, .phone {
    background: #ff9812;
    background: linear-gradient(180deg,rgba(255, 152, 18, 1) 0%, rgba(217, 123, 0, 1) 100%);     
}

.email {
  background-color: #0c2249; /* azul oscuro */
}

.icon-svg {
  margin-bottom: 10px;
}

.icon-svg svg {
  width: 32px;
  height: 32px;
  fill: white;
}

.contact-box h4 {
  font-size: 18px;
  margin: 10px 0 5px;
  font-weight: bold;
}

.contact-box p {
  margin: 0;
  font-size: 16px;
}

.contact-box a {
    text-decoration: none;
    color: white;
    font-weight: bold;
}




@media (max-width: 1960px) {
    .container {
        width: 100%;
        max-width: 100%;
    }
    
}

.tabla-comparativa tr {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.tabla-comparativa th, .tabla-comparativa td{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
@media (max-width: 1600px) {

   .header-contenedor-buscador{
        width: 30%; 
     }
    .mini-carrito{
        width: 30%;
    }
    .menu-de-categorias {
        width: 30%;
    }
    .contenedor-de-productos-con-filtros ul.products > li{
        width: 31%;
    }
   
.mini-pedido {  
    width: 30%;
}
.mini-pedido-abierto {
    right: 30%;
}
 

}
@media (max-width: 1280px) {
    .entry-summary .mostrar-precio {
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        flex-direction: column;
    }
    .div-producto-cont2 {
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        flex-direction: column;
    }
    .enlaces-del-producto a {  
        width: 100%;
        margin-bottom: 10px;
    }
    #contenedor-boton-agregarcarrito {
        width: 100%;
        margin-bottom: 10px;
    }

    ul.products > li {
        width: 23%;
    }


}

@media (max-width: 1310px) {

    .woocommerce-tabs > ul {
        overflow: auto;
        height: 120px;
      }
     .woocommerce-tabs ul li {
        margin-bottom: 0px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    ul.products > li {
        width: 31%;
    }

    #site-branding {
       width: 20%;
    }

    #site-branding img{
        width: 100%;
        height: auto;
    }

    .mini-carrito{
        width: 50%;
    }

    .menu-de-categorias {
        width: 50%;
    }
	.mini-pedido {  
    width: 50%;
    }
   .mini-pedido-abierto {
    right: 50%;
   }

    .div1-site-footer {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }
    .seccion-footer {
        padding: 20px 0px;
    }
    .categoria-indi{
        width: 31%;
    }
    .marca-single{
        width: 31%;
    }
    .div1-site-footer > div {
        width: 100%;
    }
    .contenedor-de-productos-con-filtros ul.products > li{
        width: 48%;
    }
    .filtros {
        width: 25%;
    }
    .contenedor-de-productos-con-filtros{
        width: 75%;
    }

}
@media (max-width: 950px) {
	.div-contact-1 {
		width: 100%;
		padding: 0px;
	}
	.div-contact-2 {
		width: 100%;
	}
	div#gallery-1 {
		display: flex;
		flex-wrap: wrap;
    }
	#gallery-1 .gallery-item {
		width: 50%!important;
    }
	div#tab-documentos-descargas a {
		width: 50%;
		padding: 10px;
	}
	#formulario-cambio-moneda form {
		width: 60%;
	}
	.tabla-comparativa {
	    width: 150%;
	}
}	
@media (max-width: 750px) {
    
    img.size-medium {
        width: 100%!important;
    }

    .woocommerce-tabs > ul {
        height: 180px;
    }

    .woocommerce-tabs ul li {
        width: 48%;
    }
    .woocommerce-tabs ul li a {
        width: 100%;
    }

    .woocommerce-product-gallery {
        width: 100%;
    }

    main.producto-individual .entry-summary {
        width: 100%;
        padding: 0px 20px;
    }

    ul.products > li {
        width: 48%;
    }

    .categoria-indi{
        width: 48%;
    }
    .marca-single{
        width: 48%;
    }
    .header-1 {
        padding: 7px 0px;
    }
    .boton-ver-carrito{
      width: 0;
    }
    .header-contenedor-buscador{
        width: 70%; 
     }
     #site-branding{
       width: 30%;
     }
    #mini-carrito-activo {
        width: 50px;
        height: 50px;
        position: fixed;
        bottom: 110px;
        left: 20px;
        z-index: 1;
    }
    form.woocommerce-product-search button {
        width: 25%;
    }
    #woocommerce-product-search-field-0 {
        width: 75%; 
    }

    .mini-carrito{
        width: 100%;
        box-shadow: none;
    }

    .menu-de-categorias {
        width: 100%;
        box-shadow: none;
    }
	.mini-pedido {  
      width: 100%;
	}
	.mini-pedido-abierto {
		right: 0;
	}
    .contenedor-de-productos-con-filtros ul.products > li{
        width: 48%;
    }
    
    .contenedor-de-productos-con-filtros{
        width: 100%;
    }
    .contenedor-menu-de-categorias button p {
        display: none;
    }
    .contenedor-menu-de-categorias button {
        width: auto!important;
        padding: 3px 5px 0px 5px;
    }
    .contenedor-menu-de-categorias span {
        font-size: 45px!important;
        width: 100%;
        height: 100%;
    }
    .filtros {
        width: 100%;
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 2;
        background-color: #fff;
        top: 0;
        left: 0;
        padding-top: 40px;
        left: -100%;
        transition: left 500ms;
    }
    .filtros.activo {
        left: 0;
    }
    #abrir-filtros {
        position: fixed;
        display: flex;
        background-color: #5e35b1;
        color: #fff;
        border: none;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        font-size: 20px;
        justify-content: center;
        align-items: center;
        z-index: 1;
        bottom: 100px;
        left: 20px;
        bottom: 170px;
      }
      #abrir-filtros:hover {
        background-color: #3e2a68;
      }
      #cerrar-filtros {
        display: flex;
        padding: 8px 8px;
        background-color: #ff0000;
        border-radius: 50px;
        color: #fff;
        border: none;
      }
	.slide {
       height: 350px;
     }
	.container-fitros-completos {
		overflow: auto;
		height: 90%;
		padding-bottom: 30px;
    }
	.container-filtros-scroll {
       height: 100%;
       overflow: auto;
    }
	.contact-seccion p {
   	 font-size: 16px;
    }
	.tab-link{
		width: 100%;
		margin-bottom: 10px;
	}
	.tabla-comparativa {
	    width: 200%;
	}
	 div#div-comparador {
        width: 100%;
        height: 100%;
        left: 0;
        border-radius: 0;
        top: 0;
        padding: 55px 5px;
    }
    .container.container-header-2 > div {
        flex-direction: column;
    }
}

@media (max-width: 550px) {

    .woocommerce-tabs > ul {
        height: 360px;
    }

    .woocommerce-tabs ul li {
        width: 100%;
        margin-right: 0;
    }

    button#load_more_products, button#load_more_products2, button#load_more_products3 {
        width: 100%;

    }
	div#tab-documentos-descargas a {
		width: 100%;
	}
	#formulario-cambio-moneda form {
		width: 90%;
	}
	#formulario-cambio-moneda form label {
		width: 100%;
	}
	div#formulario-cambio-moneda2 {
		flex-direction: column;
	}
	.tabla-comparativa {
	    width: 250%;
	}
}

@media (max-width: 480px) {

    ul.products > li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .categoria-indi {
        width: 100%;
        margin-right: 0;
    }
    .marca-single{
        width: 100%;
        margin-right: 0;
    }

    .contenedor-de-productos-con-filtros ul.products > li{
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    main.producto-individual .entry-summary {
        width: 100%;
        padding: 10px 0px;
    }
    .contact-info {
        display: none;
    }

    .slide-video-youtube p {
    color: #fff;
    text-align: center;
    font-size: 30px;
    }
    .contenido-slider-marcas {
        top: 19%; 
        left: 0%;
        transform: translate(0%, 0%);
    }
    .contenedor-slider-exterior2 .boton-anterior {
        margin-left: 10px;
    }
    .contenedor-slider-exterior2 .boton-siguiente {
        margin-right: 10px;
    }
}

  
  
  