  @charset "utf-8";
/* CSS Document */
:root {
    --color-ignis: rgb(233, 90, 12);
	--color-blanco: #FFFFFF;
	--color-uno: #0eafb1;
	--color-tres: #a189bd;
	--text-azul: #173363;
	--color-amarillo: #f7c600;
	--color-cec: rgb(177, 140, 191);
	--verde-profes: #37b087;
	--flamabook: 'flamabook', sans-serif;
	--flamabold: 'flamabold', sans-serif; 
	--flamaextra: 'flamaextrabold', sans-serif;
	--asap: 'Asap', sans-serif;
	--w800: 800;
	--w400: 600;
	--w400: 400}
    

body, html, p {
    font-weight: var(--w400);
}
p { margin-top: 20px; color: var(--text-azul) }

.h4 {
    text-transform: uppercase;
    font-family: var(--flamabook) }


.h4 strong {
    font-family: var(--flamabold) }


.intro .overlay {
    opacity: 0.5 }

.ver_organigrama {
    display: none;
}

.bg-centro { 
    background-color: var(--color-uno) }

.departamentos .col-sm-6, .departamentos .col-sm-4 { position: relative; margin-bottom: 20px}
.departamentos .h6 { color: var(--color-blanco); margin-top: 0 }
.departamentos .mas { position: absolute; top: 10px; right: 40px; font-weight: var(--w800); color: var(--color-uno) !important}

.departamentos .col-sm-4 .mas {  top: 20px; right: 30px }

	.departamentos .col-sm-12 {
    margin-bottom: 0 }

.ultimas_investigaciones .holder {  display: flex; align-items: center }
.ultimas_investigaciones p { margin-top: 0 }
.ultimas_investigaciones .border { border: 2px solid var(--text-azul); position: relative; padding: 10px 40px; min-height: 90px;    margin: 0 30px; }
.ultimas_investigaciones .mas { position: absolute; bottom: 15px; right: 15px; font-weight: var(--w800); color: var(--color-uno); font-size: 2.5em }

/* sector sumate */
.under_programs ul.underprograms_carreras { text-align: left}
.under_programs .underprograms_carreras li { display: inline-block;  width: 100%; position: relative}
.under_programs .underprograms_carreras li.item {border: 2px solid #CCCCCC; padding: 0; text-align: center; position: relative; min-height: 65px }
.under_programs .underprograms_carreras li.item a { padding: 10px 50px; text-align: center; width: 100%}
.under_programs .underprograms_carreras li .mas { position: absolute; right: 8px;  bottom: 8px; font-size: 3em; font-weight: 800 }
.under_programs .underprograms_carreras li p, .under_programs .underprograms_carreras li p:first-child { margin-top: 0 !important }
.under_programs .text-campus {color: var(--color-postgrados2); }
.under_programs .maspostgrados .underprograms_carreras li.item {
    min-height: 90px;
}

/* carouseles abajo  */
.carousel_abajo .fdo_carousel { 
display: flex;
    align-items: center;
    text-align: center;
    justify-content: center }

.carousel_abajo .ucu-carousel .owl-carousel .owl-item .fill-btn {
         border-radius: 0; font-weight: 600;margin-top: 5px; padding: 6px 10px 7px; color: var(--color-blanco)
}
 .carousel_abajo a {
 color: var(--color-blanco) }

.carousel_abajo .ucu-carousel .owl-carousel .owl-item:nth-child(1n) .slide {background: var(--text-azul) }
.carousel_abajo .ucu-carousel .owl-carousel .owl-item:nth-child(2n) .slide {background: var(--color-uno) }
.carousel_abajo .ucu-carousel .owl-carousel .owl-item:nth-child(1n) .fill-btn { background: var(--color-uno)  }
.carousel_abajo .ucu-carousel .owl-carousel .owl-item:nth-child(2n) .fill-btn { background: var(--text-azul) }
.carousel_abajo .fill-btn:hover{background: transparent; box-shadow: inset 0px 0px 0px 2px var(--text-azul) }
.carousel_abajo .holder {
    min-height: 100px;   
}

#capacitacion, #capacitacion a, #capacitacion .h6 {
    color: var(--color-blanco);
}
#capacitacion .owl-carousel .owl-item {padding-bottom: 0 }
#capacitacion .news-relation-container {display: flex; margin: -1px;    align-items: center; position: relative}

	#capacitacion figure a{
		display: block;
		position: relative;  
		height: 100%;
	}

#capacitacion img {
    min-height: 200px;
    margin-bottom: -2px }
	
	#capacitacion .news-relation-texto{
		padding: 20px
	}

	#capacitacion .news-relation-container figure{
		flex: 1 1 40%
	}

	#capacitacion .news-relation-titular{
		position: relative;
		flex: 1 1 60%
	}
	
	#capacitacion .testimonios_carreras {
    padding: 22px 0;
}

#capacitacion .h6 {  font-weight: var(--w800)}
#capacitacion .mas { position: absolute; bottom: 10px; right: 15px; font-weight: var(--w800); color: var(--color-uno) !important; font-size: 2.8em}
#dudas p {    margin-top: 0; font-size: 1em }
	
