.elementor-479 .elementor-element.elementor-element-4c66563{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-479 .elementor-element.elementor-element-1fcae9d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-479 .elementor-element.elementor-element-1fcae9d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-site-logo .hfe-site-logo-container .hfe-site-logo-img{border-color:var( --e-global-color-primary );}.elementor-widget-site-logo .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-479 .elementor-element.elementor-element-7573d56 .hfe-site-logo-container, .elementor-479 .elementor-element.elementor-element-7573d56 .hfe-caption-width figcaption{text-align:center;}.elementor-479 .elementor-element.elementor-element-7573d56 .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-479 .elementor-element.elementor-element-7573d56.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-479 .elementor-element.elementor-element-7573d56 .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}.elementor-479 .elementor-element.elementor-element-c33c9d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-navigation-menu a.hfe-menu-item, .elementor-widget-navigation-menu a.hfe-sub-menu-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item{color:var( --e-global-color-text );}
							.elementor-widget-navigation-menu .sub-menu li a.hfe-sub-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-sub-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-479 .elementor-element.elementor-element-4aa4000 .menu-item a.hfe-menu-item{padding-left:15px;padding-right:15px;}.elementor-479 .elementor-element.elementor-element-4aa4000 .menu-item a.hfe-sub-menu-item{padding-left:calc( 15px + 20px );padding-right:15px;}.elementor-479 .elementor-element.elementor-element-4aa4000 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 40px );padding-right:15px;}.elementor-479 .elementor-element.elementor-element-4aa4000 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 60px );padding-right:15px;}.elementor-479 .elementor-element.elementor-element-4aa4000 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 80px );padding-right:15px;}.elementor-479 .elementor-element.elementor-element-4aa4000 .menu-item a.hfe-menu-item, .elementor-479 .elementor-element.elementor-element-4aa4000 .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-479 .elementor-element.elementor-element-4aa4000 ul.sub-menu{width:220px;}.elementor-479 .elementor-element.elementor-element-4aa4000 .sub-menu a.hfe-sub-menu-item,
						 .elementor-479 .elementor-element.elementor-element-4aa4000 nav.hfe-dropdown li a.hfe-menu-item,
						 .elementor-479 .elementor-element.elementor-element-4aa4000 nav.hfe-dropdown li a.hfe-sub-menu-item,
						 .elementor-479 .elementor-element.elementor-element-4aa4000 nav.hfe-dropdown-expandible li a.hfe-menu-item,
						 .elementor-479 .elementor-element.elementor-element-4aa4000 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-479 .elementor-element.elementor-element-4aa4000{width:100%;max-width:100%;}.elementor-479 .elementor-element.elementor-element-4aa4000.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:1;}.elementor-479 .elementor-element.elementor-element-4aa4000 .hfe-nav-menu__toggle{margin:0 auto;}.elementor-479 .elementor-element.elementor-element-4aa4000 .sub-menu,
								.elementor-479 .elementor-element.elementor-element-4aa4000 nav.hfe-dropdown,
								.elementor-479 .elementor-element.elementor-element-4aa4000 nav.hfe-dropdown-expandible,
								.elementor-479 .elementor-element.elementor-element-4aa4000 nav.hfe-dropdown .menu-item a.hfe-menu-item,
								.elementor-479 .elementor-element.elementor-element-4aa4000 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#fff;}.elementor-479 .elementor-element.elementor-element-4aa4000 .sub-menu li.menu-item:not(:last-child),
						.elementor-479 .elementor-element.elementor-element-4aa4000 nav.hfe-dropdown li.menu-item:not(:last-child),
						.elementor-479 .elementor-element.elementor-element-4aa4000 nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}@media(min-width:768px){.elementor-479 .elementor-element.elementor-element-1fcae9d{--width:15%;}}/* Start custom CSS for navigation-menu, class: .elementor-element-4aa4000 *//* ===================================================
   CABECERA TIPO MOODLE – MENU HEADER-TABS
   Aplicado al widget con clase "header-tabs"
   (Header Footer Elementor)
   =================================================== */

