/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



/*NDC CSS*/
/*NDC -- home*/
.subrayadoAmarillo{
	padding: 5px !Important;
	background-color: #E4F500 !Important;
}

.tituloPrincipal{
	background-color: #000;
	padding: 5px !Important;
}

.subh{
	background-color: #e4f500;
	padding: 5px !Important;
}

/*CSS NDC*/

/*Btn Menú principal*/
.btnBlack{
	background-color: #fff !Important;
	padding: 10px 20px !Important; 
}

.btnPink{
	background-color: #FA0293 !Important;
	padding: 10px 20px !Important;
}



/*Menú principal*/
#header-site-logo{
	width: 20% !Important;
	max-width: 300px !Important;
	min-width: 150px; 
}

#menu-principal .menu-item:hover{
	background: white; 
}

#menu-principal .menu-item .sub-menu{
	padding: 2em;
	text-decoration: none; 
}

#menu-principal .menu-item .sub-menu .menu-item a{
	text-decoration: none; 
	padding: 5px 0px;
}

#menu-principal .menu-item:first-child .sub-menu .menu-item a b.title-menu-header{
	margin-top: 10px;
	pointer-events: none; 
}

#menu-principal .menu-item:first-child .sub-menu .menu-item.menu-item-type-post_type a{
	font-style: italic;
}

#menu-principal .menu-item:last-child .sub-menu .menu-item a{
	font-weight: 600;
}

#menu-mobile-principal a {
	color: black;
	text-decoration: none; 
	padding: 0 20px 0px 0px;
	display:block; 
}

#menu-mobile-principal ul{
	list-style: none; 
	padding: 0px; 
}

#menu-mobile-principal .elementor-shortcode > ul > .menu-item{
	border-bottom: 1px solid black; 
}


#menu-mobile-principal button{
	background: none; 
	padding: 0; 
	border: none; 
	line-height: 1;
	font-size: 0;
	transition: transform 0.2s ease; 
}


#menu-mobile-principal .submenu{
	width: 100%; 
}

#menu-mobile-principal .elementor-shortcode > ul > .menu-item ,
#menu-mobile-principal .elementor-shortcode > ul > .menu-item > .submenu > ul > li{
		display:flex;
	flex-wrap: wrap; 
	justify-content: space-between;
}

#menu-mobile-principal .elementor-shortcode .menu-item{
	padding: 5px 0;
}


#menu-mobile-principal .elementor-shortcode > ul > .menu-item > a,
#menu-mobile-principal .elementor-shortcode > ul > .menu-item > .submenu > ul > li > a{
	font-weight: bold; 
}
#menu-mobile-principal .elementor-shortcode > ul > .menu-item > .submenu > ul > li > .submenu a {
	font-style: italic; 
	font-weight: normal; 
}

#menu-mobile-principal button.open {
	transform: rotate(180deg);
}

#mobile-menu-container {
	height: 0px;
	overflow: hidden;
	transition: height 0.5s ease; 
	position: fixed; 
	top: 100px; 
	z-index: 10; 
}

#mobile-menu-container.open{
	height: calc(100vh - 100px); 
	overflow: scroll; 
}

#mobile-menu-container.open-full{
	height: calc(100vh - 200px); 
	overflow: scroll; 
}

#menu-mobile-icon{
	height: 30px;
	width: 50px; 
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}


#menu-mobile-icon .m-line{
	width: 100%;
	height: 5px; 
	background: #FA0293;
	border-radius: 10px; 
	transition: transform 0.3s ease; 
}

#menu-mobile-icon.open .third-l
{
	transform: rotate(-45deg) translate(-5px, -2px);
}

#menu-mobile-icon.open .first-l{
	transform: rotate(-45deg) translate(5px, 1px);
}


#menu-mobile-icon.open .second-l{
	transform: rotate(45deg);
}


#menu-mobile-icon .first-l{
	width: 30px; 
	margin-left: auto; 
}

#menu-mobile-icon .third-l{
	width: 30px; 
}

.wpml-ls-legacy-dropdown{
	width: fit-content;
}

.js-wpml-ls-item-toggle::after{
	color: #333;
}

.js-wpml-ls-item-toggle{
	background-color: transparent !important;
	border: none !important;
}

@media (max-width: 1400px){
	#menu-principal .menu-item  a{
		padding: 13px 10px;
	}

	#header-social .elementor-social-icons-wrapper{

		display:flex;
		flex-wrap: wrap;
		row-gap: 10px; 
		column-gap: 10px; 
		width: 70px;
	}
	
	#header-social .elementor-social-icons-wrapper .elementor-grid-item{
		margin: 0px; 
	}

}

