.elementor-2864 .elementor-element.elementor-element-70293a4{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--overlay-opacity:1;--z-index:1000;overflow:visible;}.elementor-2864 .elementor-element.elementor-element-70293a4:not(.elementor-motion-effects-element-type-background), .elementor-2864 .elementor-element.elementor-element-70293a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bbdfc38 );}.elementor-2864 .elementor-element.elementor-element-70293a4::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .elementor-background-video-container::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .e-con-inner > .elementor-background-video-container::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .elementor-background-slideshow::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://lacolemba.com/wp-content/uploads/2025/09/v14.png");--background-overlay:'';background-position:404px 0px;background-repeat:no-repeat;background-size:auto;}.elementor-2864 .elementor-element.elementor-element-70293a4.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}#elementor-popup-modal-2864 .dialog-widget-content{animation-duration:0.5s;background-color:var( --e-global-color-bbdfc38 );box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}div.onepage_scroll_nav{display:block;}#elementor-popup-modal-2864{background-color:var( --e-global-color-bbdfc38 );justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2864 .dialog-message{width:1000px;height:100vh;align-items:center;}@media(max-width:1024px){.elementor-2864 .elementor-element.elementor-element-70293a4::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .elementor-background-video-container::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .e-con-inner > .elementor-background-video-container::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .elementor-background-slideshow::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://lacolemba.com/wp-content/uploads/2025/09/v14.png");background-position:287px 0px;}.elementor-2864 .elementor-element.elementor-element-70293a4{--min-height:820px;}#elementor-popup-modal-2864{justify-content:center;}}@media(max-width:767px){.elementor-2864 .elementor-element.elementor-element-70293a4::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .elementor-background-video-container::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .e-con-inner > .elementor-background-video-container::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .elementor-background-slideshow::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://lacolemba.com/wp-content/uploads/2025/08/v2-3.png");background-position:-140px 107px;}.elementor-2864 .elementor-element.elementor-element-70293a4{--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:1;}.elementor-2864 .elementor-element.elementor-element-70293a4.e-con{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}}@media(min-width:768px){.elementor-2864 .elementor-element.elementor-element-70293a4{--width:100%;}}@media(min-width:1025px){.elementor-2864 .elementor-element.elementor-element-70293a4::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .elementor-background-video-container::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .e-con-inner > .elementor-background-video-container::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .elementor-background-slideshow::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2864 .elementor-element.elementor-element-70293a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}}/* Start custom CSS for container, class: .elementor-element-70293a4 *//* === PUSH OFF-CANVAS - VERSIÓN CORREGIDA === */

/* Preparar elementos */
body, 
body > #page,
body > header,
body > main,
body > footer,
.elementor-location-header {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  will-change: transform;
}

body { 
  overflow-x: hidden !important;
  position: relative !important;
}

/* PUSH ACTIVO - Selectores específicos */
body.push-active {
  transform: translateX(-500px) !important;
}

body.push-active > #page,
body.push-active > header,
body.push-active > main,
body.push-active > footer,
body.push-active .elementor-location-header,
body.push-active .elementor-section-wrap {
  transform: translateX(-500px) !important;
}

/* Off-canvas configuración */
.e-off-canvas {
  position: fixed !important;
  right: 0 !important;
  left: auto !important;
  top: 0 !important;
  width: 500px !important;
  height: 100vh !important;
  z-index: 999999 !important;
  transform: translateX(0) !important;
  background: #000000 !important;
}

/* CRÍTICO: Overlay NO debe bloquear el off-canvas */
.e-off-canvas__overlay {
  background: rgba(0,0,0,0.7) !important;
  z-index: 999998 !important;
  pointer-events: auto !important;
}

/* Links y contenido del off-canvas SIEMPRE clickeables */
.e-off-canvas,
.e-off-canvas *,
.e-off-canvas a,
.e-off-canvas button,
.e-off-canvas__main,
.e-off-canvas__content {
  pointer-events: auto !important;
  z-index: 1000000 !important;
  position: relative;
}

