.elementor-kit-6{--e-global-color-primary:#00466C;--e-global-color-secondary:#FFE085;--e-global-color-text:#333333;--e-global-color-accent:#FF5C5C;--e-global-color-65f891c:#FFEEBF;--e-global-color-c43c7bb:#7AB8A7;--e-global-color-394809b:#FFF8E5;--e-global-color-7690bb2:#FFFFFF;--e-global-color-a0660ac:#00000000;--e-global-color-342d31c:#AD2623;--e-global-color-64c06b0:#09337F;--e-global-color-ab352bf:#7C98C7;--e-global-typography-primary-font-family:"Ubuntu";--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-font-style:italic;--e-global-typography-20f4703-font-family:"Ubuntu";--e-global-typography-20f4703-font-size:42px;--e-global-typography-20f4703-font-weight:900;--e-global-typography-20f4703-line-height:1px;--e-global-typography-b20bdd5-font-family:"Raleway";--e-global-typography-b20bdd5-font-size:20px;--e-global-typography-b20bdd5-font-weight:400;--e-global-typography-c866337-font-family:"Raleway";--e-global-typography-c866337-font-size:13px;--e-global-typography-c866337-font-weight:400;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-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:transparent;color:var( --e-global-color-7690bb2 );background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-primary ) 100%);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:0px;}.elementor-kit-6 a{color:var( --e-global-color-text );}.elementor-kit-6 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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 .site-branding{flex-direction:column;align-items:stretch;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:25px;--e-global-typography-20f4703-line-height:0.8em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html, body {
	overflow-x:hidden;
}
header {
    width: 100%;
    z-index: 999;
}
/* SCROLL */

body::-webkit-scrollbar {
    width: 10px;
}
body::-webkit-scrollbar-thumb {
    background-color: var( --e-global-color-secondary );
}
body::-webkit-scrollbar-track {
    background: var( --e-global-color-primary );
}
.dialog-message::-webkit-scrollbar {
    width: 0px;
}




/* -- MENU A LOS LADOS DEL LOGO -- */
.menu-header li {
    background-color:var( --e-global-color-secondary );
    margin: 2px!important;
    border-radius: 8px;
    transition: all 0.25s ease;
}

.menu-header a {
    color: var( --e-global-color-text )!important;
    transition: all 0.25s ease;
}

/*menu-btn :hover*/
.menu-header li:hover {
    background-color:var( --e-global-color-primary );
    transform: translateY(-2px) scale(1.04) ;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    margin: 2px 6px!important;
}
/*menu-btn texto :hover*/
.menu-header li:hover>a {
    color: #fff!important;
}








/* ==================================================
   MENU CURSOS – VERSION LIMPIA Y ESTABLE
================================================== */

/* ---------- BASE: ITEMS PRINCIPALES ---------- */
.menu-cursos-header > nav > ul > li {
    background-color: var(--e-global-color-primary);
    margin: 2px !important;
    border-radius: 8px;
    transition: all 0.25s ease;
}

/* Texto principal */
.menu-cursos-header > nav > ul > li > a {
    color: #fff !important;
    transition: all 0.25s ease;
}

/* Flecha */
.menu-cursos-header .sub-arrow svg path {
    fill: #fff !important;
    transition: all 0.25s ease;
}

/* ---------- HOVER: ITEMS PRINCIPALES ---------- */
.menu-cursos-header > nav > ul > li:hover {
    background-color: var(--e-global-color-secondary);
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    margin: 2px 6px !important;
}

.menu-cursos-header > nav > ul > li:hover > a {
    color: var(--e-global-color-text) !important;
}

.menu-cursos-header > nav > ul > li:hover .sub-arrow svg path {
    fill: var(--e-global-color-text) !important;
}

/* ---------- ACTIVO: ITEMS PRINCIPALES ---------- */
.menu-cursos-header > nav > ul > li.current-menu-item,
.menu-cursos-header > nav > ul > li.current-menu-parent,
.menu-cursos-header > nav > ul > li.current-menu-ancestor {
    background-color: var(--e-global-color-primary) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.12);
    transform: rotate(-3deg) scale(1.1);
    margin: 2px 14px !important;
}

.menu-cursos-header > nav > ul > li.current-menu-item > a,
.menu-cursos-header > nav > ul > li.current-menu-parent > a,
.menu-cursos-header > nav > ul > li.current-menu-ancestor > a {
    color: var(--e-global-color-secondary) !important;
}


/* Flecha activa */
.menu-cursos-header > nav > ul > li.current-menu-parent .sub-arrow svg path,
.menu-cursos-header > nav > ul > li.current-menu-ancestor .sub-arrow svg path {
    fill: var(--e-global-color-secondary) !important;
}

