#icono-whatsapp {
  position: fixed;
  bottom: 10%;
  /* left: 50%;
  left: 95%; */
  right: .5%;
  /* transform: translateX(-50%); */
  z-index: 9999;
  cursor:pointer;
  width: 70px;
}

.flex-container {
  display: flex;
  flex-flow: row nowrap;
  background-color: white;
  padding-bottom: 5px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 10px;
  justify-content: center;
  z-index: 99999999;

}

.flex-container div > a {

  color:#8C8B8B;
  margin: 20px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 16px;

}

.flex-container div > hr {
  border: 0.2em;

  border-color: #ef2142;
  color: #ef2142;

  border-color: #344488;
  color: #344488;

  border-style: solid;
  width: auto;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  z-index: 99999999;
}

/* .flex-container div > hr.animate {
  width: 0;
  transition: width 0.5s ease-in-out;
} */


/* .flex-container a:hover { flex: 0 0 50px  } */

.items{

  width: 180px;;
  width: 200px;;

}

#globalV2 {
  display:none;
  position: absolute;
	height: auto;
  border: 1px solid #ddd;
  background: white;
  z-index: 9999;
  top: 167px;
  left: 5%;
  padding-left: 5%;
  padding-bottom: 1%;
  border: 1px solid #c5c5c5;
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.35);
}

/*=============================================
TOP
=============================================*/

#top ul{
	padding-top:8px;
}

#top ul li{
	display:inline;
	line-height:30px;
	margin:0px 5px;
	color:white;
}

.social ul li a i{
	font-size:18px;
	margin:0 1px;
}

.registro ul{
	text-align: right;
	font-size:12px;
}

.menuBarraSuperior ul li a i{
	font-size:1.3rem;
	margin:0 1px;
  text-decoration: none;
}

.menuBarraSuperior ul li a {
	font-size:1.3rem;
	margin:0 1px;
  text-decoration: none;
}

/*=============================================
HEADER
=============================================*/

#icon{
  position: absolute;
  display: block;
  bottom: .7rem;
  right: 4.1rem;
  top: 0.4rem;;
  
  user-select: none;
  cursor: pointer;
  z-index: 99999999999;
}

#icon i {
  font-size: 1vw;;
  color: #344488;
}
input.input{
  min-width: 100px;
  padding-right: 50px;

}

input.input:focus {
  border-color: silver;
  border-color: #344488;
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 7px 1px rgba(0, 67, 211, 0.63);
}

#botonBuscador {
  border-radius: 20px;
  border: none;
}

#botonBuscador:hover {
  background-color: transparent !important;
}

header #buscador{
	margin:20px 0;

}

header #buscador input{
	padding:19px;
	border-radius:20px;
}

header #buscador button{
	padding:9px;
	border:1px solid silver;
	border-radius:0;
}








#botonBuscador {
  border-radius: 20px;
  border: none;
}

#botonBuscador:hover {
  background-color: transparent !important;
}
header {
  background-color: #f0f0f0;
  background-color: white;
}

header #buscador{
	margin:20px 0;

}

header #buscador input{
	padding:19px;
	border-radius:20px;
}

header #buscador button{
	padding:9px;
	border:1px solid silver;
	border-radius:0;
}

.derecha {
  float: right;
}

.izquierda {
  float: left;
}

#ultimaColumna {
  padding-top: 15px;
}

#miCuenta {
  color: #303030;
}

#carritoCompras {
  color: #303030;
}

.enlacesDesactivados {
  pointer-events: none;
  cursor: not-allowed !important;
  opacity: 0.5;
  color: silver;
}


.logo-img {
  padding-top: 5%;;
  width: 100%; /* Ajusta la imagen al 100% del contenedor */
  max-width: 140px; /* Establece un ancho máximo para la imagen */
  height: auto; /* Mantiene la proporción de aspecto */
}

















/* 



header {
  background-color: #f0f0f0;
}

header #logotipo img{
  padding:20px 60px;
  padding-left:0px;
}

header #btnCategorias{
	margin:20px 0;
}

header #btnCategorias p{
	line-height:40px;
	margin-bottom:0px;
}

header #btnCategorias p span{
	cursor: pointer;
}

/* header ul.subCategoria{
  display: none;
  display: none;
} */


header div h4.tituloCategoria{
  cursor: default;
  color: black;
}

