/* 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. 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 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. CSS GRID MÁGICO PARA LA PLANTILLA ELEMENTOR 9177 */
/* ========================================================= */

/* Fondo rojizo general para toda la página */
body.archive.woocommerce,
.elementor-9177,
.elementor-9177 .elementor-element-0ab8ba4,
.elementor-9177 .elementor-element-0ab8ba4 > .e-con-inner {
background-color: #f7ebe4 !important;
}

/* Convertir el contenedor plano de Elementor en un Grid perfecto */
.elementor-9177 .elementor-element-0ab8ba4 > .e-con-inner {
display: grid !important;
grid-template-columns: 280px 1fr !important;
grid-template-areas:
“price title”
“filters products”
“. footer” !important;
gap: 20px 40px !important;
max-width: 1300px !important;
margin: 0 auto !important;
padding: 40px 20px !important;
}

/* Asignación de áreas del Grid a los widgets específicos de Elementor */
/* Filtro de Precio */
.elementor-9177 .elementor-element-8c3524b { grid-area: price !important; width: 100% !important; max-width: none !important; }
/* Barra lateral de filtros (Uso, Peso, etc.) */
.elementor-9177 .elementor-element-8512811 { grid-area: filters !important; width: 100% !important; max-width: none !important; }
/* Título superior */
.elementor-9177 .elementor-element-3d23a5b { grid-area: title !important; width: 100% !important; max-width: none !important; }
/* Grilla de Productos */
.elementor-9177 .elementor-element-03a79c1 { grid-area: products !important; width: 100% !important; max-width: none !important; }
/* Paginación / Footer interno */
.elementor-9177 .elementor-element-774da4f { grid-area: footer !important; width: 100% !important; max-width: none !important; }

/* 4. ARREGLAR TEXTO APLASTADO EN LA BARRA LATERAL */
.elementor-9177 .elementor-element-8c3524b *,
.elementor-9177 .elementor-element-8512811 * {
word-break: normal !important;
overflow-wrap: normal !important;
white-space: normal !important;
}

/* 5. EL PARCHE BLANCO DETRÁS DE LOS PRODUCTOS */
/* Esto cumple exactamente con el diseño solicitado: recuadro blanco al centro/derecha */
.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;
}

/* Mobile responsive */
@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;
}
}

Filtrar por precio

Filtrar por Peso del Porton

Filtrar por Uso

Filtrar por Largo del Porton

Brazo Nice Titan Hi-speed 6

Brazo Sea Mini Tank SB 3 mts

Brazo Sea Mini Tank Super SB 4 mts