.elementor-73 .elementor-element.elementor-element-8677c33{--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;}.elementor-73 .elementor-element.elementor-element-8677c33.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-73 .elementor-element.elementor-element-e8e21c6{--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;}.elementor-73 .elementor-element.elementor-element-46d127d{--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;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-73 .elementor-element.elementor-element-9c8c7da{width:var( --container-widget-width, 104.865% );max-width:104.865%;--container-widget-width:104.865%;--container-widget-flex-grow:0;}.elementor-73 .elementor-element.elementor-element-9c8c7da.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-73 .elementor-element.elementor-element-9c8c7da.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-73 .elementor-element.elementor-element-9c8c7da.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-73 .elementor-element.elementor-element-8677c33{--width:100%;}.elementor-73 .elementor-element.elementor-element-e8e21c6{--width:33.3333%;}.elementor-73 .elementor-element.elementor-element-46d127d{--width:66.6666%;}}@media(max-width:1024px){.elementor-73 .elementor-element.elementor-element-9c8c7da.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-73 .elementor-element.elementor-element-9c8c7da.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-e8e21c6 *//* =========================================
   DISEÑO DEL MENÚ DE CATEGORÍAS (KANONTECH)
   ========================================= */

/* Contenedor principal del menú lateral */
.widget_product_categories {
    background-color: #1A1A1A !important; /* Fondo gris muy oscuro */
    border: 1px solid #333333;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
}

/* Título del menú (El equivalente al título azul, pero en rojo KanonTech) */
.widget_product_categories .widget-title {
    background-color: #FF0033 !important; /* Rojo KanonTech */
    color: #FFFFFF !important;
    padding: 15px 20px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
}

/* Lista de categorías */
.widget_product_categories ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cada opción de la lista */
.widget_product_categories ul li {
    border-bottom: 1px solid #2A2A2A;
}

/* Quitar el borde al último elemento */
.widget_product_categories ul li:last-child {
    border-bottom: none;
}

/* Enlaces (Texto de las categorías) */
.widget_product_categories ul li a {
    display: block;
    color: #DDDDDD !important; /* Letra blanca/grisácea */
    padding: 15px 20px;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    transition: all 0.3s ease;
}

/* Efecto al pasar el mouse por las categorías (Hover) */
.widget_product_categories ul li a:hover {
    background-color: #222222; /* Se aclara un poco el fondo */
    color: #FF0033 !important; /* El texto se pinta del rojo KanonTech */
    padding-left: 28px; /* Pequeño salto hacia la derecha para dar dinamismo */
}

/* Ocultar el conteo de productos si lo tiene activado */
.widget_product_categories ul li .count {
    display: none;
}

/* =========================================
   DISEÑO DE LA BARRA DE BÚSQUEDA
   ========================================= */
.woocommerce-product-search {
    display: flex;
    margin-bottom: 25px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    border-radius: 6px;
    overflow: hidden;
}

/* Caja de texto donde se escribe */
.woocommerce-product-search input[type="search"] {
    flex-grow: 1;
    background-color: #1A1A1A !important;
    border: 1px solid #333333;
    border-right: none;
    color: #FFFFFF !important;
    padding: 12px 20px;
    border-radius: 6px 0 0 6px;
    font-family: 'Montserrat', sans-serif;
}

.woocommerce-product-search input[type="search"]:focus {
    outline: none;
    border-color: #FF0033;
}

/* Botón de buscar */
.woocommerce-product-search button {
    background-color: #FF0033 !important;
    color: #FFFFFF !important;
    border: none;
    padding: 12px 25px;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    transition: background 0.3s;
}

.woocommerce-product-search button:hover {
    background-color: #cc0029 !important; /* Rojo un poco más oscuro al pasar el ratón */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8677c33 *//* ============================================================== */
/* 7. WOOCOMMERCE - BUSCADOR SUPERIOR (KANONTECH)                 */
/* ============================================================== */
.woocommerce-product-search {
    display: flex !important;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #dddddd;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.woocommerce-product-search input[type="search"] {
    flex-grow: 1;
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    border: none !important;
    padding: 15px 20px !important;
    font-size: 14px;
}

.woocommerce-product-search input[type="search"]:focus {
    outline: none !important;
    box-shadow: inset 0 0 0 1px #e63946 !important; /* Borde rojo interior al escribir */
}

.woocommerce-product-search button {
    background-color: #e63946 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 0 30px !important;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.3s ease !important;
}

.woocommerce-product-search button:hover {
    background-color: #1a1a1a !important; /* Cambia a negro al pasar el mouse */
}

/* ============================================================== */
/* 8. WOOCOMMERCE - MENÚ DE FILTRO DE CATEGORÍAS                  */
/* ============================================================== */
.widget_product_categories {
    background-color: #ffffff !important;
    border: 1px solid #dddddd;
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
}

/* El título que reemplaza la barra azul de tu imagen, pero en rojo KanonTech */
.widget_product_categories .widget-title {
    background-color: #e63946 !important;
    color: #ffffff !important;
    padding: 15px 20px;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
}

.widget_product_categories ul {
    list-style: none !important;
    padding: 10px 20px !important;
    margin: 0 !important;
}

.widget_product_categories ul li {
    border-bottom: 1px solid #f0f0f0;
}

.widget_product_categories ul li:last-child {
    border-bottom: none;
}

.widget_product_categories ul li a {
    color: #333333 !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding: 12px 0;
    transition: all 0.3s ease !important;
}

.widget_product_categories ul li a:hover {
    color: #e63946 !important;
    padding-left: 8px !important; /* Pequeño salto a la derecha al hacer hover */
}

/* Ocultar el conteo de productos si lo tiene activado */
.widget_product_categories ul li .count {
    display: none !important;
}

/* ============================================================== */
/* 9. WOOCOMMERCE - PAGINACIÓN MODERNA                            */
/* ============================================================== */
.woocommerce nav.woocommerce-pagination ul {
    border: none !important;
    display: flex !important;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
    display: inline-block;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    height: 40px !important;
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    border: 1px solid #dddddd !important;
    border-radius: 6px !important;
    font-weight: 700;
    padding: 0 !important;
    transition: all 0.3s ease !important;
}

/* Estado activo (página actual) y Hover */
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background-color: #e63946 !important;
    color: #ffffff !important;
    border-color: #e63946 !important;
}/* End custom CSS */