@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;
	--flamabook: 'flamabook', sans-serif;
	--flamabold: 'flamabold', sans-serif; 
	--flamaextra: 'flamaextrabold', sans-serif;
	--asap: 'Asap', sans-serif;
	--w800: 800;
	--w400: 400}
    

body, html, p {
    font-weight: var(--w400);
}
p { margin-top: 20px; color: var(--text-azul) }



.bg-centro {
    background-color: var(--color-tres);
}


.h4 {
    text-transform: uppercase;
    font-family: var(--flamabook) }


.h4 strong {
    font-family: var(--flamabold) }

.bg-grey-dark {
    background-color: var(--text-azul) }

.intro .overlay {
    opacity: 0.5 }


/* features */
#features .svg
{
text-align: center
}


#features .feature:nth-child(1n) .svg {
filter: invert(59%) sepia(11%) saturate(1076%) hue-rotate(225deg) brightness(97%) contrast(86%);

}

#features .feature:nth-child(2n) .svg {
filter: invert(68%) sepia(54%) saturate(6551%) hue-rotate(146deg) brightness(98%) contrast(89%);

}

#features .feature:nth-child(3n) .svg {
   filter: invert(45%) sepia(100%) saturate(4460%) hue-rotate(9deg) brightness(103%) contrast(91%)
}


#features .feature:nth-child(1n) .text-primary {
  color: var(--color-tres)}


#features .feature:nth-child(2n) .text-primary {
  color: var(--color-uno) }

#features .feature:nth-child(3n) .text-primary {
  color: var(--color-ignis) }


@media (max-width: 768px) {

#features .col-sm-4 { 
	padding-bottom: 30px}

	#features .col-sm-4:last-child { 
	padding-bottom: 0}

	
}

/* programas  */

#programas p, #programas a { color: var(--color-blanco); margin-top: 0}
#programas .title {font-weight: var(--w800) }


	#programas .ucu-carousel .owl-carousel .owl-item:nth-child(3n+1) {
    background-color: var(--color-uno) }


	#programas .ucu-carousel .owl-carousel .owl-item:nth-child(3n+2) {
    background-color: var(--text-azul) }

	#programas .ucu-carousel .owl-carousel .owl-item:nth-child(3n+3) {
    background-color: var(--color-tres) }

#programas .slide {
	min-height: 120px }
	

@media (min-width: 980px) {
#programas .slide {
    min-height: 240px;
	display: flex;
    align-items: center }
	
	#programas .holder { width: 100% }

	}



@media (max-width: 767px){
	#programas .holder.padding20 { padding: 20px 55px }
	
}


/* carrouseles notInit  */
#programas .notInit .slide
{
    min-height: 240px;
    display: flex;
    align-items: center;
}

#programas .slider.activateSlider.notInit > .slide .holder {
    width: 100% 
}

@media (min-width:760px){
#programas .slider.activateSlider.notInit > .slide {
    width: 33% 
}

}

	#programas .slider.activateSlider.notInit > .slide:nth-child(3n+1) {
    background-color: var(--color-uno) }


@media (min-width:760px){
#programas .slider.activateSlider.notInit > .slide {
    width: 33% 
}

}



/* autoridades ini */
#autoridades .news-relation-container {
    display: flex;
    vertical-align: middle; margin-bottom: -2px
}

	#autoridades figure a{
		display: block;
		position: relative;  
		height: 100%;
	}


#autoridades figure a:before {
    content: "";
    display: block;
    padding-bottom: 230.53%;
    height: 0;
    width: 100%;
}


#autoridades figure a img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: left;
}


#autoridades  .owl-carousel .owl-item img {
    height: 300px 
}
	
#autoridades .news-relation-texto{
	display: inline-block;
	vertical-align: middle;
	}

	
#autoridades .news-relation-titular a {
		color: #FFFFFF
	}

#autoridades .news-relation-titular a:hover {
		color: #FFFFFF; opacity: .6
	}

#autoridades .news-relation-titular .h5 {color: #FFFFFF }


