/* 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

Kit doble hoja BFT Phobos AC A25 con EBP

Kit Lux BFT doble hoja hidráulico con electrocerradura

Kit Lux L brazo con electrocerradura ebp