/* ---------- SUBMENÚ (ESTILO NORMAL) ---------- */
.menu-cursos-header .sub-menu li {
    background-color: var(--e-global-color-primary) !important;
    border-radius: 8px;
    margin: 4px 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.menu-cursos-header .sub-menu li > a {
    color: #fff !important;
    transition: all 0.2s ease;
}

/* Submenú activo (solo el hijo real) */
.menu-cursos-header .sub-menu li.current-menu-item > a {
    color: var(--e-global-color-text) !important;
    font-weight: 600;
    border-radius: 8px;
}

/* Submenú activo (solo el hijo real) */
.menu-cursos-header .sub-menu li.current-menu-item {
    background-color: var(--e-global-color-secondary)!important;
    border-radius: 8px;

}

@media (max-width: 1024px) { /* Ajusta el breakpoint de tu menú mobile */
    .menu-cursos-header li.current-menu-item > a,
    .menu-cursos-header li.current-menu-parent > a,
    .menu-cursos-header li.current-menu-ancestor > a {
        border-radius: 8px !important;
        margin: 10px 0;
    }
    
    .menu-cursos-header li.menu-item-has-children:hover > a {
        color: var(--e-global-color-text) !important;
    }
    
    .menu-cursos-header .sub-menu li.current-menu-item {
        background-color: var(--e-global-color-secondary) !important;
        border-radius: 8px; /* Mantener bordes redondeados */
    }
    
    .menu-cursos-header .sub-menu li.current-menu-item > a {
        background-color: var(--e-global-color-secondary) !important;
        border-radius: 8px; /* Mantener bordes redondeados */
    }
    
    .menu-cursos-header li.menu-item-has-children > .sub-menu {
        margin-bottom: 15px; /* separa el submenú del padre seleccionado */
    }

/* También opcionalmente margen entre elementos del submenú */
.menu-cursos-header .sub-menu li {
        margin: 1px!important;
    }
}

/* ---------- SUBMENÚ (CONTENEDOR) ---------- */
.menu-cursos-header .sub-menu {
    background-color: var(--e-global-color-primary); /* fondo normal */
    border-radius: 8px; /* radio completo */
    overflow: hidden; /* para que los bordes se vean */
    margin: 0;
    padding: 0;
}

/* ---------- ELEMENTOS SUBMENÚ ---------- */
.menu-cursos-header .sub-menu li {
    margin: 0;
    background: transparent; /* no interfiere con el hover */
}

/* ---------- ENLACES SUBMENÚ ---------- */
.menu-cursos-header .sub-menu li > a {
    display: block;
    color: #fff !important; /* texto normal */
    border-radius: 0; /* el radio lo maneja el ul, no cada li */
    transition: all 0.2s ease;
}


/* ---------- HOVER SUBMENÚ ---------- */
.menu-cursos-header .sub-menu li:hover > a {
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-text) !important;
    border-radius: 8px;

}

.menu-cursos-header .sub-menu li:hover{
    background-color: var(--e-global-color-secondary) !important;
    border-radius: 8px;

}

div.menu-principal-div-personalizado {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div.edad-de-los-cursos-menu{
    font-size: 85%;
}

/* -- MENU STICKY -- */
.menu-header-sticky li {
    background-color: white;
    margin: 2px!important;
    border-radius: 8px;
}

.menu-header-sticky a {
    color: var( --e-global-color-text)!important
}


.menu-header-sticky > nav > ul > li.current-menu-item {
    background-color: var(--e-global-color-secondary);
}



/* -- CAJA CON ICONO -- */
.elementor-element.caja-con-icono .elementor-icon-box-wrapper .elementor-icon-box-icon {
    margin-top: -20px;
    margin-bottom: 10px;
}

.caja-con-borde .elementor-icon {
    border: 2px solid  var( --e-global-color-primary);

}

/* Caja con icono (certificados) */

.elementor-element.caja-certificado .elementor-icon-box-wrapper .elementor-icon-box-icon {
    margin: -30px 0 -8px -250px;
}

.caja-con-icono h6, .descripcion-texto {
    color: white;
}

/* -- TÍTULOS PESTAÑAS --*/
.e-n-tab-title{
    z-index: 10;
}


a.elementor-sub-item.elementor-item-active {
    color: var(--e-global-color-text) !important;
}

.menu-cursos-header .sub-menu li.current-menu-item > a {
    color: var(--e-global-color-secondary)!important;
    font-weight: 600!important;
}
.menu-cursos-header .sub-menu li.current-menu-item > a:hover {
    color: var( --e-global-color-text)!important;
}/* End custom CSS */