#elementor-popup-modal-11319 .dialog-widget-content{background-color:var( --e-global-color-9b73db9 );background-image:url("https://iboards.es/wp-content/uploads/Captura-de-pantalla-2025-12-02-094444.jpg");background-position:center center;background-repeat:no-repeat;background-size:contain;border-style:none;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-11319{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-11319 .dialog-message{width:475px;height:380px;align-items:flex-start;}/* Start custom CSS for column, class: .elementor-element-7257c612 *//*!
 * CSS COLUMNA - POPUP ADVENT CALENDAR CHRISTMAS 2025 SIMPLE
 * ==========================================================
 * 
 * UBICACIÓN: Elementor → Columna → Avanzado → CSS personalizado
 * NOMENCLATURA: column-popup-adventcalendar-2025 (Sistema B - Profesional inglés+año)
 * PROPÓSITO: Contenedor simple para overlay clicable
 * VERSIÓN: 1.0.0 SIMPLE Y FUNCIONAL
 */

/*! ===== CONFIGURACIÓN PRINCIPAL COLUMNA ===== */

.column-popup-adventcalendar-2025 {
    /* Posicionamiento para elementos absolute internos */
    position: relative !important;

    /* Eliminación de espaciado de Elementor */
    padding: 0 !important;
    margin: 0 !important;

    /* Fondo transparente */
    background: transparent !important;
    background-color: transparent !important;

    /* Ocupación del espacio disponible */
    height: 100% !important;
    min-height: 100% !important;
    width: 100% !important;
    max-width: none !important;

    /* Box model */
    box-sizing: border-box !important;
    overflow: visible !important;

    /* Z-index básico */
    z-index: 5 !important;
}

/*! ===== WRAPPER INTERNO ===== */

.column-popup-adventcalendar-2025 .elementor-widget-wrap {
    /* Herencia de altura */
    height: 100% !important;
    min-height: 100% !important;
    position: relative !important;

    /* Sin padding */
    padding: 0 !important;

    /* Flexbox centrado */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;

    /* Z-index */
    z-index: 6 !important;
}

/* Elementos widget internos */
.column-popup-adventcalendar-2025 .elementor-element {
    position: relative !important;
    z-index: 7 !important;
    margin: 0 !important;
}

/*! ===== RESPONSIVE BÁSICO ===== */

/* Desktop */
@media (min-width: 768px) {
    .column-popup-adventcalendar-2025 .elementor-widget-wrap {
        justify-content: center;
        align-items: center;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .column-popup-adventcalendar-2025 {
        min-height: 100vh !important;
    }

    .column-popup-adventcalendar-2025 .elementor-widget-wrap {
        min-height: 100vh !important;
        justify-content: center;
        align-items: center;
    }
}

/*! ===== WIDGET HTML ESPECÍFICO ===== */

.column-popup-adventcalendar-2025 .elementor-widget-html {
    position: relative !important;
    z-index: 8 !important;
    width: 100% !important;
    height: 100% !important;
}

.column-popup-adventcalendar-2025 .elementor-widget-html .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/**
 * ========================================
 * 📱 NOTAS SIMPLES:
 * 
 * 1. Contenedor básico sin interferencias
 * 2. Responsive mínimo necesario
 * 3. Compatible con área clickeable simple
 * 4. No bloquea controles del popup
 * ========================================
 *//* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-349bd6d8 *//*!
 * SECCIÓN TRANSPARENTE - POPUP ADVENT CALENDAR CHRISTMAS 2025
 * ============================================================
 * 
 * UBICACIÓN: Elementor → Sección → Avanzado → CSS personalizado
 * CLASE: section-popup-adventcalendar-2025
 * VERSIÓN: 1.0.0 - CONTENEDOR SIMPLE CON RESPONSIVE BÁSICO
 */

.section-popup-adventcalendar-2025 {
    /* Transparente - sin imagen */
    background: transparent !important;
    background-image: none !important;

    /* Posicionamiento relativo para el elemento absolute */
    position: relative !important;

    /* Heredar dimensiones del popup */
    width: 100% !important;
    height: 100% !important;

    /* Sin espaciado */
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Contenedor Elementor interno */
.section-popup-adventcalendar-2025 .elementor-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    position: relative !important;
}

/* RESPONSIVE BÁSICO SOLO PARA ALTURA MÍNIMA */
@media screen and (max-width: 767px) {
    .section-popup-adventcalendar-2025 {
        min-height: 100vh !important;
    }

    .section-popup-adventcalendar-2025 .elementor-container {
        min-height: 100vh !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* ========================================
   🎄 POPUP ADVENT CALENDAR CHRISTMAS 2025 - NIVEL 01 - CONFIGURACIÓN MANUAL UX
   ⚠️ IMPORTANTE: La imagen responsive se configura desde Elementor UX
   ======================================== */

/* 
 * ⚠️ NOTA CRÍTICA SOBRE ELEMENTOR:
 * ===============================
 * Algunos estilos de Elementor vienen con valores "Por defecto" que se aplican
 * a un nivel superior y tienen mayor prioridad que nuestro CSS personalizado.
 * 
 * CONFIGURACIÓN REQUERIDA EN ELEMENTOR UX:
 * 1. Popup → Style → Background → Image: [Subir imagen Advent Calendar]
 * 2. Popup → Style → Background → Size: "Contain" (para imagen completa)
 * 3. Popup → Style → Background → Position: "Center Center" 
 * 4. Popup → Responsive → Tablet/Mobile: Ajustar Size y Position según necesidad
 * 
 * ❌ NO FUNCIONA: Aplicar background-size desde CSS (Elementor lo sobreescribe)
 * ✅ SÍ FUNCIONA: Configurar desde Elementor UX (nivel superior)
 */

/* ELIMINACIÓN DE BARRA DE SCROLL DEL POPUP */
.dialog-message.dialog-lightbox-message,
.dialog-message .elementor-location-popup,
.elementor-location-popup,
.popup-adventcalendar-2025 {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

/* CONTENEDORES INTERNOS DE ELEMENTOR - SIN SCROLL */
.elementor-location-popup .elementor-section-wrap,
.elementor-location-popup .elementor-container,
.elementor-location-popup .elementor-row,
.elementor-location-popup .elementor-column,
.elementor-location-popup .elementor-widget-wrap {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

/* BODY Y HTML - PREVENIR SCROLL GLOBAL CUANDO POPUP ESTÁ ACTIVO */
body.elementor-popup-modal-active,
html.elementor-popup-modal-active {
    overflow: hidden !important;
}

/* OPTIMIZACIONES MENORES QUE SÍ SE PUEDEN APLICAR POR CSS */
.popup-adventcalendar-2025,
.elementor-location-popup {
    /* Asegurar que no hay bordes o sombras que interfieran */
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ========================================
   📱 CONFIGURACIÓN RESPONSIVE EN ELEMENTOR UX:
   
   DESKTOP:
   - Background Size: "Contain"
   - Background Position: "Center Center"
   
   TABLET:
   - Background Size: "Contain" o "Cover" según necesidad
   - Background Position: "Center Center" o "Center Top"
   
   MOBILE:
   - Background Size: "Contain" (recomendado para imagen completa)
   - Background Position: "Center Center"
   - Background Attachment: "Scroll" (mejor performance)
   
   ⚠️ IMPORTANTE: Usar los controles responsive de Elementor
   en lugar de CSS para configuración de imagen de fondo.
   ======================================== *//* End custom CSS */