.elementor-17161 .elementor-element.elementor-element-56dcb34c{margin-top:0px;margin-bottom:0px;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-17161 .elementor-element.elementor-element-24ab6ecc{--grid-columns:3;}.elementor-17161 .elementor-element.elementor-element-24ab6ecc .elementor-loop-container{grid-auto-rows:1fr;}.elementor-17161 .elementor-element.elementor-element-24ab6ecc .e-loop-item > .elementor-section, .elementor-17161 .elementor-element.elementor-element-24ab6ecc .e-loop-item > .elementor-section > .elementor-container, .elementor-17161 .elementor-element.elementor-element-24ab6ecc .e-loop-item > .e-con, .elementor-17161 .elementor-element.elementor-element-24ab6ecc .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(min-width:768px){.elementor-17161 .elementor-element.elementor-element-55245d8b{width:29.666%;}.elementor-17161 .elementor-element.elementor-element-335bceb0{width:70%;}}@media(max-width:1024px){.elementor-17161 .elementor-element.elementor-element-24ab6ecc{--grid-columns:2;}}@media(max-width:767px){.elementor-17161 .elementor-element.elementor-element-24ab6ecc{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-24ab6ecc *//* Asegúrate de que todos los productos con el tag 'más vendidos' tengan posición relativa */
.product.product_tag-mas-vendidos {
    position: relative; /* Esto es importante para colocar el ::before correctamente */
}

/* Crear la etiqueta 'Más Vendido' para cada producto con ese tag */
.product.product_tag-mas-vendidos::before {
    content: 'Más Vendido';
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #FFED00; /* Color inicial amarillo */
    color: black;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    z-index: 10;
    transition: background-color 0.3s ease, color 0.3s ease; /* Transición para el hover */
}

/* Efecto hover para cambiar el color al pasar el cursor */
.product.product_tag-mas-vendidos:hover::before {
    background-color: #FFD700; /* Color más oscuro */
    transform: scale(1.1); /* Agrandar ligeramente */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); /* Sombra para destacar */
    color: black;
}/* End custom CSS */