/* =========================================
   REDISEÑO TIENDA BLOCKSY - ESTILO INDUSTRIAL
   Marca: #dc2626 (Rojo) | #111827 (Dark)
   ========================================= */

/* 1. CONTENEDOR DE LA TARJETA (Li Wrapper) */
.woocommerce ul.products li.product {
    padding-bottom: 10px; /* Espacio para la sombra hover */
}

/* 2. TARJETA INTERNA (Core de Blocksy) */
.woocommerce ul.products li.product .ct-product-inner {
    background-color: #ffffff;
    border: 1px solid #e5e7eb; /* Gris suave Tailwind */
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden; /* Para recortar la imagen en las esquinas */
    position: relative;
}

/* EFECTO HOVER: Elevación y Sombra */
.woocommerce ul.products li.product:hover .ct-product-inner {
    transform: translateY(-5px);
    border-color: #d1d5db;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 
                0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* 3. IMAGEN DEL PRODUCTO */
.woocommerce ul.products li.product .ct-media-container {
    border-radius: 12px 12px 0 0; /* Solo arriba */
    border-bottom: 1px solid #f3f4f6;
    overflow: hidden;
}

/* 4. TÍTULO DEL PRODUCTO */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    color: #111827; /* Dark Tech */
    margin-top: 15px;
    padding: 0 15px;
    line-height: 1.4;
}

/* Hover en el título para feedback visual */
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
    color: #dc2626; /* Rojo Marca */
}

/* 5. PRECIO */
.woocommerce ul.products li.product .price {
    font-family: 'Inter', sans-serif;
    color: #dc2626; /* Rojo Principal */
    font-weight: 800;
    font-size: 1.25rem;
    padding: 5px 15px 15px 15px;
    display: block;
}

/* Precio tachado (Oferta) en gris */
.woocommerce ul.products li.product .price del {
    color: #9ca3af;
    font-weight: 400;
    font-size: 0.9rem;
    opacity: 0.7;
}

/* 6. BOTÓN AÑADIR AL CARRITO (Blocksy Button Override) */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
    background-color: #dc2626 !important; /* Rojo Marca */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 6px; /* Redondeado sutil "Tech" */
    border: none !important;
    padding: 10px 20px;
    margin: 0 15px 20px 15px; /* Margen para separarlo del borde */
    width: calc(100% - 30px); /* Ancho completo menos márgenes */
    text-align: center;
    transition: background-color 0.2s ease;
    display: block;
}

/* Hover del Botón */
.woocommerce ul.products li.product .button:hover {
    background-color: #b91c1c !important; /* Rojo Oscuro */
    transform: none; /* Evitar movimientos extraños de Blocksy */
    color: #ffffff !important;
}

/* Icono de carga (Blocksy specific) */
.ct-cart-icon svg {
    fill: #ffffff;
}

/* 7. BADGE DE OFERTA (Sale) */
.woocommerce span.onsale {
    background-color: #dc2626;
    color: #ffffff;
    border-radius: 4px; /* Rectangular moderno */
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    padding: 4px 10px;
    top: 15px;
    left: 15px;
    min-height: auto;
    line-height: 1.2;
    box-shadow: 0 2px 4px rgba(220, 38, 38, 0.3);
}

/* AJUSTES RESPONSIVOS */
@media (max-width: 768px) {
    .woocommerce ul.products li.product .button {
        width: 100%;
        margin: 0 0 15px 0;
        border-radius: 0 0 12px 12px; /* Pegado al fondo en móviles */
    }
    .woocommerce ul.products li.product .price {
        padding-bottom: 10px;
    }
}


/* =======================================================
   REDISEÑO SINGLE PRODUCT - ESTÉTICA INDUSTRIAL TECH
   Tema Base: Blocksy | Identidad: #dc2626 & #111827
   ======================================================= */

/* --- 1. FUENTES Y COLORES GLOBALES --- */
.product {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #111827; /* Oscuro Técnico */
}

