.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1917 .elementor-element.elementor-element-b5cee09{text-align:end;}.elementor-1917 .elementor-element.elementor-element-b5cee09 img{max-width:63%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1917 .elementor-element.elementor-element-9ae21c5{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1917 .elementor-element.elementor-element-9ae21c5.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-1917 .elementor-element.elementor-element-9ae21c5 .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-9ae21c5 *//* =====================================================================
   MENÚ JARDÍN INFANTIL — estilo "Formadores de Éxito"
   Aplica SOLO al menú que tenga la clase CSS:  menu-jardin
   ===================================================================== */

/* Paleta de colores (cámbialos aquí si lo necesitas) */
.menu-jardin {
    --c-azul:     #27AAE1;
    --c-amarillo: #FFDE17;
    --c-rosa:     #EC008C;
    --c-verde:    #8CC63F;
}

/* Enlaces de primer nivel: fondo blanco + barra de color arriba */
.menu-jardin .elementor-nav-menu > li.menu-item > a.elementor-item {
    padding: 20px 22px 18px !important;
    color: #555 !important;
    font-weight: 700;
    background-color: #fff;
    border-top: 6px solid transparent;
    transition: background-color .25s ease, color .25s ease;
}

/* Barra superior de colores: se repite cada 4 elementos */
.menu-jardin .elementor-nav-menu > li.menu-item:nth-child(4n+1) > a.elementor-item { border-top-color: var(--c-azul);     }
.menu-jardin .elementor-nav-menu > li.menu-item:nth-child(4n+2) > a.elementor-item { border-top-color: var(--c-amarillo); }
.menu-jardin .elementor-nav-menu > li.menu-item:nth-child(4n+3) > a.elementor-item { border-top-color: var(--c-rosa);     }
.menu-jardin .elementor-nav-menu > li.menu-item:nth-child(4n+4) > a.elementor-item { border-top-color: var(--c-verde);    }

/* Elemento activo + hover (principal y submenús): fondo verde */
.menu-jardin .elementor-item:hover,
.menu-jardin .elementor-item.elementor-item-active,
.menu-jardin .current-menu-item > .elementor-item {
    background-color: var(--c-verde);
    color: #fff !important;
}

/* La flecha de los desplegables toma el color del texto */
.menu-jardin .elementor-item i,
.menu-jardin .elementor-nav-menu .sub-arrow {
    color: inherit;
}

/* ===================== RESPONSIVE (menú móvil) =====================
   Al activarse el menú hamburguesa los enlaces se apilan en vertical;
   movemos la barra de color de ARRIBA hacia la IZQUIERDA. */
.menu-jardin .elementor-nav-menu--dropdown > li.menu-item > a.elementor-item {
    border-top: none;
    border-left: 6px solid transparent;
    padding: 14px 20px !important;
}
.menu-jardin .elementor-nav-menu--dropdown > li.menu-item:nth-child(4n+1) > a.elementor-item { border-left-color: var(--c-azul);     }
.menu-jardin .elementor-nav-menu--dropdown > li.menu-item:nth-child(4n+2) > a.elementor-item { border-left-color: var(--c-amarillo); }
.menu-jardin .elementor-nav-menu--dropdown > li.menu-item:nth-child(4n+3) > a.elementor-item { border-left-color: var(--c-rosa);     }
.menu-jardin .elementor-nav-menu--dropdown > li.menu-item:nth-child(4n+4) > a.elementor-item { border-left-color: var(--c-verde);    }/* End custom CSS */