/* 1. ELIMINAR FOOTER FALSO Y WHATSAPP EXTRA */
.elementor-element-footer_inner_section,
.elementor-location-footer .elementor-section:first-of-type:has(a[href*=”1234″]),
.ehf-footer .elementor-section:first-of-type:has(a[href*=”1234″]),
div:has(> a.wa-float) {
display: none !important;
}
a.wa-float { display: none !important; }

/* 2. ASEGURAR ESTRUCTURA ASTRA EN 4 COLUMNAS PARA PRODUCTOS */
.woocommerce ul.products {
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-start !important;
}
.woocommerce ul.products li.product {
width: 22% !important;
margin-right: 4% !important;
margin-bottom: 30px !important;
clear: none !important;
}
.woocommerce ul.products li.product:nth-child(4n) {
margin-right: 0 !important;
}

/* 3. COLORES Y BARRA LATERAL ROBUSTA (Flexbox) */
/* Fondo rojizo en toda la página y contenedores padre */
body.archive.woocommerce,
.archive.woocommerce .site-content,
.archive.woocommerce .ast-container,
.archive.woocommerce .ast-row {
background-color: #f7ebe4 !important;
}

/* Contenedor principal de Astra convertido a Flexbox */
.archive.woocommerce .ast-container {
max-width: 1300px !important;
padding: 40px 20px !important;
}

.archive.woocommerce .ast-container > .ast-row {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
width: 100% !important;
margin: 0 !important;
}

/* Barra lateral FIJA (No se aplasta), fondo transparente (hereda rojizo) */
.archive.woocommerce #secondary {
flex: 0 0 280px !important; /* Ancho fijo de 280px */
width: 280px !important;
max-width: 280px !important;
background-color: transparent !important;
margin: 0 30px 0 0 !important; /* Espacio entre barra y productos */
padding: 0 !important;
border: none !important;
box-shadow: none !important;
}

/* Recuadro blanco para los productos */
.archive.woocommerce #primary {
flex: 1 1 auto !important; /* Ocupa todo el espacio sobrante */
width: auto !important;
background-color: #ffffff !important; /* Parche blanco central */
border-radius: 12px !important;
padding: 40px !important;
margin: 0 !important;
box-shadow: 0 5px 25px rgba(0,0,0,0.05) !important;
}

/* Ajuste para dispositivos móviles (Apilar elementos en celulares) */
@media (max-width: 992px) {
.archive.woocommerce .ast-container > .ast-row {
flex-direction: column !important;
}
.archive.woocommerce #secondary {
flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 30px 0 !important;
}
.archive.woocommerce ul.products li.product {
width: 48% !important;
margin-right: 4% !important;
}
.woocommerce ul.products li.product:nth-child(2n) {
margin-right: 0 !important;
}
}

/* ========================================================= */
/* 1. SEPARAR EL CARRITO DE LA BARRA DE BÚSQUEDA */
/* ========================================================= */
.site-header-primary-section-right,
.ast-header-woo-cart {
display: flex !important;
align-items: center !important;
}
.ast-header-woo-cart {
margin-left: 20px !important;
position: relative !important;
right: auto !important;
z-index: 99 !important;
}
.dgwt-wcas-search-wrapper {
margin-right: 15px !important;
max-width: calc(100% – 60px) !important;
}

/* ========================================================= */
/* 2. ENSANCHAR EL CATÁLOGO PARA QUE QUEPAN LOS FILTROS */
/* ========================================================= */
body.archive.woocommerce,
.elementor-9177,
.elementor-9177 .elementor-element-0ab8ba4,
.elementor-9177 .elementor-element-0ab8ba4 > .e-con-inner {
background-color: #f7ebe4 !important; /* Mantener fondo rojizo */
}

.elementor-9177 .elementor-element-0ab8ba4,
.elementor-9177 .elementor-element-0ab8ba4 > .e-con-inner {
max-width: 1500px !important; /* Ensanchar de 1300 a 1500 */
width: 95% !important;
margin: 0 auto !important;
}

.elementor-9177 .elementor-element-0ab8ba4 > .e-con-inner {
display: grid !important;
grid-template-columns: 320px 1fr !important; /* Barra lateral más ancha */
grid-template-areas:
“price title”
“filters products”
“. footer” !important;
gap: 20px 50px !important;
padding: 40px 20px !important;
}

.elementor-9177 .elementor-element-8c3524b { grid-area: price !important; width: 100% !important; max-width: none !important; }
.elementor-9177 .elementor-element-8512811 { grid-area: filters !important; width: 100% !important; max-width: none !important; }
.elementor-9177 .elementor-element-3d23a5b { grid-area: title !important; width: 100% !important; max-width: none !important; }
.elementor-9177 .elementor-element-03a79c1 { grid-area: products !important; width: 100% !important; max-width: none !important; }
.elementor-9177 .elementor-element-774da4f { grid-area: footer !important; width: 100% !important; max-width: none !important; }

/* Arreglar texto aplastado */
.elementor-9177 .elementor-element-8c3524b *,
.elementor-9177 .elementor-element-8512811 * {
word-break: normal !important;
overflow-wrap: normal !important;
white-space: normal !important;
}

/* Parche blanco de productos */
.elementor-9177 .elementor-element-03a79c1 {
background-color: #ffffff !important;
border-radius: 12px !important;
padding: 35px !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
}

/* ========================================================= */
/* 3. BOTÓN “AGREGAR AL CARRITO” BLANCO Y ROJO */
/* ========================================================= */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
display: block !important;
width: 100% !important;
background-color: #ffffff !important;
color: #e3000f !important;
border: 2px solid #e3000f !important;
border-radius: 6px !important;
padding: 10px 0 !important;
text-align: center !important;
font-weight: 700 !important;
font-size: 14px !important;
margin-top: 15px !important;
text-transform: uppercase !important;
transition: all 0.3s ease !important;
opacity: 1 !important;
transform: none !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .added_to_cart:hover {
background-color: #e3000f !important;
color: #ffffff !important;
}

.woocommerce ul.products {
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-start !important;
}
.woocommerce ul.products li.product {
width: 23% !important;
margin-right: 2.66% !important;
margin-bottom: 35px !important;
clear: none !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
}
.woocommerce ul.products li.product:nth-child(4n) {
margin-right: 0 !important;
}
.woocommerce ul.products li.product .woo-loop-product__carousel {
margin-bottom: 10px !important;
}

/* ========================================================= */
/* 4. LIMPIEZA FOOTER */
/* ========================================================= */
.ehf-footer,
.elementor-element-footer_inner_section,
.ehf-footer .elementor-section:first-of-type:has(a[href*=”1234″]),
div:has(> a.wa-float) {
display: none !important;
}
a.wa-float { display: none !important; }

/* Ocultar el FiboSearch Mobile toggle en escritorio si está superpuesto */
@media (min-width: 993px) {
.dgwt-wcas-enable-mobile-form { display: none !important; }
}

@media (max-width: 992px) {
.elementor-9177 .elementor-element-0ab8ba4 > .e-con-inner {
grid-template-columns: 1fr !important;
grid-template-areas:
“title”
“price”
“filters”
“products”
“footer” !important;
}
.woocommerce ul.products li.product {
width: 48% !important;
margin-right: 4% !important;
}
.woocommerce ul.products li.product:nth-child(2n) {
margin-right: 0 !important;
}
}