/**** COLOR ****/
/*Azul principal: #033c6d;*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

:root {
	--serif-font: 'Aleo', serif;
	--gold-underline: 3px solid #D7C041;
	--blue-underline: 3px solid #003c71;
	--filter-logos: grayscale(1);
    --filter-opacity: 0.5;
  }

body{background:  #f7f7f7; color: #222;}
a, a:hover, a:active, a:visited, a:focus{text-decoration: none;}
hr{border-color: rgb(212, 212, 212);}
.clear{clear: both;}
.serif{font-family: var(--serif-font);}
.underline{ border-bottom: var(--gold-underline); padding-bottom: 5px;}
.underline-blue{ border-bottom: var(--blue-underline); padding-bottom: 5px;}
.headnav{
	width: 100%;
	background-color: #033c6d;
}
.headnav i{
	margin: 0 5px;
}
.headnav ul{
	float:left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.headnav ul li{
	margin: 0;
	padding: 0;
	display: inline-block;
}
.headnav ul li a{
	display: block;
	color: #B9C4D1;
	padding: 20px 15px 20px 10px;
}
.headnav ul li a:hover{
	color: white;
	text-decoration: none;
}
.headnav .fecha{
	float: right;
	color: #B9C4D1;
	padding: 20px 10px 20px 15px;
}
.logos{
	padding: 30px 15px;
}
.logos img{
	height: 80px;
}
.logo-unam{ float: left;}
.logo-unam-resp{ display: none;}
.logo-posgrado{ float: right;}
.hero-wrap{
	width:100%;
	overflow: hidden;
	position: relative;
	height: 400px;	
	display: flex;
	align-items: center;
}
.hero{
	background-image: url('/theme/img/rotate/rotate.php');
	width: 100%;
	background-size: cover;
	height: 100vh;
	background-position: 50% 50%;
	position: absolute;
	z-index: -1;
}
.hero .hero-in{
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 40%, rgba(0,0,0,0) 70%);
	width: 100%;
	height: 100vh;
}
.hero-wrap span{
	font-family: var(--serif-font);
	color: white;
	font-size: 45px;
}
.slider-section{
	padding: 80px 15px;
}
.slider-preview{
	position: absolute;
	border-radius: 3px;;
	font-size: 16px;
	background: #ededed;
	color: #003c71;
	padding: 10px 20px;
	left: 0;
}
.slider-next{
	position: absolute;
	border-radius: 3px;;
	font-size: 16px;
	background: #ededed;
	color: #003c71;
	padding: 10px 20px;
	right: 0;
}
.buttons-section{
	background: #ededed;
	padding: 20px 0;
}
.buttons-section img{
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: var(--filter-logos);
			filter: var(--filter-logos);
	opacity: var(--filter-opacity);
}
.buttons-section img:hover{
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: grayscale(0);
			filter: grayscale(0);
	opacity: 1.0;
}
.footer-section{
	background: #1f1f1f;
	padding: 60px 0;
	color: #fcfcfc;
}
.footer-section p{
	color: #ccc;
}
.footer-section p a{
	color: #fff;
}
.footer-section .title{
	color: #ccc;
	font-size: 16px;
	font-weight: 600;
	display: block;
	margin-bottom: 16px;
	padding-bottom: 12px;
}
.footer-section ul{
	margin: 0;
	padding: 0;
}
.footer-section ul li{
	list-style: none;
	font-size: 15px;
	margin: 10px 0;
}
.footer-section ul li a{
	color: #ccc;
}
.footer-section ul li a:hover{
	color: #fff;
}
.footer-section .creditos{
	font-size: 12px;
}
.footer-section-adm{
	background: #1a1a1a;
	color: #ccc;
	padding: 30px 0 20px 0;
}
.footer-section-adm a{
	color: #fff;
}
.footer-section-adm p{
	float: left;
}
.footer-section-adm .social{
	text-align: right;
}
.footer-section-adm span{
	display: inline-block;
	margin: 0 8px;
}
.footer-section-adm span i{
	margin-right: 5px;;
}
.link-list{
	list-style-type: none;
	font-size: 20px;
	margin: 0;
	padding: 0;
}
.link-list li{
	margin: 30px 0;
}
.link-list li a:hover{
	text-decoration: underline;
}
.link-list li a span{
	font-size: 18px;
	margin-right: 14px;
}

/* ------  SECTIONS  ------ */
.general-section > h1, h2, h3, h4, h5, h6{
	color: #033c6d;
	font-weight: 600;
}
.hero-wrap-section{
	width:100%;
	overflow: hidden;
	position: relative;
	height: 280px;
	display: flex;
	align-items: center;
	padding-top: 50px; 
}
.hero-in-section{
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100vh;
}
.hero-wrap-section .container span{
	font-family: var(--serif-font);
	color: white;
	font-size: 40px;
}
.hero-wrap-section .container ol{
	margin-bottom: 0;
}
.breadcrumb-custom{
	background: none;
	color: white;
	padding: 0;
}
.breadcrumb-custom a{
	color: white;
}
.general-section{
	padding: 50px 15px;
	font-size: 16px;
	line-height: 26px;
	color: #666666;
}
.general-section p{
	margin: 0 0 25px 0;
}
.tutor-card-wrap{
	padding: 20px;
	margin-bottom: 20px;
}
.tutor-card-wrap img{
	float: left;
	margin-right: 20px;
	height: 150px;
	border-radius: 10px;
}
.tutor-card-wrap h1,h2,h3,h4,h5,h6{
	margin-top: 0;
}
.tutor-card-wrap p{
	margin: 0 0 5px 0;
}
.tutor-card-wrap p i{
	margin-right: 10px;
}
.btn-link{
	color: #033c6d;
	font-weight: 600;
}
.btn-link span{
	margin-right: 10px;
}
.dir-element{
	padding-top: 20px;
	border-bottom: 2px dotted #003c71;
}

/* -----  MEDIA QUERYS  ----- */

@media (max-width: 991px) {
	.footer-section-adm .social{
		margin-top: 70px;
	}
	body{padding-top: 54px;}
	.headnav{display: none;}
}
@media (max-width: 550px) {
	.logo-unam{display: none;}
	.logo-unam-resp{ display:block; float:left;}
	.hero-wrap span{font-size: 35px;}
	.tutor-card-wrap img{height: 75px;float: inherit;margin-bottom: 10px;}
}
@media (max-width: 991px) {
	[class*="col-"] {
		margin-bottom: 20px;
	}
}

/* ----------  OWL  ---------- */

.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }

.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #869791;
}