.elementor-9435 .elementor-element.elementor-element-c2cd746{--display:flex;--margin-top:-61px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9435 .elementor-element.elementor-element-c2cd746:not(.elementor-motion-effects-element-type-background), .elementor-9435 .elementor-element.elementor-element-c2cd746 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9435 .elementor-element.elementor-element-8fec37b{width:100%;max-width:100%;}.elementor-9435 .elementor-element.elementor-element-3821b27{--display:flex;}.elementor-9435 .elementor-element.elementor-element-3821b27:not(.elementor-motion-effects-element-type-background), .elementor-9435 .elementor-element.elementor-element-3821b27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-8fec37b *//* =========================================================
   RUPTURA DE CONTENEDOR ABSOLUTA (FULL BLEED SHOP BANNER)
   Fuerza al banner de la tienda a ignorar los márgenes de Astra
   ========================================================= */
body.archive.woocommerce .elementor-section.pagonova-full-section,
body.post-type-archive-product .elementor-section.pagonova-full-section {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    box-sizing: border-box !important;
}

/* Asegurar que el contenedor interno pierda el padding lateral de la tienda */
body.archive.woocommerce .elementor-section.pagonova-full-section > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2cd746 *//* =========================================================
   RUPTURA DE CONTENEDOR ABSOLUTA (FULL BLEED SHOP BANNER)
   Fuerza al banner de la tienda a ignorar los márgenes de Astra
   ========================================================= */
body.archive.woocommerce .elementor-section.pagonova-full-section,
body.post-type-archive-product .elementor-section.pagonova-full-section {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    box-sizing: border-box !important;
}

/* Asegurar que el contenedor interno pierda el padding lateral de la tienda */
body.archive.woocommerce .elementor-section.pagonova-full-section > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3821b27 *//* =======================================================
   UI CORPORATIVA: RUPTURA DE VIEWPORT ABSOLUTA (BREAKOUT)
   ======================================================= */
/* 
 * Obliga al elemento a ignorar los márgenes del tema padre.
 * Utilizamos cálculo fluido en lugar de !important para proteger 
 * la cascada de estilos y evitar conflictos móviles. 
 */
.elementor-9435 .elementor-element.elementor-element-3821b27 {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%); /* El método más limpio para centrar un 100vw */
}

/* 
 * PRECAUCIÓN: Cuando fuercer anchos a 100vw, algunos navegadores 
 * en Windows suman el ancho de la barra de scroll vertical, 
 * creando un pequeño desplazamiento horizontal indeseado. 
 * Para evitarlo, asegúrate de que tu contenedor principal oculte el desbordamiento X.
 *//* End custom CSS */