.elementor-660 .elementor-element.elementor-element-3090536{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-660 .elementor-element.elementor-element-0f291b3{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-660 .elementor-element.elementor-element-0f291b3:not(.elementor-motion-effects-element-type-background), .elementor-660 .elementor-element.elementor-element-0f291b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #02020E 0%, #00000000 100%);}.elementor-660 .elementor-element.elementor-element-d5ec1d3 > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #4429F200 100%);}.elementor-660 .elementor-element.elementor-element-cda979e{--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;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-660 .elementor-element.elementor-element-0cc0415{--grid-columns:4;--grid-row-gap:20px;--grid-column-gap:5px;}.elementor-660 .elementor-element.elementor-element-0cc0415 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-660 .elementor-element.elementor-element-0cc0415 .e-loop-item > .elementor-section, .elementor-660 .elementor-element.elementor-element-0cc0415 .e-loop-item > .elementor-section > .elementor-container, .elementor-660 .elementor-element.elementor-element-0cc0415 .e-loop-item > .e-con, .elementor-660 .elementor-element.elementor-element-0cc0415 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(min-width:768px){.elementor-660 .elementor-element.elementor-element-3090536{--content-width:100%;}.elementor-660 .elementor-element.elementor-element-0f291b3{--width:30%;}.elementor-660 .elementor-element.elementor-element-cda979e{--width:70%;}}@media(max-width:1024px){.elementor-660 .elementor-element.elementor-element-0cc0415{--grid-columns:2;}}@media(max-width:767px){.elementor-660 .elementor-element.elementor-element-0cc0415{--grid-columns:1;}}/* Start custom CSS for wp-widget-woocommerce_product_categories, class: .elementor-element-d5ec1d3 *//* Contenedor principal del menú */
.elementor-660 .elementor-element.elementor-element-d5ec1d3 .product-categories {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #111141; /* Color de fondo gris claro de la columna */
}

/* Estilo de cada fila de categoría */
.elementor-660 .elementor-element.elementor-element-d5ec1d3 .product-categories li {
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
}

/* Estilo del enlace (texto) */
.elementor-660 .elementor-element.elementor-element-d5ec1d3 .product-categories li a {
    display: block;
    padding: 15px 20px;
    color: #fff; /* Texto oscuro por defecto */
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

/* Efecto al pasar el mouse (Hover) */
.elementor-660 .elementor-element.elementor-element-d5ec1d3 .product-categories li a:hover {
    background-color: #000080; /* El morado oscuro de tu marca */
    color: #ffffff !important;
}

/* Categoría activa (cuando el cliente está en esa sección) */
.elementor-660 .elementor-element.elementor-element-d5ec1d3 .product-categories li.current-cat a {
    background-color: #000060 !important; /* Fondo morado sólido */
    color: #ffffff !important;
    border-left: 5px solid #FF00FF; /* Detalle en fucsia a la izquierda */
}

/* Quitar los puntos de lista si aparecen */
.elementor-660 .elementor-element.elementor-element-d5ec1d3 ul {
    list-style-type: none !important;
}/* End custom CSS */