#autoridades .news-relation-titular {
	position: relative }
	

#autoridades .ucu-carousel figure {
    min-height: 300px;
    max-height: 300px;
}
	

	@media (max-width: 768px){

		#autoridades .news-relation-container figure {
    flex: 1 1 22%;
    margin: -1px 0 0 -1px;
}

		
#autoridades .news-relation-titular {
    position: relative;
    flex: 1 1 33%;
    margin: 0 52px 0 0;
    padding: 20px 40px;
    display: flex;
    align-items: center;
}

		
#autoridades .owl-carousel .owl-stage-outer {
    margin-left: 30px;
    margin-right: 30px}
		
		
	#autoridades .slider.activateSlider.notInit > .slide {
    margin-left: 30px;
    margin-right: 30px;
    background-color: var(--text-azul)
}
		
	#autoridades .notInit .news-relation-container figure { flex: 1 1 33% }

}


	#autoridades .news-relation-titular .h4:after {
	content: "";
    display: block;
    width: 70px;
    height: 3px;
	margin-top: 10px;
	background-color:#FFFFFF 
}



#autoridades .ucu-carousel .h4 { text-transform: inherit; font-family: var(--asap) }

#autoridades .news-relation-titular {
    position: relative;
    flex: 1 1 33%;
    margin: 0 52px 0 0;
    padding: 20px 40px;
    display: flex;
    align-items: center;
}


	#autoridades .h6 {   font-size: 2em; color: #FFFFFF}
		#autoridades p {   font-size: 1.6em}


#autoridades .bottom-line {
    width: 70px;
    height: 3px;
    content: "";
    display: block;
    margin: 10px 0;
    position: relative;
}

#autoridades .ucu-carousel .owl-nav div {
	background-color: var(--color-uno) }
	
	
/* violeta  */
#autoridades .ucu-carousel .owl-carousel .owl-item:nth-child(4n+1) .bottom-line {
    background: var(--color-tres)  }

/* turquesa  */
#autoridades .ucu-carousel .owl-carousel .owl-item:nth-child(4n+2) .bottom-line
 {  background: var(--color-uno) }


/* amarillo  */
#autoridades .ucu-carousel .owl-carousel .owl-item:nth-child(4n+3) .bottom-line {
    background: var(--color-amarillo) }

/* naranja */
#autoridades .ucu-carousel .owl-carousel .owl-item:nth-child(4n+4) .bottom-line {  background: var(--color-ignis) }


@media (min-width: 980px){
	#autoridades .news-relation-titular {
    flex: 1 1 50%;
    padding: 20px;
    margin: 0;
}
	#autoridades .news-relation-container figure {
    flex: 1 1 35%;
}


}

/* autoridades fin */



/* nota abajo campus  */
@media (min-width: 980px){
.nota_abajo .row {
    display: inline-flex;
    align-items: center }
}



#faqs .fill-btn { margin-top: 20px; font-family: var(--asap)}

#faqs .fill-btn {
        box-shadow: inset 0px 0px 0px 2px var(--color-uno); font-size: .7em; background-color: var(--color-uno); 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-uno);
	background-color: transparent; color: var(--color-uno); 
	opacity: 1 }






#faqs2 .bg-grey-lighter {background-color: var(--color-tres)}
#faqs2 .h4 {color: var(--color-blanco) !important}

#faqs2 .fill-btn { margin-top: 20px; font-family: var(--asap)}

#faqs2 .fill-btn {
        box-shadow: inset 0px 0px 0px 2px var(--text-azul); font-size: .7em; background-color: var(--text-azul); color: #FFFFFF; text-transform: uppercase;border-radius: 0; font-weight: var(--w400); padding: 6px 12px 5px }

#faqs2 .fill-btn:hover {
        box-shadow: inset 0px 0px 0px 2px var(--text-azul);
	background-color: transparent; color: var(--text-azul); 
	opacity: 1 }


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

#faqs .fill-btn { margin-top: 0 }


}