/* Ocultar scrollbar */
.e-off-canvas,
.e-off-canvas__main,
.e-off-canvas__content {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.e-off-canvas::-webkit-scrollbar,
.e-off-canvas__main::-webkit-scrollbar,
.e-off-canvas__content::-webkit-scrollbar {
  display: none !important;
}

/* Responsive */
@media (max-width: 1024px) {
  .e-off-canvas { width: 400px !important; }
  
  body.push-active,
  body.push-active > #page,
  body.push-active > header,
  body.push-active > main,
  body.push-active > footer,
  body.push-active .elementor-location-header {
    transform: translateX(-400px) !important;
  }
}

@media (max-width: 767px) {
  .e-off-canvas { width: 350px !important; }
  
  body.push-active,
  body.push-active > #page,
  body.push-active > header,
  body.push-active > main,
  body.push-active > footer,
  body.push-active .elementor-location-header {
    transform: translateX(-350px) !important;
  }
}
```/* End custom CSS */
/* Start custom CSS */<!-- ===================================================================
   SOLUCIÓN DEFINITIVA - PUSH OFF-CANVAS
   
   INSTRUCCIONES:
   1. BORRA todo el código anterior que hayas pegado
   2. Pega TODO este código en: Apariencia → Personalizar → CSS Adicional
   3. Guarda y limpia caché
   =================================================================== -->

<style>
/* ===== PREPARAR BODY ===== */
body, #page, .elementor-location-header {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body {
  overflow-x: hidden !important;
}

/* ===== CUANDO POPUP ESTÁ VISIBLE ===== */
html:has(.elementor-popup-modal[style*="display: block"]) body,
html:has(.elementor-popup-modal[style*="display: flex"]) body {
  transform: translateX(-500px) !important;
  overflow: hidden !important;
}

html:has(.elementor-popup-modal[style*="display: block"]) .elementor-location-header,
html:has(.elementor-popup-modal[style*="display: flex"]) .elementor-location-header {
  transform: translateX(-500px) !important;
}

/* ===== OVERLAY OSCURO ===== */
html:has(.elementor-popup-modal[style*="display: block"])::before,
html:has(.elementor-popup-modal[style*="display: flex"])::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - 500px);
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9998;
  pointer-events: none;
}

/* ===== RESPONSIVE TABLET ===== */
@media (max-width: 1024px) {
  html:has(.elementor-popup-modal[style*="display: block"]) body,
  html:has(.elementor-popup-modal[style*="display: flex"]) body {
    transform: translateX(-400px) !important;
  }
  
  html:has(.elementor-popup-modal[style*="display: block"]) .elementor-location-header,
  html:has(.elementor-popup-modal[style*="display: flex"]) .elementor-location-header {
    transform: translateX(-400px) !important;
  }
  
  html:has(.elementor-popup-modal[style*="display: block"])::before,
  html:has(.elementor-popup-modal[style*="display: flex"])::before {
    width: calc(100% - 400px);
  }
}

/* ===== RESPONSIVE MOBILE ===== */
@media (max-width: 767px) {
  html:has(.elementor-popup-modal[style*="display: block"]) body,
  html:has(.elementor-popup-modal[style*="display: flex"]) body {
    transform: translateX(-350px) !important;
  }
  
  html:has(.elementor-popup-modal[style*="display: block"]) .elementor-location-header,
  html:has(.elementor-popup-modal[style*="display: flex"]) .elementor-location-header {
    transform: translateX(-350px) !important;
  }
  
  html:has(.elementor-popup-modal[style*="display: block"])::before,
  html:has(.elementor-popup-modal[style*="display: flex"])::before {
    width: calc(100% - 350px);
  }
}

/* ===== FALLBACK PARA SAFARI ANTIGUO ===== */
@supports not (#elementor-popup-modal-2864(:has(*))) {
  body.elementor-popup-modal-open {
    transform: translateX(-500px) !important;
    overflow: hidden !important;
  }
  
  body.elementor-popup-modal-open .elementor-location-header {
    transform: translateX(-500px) !important;
  }
}
</style>

<script>
/* ===== JAVASCRIPT DE RESPALDO ===== */
(function() {
  'use strict';
  
  console.log('🚀 Push Off-Canvas iniciando...');
  
  function addPushEffect() {
    // Buscar el popup
    const popup = document.querySelector('.elementor-popup-modal');
    
    if (!popup) {
      console.log('⏳ Popup no encontrado, reintentando...');
      setTimeout(addPushEffect, 300);
      return;
    }
    
    console.log('✅ Popup encontrado:', popup);
    
    // Observar cambios en el atributo style del popup
    const observer = new MutationObserver(function(mutations) {
      const displayStyle = window.getComputedStyle(popup).display;
      const isVisible = displayStyle === 'block' || displayStyle === 'flex';
      
      console.log('🔄 Cambio detectado. Display:', displayStyle, '| Visible:', isVisible);
      
      if (isVisible) {
        document.body.classList.add('elementor-popup-modal-open');
        console.log('✅ Clase añadida al body');
      } else {
        document.body.classList.remove('elementor-popup-modal-open');
        console.log('❌ Clase removida del body');
      }
    });
    
    // Configurar observador
    observer.observe(popup, {
      attributes: true,
      attributeFilter: ['style', 'class']
    });
    
    console.log('👁️ Observador configurado');
    
    // También detectar clicks en el botón del menú
    const menuButton = document.querySelector('[data-elementor-open-lightbox]');
    if (menuButton) {
      console.log('🔘 Botón de menú encontrado');
      menuButton.addEventListener('click', function() {
        console.log('👆 Click en botón de menú detectado');
        setTimeout(function() {
          const isNowVisible = window.getComputedStyle(popup).display !== 'none';
          console.log('📊 Estado después del click:', isNowVisible ? 'VISIBLE' : 'OCULTO');
        }, 100);
      });
    }
  }
  
  // Iniciar cuando el DOM esté listo
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', addPushEffect);
  } else {
    addPushEffect();
  }
  
  console.log('📝 Script Push Off-Canvas cargado');
})();
</script>/* End custom CSS */