.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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;font-size:18px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-size:48px;}.elementor-kit-7 h2{font-size:36px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7{font-size:16px;}.elementor-kit-7 h1{font-size:36px;}.elementor-kit-7 h2{font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{font-size:16px;}.elementor-kit-7 h1{font-size:28px;}.elementor-kit-7 h2{font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
 * ========================================================================
 * AUDTCEBA: Mobile Menu Z-Index and Stacking Context Fix
 *
 * Purpose: This code ensures the primary mobile navigation menu consistently
 * appears on the top-most layer, resolving the conflict with the custom
 * 'AFILIADAS' widget and preventing future layering issues.
 * ========================================================================
 */

/*
 * Step 1: Establish a high, authoritative z-index for the mobile menu.
 * The .elementor-kit-7 targets the Royal Addons mobile menu wrapper directly.
 * A value of 10000 is chosen as a baseline to preemptively override most
 * other plugins and theme styles, creating a reliable top layer.
 * The `position` property is also reaffirmed to ensure the z-index is active.
 */
.wpr-mobile-mega-menu-wrap {
    position: fixed; /* Or the appropriate positioning for the menu */
    z-index: 10000!important;
}

/*
 * Step 2: Demote the stacking context of the conflicting widget's parent containers.
 * This is the core of the solution. We target the parent containers of all
 * three instances of the 'AFILIADAS' widget.
 * When the mobile menu is open (indicated by the.elementor-menu-is-active
 * class on the body tag), we force the z-index of these containers to a
 * neutral or lower value. This ensures their entire stacking context,
 * including the high-z-index widget inside, falls below the mobile menu.
 * Targeting both `html` and `body` increases robustness across different
 * Elementor versions or plugin behaviors.
 */
html.elementor-menu-is-active.elementor-element-29b3ebb,
body.elementor-menu-is-active.elementor-element-29b3ebb,
html.elementor-menu-is-active.elementor-element-c84b5f3,
body.elementor-menu-is-active.elementor-element-c84b5f3,
html.elementor-menu-is-active.elementor-element-e512ebf,
body.elementor-menu-is-active.elementor-element-e512ebf {
    z-index: auto!important;
}

/*
 * Step 3 (Definitive Fallback): Directly suppress the widget's z-index.
 * While the parent container approach is ideal, this rule provides an
 * additional layer of certainty. It directly targets the widget itself
 * and resets its z-index when the menu is active, neutralizing the
 * aggressive `z-index: 999999` rule from its inline styles.
 */
html.elementor-menu-is-active.elementor-afiliadas-widget,
body.elementor-menu-is-active.elementor-afiliadas-widget {
    z-index: auto!important;
}/* End custom CSS */