/* Barra superior de la cabecera */
.elementor-479 .elementor-element-4c66563 {
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
    align-items: center;
    padding: 4px 32px;
}

/* Logo un poco más pequeño y alineado */
.elementor-479 .hfe-site-logo-img {
    max-height: 42px;
    width: auto;
}

/* Contenedor del menú horizontal */
.header-tabs .hfe-nav-menu__layout-horizontal {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Reset básico de los enlaces del menú */
.header-tabs .hfe-nav-menu .hfe-menu-item {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 10px 22px;
    border-radius: 16px 16px 0 0;     /* pestaña con esquinas superiores redondas */
    border: 1px solid transparent;
    border-bottom-color: transparent;
    background: transparent;
    color: #1E2C3A;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Efecto hover tipo pestaña */
.header-tabs .hfe-nav-menu .hfe-menu-item:hover {
    background: #f7f7f9;
    border-color: #E2E4EC;
    border-bottom-color: transparent;
    color: #1E2C3A;
}

/* Estado ACTIVO (página actual) */
.header-tabs .hfe-nav-menu li.current-menu-item > .hfe-menu-item,
.header-tabs .hfe-nav-menu li.current_page_item > .hfe-menu-item,
.header-tabs .hfe-nav-menu li.parent.current-menu-item > .hfe-menu-item {
    background: #ffffff;
    border-color: #E2E4EC;
    border-bottom-color: #ffffff;   /* truco: parece pegada al fondo */
    color: #C93E80;                 /* rosa corporativo */
    font-weight: 600;
    box-shadow: 0 3px 8px rgba(0,0,0,0.05);
}

/* Barrita rosa superior en la pestaña activa */
.header-tabs .hfe-nav-menu li.current-menu-item > .hfe-menu-item::before,
.header-tabs .hfe-nav-menu li.current_page_item > .hfe-menu-item::before {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    top: 0;
    height: 3px;
    background: #C93E80;
    border-radius: 999px;
}

/* Quitamos subrayados o efectos por defecto de HFE */
.header-tabs .hfe-nav-menu.hfe-pointer__none .hfe-menu-item::after {
    display: none !important;
}

/* ---------- SUBMENÚ (desplegables) ---------- */

.header-tabs .hfe-nav-menu .sub-menu {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    padding: 8px 0;
    margin-top: 8px;
}

/* Elementos del submenú */
.header-tabs .hfe-nav-menu .sub-menu .hfe-sub-menu-item {
    padding: 8px 18px;
    font-size: 14px;
    color: #1E2C3A;
    border-radius: 0;
    white-space: normal;
    line-height: 1.4;
}

/* Hover en submenú */
.header-tabs .hfe-nav-menu .sub-menu .hfe-sub-menu-item:hover {
    background: #F8EAF2;
    color: #C93E80;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 768px) {

    /* En móvil el menú se comporta como hamburguesa normal */
    .header-tabs .hfe-nav-menu__layout-horizontal {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-tabs .hfe-nav-menu .hfe-menu-item {
        border-radius: 999px;
        border: 1px solid transparent;
        padding: 8px 16px;
        font-size: 14px;
        margin-bottom: 4px;
    }

    .header-tabs .hfe-nav-menu li.current-menu-item > .hfe-menu-item::before {
        display: none;  /* quitamos barrita superior en móvil */
    }
}
/* ===================================================
   AJUSTES EXTRA DEL HEADER – LÍNEA Y LOGO GRANDE
=================================================== */

/* 1) Aumentar tamaño del logo */
.elementor-479 .hfe-site-logo-img {
    max-height: 60px !important;   /* antes 42px */
    width: auto;
}

/* 2) Línea elegante bajo toda la cabecera */
.elementor-479 .elementor-element-4c66563 {
    position: relative;
}

.elementor-479 .elementor-element-4c66563::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(
        to right,
        #F2BCD8 0%,
        #C93E80 50%,
        #F2BCD8 100%
    );
    opacity: 0.85;
}/* End custom CSS */