@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) }


@media (min-width: 1200px){
	
	.intro.introcarreras .titular
	 {
    max-width: 70%; margin: 0 auto
}
	
}


@media (min-width: 980px){
	.intro.introcarreras .titular {
    width: 560px;
}}



.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 }

@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 }
}
	.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 }


@media (min-width: 768px){
	.ultimas_investigaciones .border {   padding: 10px 30px; margin: 0 }
}

.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;   
}

@media (max-width: 767px){
	
	.carousel_abajo .slide  {margin: 0 30px  }
	
}
	
.investigacion_abajo .bg-primary { padding-bottom: 20px}
.investigacion_abajo img {  margin-top: 20px }
.investigacion_abajo .h4 {  color: var(--color-uno); font-weight: var(--w800); font-family: inherit ; margin-top: 20px }
.investigacion_abajo p { color: var(--color-blanco)}

@media (min-width: 768px){

.investigacion_abajo .row {  display: flex; align-items: center  }
.investigacion_abajo img {  margin-left: -25px; margin-top: 0 }
.investigacion_abajo .h4 {  margin-top: 0 }
.investigacion_abajo .bg-primary { padding-bottom: 0}


}

#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}


@media (max-width: 767px){
#capacitacion .news-relation-container {
    margin-bottom: 30px;
}}



#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 }

@media (min-width: 768px){
#faqs .h4  { display: inline-flex; align-items: center; font-size: 4em }
	#faqs .h5 {  font-size: 2em}
}
	
@media (max-width: 767px){
#faqs .fill-btn {margin-top: 10px; margin-left: 0 }

}





@media (min-width: 768px) {
#faqs .h2 {
    display: inline-flex;
    align-items: center;
}
}

#faqs .fill-btn {
    margin-top: 0;
    margin-left: 15px;
}


@media (max-width: 767px){
	#faqs .fill-btn {
    margin-top: 10px;
    margin-left: 0 }

}

.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 }

@media (min-width: 768px){
	.profes_trescontenidos .col-sm-4 { margin-bottom: 0 }
	.profes_trescontenidos .bg-content {
		min-height: 130px;
		display: flex;
		align-items: center; justify-content: center
	}
}