/* --- 2. PRECIO ("DIGITAL DISPLAY") --- */
/* Aumentamos visibilidad y eliminamos opacidades heredadas */
.woocommerce div.product .summary p.price,
.woocommerce div.product .summary span.price {
    font-size: 2.2rem !important; /* Tamaño Grande */
    font-weight: 800 !important;
    color: #dc2626 !important; /* Rojo Corporativo */
    opacity: 1 !important;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
    line-height: 1;
}

/* --- 3. DESCRIPCIÓN CORTA (GRID DE CARACTERÍSTICAS) --- */
/* Transformamos la lista UL en un Grid de "Chips" técnicos */
.woocommerce-product-details__short-description ul {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 Columnas */
    gap: 10px;
    padding: 0;
    margin: 20px 0;
    list-style: none !important; /* Quitamos bullets */
}

.woocommerce-product-details__short-description ul li {
    background-color: #f9fafb; /* Gris Fondo */
    border: 1px solid #e5e7eb; /* Borde sutil */
    border-radius: 6px; /* Radio técnico */
    padding: 8px 12px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #4b5563;
    display: flex;
    align-items: center;
    list-style-type: none !important;
}

/* Icono simulado (opcional) antes de cada item */
.woocommerce-product-details__short-description ul li::before {
    content: "•";
    color: #dc2626;
    font-size: 1.5em;
    line-height: 0;
    margin-right: 8px;
}

/* --- 4. PANEL DE COMPRA ("CONTROL DECK") --- */
/* Encapsulamos el formulario en un módulo robusto */
.woocommerce div.product form.cart {
    background-color: #f9fafb; /* Fondo Panel */
    border: 1px solid #e5e7eb;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}

/* Input de Cantidad (Estilo Blocksy Override) */
.woocommerce div.product form.cart .quantity input.qty {
    background-color: #ffffff;
    border: 1px solid #d1d5db;
    color: #111827;
    font-weight: 700;
    border-radius: 6px;
    height: 50px; /* Igualar altura del botón */
}

/* --- 5. BOTÓN DE AÑADIR AL CARRITO --- */
.woocommerce div.product form.cart .button {
    background-color: #dc2626 !important; /* Rojo */
    color: #ffffff !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 6px;
    height: 50px; /* Alto robusto */
    padding: 0 40px;
    border: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    flex-grow: 1; /* Ocupa el espacio restante */
}

/* Hover del botón */
.woocommerce div.product form.cart .button:hover {
    background-color: #111827 !important; /* Oscuro Técnico */
    transform: translateY(-2px); /* Elevación */
    box-shadow: 0 10px 15px -3px rgba(220, 38, 38, 0.3);
}

/* --- 6. META DATOS (FICHA TÉCNICA) --- */
.product_meta {
    border-top: 2px dashed #e5e7eb; /* Línea divisoria punteada */
    padding-top: 20px;
    margin-top: 30px;
    font-family: 'Courier New', Courier, monospace; /* Fuente técnica */
    font-size: 0.8rem;
    color: #6b7280;
}

.product_meta span {
    display: block; /* Uno por línea para mejor lectura */
    margin-bottom: 5px;
}

.product_meta a {
    color: #111827;
    text-decoration: none;
    font-weight: 600;
}

/* --- 7. PESTAÑAS INFERIORES (TABS) --- */
/* Limpieza del contenedor */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid #e5e7eb !important;
    padding: 0;
    margin-bottom: 30px;
}

/* Estilo de cada pestaña */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 20px 0 0 !important;
    padding: 0 0 10px 0 !important;
}

/* Títulos de las pestañas */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #9ca3af !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.9rem;
    padding: 0 !important;
}

/* Pestaña Activa (Subrayado Rojo) */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom: 3px solid #dc2626 !important;
    z-index: 2;
    margin-bottom: -2px !important; /* Superponer la línea gris */
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #111827 !important; /* Oscuro */
}

/* --- 8. RESPONSIVIDAD (MÓVIL) --- */
@media (max-width: 768px) {
    /* Grid de características a 1 columna */
    .woocommerce-product-details__short-description ul {
        grid-template-columns: 1fr;
    }
    
    /* Panel de compra stackeado */
    .woocommerce div.product form.cart {
        flex-direction: column;
        align-items: stretch;
    }
    
    .woocommerce div.product form.cart .quantity,
    .woocommerce div.product form.cart .button {
        width: 100%;
    }
}


