.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-581 .elementor-element.elementor-element-835c1e2{width:var( --container-widget-width, 107.19% );max-width:107.19%;--container-widget-width:107.19%;--container-widget-flex-grow:0;grid-column:span custom;}.elementor-581 .elementor-element.elementor-element-835c1e2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-581 .elementor-element.elementor-element-835c1e2 .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-835c1e2 */.elementor-581 .elementor-element.elementor-element-835c1e2 .elementor-nav-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
}

.elementor-581 .elementor-element.elementor-element-835c1e2 .elementor-nav-menu a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    white-space: nowrap !important;
}
/* 1. Forzar que el menú vaya en una sola línea horizontal */
.elementor-581 .elementor-element.elementor-element-835c1e2 .elementor-nav-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    width: 100% !important;
}

/* 2. Limpiar los botones de arriba (Letras blancas, SIN fondo amarillo) */
.elementor-581 .elementor-element.elementor-element-835c1e2 .elementor-nav-menu > li > a {
    background-color: transparent !important; /* Quitamos la barra/bloques amarillos */
    color: #ffffff !important; /* Letras blancas para que contrasten */
    font-weight: bold !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    white-space: nowrap !important;
}

/* 3. Fondo NEGRO para el desplegable (Submenú de Eventos/Noticias) */
.elementor-581 .elementor-element.elementor-element-835c1e2 .elementor-nav-menu .sub-menu {
    background-color: #000000 !important; /* Fondo negro */
    padding: 5px 0 !important;
}

/* 4. Letras blancas por defecto dentro del desplegable negro */
.elementor-581 .elementor-element.elementor-element-835c1e2 .elementor-nav-menu .sub-menu a {
    color: #ffffff !important;
    background-color: transparent !important;
    display: block !important;
    padding: 10px 20px !important;
    transition: all 0.2s ease;
}

/* 5. ¡EL BLOQUE AMARILLO! Al pasar el ratón por Eventos o Noticias, cambia todo el fondo */
.elementor-581 .elementor-element.elementor-element-835c1e2 .elementor-nav-menu .sub-menu a:hover {
    background-color: #d4c033 !important; /* Todo el bloque se vuelve amarillo */
    color: #000000 !important; /* Las letras cambian a negro para que se lean bien */
}
/* =======================================================
   1. COLOR DE FONDO MARRÓN USANDO TU CLASE (CABECERA ENTERA)
   ======================================================= */
.cabecera-cambiante {
    background-color: #B76F56 !important;
}

/* =======================================================
   2. CONTROL DEL MENÚ PRINCIPAL (BOTONES DE ARRIBA)
   ======================================================= */
/* Forzar que el menú vaya en una sola línea horizontal */
.elementor-581 .elementor-element.elementor-element-835c1e2 .elementor-nav-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    width: 100% !important;
    background-color: transparent !important;
}

/* Estilo de las letras de arriba (Sin fondo amarillo individual) */
.elementor-581 .elementor-element.elementor-element-835c1e2 .elementor-nav-menu > li > a {
    background-color: transparent !important;
    color: #ffffff !important; /* Letras blancas para que resalten */
    font-weight: bold !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    white-space: nowrap !important;
}

/* =======================================================
   3. CONTROL DEL DESPLEGABLE (EVENTOS / NOTICIAS)
   ======================================================= */
/* Fondo NEGRO para el recuadro desplegable */
.elementor-581 .elementor-element.elementor-element-835c1e2 .elementor-nav-menu .sub-menu {
    background-color: #000000 !important;
    padding: 5px 0 !important;
}

/* Letras blancas por defecto dentro de Eventos/Noticias */
.elementor-581 .elementor-element.elementor-element-835c1e2 .elementor-nav-menu .sub-menu a {
    color: #ffffff !important;
    background-color: transparent !important;
    display: block !important;
    padding: 10px 20px !important;
    transition: all 0.2s ease;
}

/* ¡EL BLOQUE AMARILLO! Al pasar el ratón por el desplegable */
.elementor-581 .elementor-element.elementor-element-835c1e2 .elementor-nav-menu .sub-menu a:hover {
    background-color: #d4c033 !important; /* Todo el bloque se vuelve amarillo */
    color: #000000 !important; /* Las letras cambian a negro para leerse bien */
}/* End custom CSS */