/*
    Theme Name: CEIM
    Theme URI: 
    Author: Coding
    Author URI: 
    Description: Theme Diseñado para CEIM
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: code, theme, flexbox, css grid, mobile first
    Text Domain: code
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@keyframes card_left{
	0%{
		opacity: 0;
		transform: rotate(-18deg) translate(-30%);
		
	}
	100%{
		transform: rotate(0deg) translate(0%);
		opacity: 1;
		
	
	}
}

@keyframes card_right{
	0%{
		opacity: 0;
		transform: rotate(18deg) translate(30%);
		
	}
	100%{
		transform: rotate(0deg) translate(0%);
		opacity: 1;
		
	
	}
}

@keyframes card_center{
	0%{
		opacity: 0;
		transform: translateY(30%);
		
	}
	100%{
		transform: translateY(0%);
		opacity: 1;
		
	
	}
}

@keyframes bg_text{
	0%{
		background-position: 101% 100%;
		
	}
	100%{
		background-position: 0% 100%;
	
	}
}

@keyframes entry_left{
	0%{
		opacity: 0;
		transform: translateX(-100%);
		
	}
	100%{
		opacity: 1;
		transform: translateX(0%);
	
	}
}

@keyframes entry_right{
	0%{
		opacity: 0;
		transform: translateX(100%);
		
	}
	100%{
		opacity: 1;
		transform: translateX(0%);
	
	}
}

@keyframes message{
	0%{
		opacity: 0;
		transform: scale(0);
	}
	50%{
		opacity: 1;
		transform: scale(1.2);
	}
	75%{
		opacity: 1;
		transform: scale(0.8);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}


@media screen and (min-width:0px){
    :root{
        /** Fuentes **/
        --fuente-principal: 'Montserrat', sans-serif;
        --fuente-headings: 'Staatliches', cursive;
    
        /** Colores **/
        --azul-primario:#003C78;
        --azul-cian:#00A7E8;
        --blanco:#FFF;
        --negro:#000;
    
    }

    /** Estilos Globales **/
    
    html{box-sizing: border-box; font-size: 62.5% /* 10px en 1 rem */}
    *, *::before, *::after{box-sizing: inherit;}
    body{font-family: var(--fuente-principal); font-size: 1.8rem; line-height: 2rem;}
    h1, h2, h3{font-family: var(--fuente-principal); margin: 0rem 0rem 1rem 0rem; line-height: 5rem;}
    h1{font-size: 4.2rem;}
    h2{font-size: 3.2rem;}
    h3{font-size: 2.5rem;}
    p{margin: 0rem;}
    a{text-decoration: none;}
    button{border: unset; padding: 0rem; background: transparent; cursor: pointer;}
    ul{list-style: none; margin: 0rem; padding: 0rem;}
    img{display: block; max-width: 100%; height: auto;}
    body.menu_active{overflow: hidden;}
    main{overflow: hidden;}
    main .slick-track{transition:unset;}
	main .slick-list{width: 100%; order: 1;}
	main .slick-dots{ width: 100%; display: flex; justify-content: center; list-style: none; order: 2;}
	main .slick-track{display: flex;}
	main .tpgb-plus-button a > span{display: flex; align-items: center;}

   /** SCROLL TOP **/
   #scroll_top{position: fixed; bottom: 3rem; right: 3rem; z-index: 999; opacity: 0; visibility: hidden; transition: opacity .2s ease;}
   #scroll_top.active{opacity: 1; visibility: visible;}
   #scroll_top a{width: 5rem; height: 5rem; display: flex; justify-content: center; align-items: center; border-radius: 10rem; background: var(--azul-cian);}
   
   /** ANIMATIONS **/
   .card_left-animation{opacity: 0; transform: rotate(-18deg) translate(-30%); transition: opacity 0.4s, transform 0.4s;}
   .card_left-animation.active-animation{animation-name: card_left; animation-duration: .8s; animation-fill-mode: forwards;}
   .card_right-animation{opacity: 0; transform: rotate(18deg) translate(30%); transition: opacity 0.4s, transform 0.4s;}
   .card_right-animation.active-animation{animation-name: card_right; animation-duration: .8s; animation-fill-mode: forwards;}
   .card_center-animation{opacity: 0; transform: translateY(30%); transition: opacity 0.4s, transform 0.4s;}
   .card_center-animation.active-animation{animation-name: card_center; animation-duration: .8s; animation-fill-mode: forwards;}

   .entry_left-animation{opacity: 0;transition: opacity 0.5s, transform 0.5s;}
   .entry_left-animation.active-animation{animation-name: entry_left; animation-duration: 1s; animation-fill-mode: forwards;}
   .entry_right-animation{opacity: 0; transition: opacity 0.5s, transform 0.5s;}
   .entry_right-animation.active-animation{animation-name: entry_right; animation-duration: 1s; animation-fill-mode: forwards;}

   .message_entry-animation{opacity: 0; transition: opacity 0.5s, transform 0.5s;}
   .message_entry-animation.active-animation{animation-name: message; animation-duration: 1s; animation-fill-mode: forwards;}

    /** BURGUER MENU **/
    #burguer_menu-content{background:#fff; position:fixed; width:100vw; height:100vh; top:0rem; right:-200%; padding:2rem; z-index:9999999999; transition: right .5s ease;}
    #burguer_menu-content a{font-family: var(--fuente-principal); font-size: 1.6rem; font-weight: 600; line-height: normal; color: var(--azul-primario);}
    #burguer_menu-content li.btn-register{display: flex;}
    #burguer_menu-content li.btn-register a{width: 100%; display: flex; justify-content: center; align-items: center; padding: 1rem .5rem; border-radius: 10rem; color: #FFF; background: var(--azul-primario);}
    #burguer_menu-content .burguer_menu-close{width: fit-content; display: flex; justify-content: center; align-items: center; position: absolute; top: 2rem; right: 2rem;}
    #burguer_menu-content .burguer_menu-nav{display: flex; flex-direction: column; row-gap: 5rem;}
    #burguer_menu-content .burguer_menu-nav .burguer_logo-menu a{display: flex; width: fit-content;}
    #burguer_menu-content .burguer_menu-nav .burguer_logo-menu a img{width: 100%; max-width: 18rem;}
    #burguer_menu-content .burguer_menu-nav ul.menu{display: flex; flex-direction: column; row-gap: 2rem;}
    
    #burguer_menu-content.active{right: 0%;}

    /** HEADER **/
    #header{width:100%; position:fixed; top:0; left:0;  z-index:999; transition: padding .5s, background-color .5s; background-color: var(--azul-primario);}
    #header .nav_menu-container{width: min(95%,120rem); display: flex; justify-content: space-between; margin: 0rem auto; padding: 1rem 0rem;}
    #header .nav_menu-container .logo img{width: 100%; max-width: 12.8rem;}
    #header .nav_menu-container .menu-principal{display: none;}
    #header .nav_menu-container .burger_menu-btn{display: flex; align-items: center;}
    #header .nav_menu-container .burger_menu-btn button{height: fit-content;}

    /** HOME **/
    #hero_container-home{min-height: 37.3rem; background: linear-gradient(90deg, #003C78 0%, #003C78 13.96%, transparent 75.97%, #003C78 100%), url(img/bg-hero-home.webp) no-repeat top/100%; background-size: cover;}
    #hero_container-home .tpgb-heading-title{width: 100%; max-width: 61.8rem;}
    #hero_container-home .tpgb-heading-title .heading-title{color: #FFFF; text-transform: uppercase;}
    #hero_container-home .tpgb-heading-title .heading-title span.bg_blue{padding: 0rem 1rem; border-radius: .5rem; background: #00A7E8;}
    #hero_container-home .tpgb-heading-title .heading-title span.unfilled_letter{display: flex; font-family: sans-serif !important; font-size: 9rem; line-height: 9rem; color: transparent; -webkit-text-stroke: .2rem #FFFFFF;}
    #hero_container-home .hero_img{display: flex; flex-direction: row; justify-content: flex-start; align-items: center; column-gap: 1rem; margin-top: -3rem;}
    #hero_container-home .hero_img img{width: 100%; max-width: 15.5rem;}
    
    #capacitarse_container-home .capacitarse_top .tpgb-heading-title span.color_blue{color: var(--azul-cian);}
    #capacitarse_container-home > .tpgb-container-col{padding-top: 3.5rem;} 
    #capacitarse_container-home > .tpgb-container-col *{height: 100%;} 
    #capacitarse_container-home > .tpgb-container-col img{width: 100%; height: 100%; object-fit: cover; border-radius: 1.2rem;} 
    #capacitarse_container-home .capacitarse_bottom{display: flex; flex-direction: row; flex-wrap: wrap;} 
    #capacitarse_container-home .capacitarse_bottom .slick-arrow{display: flex; justify-content: center; align-items: center; width: 6.4rem; height: 4rem; padding: 0rem !important; border-radius: 10rem; font-size: 3rem; color: #32ADE6; background: #DCDEE1;}
	#capacitarse_container-home .capacitarse_bottom .slick-prev{margin-right: .8rem;}
	#capacitarse_container-home .capacitarse_bottom .slick-dots{margin-top: 2.9rem; column-gap: .8rem;}
	#capacitarse_container-home .capacitarse_bottom .slick-dots li button{width: .8rem; height: .8rem; padding: 0rem; border-radius: 10rem; background: #B3DDE7; transition: all .3s ease;}
	#capacitarse_container-home .capacitarse_bottom .slick-dots li.slick-active button{width: 3.6rem; height: .8rem; border-radius: 2.4rem;}
	#capacitarse_container-home .capacitarse_bottom .slick-list{padding-top: 3.7rem; overflow: hidden;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col{width: 100%; display: flex; justify-content: center; align-items: center; padding: 2rem; border-radius: 1.2rem;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(1){background: url(img/bg-capacitarse-home-1.webp) no-repeat top 3rem left -1rem/23.7rem,var(--azul-primario);}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(2){row-gap: 1.3rem; background: #DCDEE1;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(3){background: linear-gradient(90deg, #003C78 0%, #003C78 13.96%, #003c78b0 100%) ,url(img/bg-capacitarse-home-2.webp) no-repeat top/100%; background-size: cover;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:last-child{background: #DCDEE1;}
    
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(1) .tpgb-heading-title{width: 100%;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(1) .tpgb-heading-title .heading-title{color: #FFFFFF;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(2) .tpgb-number-counter .counter-content{display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0rem;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(2) .tpgb-number-counter .counter-content > *{width: fit-content; margin: 0rem;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(3) > *{width: 100%; max-width: 40rem;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(3) .tpgb-pro-paragraph p{color: #FFFFFF;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:last-child > *{width: 100%; max-width: 39.2rem;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:last-child .tpgb-container-row{column-gap: 1rem; row-gap: 1rem;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:last-child .tpgb-container-row .tpgb-creative-image img{width: 100%;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:last-child .tpgb-container-row .tpgb-creative-image:nth-child(1) img,
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:last-child .tpgb-container-row .tpgb-creative-image:nth-child(2) img{max-width: 18rem;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:last-child .tpgb-container-row .tpgb-creative-image:last-child img{max-width: 10rem;}
    
    #compromiso_container-home .tpgb-heading-title .heading-title span.color_blue{color: var(--azul-cian);}
    
    #capacitaciones_container-home .capacitaciones_top{background: var(--azul-primario);}
    #capacitaciones_container-home .capacitaciones_top .tpgb-heading-title .heading-title{display: block; text-align: left; color: var(--blanco);}
    #capacitaciones_container-home .capacitaciones_top .tpgb-heading-title .heading-title span.unfilled_letter{display: flex; justify-content: flex-end; font-family: sans-serif; color: transparent; -webkit-text-stroke: .2rem var(--azul-cian);}
    #capacitaciones_container-home .capacitaciones_bottom .tpgb-cont-in{row-gap: 2rem;}
    #capacitaciones_container-home .capacitaciones_bottom .tpgb-container-col{padding: 2.951rem 0rem 2.506rem; border-radius: 1.2rem;}
    #capacitaciones_container-home .capacitaciones_bottom .tpgb-container-col .tpgb-heading-title .heading-title{color: var(--blanco);}
    #capacitaciones_container-home .capacitaciones_bottom .tpgb-container-col .tpgb-plus-button a{background: rgb(255, 255, 255, 40%); border-radius: .578rem; border: .1rem solid #FFF;}
    #capacitaciones_container-home .capacitaciones_bottom .tpgb-container-col:nth-child(1){background: url(img/icon-odontologia.svg) no-repeat top 1.5rem left 1rem/9.4rem,#7DCE57;}
    #capacitaciones_container-home .capacitaciones_bottom .tpgb-container-col:nth-child(2){background: url(img/icon-estetica.svg) no-repeat top 1.5rem left 1rem/9.398rem,#51081B;}
    #capacitaciones_container-home .capacitaciones_bottom .tpgb-container-col:nth-child(3){background: url(img/icon-terapeutico.svg) no-repeat top 1.5rem left 1rem/9.38rem,#6AC19F;}
    
    #capacitaciones_container-home .capacitaciones_bottom .tpgb-container-col:hover:nth-child(1){background: linear-gradient(90deg, #7dce5781 100%, transparent 0%), url(img/icon-odontologia.svg) no-repeat top 1.5rem left 1rem/9.4rem , url(img/bg-capacitaciones-home-1.webp) no-repeat top/100%; background-size: cover, 9.4rem;}
    #capacitaciones_container-home .capacitaciones_bottom .tpgb-container-col:hover:nth-child(2){background: linear-gradient(90deg, #51081c7c 100%, transparent 0%), url(img/icon-estetica.svg) no-repeat top 1.5rem left 1rem/9.398rem, url(img/bg-capacitaciones-home-2.webp) no-repeat top/100%; background-size: cover, 9.398rem;}
    #capacitaciones_container-home .capacitaciones_bottom .tpgb-container-col:hover:nth-child(3){background: linear-gradient(90deg, #6ac1a085 100%, transparent 0%), url(img/icon-terapeutico.svg) no-repeat top 1.5rem left 1rem/9.38rem, url(img/bg-capacitaciones-home-3.webp) no-repeat top/100%; background-size: cover, 9.38rem;}
    
    #sedes_container-home .sedes_bottom .tpgb-container-col{padding: 5.841rem 0rem 2.65rem;}
    #sedes_container-home .sedes_bottom .tpgb-container-col .tpgb-heading-title .heading-title,
    #sedes_container-home .sedes_bottom .tpgb-container-col .tpgb-pro-paragraph p{color: #FFF;}
    #sedes_container-home .sedes_bottom .tpgb-container-col:nth-child(1){background: radial-gradient(circle, transparent 0%, rgba(0,60,120,1) 100%), url(img/bg-sede-principal-home.webp) no-repeat top/100%; background-size: cover;}
    #sedes_container-home .sedes_bottom .tpgb-container-col:nth-child(2){background: radial-gradient(circle, transparent 0%, rgba(0,60,120,1) 100%), url(img/bg-sede-secundaria-home.webp) no-repeat top/100%; background-size: cover;}
    #sedes_container-home .sedes_bottom .tpgb-container-col:nth-child(1) .tpgb-pro-paragraph{width: 100%; max-width: 29.86rem;}
    #sedes_container-home .sedes_bottom .tpgb-container-col:nth-child(2) .tpgb-pro-paragraph{width: 100%; max-width: 25.19rem;}
    
    #practicas_container-home .tpgb-heading-title .heading-title span.unfilled_letter{font-family: sans-serif; color: transparent; -webkit-text-stroke: .2rem var(--azul-cian);}
    
    /** CONOCENOS **/
    #hero_container-conocenos .hero_top .tpgb-heading-title span.color_blue {color: var(--azul-cian);}
    #hero_container-conocenos .hero_bottom{column-gap: 1.4rem;}
    #hero_container-conocenos .hero_bottom .tpgb-creative-image img{width: 100%; max-width: 25.7rem; margin: 0rem auto;}
    
    #propositos_container-conocenos .tpgb-cont-in{column-gap: 1rem; row-gap: 3rem;}
    #propositos_container-conocenos .tpgb-cont-in .tpgb-container-col{display: flex; flex-direction: column; align-items: center; padding: 2.6rem 1rem; background: #F1F1F1; border-radius: 1.5rem;}
    #propositos_container-conocenos .tpgb-cont-in .tpgb-container-col .tpgb-pro-paragraph{width: 100%; max-width: 46rem;}
    
    #exitos_container-conocenos .tpgb-cont-in{column-gap: 1rem; row-gap: 3rem;}
    #exitos_container-conocenos .tpgb-cont-in .tpgb-container-col{padding: 3rem 1rem 2.3rem ; background: var(--azul-primario); border-radius: 1.5rem;}
    #exitos_container-conocenos .tpgb-cont-in .tpgb-container-col .nc-counter-number{margin: 0rem; color: #FFFFFF;}
    
    #convenios_container-conocenos .convenios_top .tpgb-heading-title .heading-title span.color_blue{color: var(--azul-cian);}
    #convenios_container-conocenos .convenios_bottom .slick-dots{margin-top: 1em; column-gap: .8rem;}
	#convenios_container-conocenos .convenios_bottom .slick-dots li button{width: .8rem; height: .8rem; padding: 0rem; border-radius: 10rem; background: #B3DDE7; transition: all .3s ease;}
	#convenios_container-conocenos .convenios_bottom .slick-dots li.slick-active button{width: 3.6rem; height: .8rem; border-radius: 2.4rem;}
    #convenios_container-conocenos .convenios_bottom .tpgb-container-col img{width: 100%; max-width: 22.8rem; margin: 0 auto;}
    #convenios_container-conocenos .convenios_bottom .tpgb-container-col:nth-child(2) img{width: 100%; max-width: 9.6rem; margin: 0 auto;}
    
    #docentes_container-conocenos .docentes_top .tpgb-heading-title .heading-title span.color_blue{color: var(--azul-cian);}
    #docentes_container-conocenos .docentes_bottom .docentes_list{display: flex; flex-wrap: wrap;}
    #docentes_container-conocenos .docentes_bottom .docentes_list .slick-arrow{display: flex; justify-content: center; align-items: center; width: 6.4rem; height: 4rem; padding: 0rem !important; border-radius: 10rem; font-size: 3rem; color: #32ADE6; background: #DCDEE1;}
	#docentes_container-conocenos .docentes_bottom .docentes_list .slick-prev{margin-right: .8rem;}
	#docentes_container-conocenos .docentes_bottom .docentes_list .slick-dots{margin-top: 2.9rem; column-gap: .8rem;}
	#docentes_container-conocenos .docentes_bottom .docentes_list .slick-dots li button{width: .8rem; height: .8rem; padding: 0rem; border-radius: 10rem; background: #B3DDE7; transition: all .3s ease;}
	#docentes_container-conocenos .docentes_bottom .docentes_list .slick-dots li.slick-active button{width: 3.6rem; height: .8rem; border-radius: 2.4rem;}
	#docentes_container-conocenos .docentes_bottom .docentes_list .slick-list{padding-top: 3.7rem; overflow: hidden;}
    #docentes_container-conocenos .docentes_bottom .docentes_list .docente_container{height: 100%; display: flex; flex-direction: column; row-gap: 2rem; padding: 3.9rem 3rem 3.5rem; background-color: #F1F1F1; border-radius: 1.5rem;}
    #docentes_container-conocenos .docentes_bottom .docentes_list .docente_container .docente_image{display: flex; justify-content: center; align-items: center;}
    #docentes_container-conocenos .docentes_bottom .docentes_list .docente_container .docente_image figure{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 13.6rem; margin: 0rem; border-radius: 10rem; background: #FFFFFF; overflow: hidden;}
    #docentes_container-conocenos .docentes_bottom .docentes_list .docente_container .docente_image figure img{width: 100%; max-width: 10.2rem; height: 13rem; object-fit: cover;}
    #docentes_container-conocenos .docentes_bottom .docentes_list .docente_container .docente_info{display: flex; flex-direction: column; row-gap: 2rem;}
    #docentes_container-conocenos .docentes_bottom .docentes_list .docente_container .docente_info .docente_info-top{display: flex; flex-direction: column; align-items: center; row-gap: .5rem;}
    #docentes_container-conocenos .docentes_bottom .docentes_list .docente_container .docente_info .docente_info-top h3{margin: 0rem; font-family: var(--fuente-principal); font-size: 2.5rem; font-weight: 800; line-height: 3rem; text-align: center; text-transform: uppercase; color: var(--azul-primario);}
    #docentes_container-conocenos .docentes_bottom .docentes_list .docente_container .docente_info .docente_info-top span{font-family: var(--fuente-principal); font-size: 1.8rem; font-weight: 600; line-height: 2.4rem; text-align: center; color: #606060;}
    #docentes_container-conocenos .docentes_bottom .docentes_list .docente_container .docente_info .docente_info-bottom{width: 100%;}
    #docentes_container-conocenos .docentes_bottom .docentes_list .docente_container .docente_info .docente_info-bottom p{font-family: var(--fuente-principal); font-size: 1.6rem; font-weight: 600; line-height: 2.16rem; color: #606060;}
    
    #miembros_container-conocenos .miembros_bottom .slick-dots{margin-top: 1em; column-gap: .8rem;}
	#miembros_container-conocenos .miembros_bottom .slick-dots li button{width: .8rem; height: .8rem; padding: 0rem; border-radius: 10rem; background: #B3DDE7; transition: all .3s ease;}
	#miembros_container-conocenos .miembros_bottom .slick-dots li.slick-active button{width: 3.6rem; height: .8rem; border-radius: 2.4rem;}
    #miembros_container-conocenos .miembros_bottom .tpgb-container-col{padding: 0rem 3.3rem;}
    #miembros_container-conocenos .miembros_bottom .tpgb-container-col img{margin: 0 auto;}
    #miembros_container-conocenos .miembros_bottom .tpgb-container-col:nth-child(2) img{width: 100%; max-width: 25.9rem;}
    #miembros_container-conocenos .miembros_bottom .tpgb-container-col:nth-child(2) img{width: 100%; max-width: 15rem;}
    #miembros_container-conocenos .miembros_bottom .tpgb-container-col:nth-child(3) img{width: 100%; max-width: 13.6rem;}
    
    
    
    /** FOOTER **/
    #footer{width:100%; background: #DCDEE1;}
    #footer .footer_container{width: min(95%,120rem); display: flex; flex-direction: column; row-gap: 2.5rem; margin: 0rem auto; padding: 4.2rem 0rem 1rem; }
    #footer .footer_container h3,
    #footer .footer_container a{font-family: var(--fuente-principal); line-height: normal; color: var(--azul-primario);}
    #footer .footer_container .footer_container-top .nav_menu-container{display: grid; grid-template-columns: 1fr; row-gap: 2rem;}
    #footer .footer_container .footer_container-top .nav_menu-container .logo{grid-column: 1;}
    #footer .footer_container .footer_container-top .nav_menu-container .logo a{display: flex; width: fit-content;}
    #footer .footer_container .footer_container-top .nav_menu-container .logo img{width: 100%; max-width: 24.8rem;}
    #footer .footer_container .footer_container-top .nav_menu-container .social_contact-container{grid-column: 1; display: flex; flex-direction: column; row-gap: 1rem; order: 3;}
    #footer .footer_container .footer_container-top .nav_menu-container .social_contact-container h3{font-size: 1.4rem; font-weight: 800; text-transform: uppercase; margin: 0rem;}
    #footer .footer_container .footer_container-top .nav_menu-container .social_contact-container a{padding: 0rem; background: transparent; font-size: 1.4rem; font-weight: 500;}
    #footer .footer_container .footer_container-top .nav_menu-container .social_contact-container > div{width: 100%; max-width: 20rem;}
    #footer .footer_container .footer_container-top .nav_menu-container .social_contact-container .widget_container{display: flex; padding-top: 1rem; column-gap: .5rem;}
    #footer .footer_container .footer_container-top .nav_menu-container .social_contact-container .contact_container .wp-block-buttons{gap: 0rem;}
    #footer .footer_container .footer_container-top .nav_menu-container .social_contact-container .social_container .widget_container figure{display: flex; margin: 0rem;}
    #footer .footer_container .footer_container-top .nav_menu-container .social_contact-container .social_container .widget_container figure a{width: 1.8rem; height: 1.8rem; display: flex; justify-content: center; align-items: center; margin: 0rem; border-radius: 10rem; background: var(--azul-primario); }
    #footer .footer_container .footer_container-top .nav_menu-container .social_contact-container .social_container .widget_container figure img{width: 1.2rem; height: 1.2rem;}
    #footer .footer_container .footer_container-top .nav_menu-container nav.menu-footer{display: flex; align-items: center;}
    #footer .footer_container .footer_container-top .nav_menu-container nav.menu-footer ul.menu{display: flex; column-gap: 2rem; row-gap: 1rem; flex-wrap: wrap;}
    #footer .footer_container .footer_container-top .nav_menu-container nav.menu-footer ul.menu > li > a{font-size: 1.4rem; font-weight: 800; text-transform: uppercase; }
    #footer .footer_container .footer_container-top .nav_menu-container nav.menu-footer ul.menu > li ul.sub-menu{padding-top: .5rem;}
    #footer .footer_container .footer_container-top .nav_menu-container nav.menu-footer ul.menu > li ul.sub-menu a{font-size: 1.4rem; font-weight: 500;}
    
    #footer .footer_container .footer_container-bottom ul.policy{display: flex; flex-direction: column; justify-content: center; row-gap: 1rem;}
    #footer .footer_container .footer_container-bottom ul.policy li a{position: relative; font-size: 1.6rem; font-weight: 600;}

}
@media screen and (min-width:768px){

    /** HEADER **/
    #header .nav_menu-container .logo img{max-width: 13.3rem;}
    
    /** HOME **/
    #hero_container-home{min-height: 51.3rem;}
    #hero_container-home .tpgb-heading-title .heading-title span.unfilled_letter{font-size: 16rem; line-height: 17rem;}
    #hero_container-home .hero_img{column-gap: 8.189rem; margin-top: -8rem;}
    #hero_container-home .hero_img img{max-width: 22.5rem;}

    #capacitarse_container-home .capacitarse_bottom{display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: 33.07rem 19.226rem; column-gap: 1rem; row-gap: 1.2rem;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col{padding: 0rem;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(1){grid-column: 1 / 5;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(2){grid-column: 5 / 9;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(3){grid-column: 9 / 13; padding: 1rem;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(4){grid-column: 1 / 6;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(4) *{height: 100%;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(4) img{width: 100%; height: 100%; object-fit: cover; border-radius: 1.2rem;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:last-child{grid-column: 6 / 13;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:last-child img{max-width: 100%;}

    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(1) .tpgb-heading-title{max-width: 19.61rem;}

    /** CONOCENOS **/

    #convenios_container-conocenos .convenios_bottom .tpgb-container-col img{width: 100%; max-width: 100%;}

    #docentes_container-conocenos .docentes_bottom .docentes_list{display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; column-gap: 6.3rem; row-gap: 4.3rem;}
    #docentes_container-conocenos .docentes_bottom .docentes_list .docente_container{padding: 3.9rem 1rem 3.5rem;}
    #docentes_container-conocenos .docentes_bottom .docentes_list .docente_container .docente_info .docente_info-bottom{max-width: 27rem; margin: 0 auto;}
    
    #miembros_container-conocenos .miembros_bottom .tpgb-container-col:not(:last-child){border-right: .2rem solid var(--azul-primario);}

    
    /** FOOTER **/
    #footer .footer_container .footer_container-top .nav_menu-container{grid-template-columns: repeat(12, 1fr); row-gap: 3rem;}
    #footer .footer_container .footer_container-top .nav_menu-container .logo{grid-column: span 12; display: flex; justify-content: center; align-items: center;}
    #footer .footer_container .footer_container-top .nav_menu-container .social_contact-container{grid-column: span 4; align-items: center; order: unset;}
    #footer .footer_container .footer_container-top .nav_menu-container nav.menu-footer{justify-content: flex-end; grid-column: span 8;}
    #footer .footer_container .footer_container-top .nav_menu-container nav.menu-footer ul.menu{width: 100%; justify-content: space-between; row-gap: unset; flex-wrap: nowrap;}
    #footer .footer_container .footer_container-top .nav_menu-container nav.menu-footer ul.menu > li ul.sub-menu{padding-top: 1rem;}


    #footer .footer_container{row-gap: 5rem; padding: 8.2rem 0rem 1rem;}
    #footer .footer_container .footer_container-bottom ul.policy{flex-direction: row; column-gap: 2rem;}
    #footer .footer_container .footer_container-bottom ul.policy li:not(:first-child) a:before{content: ''; width: .7rem; height: .2rem; display: block; position: absolute; top: 1rem; left: -1.25rem; background: var(--azul-primario);}





    

    
}
@media screen and (min-width: 1024px){

    /** HEADER **/
    #header .nav_menu-container .menu-principal{display: flex; justify-content: center; align-items: center;}
    #header .nav_menu-container .menu-principal ul.menu{display: flex; column-gap: 5rem;}
    #header .nav_menu-container .menu-principal ul.menu a{font-family: var(--fuente-principal); font-size: 1.4rem; font-weight: 800; line-height: normal; text-transform: uppercase; color: var(--blanco);}
    #header .nav_menu-container .menu-principal ul.menu li:not(.btn-register) a:hover{border-bottom: .1rem solid var(--azul-cian);}
    #header .nav_menu-container .menu-principal ul.menu li.btn-register a{padding: 1rem 1.5rem; border-radius: 10rem; color: var(--azul-primario); background: var(--blanco);}
    #header .nav_menu-container .burger_menu-btn{display: none;}

    /** HOME **/
    #capacitarse_container-home .capacitarse_bottom{grid-template-columns: repeat(20, 1fr);}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(1){grid-column: 1 / 6;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(2){grid-column: 6 / 11;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(3){grid-column: 11 / 21; padding: 0rem;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:nth-child(4){grid-column: 1 / 8;}
    #capacitarse_container-home .capacitarse_bottom .tpgb-container-col:last-child{grid-column: 8 / 21;}
    
    #capacitaciones_container-home .capacitaciones_bottom .tpgb-cont-in{column-gap: 1rem;}

    /** CONOCENOS **/
    #docentes_container-conocenos .docentes_bottom .docentes_list{grid-template-columns: repeat(3, 1fr);}



    /** FOOTER **/
    #footer .footer_container .footer_container-top .nav_menu-container{row-gap: unset;}
    #footer .footer_container .footer_container-top .nav_menu-container .logo{grid-column: span 3;}
    #footer .footer_container .footer_container-top .nav_menu-container .social_contact-container{grid-column: span 3; align-items: flex-end;}
    #footer .footer_container .footer_container-top .nav_menu-container nav.menu-footer{grid-column: span 6;}
    #footer .footer_container .footer_container-top .nav_menu-container nav.menu-footer ul.menu{width: fit-content; justify-content: flex-start;}




    
}