.elementor-43123 .elementor-element.elementor-element-9591223{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-43123 .elementor-element.elementor-element-9591223:not(.elementor-motion-effects-element-type-background), .elementor-43123 .elementor-element.elementor-element-9591223 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-43123 .elementor-element.elementor-element-9591223:hover{background-color:var( --e-global-color-primary );}.elementor-43123 .elementor-element.elementor-element-501ae6d > .elementor-widget-container{margin:20px 20px 20px 20px;}.elementor-43123 .elementor-element.elementor-element-501ae6d{text-align:center;}.elementor-43123 .elementor-element.elementor-element-958e51e{--display:flex;}.elementor-43123 .elementor-element.elementor-element-b52ec32.elementor-element{--align-self:center;}.elementor-43123 .elementor-element.elementor-element-b52ec32.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:32px;}.elementor-43123 .elementor-element.elementor-element-b52ec32 a > img{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-43123 .elementor-element.elementor-element-b52ec32 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-608ca09 );}/* Start custom CSS for wc-categories, class: .elementor-element-b52ec32 *//* --- DISEÑO BASE (Mantener legibilidad y estructura) --- */

/* Caja de la categoría */
.elementor-43123 .elementor-element.elementor-element-b52ec32 .product-category a {
    position: relative;
    display: block;
    overflow: hidden; /* CRUCIAL para que nada se salga al animar */
    /* TRANSICIONES: Hacen que la animación sea suave y no brusca */
    transition: all 0.4s ease-in-out !important; 
    z-index: 1; /* Para controlar qué caja está encima de cuál */
}

/* Imagen de fondo (Para el efecto zoom) */
.elementor-43123 .elementor-element.elementor-element-b52ec32 .product-category a img {
    transition: transform 0.6s ease !important; /* La imagen tarda un poco más en animar */
}

/* Texto y fondo oscuro difuminado (Legibilidad) */
.elementor-43123 .elementor-element.elementor-element-b52ec32 h2.woocommerce-loop-category__title {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-align: center !important;
    padding: 15px 10px !important;
    line-height: 1.3 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(3px);
    transition: background 0.3s ease !important;
}

/* Ocultar contador */
.elementor-43123 .elementor-element.elementor-element-b52ec32 .woocommerce-loop-category__title .count {
    display: none !important;
}


/* --- ANIMACIÓN AL PASAR EL CURSOR (HOVER) --- */

/* 1. Hace crecer el rectángulo entero (Escalado) y añade sombra para dar profundidad */
.elementor-43123 .elementor-element.elementor-element-b52ec32 .product-category a:hover {
    transform: scale(1.04) !important; /* Crece sutilmente (un 4%), lo justo para destacar */
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important; /* Añade una sombra suave para 'separarlo' del fondo */
    z-index: 10 !important; /* Asegura que la caja que crece se ponga "encima" de las vecinas */
}

/* 2. Efecto Zoom: La imagen dentro de la caja también crece */
.elementor-43123 .elementor-element.elementor-element-b52ec32 .product-category a:hover img {
    transform: scale(1.1) !important; /* La imagen hace un zoom del 10% por dentro */
}

/* 3. El fondo oscuro del texto se aclara un poco (Opcional, para más luz) */
.elementor-43123 .elementor-element.elementor-element-b52ec32 .product-category a:hover h2.woocommerce-loop-category__title {
    background: rgba(0, 0, 0, 0.4) !important;
}/* End custom CSS */