#autoridades .ucu-carousel .owl-carousel .owl-item .bottom-line {
    background: #0eafb1 !important;
}

/* dudas */
#faqs .h4 {  font-family: var(--flamabold) }
#faqs .fill-btn { margin-top: 20px; font-family: var(--asap)}

#faqs .fill-btn {
        box-shadow: inset 0px 0px 0px 2px var(--color-cec); font-size: .7em; background-color: var(--color-cec); color: #FFFFFF; text-transform: uppercase;border-radius: 0; font-weight: var(--w400); padding: 6px 12px 5px }

#faqs .fill-btn:hover {
        box-shadow: inset 0px 0px 0px 2px var(--color-cec);
	background-color: transparent; color: var(--color-cec); 
	opacity: 1 }
#faqs .fill-btn {
    margin-top: 0;
    margin-left: 15px;
}

/* tres botones */
.profes_trescontenidos .bg-content  {
    padding: 15px 40px;
}

.profes_trescontenidos .fill-btn, .estudiantes_trescontenidos .fill-btn {
        box-shadow: inset 0px 0px 0px 1px #ffffff;
	background-color: transparent; color: #FFFFFF; text-transform: uppercase;border-radius: 0; padding: 6px 10px 7px; 
}
.profes_trescontenidos .fill-btn:hover, .estudiantes_trescontenidos .fill-btn:hover {
        box-shadow: inset 0px 0px 0px 2px #FFFFFF;
		background-color: #FFFFFF; color: var(--text-azul)
}

.profes_trescontenidos .h4, .profes_trescontenidos p { color: var(--color-blanco); font-family: var(--flamabook)}
.profes_trescontenidos .h5  {   font-family: var(--flamabold)}
.profes_trescontenidos .col-sm-4:nth-child(3n+1) .bg-content {  background: var(--verde-profes) }
.profes_trescontenidos .col-sm-4:nth-child(3n+2) .bg-content {  background: var(--text-azul) }
.profes_trescontenidos .col-sm-4:nth-child(3n+3) .bg-content {  background: var(--verde-profes) }
.profes_trescontenidos .col-sm-4 { margin-bottom: 20px }



/* INI MEDIA QUERYS */
@media (max-width: 767px){
	
	.carousel_abajo .slide  {margin: 0 30px  }

	.under_programs .accordion-btn:after {
    min-width: 13px;
		min-height: 13px }
	

	.under_programs .h5 {
		 padding: 5px 30px; font-size: 2.2em }

	



#faqs .fill-btn {
    margin-top: 10px;
    margin-left: 0 }
	
	#capacitacion .news-relation-container {
    margin-bottom: 30px;
}
	
#faqs .fill-btn {margin-top: 10px; margin-left: 0 }

}

@media (max-width: 979px) {
		
	.under_programs .underprograms_carreras li.item {
		min-height: 55px;display: inline-flex;
    align-items: center; 
		margin-bottom: 17px;width: calc(100% - 4px) }
}

@media (min-width: 768px){

.txt-intro p { margin-top: 0; margin-bottom: 20px }
.txt-intro p:last-child { margin-bottom: 0 }
.txt-intro .h4 {
    text-align: right;
}

.departamentos .col-sm-6,
	.departamentos .col-sm-12, .departamentos .col-sm-4 {
    padding-right: 10px;
    padding-left: 10px; margin-bottom: 20px }
	
	.departamentos .row {
    margin-right: -10px;
    margin-left: -10px }

	.ultimas_investigaciones .border {   padding: 10px 30px; margin: 0 }


	#faqs .h4  { display: inline-flex; align-items: center; font-size: 4em }
	#faqs .h5 {  font-size: 2em}


#faqs .h2 {
    display: inline-flex;
    align-items: center;
}
.profes_trescontenidos .col-sm-4 { margin-bottom: 0 }
	.profes_trescontenidos .bg-content {
		min-height: 130px;
		display: flex;
		align-items: center; justify-content: center
	}
}

@media (min-width: 980px) {
	 .carousel_abajo .carousel.static-grid {
    display: flex;
    transform: none !important;
  }
  .carousel_abajo .carousel.static-grid .slide {
    flex: 1 1 0;
  }
  .carousel_abajo .static-grid ~ .owl-nav {
    display: none;
  }
	
.under_programs .underprograms_carreras li.item {   display: inline-flex;
    align-items: center; vertical-align: top}

.under_programs .h5 {
    display: inline-flex;
 }
	
.under_programs .underprograms_carreras li {
    width: calc(33% - 12px);
    margin: 5px;
}
	 	.intro.introcarreras .titular {
    width: 560px;
}
  
  }

@media (min-width: 980px) and (max-width:1200px){
.under_programs .underprograms_carreras li {
    width: calc(33% - 13px);
}
}

@media (min-width: 1200px){
	/* intro   */

	.intro.introcarreras .titular
	 {
    max-width: 70%; margin: 0 auto
}
	
}