header div ul.subCategoria li ul li.productoSubCategoriaCategoria a{
  cursor: pointer;
  color: yellow;
  padding-left: 20px;;
  font-weight: bold;
} */


/* 






header #buscador{
	margin:20px 0;
}

header #buscador input{
	padding:19px;
	border-radius:0;
}

header #buscador button{
	padding:9px;
	border:1px solid silver;
	border-radius:0;
}

header #carrito{
	margin:20px 0;
}

header #carrito button{
	padding:9px 15px;
  padding:4px 10px;
	border:1px solid silver;
	border-radius:0;
  border:none;
}

header #carrito p{
	padding:2px;
	padding-left:60px;
	border:1px solid #aaa;
  border:none;
	font-size:12px;
}

header #categorias{
	display:none;
	margin-top:-10px;
	position: relative;
	padding-bottom:20px;
}

header #categorias h4{
	margin-top:20px;
	margin-bottom:-10px;
}

header #categorias hr{
	border:1px solid rgba(255,255,255,.3);
  margin-bottom:10px;
} */




a.pixelCategorias {
  cursor: pointer;
}

header #global ul li a.pixelSubCategorias {
  cursor: pointer;
  
  font-weight: bold;
  font-size:1.3rem;
	text-decoration: none;
  list-style: none;
  background-color: white;
}

header #global ul.subCategoria ul.productos li a.pixelProducto{
  cursor: pointer;
  color:#888888;
  font-weight: normal;
  font-size:1.2rem;
	text-decoration: none;
  list-style: none;
  background-color: white;
}

header #global ul.subCategoria {
  padding-top: 15px;
  background-color: white;
}

header #global ul {
  background-color: white;
}

#globalV2 ul li a.pixelSubCategorias {
  cursor: pointer;
  color:#696969;
  font-weight: bold;
  font-size:1.3rem;
	text-decoration: none;
  list-style: none;
  background-color: white;
}

#globalV2 ul.subCategoria ul.productos li a.pixelProducto{
  cursor: pointer;
  color:#888888;
  font-weight: normal;
  font-size:1.2rem;
	text-decoration: none;
  list-style: none;
  background-color: white;
}

#globalV2 ul.subCategoria {
  padding-top: 15px;
  background-color: white;
}

#globalV2 ul {
  background-color: white;
}

.backColorCabezote a {
  color: silver;
}

.backColorCabezote hr {
  color: white;
}

.backColorCabezote a:hover {
  color: white;
  font-weight: bold;
}


.backColorCabezote {
  background-color: #ef2142;
}



/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){

	/*=============================================
	HEADER
	=============================================*/

	header #logotipo img{
		padding:20px 60px;
		padding-left:0px;
	}

	header #carrito{
		padding-left:100px;
	}

}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){

	/*=============================================
	HEADER
	=============================================*/

	header #logotipo img{
		padding:25px 60px;
		padding-left:0px;
	}

	header #carrito{
		padding-left:70px;
	}

}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){

	/*=============================================
	HEADER
	=============================================*/

	header #logotipo img{
		padding:30px 0px;
	}

	header #carrito{
		padding-left:55px;
	}

	header #carrito p{
		display:none;
	}

}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){

	/*=============================================
	TOP
	=============================================*/

  #top {
    display: none;
  }

  #categorias1 {
    display: none;
  }

	#top ul{
		text-align: center;
	}

	#top #registro{
		border-top:1px solid #222;
	}
	
	/*=============================================
	HEADER
	=============================================*/

  .header {
    display: flex;
    flex-direction: column;
  }

	header #logotipo img{
		padding:5px;
		/* padding-bottom:10px; */
    padding-left: 5px;
    padding-top: 20px;
    width: 130px;
    order: 1;
	}

	header #buscador{
    /* margin-top: 100px; */
    order: 2;
	}

	header #carrito{
		margin:0px;
    /* position: relative; */
    order: 3;
	}

  #ultimaColumna {
    display: none;
  }

  
  
  /* .header #logotipo {
    order: 1;
  }
  
  .header #buscador {
    order: 2;
  }
  
  .header #ultimaColumna {
    order: 3;
  } */
	
}



/* @media (max-width: 768px) {
  .header {
    display: flex;
    flex-direction: column;
  }
  
  .header .logo {
    order: 1;
  }
  
  .header .search-bar {
    order: 2;
  }
  
  .header .cart {
    order: 3;
  }
}

 */