@media (max-width: 1140px){
	#menu-principal .menu-item .sub-arrow{
		padding: none;
		padding-left: 2px; 
	}
	
	#menu-principal .elementor-nav-menu--main > ul > .menu-item > a{
		padding: 5px; 
	}
	
	#header-social > .elementor-widget-container{
		margin: 0px 2px 0px 2px;
	}
	
	#header-social .elementor-social-icons-wrapper{
		width: 62px;
		row-gap: 2px;
        column-gap: 2px;
	}
	
	#button-container > div{
		column-gap: 0px; 
	}
	
}


@media (max-width: 1024px){
	#header-site-logo{
		width: 70% !Important;
		max-width: 300px !Important;
		min-width: 150px; 
	}
}



/*Herencia*/
.subrayadoAmarillo{
	padding: 1px 5px !Important;
	background-color: #E4F500 !Important;
}

.tituloPrincipal{
	background-color: #000;
	padding: 1px 5px !Important;
	color: #fff;
}

.subh{
	background-color: #e4f500;
	padding: 1px 5px !Important;
	margin-top:5px;
}

.subhresp{
	background-color: #e4f500;
	padding-left: 5px !Important;
	padding-right: 5px !Important;
	margin-top:5px;
	
}

.subtitle{
    font-family: "Permanent Marker";
    font-size: 30px;
}

.subtSubrFucsia{
    font-family: "Permanent Marker";
    /*font-size: 22px;*/
    background-color: #FA0293;
	padding: 1px 5px !Important;
	color: #fff;
}

.tituloSubrFucsia{
    font-family: "Permanent Marker";
    /*font-size: 35px;*/
    background-color: #FA0293;
	padding: 1px 5px !Important;
	color: #fff;
}

.subrayadoRosa{
    padding: 1px 5px !Important;
	background-color: #FA0293 !Important;
	line-height: 1.4em;
}

.subtextoGris{
margin-top:10px;
    color: #585858;
    font-size: 14px;
}

#sublineaRosa{
    text-decoration: underline;
    text-underline-offset: 6px !Important;
    text-decoration-color: #FA0293;
    text-decoration-thickness: 6px;
}

#sublineaAmarillo{
text-decoration: underline;
    text-underline-offset: 6px !Important;
    text-decoration-color: #E0F307;
    text-decoration-thickness: 6px;
	line-height: 1.3em;
}


.btnBlack{
	background-color: #000 !Important;
	padding: 5px 0px !Important;
	color: #fff !Important;
	margin: 10px !Important;
}

#menu-1-3425ffe > li.btnBlack.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1002 > a{
    color: #fff !Important;
}

.btnPink{
	background-color: #FA0293 !Important;
	padding: 5px 0px !Important;
	color: #fff !Important;
	margin: 10px !Important;
	
}

#menu-1-3425ffe > li.btnPink.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1003 > a{
    color: #fff !Important;
    font-weight: bold;
}



b.low-title{
    font-family: "Permanent Marker", Sans-serif;
    font-size: 20px;
    font-weight: 500;
}

@media (max-width: 1024px){
    b.low-title{

    font-size: 18px;
}
    
}


.sublineaRosa span{
    text-decoration: underline;
    text-underline-offset: 6px ! Important;
    text-decoration-color: #FA0293;
    text-decoration-thickness: 6px;
}

.sublineaAmarillo{
    text-decoration: underline;
    text-underline-offset: 6px ! Important;
    text-decoration-color: #E3F901;
    text-decoration-thickness: 6px;
}

/*Icono Rosa en algunos títulos*/
.estrella-lateral-rosa::before{
	content: " ";
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(https://formacionimep.mx/wp-content/uploads/2026/03/asterico-rosa.png);
    background-size: contain;
    top: -10px;
    left: -50px;
	background-repeat: no-repeat;
}

.estrella-lateral-rosa{
	width: fit-content !important; 
	margin: auto !important; 
}


/*Icono Amarillo en algunos títulos*/
.estrella-lateral-amarilla::before{
	content: " ";
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(https://formacionimep.mx/wp-content/uploads/2026/03/asterisco-amarillo.png);
    background-size: contain;
    top: -10px;
    left: -50px;
	background-repeat: no-repeat;
}

.estrella-lateral-amarilla{
	width: fit-content !important; 
	margin: auto !important; 
}

    

/*Captcha Cloudflare*/
.wpcf7-turnstile{
	display:none; 
}


/*Quitar título de la página*/
.page-header {
    display: none;
}