/* =======================================================
   REDISEÑO BREADCRUMBS - UI MINIMALISTA INDUSTRIAL
   ======================================================= */

/* 1. Contenedor Principal: Texto flotante y tipografía técnica */
.ct-breadcrumbs {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 25px; /* Espacio para respirar antes del título */
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.05em; /* Tracking-wide para elegancia */
}

/* 2. Enlaces (Ruta): Gris medio, sutiles y sin subrayado */
.ct-breadcrumbs a {
    color: #6b7280 !important;
    text-decoration: none !important;
    font-weight: 400;
    transition: color 0.2s ease-in-out;
}

/* Interacción Hover: Cambio a Rojo Corporativo */
.ct-breadcrumbs a:hover {
    color: #dc2626 !important;
}

/* 3. Elemento Actual (Página donde estoy): Oscuro y Semi-bold */
/* Dependiendo de cómo lo imprima Blocksy, suele ser el último span o texto sin enlace */
.ct-breadcrumbs span:last-child,
.ct-breadcrumbs .current-item {
    color: #111827 !important;
    font-weight: 600 !important;
}

/* 4. Separadores (/ o >): Muy claros y con espacio equilibrado */
.ct-breadcrumbs .separator,
.ct-breadcrumbs svg.separator {
    color: #e5e7eb !important;
    fill: #e5e7eb !important; /* Por si Blocksy lo inyecta como SVG */
    margin: 0 10px;
    font-size: 0.8rem;
    width: 10px; /* Controlar tamaño del SVG */
    height: auto;
}

/* 5. Limpieza: Ocultar el icono de la "Casita" (Home Icon) */
.ct-breadcrumbs a svg:first-child,
.ct-breadcrumbs .ct-icon-home {
    display: none !important;
}


/* =========================================
   CARRITO DE COMPRAS - LIMPIO Y TÉCNICO
   ========================================= */

/* 1. Fondo de los encabezados de tabla */
.woocommerce-cart-form__contents thead th {
    background-color: #111827 !important; /* Negro técnico */
    color: #ffffff !important;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
    letter-spacing: 1px;
    padding: 15px !important;
}

/* 2. Botón de Cupón y Actualizar (Sutiles) */
button[name="apply_coupon"], button[name="update_cart"] {
    background-color: #f3f4f6 !important;
    color: #111827 !important;
    border: 1px solid #d1d5db !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.7rem;
}

/* 3. El Total del Pedido (Zona de Acción) */
.cart_totals {
    border: 1px solid #e5e7eb;
    background-color: #f9fafb !important;
    padding: 30px !important;
    border-radius: 8px;
}

.cart_totals h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    color: #111827;
    text-transform: uppercase;
    border-bottom: 3px solid #dc2626; /* Línea roja UNI-T */
    padding-bottom: 10px;
}

/* 4. Botón de Finalizar Compra (El más importante) */
.checkout-button {
    background-color: #dc2626 !important;
    font-size: 1rem !important;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
}

.checkout-button:hover {
    background-color: #111827 !important;
    box-shadow: 0 10px 15px -3px rgba(220, 38, 38, 0.2);
}







/* Botón de Retorno al Catálogo */
.rv-button-industrial {
    display: inline-flex;
    align-items: center;
    background-color: #111827; /* Negro Técnico */
    color: #ffffff !important;
    padding: 15px 35px;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    border-radius: 4px;
    border-bottom: 3px solid #dc2626; /* Detalle Rojo UNI-T */
    transition: all 0.3s ease;
}

.rv-button-industrial:hover {
    background-color: #dc2626; /* Cambia a Rojo al pasar el mouse */
    border-bottom-color: #111827;
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -5px rgba(0,0,0,0.2);
}








/* =========================================
   CHECKOUT - ESTILO INDUSTRIAL (WOO BLOCKS)
   ========================================= */

