@font-face {
  font-family: 'Seravek'; 
  src: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Posgrados2021/fonts/Seravek.woff2') format('woff2'), 
    url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Posgrados2021/fonts/Seravek.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Seravek-Light';
  src: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Posgrados2021/fonts/Seravek-Light.woff2') format('woff2'), url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Posgrados2021/fonts/Seravek-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Seravek-Medium';
  src: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Posgrados2021/fonts/Seravek-Medium.woff2') format('woff2'), url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Posgrados2021/fonts/Seravek-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Seravek-Boldi';
  src: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Posgrados2021/fonts/Seravek-Medium.woff2') format('woff2'), url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Posgrados2021/fonts/Seravek-Medium.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

play: swap;
}


*{
	margin:0;
	padding:0;
}

::selection {
  background-color: var(--gold); 
  color: white; 
}

.hide_menu{cursor:pointer;}
:root {
  --gray: #707070; 
	--red:#911831;
	--gold:#BF9A58;

}
.hs-error-msgs{list-style:none; color: var(--red) !important;   font-family: 'Seravek' !important; }

span,p{color:var(--gray);}


a{text-decoration:none !important; }
.LightM{
	font-family: "montserrat", sans-serif;
	font-weight: 200;
	font-style: normal;
}

.NormalM{
	font-family: "montserrat", sans-serif;
	font-weight: 400;
	font-style: normal;
}


.professor-name{font-weight:bold;}



.wrapper{max-width:1280px; margin:0 auto;  }
.cta1{background: var(--gold); color:white; max-width:124px; display:flex; align-items:center; text-align:center; justify-content:center;}
.cta2{background: var(--gold); color:white; max-width:346px; display:flex; align-items:center; text-align:center; justify-content:center;}
.ctaBrochure{background: var(--gold); color:white; max-width:313px; display:flex; align-items:center; text-align:center; justify-content:center;}


/* Personalizar la barra de desplazamiento para navegadores basados en WebKit (Chrome, Safari) */
::-webkit-scrollbar {
    width: 10px;  /* Ancho de la barra de desplazamiento vertical */
    height: 10px; /* Altura de la barra de desplazamiento horizontal */
}

::-webkit-scrollbar-thumb {
    background-color: var(--gold); /* Color del pulgar (thumb) de la barra de desplazamiento */
    border-radius: 10px;    /* Redondear los bordes del pulgar */
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--red); /* Color del pulgar al pasar el cursor por encima */
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Color de la pista de la barra de desplazamiento */
    border-radius: 10px;       /* Redondear los bordes de la pista */
}




    .professorDetails::-webkit-scrollbar {
      width: 8px;               /* Reservar espacio */
      transition: opacity 0.5s !important; /* Transición para aparezca/desaparezca suave */
    }
    .professorDetails::-webkit-scrollbar-thumb {
    background-color: var(--gold); /* Color del pulgar (thumb) de la barra de desplazamiento */
      border-radius: 4px;
      transition: background-color 0.5s;
    }

    /*
      Al aplicar .hiddenScrollbar, configuramos opacidad a 0 
      para que desaparezca sin desplazar el contenido.
    */
    .hiddenScrollbar::-webkit-scrollbar {
      opacity: 0 !important;
    }







.cta1 a{color:white;}

.scroll-thumb-changed{ background-color: var(--gold);}


@media(max-width:1598px){

}


@media(max-width:1560px){}


@media(max-width:1480px){


}
@media(max-width:1440px){


}



@media(max-width:1280px){
	
		.sectionTitle{    line-height: 24px;}

	.wrapper{padding-left:20px; padding-right:20px;}
	
	.headerCont .title{font-size:48px;}
		.headerCont .subtitle{font-size:18px;}
		.professor-name{font-size:20px;}



}
@media(max-width:1080px){




}


@media(max-width:980px){

	span,p,.cta1,.cta2,.ctaBrochure{font-size:16px;}
	    .cta1,.cta2, .ctaBrochure {
        padding: 10px 10px;
				margin-top:20px;
    }
}


	
	.headerCont .title{font-size:38px;}
		.headerCont .subtitle{font-size:16px;}
}


@media(max-width:680px){
	
}

@media(max-width:560px){
		.headerCont .title{font-size:28px;}
		.headerCont .subtitle{font-size:16px;}
	
	.listPgrograms{font-size:22px;}

	
}

















@media(min-width:980px){
	
	
	span,p,.cta1,.cta2,.ctaBrochure{font-size:18px;}


.cta1,.cta2, .ctaBrochure{padding:10px 20px;
					margin-top:25px;

	}
	
	.firstHeaderWrapper a span p{font-size:15px !important;}


	
}


@media(min-width:1080px){
	
}

@media(min-width:1280px){
		.leftMobileMenuHome{display:none !important;}

	.professor-name{font-size:20px !important;}
	.headerCont .title{font-size:58px;}
		.headerCont .subtitle{font-size:18px;}



	.sectionTitle{    line-height: 36px;}
	
}


@media(min-width:1440px){




	
}

@media(min-width:1560px){

}




@media(min-width:1598px){

	


	
}

.professorDetails p a {color: var(--gold);}
.leftMobileMenu{
	
	background: #ffffffe0;
	color: white;
	height:100%;
	display:flex;
	width:100%;
	position:absolute;
	z-index:4;
	  position: fixed;
        left: -100%; /* Oculta el div inicialmente fuera de la pantalla */
        transition: left 0.5s ease; /* Transición suave para el desplazamiento */
	
	    justify-content: center;
    align-items: center;
}


.leftMobileMenu ul {list-style:none;}


.leftMobileMenu ul li {
    border-left: 6px solid var(--red) !important;
	padding: 2px 20px;
	margin-bottom:10px;
}

.leftMobileMenu ul li a{color:var(--gray); font-size:18px; font-weight:bold;}



.leftMobileMenuBtn{position:absolute; z-index:5; top:40px; right:20px;}




    .leftMobileMenu.show {
        left: 0; 
    }