/* --- FUENTES --- */

html{
	scroll-behavior: smooth;
}

@font-face{
	font-family: Cera-Black;
	src: url('../fonts/Cera-Black.woff');
}

@font-face{
	font-family: Cera-Bold;
	src: url('../fonts/Cera-Bold.woff');
}

@font-face{
	font-family: Cera-Medium;
	src: url('../fonts/Cera-Medium.woff');
}

@font-face{
	font-family: Cera-Regular;
	src: url('../fonts/Cera-Regular.woff');
}

@font-face{
	font-family: Cera-Regular-Italic;
	src: url('../fonts/Cera-RegularItalic.woff');
}

@font-face{
	font-family: Quincy-Bold;
	src: url('../fonts/QuincyCF-Bold.woff');
}

*{
	margin: 0;
	padding: 0;
	font-family: Cera-Regular;
}

.header-web{
	height: 550px;
	/*background-color: #f7f7f7;*/
	background-color: black;
}

.header-web .lado-izquierdo{
	height: 550px;
	display: flex;
}

.header-web .lado-derecho{
	height: 550px;
	background: url('../img/mbainternationalday3.jpg');
	background-size: cover;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.header-web .texto{
	padding: 50px 100px;
	margin: auto 0px;
}

.header-web .texto h1{
	font-size: 70px;
	font-family: Quincy-Bold;
}

.header-web .texto img{
	width: 260px;
}

.header-web .texto a{
	padding: 10px 15px;
	background-color: #d09b3e;
	color: white;
	border-radius: 10px;
}

.header-web .texto a:hover{
	color: white;
}

.img-mba{
	margin: 10px 10px 10px 0px;
}

.img-sin-fronteras{
	margin: 10px 0px 10px 0px;
}

@media (max-width: 1380px){
	.img-mba{
		margin: 10px 20px 10px 0px;
	}

	.header-web .texto{
		padding: 50px;
	}

	.header-web .texto h1{
		font-size: 50px;
	}
	
}

.header-mobile{
	height: 450px;
	/*background: linear-gradient(283deg, rgba(239,239,239,0.8211659663865546) 100%, rgba(239,239,239,1) 100%), url('../img/mbainternationalday2.jpg');*/
	background: linear-gradient(283deg, rgba(0,0,0,0.8) 100%, rgba(239,239,239,1) 100%), url('../img/mbainternationalday.jpg');
	background-size: cover;
	display: flex;
}

.header-mobile .container-fluid{
	margin: auto;
}

.header-mobile .texto{
	padding: 30px;
}

.header-mobile .texto img{
	width: 120px;
}

.header-mobile .texto a{
	padding: 10px 15px;
	background-color: #d09b3e;
	color: white;
	border-radius: 10px;
}

.header-mobile .texto a:hover{
	color: white;
}

.header-mobile .img-mba{
	margin: 10px 5px 10px 0px;
}

.header-mobile .img-sin-fronteras{
	margin: 10px 0px 10px 0px;
}

.header-mobile .texto h1{
	font-size: 40px;
	font-family: Quincy-Bold;
}

@media (max-width: 935px){
	.header-web{
		display: none;
	}
}

@media (min-width: 936px){
	.header-mobile{
		display: none;
	}
}

/*--EVENTO INFO--*/

.evento-info{
	padding: 50px 0px;
}

.evento-info .lado-izquierdo{
	height: auto;
	background: url('../img/mbainternationalday4.jpg');
	background-size: cover;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.evento-info .texto{
	padding: 20px;
}

.evento-info .texto p{
	font-size: 20px;
}

.datos{
	background-color: #efefef;
	padding: 20px 10px;
	border-radius: 8px;
}

.datos img{
	width: 30px;
	margin-bottom: 10px;
}

.datos .medio{
	border-left: 1px solid #d09b3e;
	border-right: 1px solid #d09b3e;
}

@media (max-width: 400px){
	.datos h6{
		font-size: 13px;
	}
}

/*--EVENTO PROGRAMA--*/

.evento-programa{
	background: linear-gradient(283deg, rgba(239,239,239,0.95) 100%, rgba(239,239,239,1) 100%), url('../img/programas.jpg');
	background-size: cover;
	padding: 50px 20px;
}

.evento-programa h2{
	font-size: 40px;
	font-family: Quincy-Bold;
}

.evento-programa .programacion{
	padding: 20px 0px;
}

.evento-programa .programacion-titulo{
	font-size: 20px;
	font-weight: bold;
}

.evento-programa .contenido{
	display: flex;
	border-bottom: 1px dashed #d09b3e;
	padding: 15px 10px;
}

.evento-programa .expositor{
	margin: auto 0px;
	padding: 10px;
}

.evento-programa .tema{
	margin: auto 0px;
	padding: 10px;
}

@media (min-width: 768px){
	.evento-programa .tema{
		text-align: left;
	}
}

.programacion img{
	width: 60px;
}

/*--EVENTO ASESORA--*/

.evento-asesora{
	background-color: black;
	color: white !important;
	padding: 50px 20px;
}

.evento-asesora h2{
	color: #d09b3e;
}

.evento-asesora .informes, .evento-asesora .formulario{
	padding: 20px;
}

.evento-asesora input, .evento-asesora select{
	border: 3px solid #d09b3e;
	border-radius: 5px;
}

.form-check a{
	color: #d09b3e;
}

.form-check a:hover{
	color: #d09b3e;
}

.evento-asesora .asesora{
	font-size: 20px;
	margin-bottom: 20px;
}

.evento-asesora .asesora .nombre{
	color: #E2C38F;
	font-family: Quincy-Bold;
	font-size: 30px;
}

.btn-formulario{
	padding: 10px 30px;
}

.btn-formulario:hover{
	background-color: #d09b3e;
	color: white;
}