/*WooCommerce GRID ASTRA*/
.woocommerce-js ul.products li.product, .woocommerce-page ul.products li.product {
    margin-bottom: 0 !important;
}

/*Etiqueta*/
.lista-etiquetas{
    line-height: 32px;
}
.etiqueta {
    padding: 0 7px;
    cursor:pointer;
}
.etiqueta:hover{
    background-color:white;
    border-radius: 7px;
}

@media(max-width:576px){
    .contenedor-etiqueta > h4 { margin-left:10px; }
}

/*Estilos pagina de inicio*/

.price-color > span> bdi{
	color:#992325;
}
.container-category{
	margin-bottom:50px;
}
.products-list{
	    padding: 0px !important;
}
h3.category-title{
	font-size: 22px !important;
    font-weight: 700;
}

li.product-item {
    display: flex;
    justify-content: left;
    min-height: 257px;
    border: 1px solid #e0e0e0;
    align-items: center;
    background-color: white;
    flex-direction: column;
}
.product-image {
    min-width: 35%;
	min-height: 223px;
	padding:20px;
}
.product-details{
	padding: 17px 20px;
}

.product-details .product-title{
	font-size: 15px;
	margin-bottom: 10px;
	width:176px;
}
ul.categorias-productos li {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f2f2f2;
    border-radius: 8px;
}

ul.categorias-productos li a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

@media(max-width:576px){
	.product-details .product-title{
		font-size: 15px;
		width:156px;
	}
	
	li.product-item {	
		min-height: 200px;		
	}
}


.menu-categorias-horizontal {
    position: sticky;
    top: 35px;
    z-index: 1000;
    background-color: #fff;
    overflow-x: auto;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
.menu-categorias-horizontal ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.menu-categorias-horizontal ul li {
    display: inline-block;
}
.menu-categorias-horizontal ul li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    transition: color 0.3s ease;
}
.menu-categorias-horizontal ul li a:hover,
.menu-categorias-horizontal ul li a.active {
    color: #007bff;
    background-color: #f8f9fa;
}
ul.categorias-productos {
    list-style-type: none;
    padding: 0;
} 
/*Loader*/	
.loader {
    border: 6px solid #f3f3f3; /* Color de fondo */
    border-top: 6px solid #3498db; /* Color del loader */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*MENU VERTICAL*/
.vertical-category-menu {
    display: block;
    max-width: 220px; /* Ajusta según sea necesario */
	overflow:auto;
	height:600px
}

.vertical-category-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vertical-category-menu ul li {
    display: block; /* Cada ítem del menú en su propia línea */
}

.vertical-category-menu ul li a {
    display: block;
    padding:5px;
    text-decoration: none;
    color: #333;
    transition: color 0.3s ease;
}

.vertical-category-menu ul li a:hover,
.vertical-category-menu ul li a.active {
    color: #007bff;
    background-color: #f8f9fa;
}
@media(max-width:576px){
	.vertical-category-menu {
		display: block;
		max-width: 270px;  
		overflow:auto;
		height:600px
}
}

/* BOTON DE CANTIDAD */
.my-add-to-cart-button {
	cursor: pointer;
    background-color: #CA2B28;
    color: white;
    border: none;
    margin-left: 10px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    padding: 9px;
}

.my-add-to-cart-button i {
    margin-right: 5px;
}

.quantity {
    display: flex;
    align-items: center;
}

.quantity .btn-minus, .quantity .btn-plus {
    cursor: pointer;
    padding: 5px 10px 5px 10px;
    font-size: 25px;
	line-height: 30px;
}
.btn-minus{
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
}
.btn-plus{
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}
.btn-plus,.btn-minus{
	background-color: #F2F2F2 !important;
    color: #595959 !important;
}
.wrap-inputs {
    display: flex;
    border: 1px solid #b1b1b1;
    border-radius: 50px;
}
.quantity .input-text.input-qty {
    text-align: center;
    margin: 0px;
	min-height: 37px;
	width: 50px;
}
@media(max-width:576px){
	.my-add-to-cart-button {	
		width: 42px;
		height: 42px;	
		padding:9px;
	}
	.quantity .input-text.input-qty {	
		min-height: 40px;
	}
	.btn-minus, .btn-plus {	
        padding: 3px 6px 4px 7px !important;
	}
}

ul.products-list {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
	margin:0;
}


@media(max-width:980px){
 
ul.products-list {
    display: grid;
    grid-template-columns: 33% 33% 33%;
 }

}



@media(max-width:850px){
 
ul.products-list {
    display: grid;
    grid-template-columns: 50% 50%;
 }

}


@media(max-width:576px){
 
ul.products-list {
    display: grid;
    grid-template-columns: 100%;
 }

li.product-item {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-direction: row;
}

.product-image {  
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 180px;
    justify-content: center;
}

}


/* Product Card*/
.products > li {
    background-color: white;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: 0px 2px 2px hsla(0,0%,87%,.57);
    padding: 23px 13px !important;

}

/* Estilos del buscador*/

.search-loader {
			  width: 25px;
			  aspect-ratio: 1;
			  display:grid;
			  -webkit-mask: conic-gradient(from 15deg,#0000,#000);
			  animation: l26 1s infinite steps(12);
			  position: absolute;
			  right: 25px;
			   margin-top: 10px;
			}
			.search-loader,
			.search-loader:before,
			.search-loader:after{
			  background: radial-gradient(closest-side at 50% 12.5%, #0570e2 96%, #0000) 50% 0 / 20% 80% repeat-y, radial-gradient(closest-side at 12.5% 50%, #007cba 96%, #0000) 0 50% / 80% 20% repeat-x;
			}
			.search-loader:before,
			.search-loader:after {
			  content: "";
			  grid-area: 1/1;
			  transform: rotate(30deg);
			}
			.search-loader:after {
			  transform: rotate(60deg);
			}

			@keyframes l26 {
			  100% {transform:rotate(1turn)}
			}

	.busqueda-input-container{
			display:flex;
		}
		#buscar-btn{
			padding: 12px;
			border-top-right-radius: 4px;
			border-top-left-radius: 0;
			border-bottom-right-radius: 4px;
			border-bottom-left-radius: 0px;
		}
		#resultados-busqueda{position: absolute; background-color: white;box-shadow: 0px 2px 3px #d9d9d9; width: 472px; border-radius: 4px; height: auto;} 
		#resultados-busqueda ul {
          list-style-type: none;
		  padding: 10px;
		  margin: 0;
		  height: 447px;
		  overflow: auto;
		  width:90%;
        }

#resultados-busqueda li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#resultados-busqueda li div {
  width:100%;
}
#resultados-busqueda li img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  margin-right: 20px;
  background-color: #eeeeee;
}

#resultados-busqueda li h3,
#resultados-busqueda li p {
  max-width: calc(100% - 120px);
  margin: 0;
  font-size: 14px;
}

.busqueda-input{
    border: 2px solid #1B1B76 !important;
    min-width: 472px;
    border-radius: 7px 0px 0px 7px !important;
    padding: 20px !important;
}

@media(max-width:576px){
    .busqueda-input{
    min-width: 200px;
     
    }
}