.elementor-105 .elementor-element.elementor-element-0ae6e6d{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:1px;--margin-bottom:-1px;--margin-left:-1px;--margin-right:1px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-105 .elementor-element.elementor-element-0ae6e6d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-105 .elementor-element.elementor-element-f606879{width:100%;max-width:100%;}.elementor-105 .elementor-element.elementor-element-c468573{width:100%;max-width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-105 .elementor-element.elementor-element-0ae6e6d{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-f606879 *//* --- FOOTER MÓVIL PERFECTO LUMINOARTE --- */

/* Solo aplica en pantallas de celular (menos de 768px) */
@media (max-width: 767px) {
    
    /* 1. Evitar desborde horizontal (Scroll lateral) */
    .elementor-section-wrap, footer, .elementor-location-footer {
        overflow-x: hidden !important;
        width: 100% !important;
    }

    /* 2. Espaciado interno seguro */
    .elementor-section {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* 3. Separación entre bloques (Colecciones, Ayuda...) */
    .elementor-column {
        margin-bottom: 40px !important; /* Aire entre secciones */
        width: 100% !important; /* Forzar ancho completo */
    }

    /* 4. Centrar todo el texto para que se vea elegante */
    .elementor-widget-heading, 
    .elementor-widget-text-editor, 
    .elementor-widget-icon-list {
        text-align: center !important;
        justify-content: center !important;
    }

    /* 5. Alinear iconos sociales al centro */
    .elementor-social-icons-wrapper {
        justify-content: center !important;
        text-align: center !important;
    }

    /* 6. Evitar que correos largos rompan la pantalla */
    a, p, h1, h2, h3, h4, h5, h6 {
        word-wrap: break-word !important; /* Rompe la palabra si es muy larga */
        overflow-wrap: break-word !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c468573 *//* --- FOOTER SIEMPRE AL FONDO (STICKY FOOTER) --- */

/* 1. Hacemos que el cuerpo ocupe el 100% de la altura visible */
body {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important; /* 100% del Viewport Height */
}

/* 2. Hacemos que el contenido central se estire para llenar el hueco */
/* Esto empuja el footer hacia abajo si falta contenido */
.elementor-location-header + div, 
.elementor-section-wrap,
[data-elementor-type="product"],
[data-elementor-type="archive"] {
    flex: 1 !important;
}

/* 3. Aseguramos que el footer no se deforme */
footer, [data-elementor-type="footer"] {
    margin-top: auto !important;
    width: 100% !important;
}/* End custom CSS */