/* 1. Columna Derecha: "La Factura" (Resumen del Pedido) */
.wc-block-checkout__sidebar {
    background-color: #f9fafb !important; /* Gris fondo de panel */
    border: 1px solid #e5e7eb !important;
    border-top: 4px solid #dc2626 !important; /* Acento rojo corporativo superior */
    border-radius: 8px;
    padding: 30px !important;
    position: sticky;
    top: 30px; /* Se queda pegado al hacer scroll */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

/* Títulos dentro de la factura */
.wc-block-components-totals-item__label, 
.wc-block-components-order-summary-item__name {
    font-family: 'Inter', sans-serif;
    font-weight: 600 !important;
    color: #111827 !important;
}

/* El Total final en la factura */
.wc-block-components-totals-footer-item {
    border-top: 2px dashed #d1d5db !important;
    padding-top: 15px !important;
    margin-top: 15px !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: #dc2626 !important; /* Total en rojo */
}

/* 2. Columna Izquierda: Formulario Técnico */
/* Estilo de los campos de texto (Inputs) */
.wc-block-components-text-input input, 
.wc-block-components-combobox .components-input-control__input {
    border-radius: 4px !important;
    border: 1px solid #d1d5db !important;
    background-color: #ffffff !important;
    color: #111827 !important;
    transition: all 0.2s ease;
}

/* Efecto al hacer clic en un campo (Focus) */
.wc-block-components-text-input input:focus, 
.wc-block-components-combobox .components-input-control__input:focus {
    border-color: #111827 !important;
    box-shadow: 0 0 0 1px #111827 !important;
    outline: none !important;
}

/* Etiquetas de los campos (Labels) */
.wc-block-components-text-input label {
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    font-size: 0.75rem !important;
    font-weight: 700;
    color: #6b7280 !important;
    letter-spacing: 0.5px;
}

/* 3. Panel de Opciones de Pago */
.wc-block-components-checkout-step--payment {
    background-color: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 20px;
    margin-top: 20px;
}

/* 4. Botón de Realizar Pedido (Gigante y de Alta Conversión) */
.wc-block-components-checkout-place-order-button {
    background-color: #dc2626 !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif;
    font-weight: 800 !important;
    font-size: 1.1rem !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px !important;
    padding: 20px !important; /* Más alto */
    margin-top: 20px !important;
    transition: all 0.3s ease !important;
    border: none !important;
    width: 100% !important;
}

.wc-block-components-checkout-place-order-button:hover {
    background-color: #111827 !important; /* Negro al pasar el mouse */
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(220, 38, 38, 0.3);
}






/* =========================================
   PÁGINA DE PEDIDO RECIBIDO (FACTURA FINAL)
   ========================================= */

/* 1. Ocultar el encabezado de Checkout (Paso 2) aquí */
.woocommerce-order-received .rv-checkout-header {
    display: none !important;
}















/* 2. Contenedor Principal de la Factura */
.woocommerce-order-received .woocommerce-order {
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    border-top: 4px solid #111827; /* Acento oscuro superior */
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

/* 3. Títulos de las secciones (Detalles del pedido, etc) */
.woocommerce-order-received h2, 
.woocommerce-order-received h3 {
    font-family: 'Inter', sans-serif;
    font-size: 1.2rem;
    font-weight: 800;
    color: #111827;
    text-transform: uppercase;
    border-bottom: 2px solid #dc2626; /* Línea roja UNI-T */
    padding-bottom: 10px;
    margin-top: 40px;
    margin-bottom: 20px;
}

/* 4. Resumen superior (Lista de Número de pedido, fecha, etc) */
ul.order_details {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    background-color: #ffffff;
    padding: 20px;
    border: 1px dashed #d1d5db;
    border-radius: 6px;
    list-style: none !important;
    margin-bottom: 30px;
}

ul.order_details li {
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
    color: #6b7280;
    text-transform: uppercase;
    border-right: 1px solid #e5e7eb;
    padding-right: 20px;
}
ul.order_details li:last-child {
    border-right: none;
}
ul.order_details li strong {
    display: block;
    font-size: 1.1rem;
    color: #111827;
    margin-top: 5px;
}

/* 5. Cuentas Bancarias (BACS details) */
.woocommerce-bacs-bank-details {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-left: 4px solid #dc2626;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
}
.woocommerce-bacs-bank-details h3 {
    margin-top: 0;
    border-bottom: none;
    font-size: 1rem;
}





































/* ==========================================================================
   RV AUTOMATION TECHNOLOGY - FILTROS INTERACTIVOS WOOCOMMERCE & AWS
   ========================================================================== */

/* 1. TÍTULOS DE LOS BLOQUES (Marca, Categoría, Estado, Filtros, Filtrar) */
.wp-block-woocommerce-product-filters h3.wp-block-heading,
.wp-block-woocommerce-product-filter-attribute h3,
.wp-block-woocommerce-product-filter-taxonomy h3,
.wp-block-woocommerce-product-filter-status h3,
.wc-block-product-filters__overlay-content h2.wp-block-heading, /* NUEVO: Título principal "Filtros" */
.ct-block-wrapper h3.widget-title /* NUEVO: Título "Filtrar" de Blocksy */ {
    font-family: 'Inter', sans-serif !important;
    color: #111827 !important; /* Negro Técnico */
    font-weight: 800 !important; /* Extrabold */
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    border-bottom: 3px solid #dc2626 !important; /* Línea Rojo Corporativo */
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
    font-size: 1.1rem !important;
}

/* 2. CAMPO DE BÚSQUEDA (Advanced Woo Search - Diseño Pastilla) */
.aws-wrapper input.aws-search-field {
    border: 2px solid #e5e7eb !important;
    border-radius: 50px !important; /* NUEVO: Bordes totalmente redondos (Pastilla) */
    padding: 12px 24px !important; /* NUEVO: Espacio interno para que respire */
    background-color: #f9fafb !important;
    font-family: 'Inter', sans-serif !important;
    color: #111827 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
}
.aws-wrapper input.aws-search-field:focus {
    border-color: #dc2626 !important; /* Rojo al hacer clic */
    background-color: #ffffff !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #dc2626 !important;
}

/* 3. DESLIZADOR DE PRECIO (Tema Custom / Blocksy) */
/* La barra de progreso roja */
.ct-price-filter-slider .ct-price-filter-range-track {
    background-color: #dc2626 !important; 
}
/* Los puntos de agarre negros */
.ct-price-filter-slider .ct-price-filter-range-handle-min,
.ct-price-filter-slider .ct-price-filter-range-handle-max {
    background-color: #111827 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important;
}
/* Etiqueta del precio flotante ($0 - $9,443) */
.ct-price-filter-slider .ct-tooltip {
    background-color: #111827 !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: bold !important;
    border-radius: 4px !important;
}
/* NUEVO: Textos debajo del deslizador (Price: $2,833 - $9,443) */
.ct-price-filter-values,
.ct-price-filter-values span {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    color: #4b5563 !important;
    margin-top: 10px !important;
    font-size: 0.95rem !important;
}

/* 4. CASILLAS Y LISTAS (Checkboxes interactivos) */
.wc-block-product-filter-checkbox-list__item {
    margin-bottom: 10px !important;
    transition: all 0.2s ease !important;
}
.wc-block-product-filter-checkbox-list__text {
    font-family: 'Inter', sans-serif !important;
    color: #4b5563 !important;
    font-size: 0.95rem !important;
}
/* Hover sobre los textos */
.wc-block-product-filter-checkbox-list__label:hover .wc-block-product-filter-checkbox-list__text {
    color: #111827 !important;
    font-weight: 600 !important;
}
/* Color del Checkbox (El cuadrito) */
.wc-block-product-filter-checkbox-list__input {
    accent-color: #dc2626 !important; /* Checkbox en Rojo Corporativo */
    cursor: pointer !important;
}

/* 5. BOTÓN "VACÍA FILTROS" (Clear button) */
.wc-block-product-filter-clear-button .wp-block-button__link {
    background-color: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #111827 !important;
    font-family: 'Inter', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 0.8rem !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}
.wc-block-product-filter-clear-button .wp-block-button__link:hover {
    background-color: #dc2626 !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
}

/* 6. ESPACIADO ENTRE FILTROS */
.wp-block-woocommerce-product-filter-attribute,
.wp-block-woocommerce-product-filter-taxonomy,
.wp-block-woocommerce-product-filter-status,
.ct-widget.widget_block {
    margin-bottom: 40px !important;
}