.elementor-kit-8{--e-global-color-primary:#3F3D39;--e-global-color-secondary:#767472;--e-global-color-text:#FFFFFF;--e-global-color-accent:#D6D5D0;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#15484A;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================================
   FIX: Prevenir desbordamiento por animaciones
   ========================================== */

/* Ocultar desbordamiento horizontal en toda la página */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

/* Contenedor principal de Elementor */
.elementor {
    overflow-x: hidden !important;
}

/* Secciones de Elementor */
.elementor-section,
.elementor-section-wrap,
.elementor-container {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

/* Elementos con animación - contenerlos */
.elementor-element[data-settings*="animation"],
.elementor-element.elementor-invisible,
.elementor-widget[data-settings*="animation"] {
    overflow: hidden !important;
}

/* Específico para móvil */
@media (max-width: 768px) {
    body {
        overflow-x: hidden !important;
        position: relative !important;
    }
    
    .elementor-section,
    .elementor-column,
    .elementor-widget-wrap,
    .elementor-widget {
        max-width: 100vw !important;
    }
    
    /* Animaciones que suelen desbordar */
    .elementor-element[data-animation*="Left"],
    .elementor-element[data-animation*="Right"],
    [data-settings*="fadeInLeft"],
    [data-settings*="fadeInRight"],
    [data-settings*="slideInLeft"],
    [data-settings*="slideInRight"] {
        overflow: hidden !important;
    }
}/* End custom CSS */