.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-22 .elementor-element.elementor-element-5cd0fcac .elementor-menu-toggle{margin-left: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-5cd0fcac *//* ==========================================================
   MENÚ PRINCIPAL · cabecera 22 (widget «Menú de navegación»)
   Partes: 1) colocación  2) menú de escritorio  3) submenú
   desplegable de escritorio  4) botón hamburguesa  5) menú móvil.
   Dónde se edita: Elementor > esta plantilla > el widget > Avanzado >
   CSS personalizado (cada regla empieza por la palabra que representa
   al propio widget; Elementor la cambia por su clase al generar el CSS).
   ========================================================== */

/* 1. COLOCACIÓN — el menú se empuja a la derecha de la cabecera.
   position: static hace que el desplegable móvil se mida respecto
   a la cabecera entera (ocupa todo el ancho), no respecto al botón. */
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-menu-toggle { margin-left: auto; }
.elementor-22 .elementor-element.elementor-element-5cd0fcac { margin-left: auto; flex: 0 0 auto; width: auto; position: static; }
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-widget-container { position: static; }

/* 2. MENÚ DE ESCRITORIO — en una sola línea, Barlow 19px blanco
   en mayúsculas; amarillo al pasar el ratón y en la página actual. */
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--main .elementor-nav-menu { flex-wrap: nowrap; white-space: nowrap; }
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--main .elementor-item { font-family: var(--font-amx-display); font-size: 19px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #FFFFFF; padding: 12px 14px; }
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--main .elementor-item:hover, .elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--main .elementor-item.highlighted { color: var(--amx-yellow); }
/* Raya amarilla de 3px bajo el elemento activo/hover. */
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--main .elementor-item::after { background-color: var(--amx-yellow) !important; height: 3px; }
/* Flechita de «tiene submenú» en amarillo. */
.elementor-22 .elementor-element.elementor-element-5cd0fcac .sub-arrow svg, .elementor-22 .elementor-element.elementor-element-5cd0fcac .sub-arrow i { fill: var(--amx-yellow) !important; color: var(--amx-yellow) !important; }

/* 3. SUBMENÚ DESPLEGABLE (escritorio, p. ej. «Actividades») —
   caja oscura redondeada con sombra; opción en amarillo al pasar. */
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--main .sub-menu { background-color: var(--amx-ink-2); border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; padding: 8px; box-shadow: 0 30px 60px -20px rgba(0,0,0,0.6); min-width: 230px !important; }
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--main .sub-menu .elementor-sub-item { font-family: var(--font-amx-display); font-size: 18px; font-weight: 600; text-transform: uppercase; color: #FFFFFF; background-color: transparent; padding: 10px 14px; border-radius: 6px; border: none; }
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover { background-color: var(--amx-yellow); color: var(--amx-ink); }

/* 4. BOTÓN HAMBURGUESA (tablet/móvil) — cuadrado amarillo con icono negro. */
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-menu-toggle { background-color: var(--amx-yellow); color: var(--amx-ink); border-radius: 8px; padding: 10px; font-size: 22px; }
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-menu-toggle svg { fill: var(--amx-ink); }

/* 5. MENÚ MÓVIL ABIERTO — panel negro a todo el ancho justo debajo
   de la cabecera (z-index 70 para quedar por encima del contenido). */
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--dropdown.elementor-nav-menu__container { z-index: 70; background-color: var(--amx-ink); border-top: 1px solid rgba(255,255,255,0.1); position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; width: 100% !important; margin-top: 0 !important; }
/* Opciones: Barlow 22px blanco con línea separadora. */
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--dropdown a { font-family: var(--font-amx-display); font-size: 22px; font-weight: 600; text-transform: uppercase; color: #FFFFFF; background-color: transparent; padding: 14px 24px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--dropdown a:hover, .elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--dropdown a.elementor-item-active { background-color: var(--amx-ink-2); color: var(--amx-yellow); }
/* Subopciones (las actividades dentro de «Actividades»): más pequeñas,
   sangradas y con una raya amarilla a la izquierda. */
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--dropdown .sub-menu a { font-size: 18px; color: rgba(255,255,255,0.75); padding-left: 44px !important; }
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--dropdown .sub-menu { background-color: var(--amx-ink-2) !important; border: none; border-left: 3px solid var(--amx-yellow); }
.elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--dropdown .sub-menu a:hover, .elementor-22 .elementor-element.elementor-element-5cd0fcac .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item-active { background-color: var(--amx-ink) !important; color: var(--amx-yellow); }/* End custom CSS */