/* CSS Document */
:root{
	--background: linear-gradient(135deg,rgba(255,252,220,.5) 0%,rgba(255,252,220,.8) 100%);	
	--boton-padding: 20px 40px;
	--boton-padding-mini: 20px 10px;
}


@font-face {
  font-family: 'FSAlbert';
  src: url('../fonts/FSAlbert-Regular.eot?v=1.000');
  src: url('../fonts/FSAlbert-Bold.eot?v=1.000');
  font-weight: normal;
  font-style: normal;
}

*{
   margin:0;
   padding:0;
   border:0;
   position: relative;
}

   
body {
	font-family: Montserrat;
	height:auto;
	position:relative;
	padding:0;
	background-color:rgb(245,245,245);
	z-index:0;
}

.contactar{
	width:85px;
	height:auto;
	position:fixed;
	bottom:70px;
	right:15px;
	text-align:center;
	z-index:10000;
}

.contactar a{
	text-decoration:none;
	display:block;	
	padding-top:10px;
}

#WhatsApp{
	width:70px;
	margin-right:5px;
	float:right;
}

.calendario{
	width:35%;
}

#horarioepg{
	font-size:20px;
}

/*------------ CABECERA DE LA PÁGINA -------------*/

.cabecera{
	width:100%;
	height:auto;
	z-index:0;	
	display:block;
	margin:0 auto;	
	padding:0px;	
	padding-top:30px;	
}

.pega {
	height:500px; 
	background-image:url('../imagenes/pega_header.webp');
	background-repeat:no-repeat;
	background-size:cover;	
	position: relative;	
}

.epg {
	height:500px; 
	background-image: var(--background), url('../imagenes/epg_header.webp');
	background-repeat:no-repeat;
	background-size:cover;	
	position: relative;	
	overflow: hidden;
}

#info-previa{
	width:40%;
	text-align:left;
	font-size:20px;
	color:rgb(52,9,137);
	margin:0 auto;
}

.socialproof{
	width:20%;
}

/* ---- Del N° de edicion del curso ----*/
.ediciones{
	position:fixed;
	top:0px;
	right:0px;
	width:18%;
	display:block;
	z-index:525500;
}

#marco{
	width:100%;
	height:auto;
	position:relative;
}

.ediciones #marco .ed-number{
	display:flex;
	width:33%;
	height:90px;
	border-radius:50%;
	border:13px solid rgb(205,205,233);
	background-color:rgb(170,170,206);
	text-align:center;
	align-items:center;
	transform:rotate(45deg);
	position:absolute;
	top:5px;
	right:5px;
	z-index:5;
}

.ediciones #marco .ed-number h3{
	margin:0 auto;
	font-size:54px;
	color:#fff;
}

.ediciones #marco .ed-text{
	width:150%;
	display:flex;
	background-color:#fff;
	transform:rotate(45deg);
	position:absolute;
	top:90px;
	left:-40px;
	z-index:0;
	background-color:rgb(235,251,155);
}

.ediciones #marco .ed-text span{
	display:flex;
	margin:0 auto;
	padding:15px 5px;
	font-size:20px;
	color:rgb(64,49,82);
}

/*--------------------------------------*/

.promesa{
	width:60%;
	margin-top:30px;
	margin-left:2%;
	text-align:center;
}

.promesa h1{
	font-size:40px;
	font-weight:700;
	font-style:normal;	
	line-height:80px;
	color:#fff;
	text-shadow:
    1px 1px 2px black,
    0 0 1em blue,
    0 0 0.2em blue;	
}

.promesa.promepg{
	margin:0 auto;
	margin-top:30px;	
}

.promesa.promepg h1{
	font-size:40px;
	font-weight:700;
	font-style:normal;	
	line-height:80px;
	color:rgb(52,9,137);
	text-shadow:none;		
}

.promesa.promepg span{
	background-color:transparent;
	color:#FEFDE7;
	padding:0px 0px;
	text-shadow:
    1px 1px 2px black,
    0 0 1em blue,
    0 0 0.2em blue;	
}

#span1{
	color:#4792f9;
	padding:0px 0px;
	text-shadow:none;	
}

#span2{
	color:#f32151;
	padding:0px 0px;
	text-shadow:none;
}

.subtitle{
	width:50%;
	margin:0 auto;
	margin-top:50px;	
}

.subtitle p{
	font-size:30px;
	line-height:47px;
	color:#fff;
	text-shadow:
    1px 1px 2px black,
    0 0 1em blue,
    0 0 0.2em blue;		
}

.subtitle.subtitepg{
	width:90%;
	margin-top:20px;
}

.subtitle.subtitepg p{
	color:#9d2742;
	text-shadow:none;		
}

.subtitle.subtitepg span{
	color:#dd0738;
	text-shadow:
    1px 1px 2px black,
    0 0 1em #fef7ee,
    0 0 0.2em #fef7ee;		
}


.p_PC{display:block;}
.p_movil{display:none;}


.promesa span{
	background-color:transparent;
	color:#FEFDE7;
	padding:0px 0px;
	text-shadow:
    1px 1px 2px black,
    0 0 1em blue,
    0 0 0.2em blue;	
}




/*------------------------------------------------*/




/*-------------- CUERPO ---------------*/

.bloque{
	width:100%;
	display:block;
	z-index:-20;
}

.bloque .section{
	width:80%;
	margin:0 auto;	
	margin-top:20px;
}


.bloque .flex-div{
	width:70%;
	display: flex;	
	text-align:center;
	margin:0 auto;
	margin-top:70px;
}


.bloque .flex-div div{
	margin:0 auto;
	padding:20px 20px;
}

.bloque .flex-div div p{
	padding-top:6px;
	text-align:center;
}

.icon{
	width:50px;
	display: block;
	margin: auto;
}

.icon_2{
	width:70px;
	display: block;
	margin: auto;
}

.icon_second{
	width:70px;
	display: block;
	margin: auto;
}

.bloque .epgflex{
	width:100%;
	display:block;	
	padding:100px 0px;
	text-align:center;
	background-color:#fff;	
}

.bloque .epgflex .flex-inteior{
	width:70%;
	display:flex;
	margin:0 auto;
	font-family: Montserrat;	
}


.bloque .epgflex .flex-inteior div{
	margin:0 auto;
	padding:20px 20px;
}

.bloque .epgflex .flex-inteior div p{
	padding-top:6px;
	text-align:center;
	font-size:20px;	
	color:rgb(33,37,41);
}

#p-flex-epg{
	background-color:#fff; 
	color:rgb(52,9,137); 
	font-size:25px;
	margin:0 auto; 
	padding:50px 0px;
}

#div-combinado{
	display:flex;
	width:350px;
	margin:0 auto;
	padding:50px 0px;
	align-items: center;
	font-family: Montserrat;		
}

#div-combinado div{
	width:250px;
	height:auto;
	display:inline-block;
	text-align:left;
	color:rgb(33,37,41);
	font-size:20px;
}

/*-------------------------------------*/


.bloque .emotion_conect .midle-ancho .azul{
	color:rgb(52,9,137);
	background-color:#fff;
}

.bloque .emotion_conect .midle-ancho .celeste{
	color:#4792f9;	
	background-color:#fff;	
}

.bloque .emotion_conect .midle-ancho .rojo{
	color:#f32151;	
	background-color:#fff;	
}

.img-complemento{
	margin:0 auto;
	width:30%;
}

.img-conector{
	width:100px;
	margin:0 auto;
	position:absolute;
	top:-50px;
	left:45%;
	z-index:100;
}



/*------------ TÍTULO LLAMATIVO CON PROMESA DE TRANSFORMACIÓN -------------*/

.bloque .section .subtitulos{
	padding:50px 0px;
	width:70%;
	margin:0 auto;
	text-align:center;
}

.bloque .section .subtitulos p{
	font-style:normal;
	font-size:20px;
	font-weight:500;
	line-height:35px;
	margin:auto;
	color:rgb(78,80,86);	
}

.bloque .section .subtitulos h1{
	font-size:40px;
	font-weight:700;
	font-style:normal;	
	line-height:80px;
	color:rgb(52,9,137);	
}


.bloque .section.titulo{
	margin-top:50px;
}

.bloque .section.titulo.lineasub{
	border-bottom:1px dotted rgb(78,80,86);
}


.bloque .section.titulo .div-title{
	width:70%;
	margin:0 auto;
	text-align:center;
}

.bloque .section.titulo .div-title p{
	line-height:45px;
}

.titulo h1 span{
	color:#D53604;
}

.titulo h1{
	font-size:40px;
	font-weight:700;
	font-style:normal;	
	line-height:50px;
	color:rgb(52,9,137);
}

.titulo p{
	font-size:30px;
	color:rgb(117,37,166);
}

.titulo span{
	color:#D53604;
}

.bloque .section.titulo div{
	align-items: center;
	display: flex;
	justify-content:center;	
	padding:10px 10px;
}

#top-secret{
	width:110px;
	position:absolute;
	top:0px;
	left:35px;
}

#dollar{
	width:50px;
	position:absolute;
	top:0px;
	right:45px;	
}

#ToAction1.fade {
	/* -webkit-transform: rotate(2deg);transform: rotate(2deg); */
	transform:scale(1.03);
	-moz-transform: scale(1.03); /* Firefox */
	-webkit-transform: scale(1.03); /* Safari y Chrome */
	-o-transform: scale(1.03); /* Opera */
	-ms-transform: scale(1.03); /* Internet Explorer y Microsoft Edge */
	
	transition:transform .5s ease-in-out;
	-moz-transition:transform .5s ease-in-out; /* Firefox */
	-webkit-transition:transform .5s ease-in-out; /* Safari y Chrome */
	-o-transition:transform .5s ease-in-out; /* Opera */
	-ms-transition:transform .5s ease-in-out; /* Internet Explorer y Microsoft Edge */
}

#CTA-epg1.fade {
	transform:scale(1.03);
	-moz-transform: scale(1.03); /* Firefox */
	-webkit-transform: scale(1.03); /* Safari y Chrome */
	-o-transform: scale(1.03); /* Opera */
	-ms-transform: scale(1.03); /* Internet Explorer y Microsoft Edge */
	
	transition:transform .5s ease-in-out;
	-moz-transition:transform .5s ease-in-out; /* Firefox */
	-webkit-transition:transform .5s ease-in-out; /* Safari y Chrome */
	-o-transition:transform .5s ease-in-out; /* Opera */
	-ms-transition:transform .5s ease-in-out; /* Internet Explorer y Microsoft Edge */
}

/*-------------------------------------------------------------------------*/


/*---------------- CUENTA REGRESIVA -----------------*/

#intermedio{
	margin-top:20px;
	text-align:center;
}

#intermedio p{
	font-size:25px;
	padding:10px 10px;
}

#micontador{
   display: flex;
   justify-content: center;
   align-items: center;
}


#micontador .num{
   display: flex;
   flex-direction:column;
   /* border: 1px solid black; */
   margin: 0 8px;
}

#micontador .num .dig{
   overflow: hidden;
   padding: 10px;  
}

#micontador .num .dig span{
   font-family: "Arial Black";
   font-size: 2rem;
   font-weight: 800px;
   position: relative;
}

#micontador .label{
   text-align: center;
   border-top: 1px solid black;
   padding:10px;
}



/*---------- 2° cuenta regresiva -------------*/
#cuentaregre{
   display: flex;
   justify-content: center;
   align-items: center;
   color:#fff;
   padding-bottom:30px;
}

.bloque .destacar .section #cuentaregre .num{
   display: flex;
   flex-direction:column;
   /* border: 1px solid black; */
   margin: 0 8px;
}

.bloque .destacar .section #cuentaregre .num .dig{
   overflow: hidden;
   padding: 10px;
}

.bloque .destacar .section #cuentaregre .num .dig span{
   font-family: "Arial Black";
   font-size: 2rem;
   font-weight: 800px;
   position: relative;
}

.bloque .destacar .section #cuentaregre .label{
   text-align: center;
   border-top: 1px solid #fff;
   padding: 10px;
}
/*---------------------------------------------------*/


.separador{
	height:80px;
}

#contador-epg{
   display: flex;
   justify-content: center;
   align-items: center;
   color:black;
   padding-bottom:30px;
}

.bloque .section.titulo #contador-epg .num{
   display: flex;
   flex-direction:column;
   margin: 0 8px;
}

.bloque .section.titulo #contador-epg .num .dig{
   overflow: hidden;
   padding: 10px;	
}

.bloque .section.titulo #contador-epg .num .dig span{
   font-family: "Arial Black";
   font-size: 2rem;
   font-weight: 800px;
   position: relative;	
   color:rgb(117,37,166);
}

.bloque .section.titulo #contador-epg .label{
   text-align: center;
   border-top: 1px solid black;
   padding: 10px;
}


/*---------- 3° cuenta regresiva -------------*/
#regresiva{
   display: flex;
   justify-content: center;
   align-items: center;
   color:#fff;
   padding-bottom:30px;
}


.bloque .destacar .section #regresiva .num{
   display: flex;
   flex-direction:column;
   /* border: 1px solid black; */
   margin: 0 8px;
   text-align:center;
}

.bloque .destacar .section #regresiva .num .dig{
   overflow: hidden;
   padding: 10px;
}

.bloque .destacar .section #regresiva .num .dig.alterdig{
	color:#9d2742;
}

.bloque .destacar .section #regresiva .num .dig span{
   font-family: "Arial Black";
   font-size: 2rem;
   font-weight: 800px;
   position: relative;
}

.bloque .destacar .section #regresiva .label{
   text-align: center;
   border-top: 1px solid #fff;
   padding: 10px;
}

.bloque .destacar .section #regresiva .label.lblalter{
   border-top: 1px solid black;	
   color:black;
}

/*---------------------------------------------------*/


/*-------------- QUÉ INCLUYE ESTA FORMACIÓN ---------------*/

body .bloque .section .grid__doble{
	width:100%;
	display: grid;
	grid-template-columns: 2fr 2fr;
	gap:10px;
	align-items: center;	
	padding:0px 0px;
}

body .bloque .section .grid__doble .cuadrante{
	width:100%;
	height:auto;
	padding:30px 0px;
	margin:0 auto;
	display:inline-block;
	text-align:center;
	align-items:center;
}

body .bloque .section .grid__doble .cuadrante.text.epgtext{
	text-align:left;
}

body .bloque .section .grid__doble .cuadrante span{
	font-family: Montserrat;
	margin:0 auto;
	font-size:25px;
	font-weight:400;
	line-height:38px;
	padding:0px 50px;
	padding-bottom:30px;
	color:rgb(33,37,41);
}

body .bloque .section .grid__doble .cuadrante .epg-span{
	font-style:normal;
	font-size:20px;
	font-weight:500;
	line-height:35px;
	padding:0px 0px;	
	padding-bottom:30px;
	color:rgb(78,80,86);	
	text-align:left;
}

body .bloque .section .grid__doble .cuadrante.text.epgtext .img_viñeta{
	top:10px;
	width:35px;
}


body .bloque .section .grid__doble .cuadrante img{
	width:90%;
	margin:0 auto;
}

body .bloque .section .grid__doble .cuadrante .img_epg{
	width:60%;
	margin:0 auto;
}

body .bloque .section .grid__doble .cuadrante .img_epg.zoom{
	width:80%;
}


/*---------------------------------------------------------*/



/*------------------------ ZONA DESTACAR ----------------------------*/
.bloque .destacar{	
	height:auto;
	background-color:#281352; 	
	margin-top:50px;	
}

.bloque .destacar.destacarepg {
	background-color:#fef5c1;  /* #fce042; */
	padding-bottom:90px;
	margin-top:0px;
}

.bloque .destacar.destacarepg.prk{
	margin-top:-20px;
}

.bloque .destacar.destacarepg h1{
	color:#985903; 		
}

.bloque .destacar.destacarepg p{
	color:#9d2742;		
}

.bloque .destacar.destacarepg .section .items .argument{
	display:flex;
}

.bloque .destacar.destacarepg .section .items .img_viñeta_altertiva{
	width:70px;	
	height:70px;
	top:20px;
}

.bloque .destacar .section .items{
	width:70%;
	margin:0 auto;
	text-align:center;
	padding:50px 0px;	
}

.bloque .destacar.destacarepg .section .items .argument p{
	text-align:left;
}

.bloque .destacar .section .resumen{
	width:60%;
	margin:0 auto;
	padding:20px 20px;
	font-family:Roboto;
	font-style:normal;
	font-size:20px;
	font-weight:400;
	line-height:40px;
	color:#fff;
	text-align:left;	
	position:relative;
}

.ofertalogo{
	width:100px;
	position:absolute;
	bottom:25px;
	right:90px;
	transform:rotate(18deg);
}


.bloque .destacar.destacarepg .items.altertitle h1{
	color:rgb(52,9,137);
}

.lista.alterlist{
	color:#9d2742;
	font-size:20px;	
}

.lista.alterlist span{
	color:rgb(252,75,101);
}

.resumen .lista{
	list-style: none;	
}

.resumen .lista img{
	width:28px;
	align-items:center;
	vertical-align:middle;	
}

.resumen span{
	color:#FEC25B;
}

.resumen h3{
	text-align:center;
	font-size:30px;
}

#pack-movil{
	display:none;
}

#finalprice{
	color:#37F304;
}

#finalprice2{
	color:rgb(52,9,137);
}

#finalprice3{
	color:#fff;
}

#WhatsApp.fade{
	/* -webkit-transform: rotate(2deg);transform: rotate(2deg); */
	transform:scale(1.05);
	-moz-transform: scale(1.05); /* Firefox */
	-webkit-transform: scale(1.05); /* Safari y Chrome */
	-o-transform: scale(1.05); /* Opera */
	-ms-transform: scale(1.05); /* Internet Explorer y Microsoft Edge */
	
	transition:transform .5s ease-in-out;
	-moz-transition:transform .5s ease-in-out; /* Firefox */
	-webkit-transition:transform .5s ease-in-out; /* Safari y Chrome */
	-o-transition:transform .5s ease-in-out; /* Opera */
	-ms-transition:transform .5s ease-in-out; /* Internet Explorer y Microsoft Edge */	
}

#ToAction3.fade {
	/* -webkit-transform: rotate(2deg);transform: rotate(2deg); */
	transform:scale(1.03);
	-moz-transform: scale(1.03); /* Firefox */
	-webkit-transform: scale(1.03); /* Safari y Chrome */
	-o-transform: scale(1.03); /* Opera */
	-ms-transform: scale(1.03); /* Internet Explorer y Microsoft Edge */
	
	transition:transform .5s ease-in-out;
	-moz-transition:transform .5s ease-in-out; /* Firefox */
	-webkit-transition:transform .5s ease-in-out; /* Safari y Chrome */
	-o-transition:transform .5s ease-in-out; /* Opera */
	-ms-transition:transform .5s ease-in-out; /* Internet Explorer y Microsoft Edge */
}

#CTA-epg3.fade{
	/* -webkit-transform: rotate(2deg);transform: rotate(2deg); */
	transform:scale(1.03);
	-moz-transform: scale(1.03); /* Firefox */
	-webkit-transform: scale(1.03); /* Safari y Chrome */
	-o-transform: scale(1.03); /* Opera */
	-ms-transform: scale(1.03); /* Internet Explorer y Microsoft Edge */
	
	transition:transform .5s ease-in-out;
	-moz-transition:transform .5s ease-in-out; /* Firefox */
	-webkit-transition:transform .5s ease-in-out; /* Safari y Chrome */
	-o-transition:transform .5s ease-in-out; /* Opera */
	-ms-transition:transform .5s ease-in-out; /* Internet Explorer y Microsoft Edge */	
}

.items h1{
	padding:10px 10px;
	font-size:45px;
	font-weight:400;
	color:#fff;
}

.items p{
	font-family:Roboto;
	font-style:normal;
	font-size:30px;
	font-weight:400;
	line-height:40px;
	color:#fff;
	text-align:center;
	padding:20px 20px;
}

.items span{
	background-color:rgb(51,101,197);
	color:#fff;
	padding:0px 5px;
	/* color:#FEC25B; */
	font-weight:bold;
}

.items .slider .testimonios p{
	font-family:Roboto;
	font-style:normal;
	font-size:30px;
	font-weight:400;
	line-height:50px;
	color:#fff;
	text-align:center;
	padding:20px 20px;
}

.bloque .destacar .section .boton{
	display:flex;
	padding-bottom:50px;
	margin-top:40px;
}

.call_to_action{
	width: 40%;	
	display:inline-block;
	margin:0 auto;
	background-color:#FEFDE7;
	text-align:center;
	font-size:20px;
	font-weight:700;	
	color: rgb(136,0,21);  
	text-decoration: none;
	padding: var(--boton-padding-mini);
	border-radius: 40px;
}

.call_to_action:hover {
	opacity:0.6;
	transition:all .5s ease-in-out;
}

.action-epg{
	width: 40%;	
	display:inline-block;
	margin:0 auto;
	text-align:center;
	font-size:20px;
	font-weight:700;	
	text-decoration: none;
	padding: var(--boton-padding-mini);
}

.action-epg:hover {
	opacity:0.6;
	transition:all .5s ease-in-out;
}

#CTA-epg1{
	background-color:rgb(163,73,164);
	color:#fff;
	border-radius:8px;
}

#CTA-epg2{
	background-color:rgb(163,73,164);
	color:#fff;
	border-radius:8px;
}

#CTA-epg3{
	background-color:rgb(163,73,164);
	color:#fff;
	border-radius:8px;
}


/*-------------------------------------------------------------------*/



/****************** QUIÉN SOY Y PORQUÉ PUEDO AYUDARTE ***************/

.bloque .section.history .div-title{
	width:60%;
	margin:0 auto;
	text-align:center;
	padding:50px 0px;
}

.bloque .section.history .div-title h1{
	color:#D53604;
}
	

.bloque .section.history .doble{
	display:flex;	
	width:80%;	
	margin:0 auto;
}

.bloque .section.history .doble .cont_descrip{
	width:65%;
	margin:auto;
}

.bloque .section.history .doble .cont_descrip #fullancho{
	width:160%;
}

.bloque .section.history .doble .cont_img{
	width:35%;

}


.doble p{
	font-size:25px;
	line-height:35px;
	padding:0px 20px;
}

.doble span{
	color:rgb(52,9,137);
	font-size:26px;
}

#foto{
	width:100%;
	height:auto;
	filter: brightness(105%) saturate(1.05);  /* Más clara */
}

#foto_movil{display:none;}


.bloque .msjfinal{
	width:100%;
	text-align:center;
	margin-top:50px;
	background-color:rgb(209,158,115);	
}

.bloque .msjfinal p{
	width:80%;
	color:#FEFDE7;
	text-align:center;
	text-shadow:
    1px 1px 2px black,
    0 0 1em blue,
    0 0 0.2em blue;
	font-size:28px;
	line-height:45px;
	margin:0 auto;
	padding:20px 20px;
	padding-top:50px;
}

.bloque .msjfinal span{
	color: rgb(136,0,21); 
	text-shadow:
    1px 1px 2px black,
    0 0 1em #FEFDE7,
    0 0 0.2em #FEFDE7;	
	font-weight:bold;
}


/********************************************************************/


/*------------ SLIDER TESTIMONIOS -------------------*/

.bloque .destacar.epgtestimonios{
	margin-top:-20px;
	background-color:rgb(245,245,245);
}

.bloque .destacar.epgtestimonios h1{
	color:rgb(52,9,137);
}

.bloque .destacar.epgtestimonios p{
	color:rgb(78,80,86);	
}


.bloque .destacar .section .items .slider{
	margin:0;
	padding:0;
	width:100%;
	height:300px;	
	position:relative;
	text-align:center;
	margin-top:30px;
}

.bloque .destacar .section .items .slider.epgslider{
	height:600px;
}

.bloque .destacar .section .items .slider div:not(:first-child){
	width: 100%;
	display: none;
	z-index:0;
}

.img-evaluacion{
	width:70%;
	margin:0 auto;
}

.img-testimonio{
	width:70%;
	margin:0 auto;	
}

.banderas{
	width:50px;
}


.bloque .destacar .section .items .navigator{
	position:absolute;
	margin-top:0px;
	top:40%;
	left:-15%;
	width:130%;
	height:50%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px;
	z-index:100;
}

.navigator button{
	background:none;
	outline:none;
	border:none;
	color: #fff; 
	z-index:200;
}

.bloque .destacar.epgtestimonios .section .navigator button{
	color:rgb(78,80,86);	
}

.bloque .destacar.epgtestimonios .section #cuentaregre .dig{
	color:rgb(78,80,86);	
}

.bloque .destacar.epgtestimonios .section #cuentaregre .label{
	border-top-color:rgb(78,80,86);
}

.bloque .destacar.epgtestimonios .section #cuentaregre .label{
	color:rgb(78,80,86);	
}

.bloque .destacar.epgtestimonios .section .boton .call_to_action{
	background-color:rgb(52,9,137);
	color:#fff;	
}

.navigator button:hover{
	background:none;
	cursor:pointer;
	border:none;	
}

.navigator button i{
	font-size:70px;
}

.navigator button:hover i{
	color:#D8D8D8;
}

.comilla_izq{
	width:60px;
	padding-right:50px;
}

.comilla_der{
	width:60px;
	margin-left:50px;
	transform: rotate(180deg);
}

#ToAction2.fade {
	/* -webkit-transform: rotate(2deg);transform: rotate(2deg); */
	transform:scale(1.03);
	-moz-transform: scale(1.03); /* Firefox */
	-webkit-transform: scale(1.03); /* Safari y Chrome */
	-o-transform: scale(1.03); /* Opera */
	-ms-transform: scale(1.03); /* Internet Explorer y Microsoft Edge */
	
	transition:transform .5s ease-in-out;
	-moz-transition:transform .5s ease-in-out; /* Firefox */
	-webkit-transition:transform .5s ease-in-out; /* Safari y Chrome */
	-o-transition:transform .5s ease-in-out; /* Opera */
	-ms-transition:transform .5s ease-in-out; /* Internet Explorer y Microsoft Edge */
}

#CTA-epg2.fade {
	/* -webkit-transform: rotate(2deg);transform: rotate(2deg); */
	transform:scale(1.03);
	-moz-transform: scale(1.03); /* Firefox */
	-webkit-transform: scale(1.03); /* Safari y Chrome */
	-o-transform: scale(1.03); /* Opera */
	-ms-transform: scale(1.03); /* Internet Explorer y Microsoft Edge */
	
	transition:transform .5s ease-in-out;
	-moz-transition:transform .5s ease-in-out; /* Firefox */
	-webkit-transition:transform .5s ease-in-out; /* Safari y Chrome */
	-o-transition:transform .5s ease-in-out; /* Opera */
	-ms-transition:transform .5s ease-in-out; /* Internet Explorer y Microsoft Edge */
}

/*----------------------------------------------------*/



/*---------------- PROMOCIONES -----------------*/
.bloque .destacar .section.promosec{
	border:1px solid rgb(40,19,82);
	width:99%;
	margin:0 auto;	
	margin-top:20px;
}

.bloque .destacar .section .promociones{
    display: flex;
    width: 80%;
    margin: 0 auto;
	border:2px dotted rgb(235,251,155);
	box-shadow:
    1px 1px 2px black,
    0 0 1em rgb(140,82,255),
    0 0 0.2em rgb(140,82,255);		
	margin-bottom:50px;
}

.bloque .destacar .section .promociones .imgdiv {
    text-align: center;
    align-items:center;
}

.img_regalo{
	width:40px;	
}

.imgpromo {
    width:90%;
    margin:0 auto;
}

.bloque .destacar .section.promosec .prev-promo{
    width: 80%;
	margin:0 auto;
    text-align:center;
	margin-bottom:30px;
}

.bloque .destacar .section.promosec .prev-promo .Callpromo{
	color:#fff;
	font-size:27px;
	padding:20px 10px;

}
/*----------------------------------------------*/


/*----------------- ZONA DE ELIMINACIÓN DE OBJECIONES----------------*/

.bloque .delete_objetion{
	height:auto;
	background-color:#fff; 	
	display:flex;	
}

.bloque .delete_objetion div{
	width:60%;
	margin:0 auto;
	text-align:center;
	padding:100px 0px;
	display:flex;		
}

.bloque .delete_objetion div p{
	font-style:normal;
	font-size:25px;
	font-weight:500;
	line-height:50px;
	margin:auto;
	color:rgb(78,80,86);	
}

.bloque .delete_objetion span{
	background-color:rgb(252,245,20);
	padding:5px;
	color:red;
}


/*-------------------------------------------------------------------*/

/*----------------- ZONA DE CONEXIÓN EMOCIONAL----------------*/

.bloque .emotion_conect{
	height:auto;
	background-color:#fff; 	
	display:block;
	margin-top:0px;
	z-index:1;
}

.img_3D{
	width:100%;
	margin-top:-350px;
	margin-bottom:-3px;
	z-index:0;
}

#imagen-movil1{
	display:none;
}

.foto_mini{
	width:80px;
	border:6px solid rgba(138,159,244,0.4);
	border-radius:50%;
	-webkit-border-radius:50%;
	filter: brightness(115%) saturate(1.2); /* Más clara */	
}

#hello{
	display:flex;
	text-align:left;
}

#hello p{
	text-align:left; 
	margin-left:15px;
 }
 
#invitacion{
	background-color:#fff; 
	color:rgb(52,9,137); 
	font-size:25px;
	margin-left:100px;
}

#continue{
	color:rgb(52,9,137); 
	font-size:25px; 
	text-align:right; 
	padding-right:200px;
}

.img_viñeta{
	width:30px;
}

.bloque .emotion_conect .full-ancho{
	width:80%;
	margin-left:10%;
	text-align:left;
	padding:0px 0px;
	padding-top:100px;
	display:block;
	z-index:100;
}

.bloque .emotion_conect .midle-ancho{
	width:65%;
	margin-left:10%;
	text-align:left;
	display:block;
	z-index:100;
}

.bloque .emotion_conect p{
	font-style:normal;
	font-size:20px;
	font-weight:500;
	line-height:35px;
	margin:auto;
	color:rgb(78,80,86);	
}

.bloque .emotion_conect span{
	background-color:rgb(252,245,20);
	padding:5px;
	color:red;
}

/*-------------------------------------------------------------*/


/*--------------- GRID BONOS ------------------------*/

body .bloque .section .grid__bonos{
	width:100%;
	display: grid;
	grid-template-columns: 2fr 2fr;
	gap:10px;
	align-items: center;	
	padding:0px 0px;
}


body .bloque .section .grid__bonos .cuadrante{
	width:100%;
	height:auto;
	padding:30px 0px;
	margin:0 auto;		
}

body .bloque .section .grid__bonos .text{
	width:100%;
	height:auto;
	padding:30px 0px;
	margin:0 auto;	
	display:inline-block;
	text-align:left;		
}


body .bloque .section .grid__bonos .text span{
	font-family: Montserrat;		
	margin:0 auto;
	font-size:25px;
	font-weight:400;
	line-height:38px;
	padding-bottom:30px;
	color:rgb(33,37,41);
}

body .bloque .section .grid__bonos .cuadrante.text .img_viñeta_2{
	width:40px;	
}

del {
	text-decoration: line-through #f00;
}

#gratis{
	font-size:35px;	
	color: #f00;
}

body .bloque .section .grid__bonos .cuadrante img{
	width:95%;
	margin:0 auto;
}

/*---------------------------------------------------*/




/*-------------------- PLAN DE ESTUDIOS -----------------*/

.bloque .section.programa{
	width:50%;
	position:relative;
	overflow:hidden; 
	padding:40px 40px;
	box-shadow: 0 5px 15px rgba(0,0,0,.08);	
	text-align:justify;
}

.bloque .section.programa .div-title{
	width:60%;
	margin:0 auto;
	text-align:center;
	padding:10px 0px;	
}

.bloque .section.programa .div-title h1{
	color:rgb(52,9,137);
}
	

.bloque .section.programa .nombre_seccion{
	display:flex;
	width:90%;
	height:60px;
	border-radius:8px; 
	border:1px solid #B6B6B6;
	text-align:left;
	align-items: center;
	color: #340989;
	background-color:rgb(239,241,246);
	cursor:pointer;
	margin:0 auto;
}

.bloque .section.programa .nombre_seccion div{
	width:100%;
}

.nombre_seccion h3{
	padding:10px 20px;
}

.icon_min{
	position:absolute;
	top:12px;
	right:15px;
	width:20px;
}

.bloque .section.programa .cont_seccion{
	display:none;
	width:90%;
	height:auto;
	border-radius:0px 0px 8px 8px; 
	margin-top:-7px;
	border:1px solid #B6B6B6;
	background-color:#fff;
	margin:0 auto;
}

.bloque .section.programa .cont_seccion div{
	display:flex;
}

.bloque .section.programa .cont_seccion p{
	padding:15px 15px;	
}

.bloque .section.programa .cont_seccion a{
	width:98.5%;
	margin-left:0px;
	display:flex;
	padding:15px 0px;
	margin:0;
	text-align:left;
	vertical-align:center;
	align-items:center;	
	color:blue;
	text-decoration:none;
}

.fa.awesome{
	font-size:30px;
	line-height:50px;
	padding-left:10px;
	color:rgb(178,178,180);
}

.fa.awesome.right{
	font-size:20px;	
	position:absolute;
	right:20px;
}

/*-------------------------------------------------------------------------*/



/*------------------------- PREGUNTAS FRECUENTES -------------------------*/

#quiza{
	font-size:40px;
	font-weight:700;
	font-style:normal;	
	line-height:50px;
	color:#fff;	
}

#quiza-epg{
	font-size:40px;
	font-weight:700;
	font-style:normal;	
	line-height:50px;
	color:rgb(104,30,2);
}

.bloque .destacar .section .items .preguntasfreq{
	width:100%;
	margin:0 auto;
	background-color:#fff;
	border-radius:10px;
	text-align:justify;
}

.bloque .destacar .section .items .preguntasfreq .question{
	font-size:20px;
	line-height:30px;
	font-weight:600;
	padding-left:0px;
	padding-top:20px;
	padding-bottom:10px;
	/* color:rgb(40,19,82); */
	color:rgb(134,38,3);
	border-bottom:1px solid rgb(33, 37, 41);
	width:83%;
	margin:0 auto;
}

.preguntasfreq p{
	font-size:18px;
	line-height:35px;
	color:rgb(33,37,41);
	text-align:justify;
	padding:0px 50px;
	padding-top:20px;
	padding-bottom:40px;	
}

.preguntasfreq span{
	background-color:#FCD914;
	color:red;
	font-weight:bold;
}

.preguntasfreq .fa{
	color:#281352;
}


.bloque .destacar.question-epg{
	background-color:#fff;
	margin-top:-20px;	
}

.bloque .destacar.question-epg .section .items .preguntasfreq{
	background-color:rgba(254,245,193,0.6);
}

.bloque .destacar.question-epg .section .items .preguntasfreq span{
	background-color:#fff;
	color:rgb(134,38,3);
	font-weight:bold;
	padding:5px;
}


/*------------------------------------------------------------------------*/


.bloque .img_fija{
	width:100%;	 	
	padding:0px; 
}

.bloque .img_fija.fixpega{	
	background-image:url('../imagenes/Aula_VirtualBlup_Img.webp');
	background-repeat:no-repeat;
	background-size:cover;
	height:800px;	
}


/*------------------------- FORMULARIO DE MATRÍCULA ----------------------*/

#call-of-registration{
	width:70%;
	color:#281352;
	margin:0 auto;
	text-align:center;
}

#call-of-registration span{
	color:red;
}

.bloque .div-pagar{
	display:block;
	width:70%; 
	height:auto; 
	margin:0 auto;
	margin-top:50px;
	text-align: justify;
	padding-top:20px;
	padding-bottom:50px;
}

.bloque .div-pagar .div-pago{
	display:flex;
	width:74%;
	margin:0 auto;
	margin-top:10px;
}

.div-pago span{
	text-align:left;
	width:auto;
}

.bloque .div-pagar .div-pago h3{
	font-weight:400;
	padding:20px;
}



label {
    width: 100%;
    display: inline-block;
    text-align: left;
    font-size: 1.2rem;
    font-family: 'Lato';
}
input {
	width: 94%;
    border: 2px solid #ccc;
    font-size: 1.2rem;
    font-weight: 100;
    font-family: 'Lato';
    padding: 5px;
	border-radius:8px;
}

#paisOrigen {
	width: 97%;	
	height:auto;
    border: 2px solid #ccc;
    font-size: 1.2rem;
    font-weight: 100;
    font-family: 'Lato';
    padding:5px;
	border-radius:8px;	
	margin-top:2px;
}

form #dosxuno{
	display:flex;
	width:70%;
	height:auto;
	margin-top:0px;
	margin:0 auto;
}

form #dosxuno .form-dosxuno {
	width:48%;
	display:block;
    margin: 0 auto;
	margin-top:15px;
	padding:0;
}

form #dosxuno .form-dosxuno input{
	width:90%;
}

form {
    margin: 20px auto;
    padding: 20px;
    border: 5px solid #ccc;
    width: 70%;
    background: #eee;
}

form p{
	font-size:18px;
}

.bloque .div-pagar form .form-element {
	width:70%;
	height:auto;
	display:block;
    margin: 0 auto;
	padding:8px;
	position:relative;
}

/*-------- PARA EL CHECKBOX DE CUENTA PREVIA EN VIRTUALBLUP -------*/

.bloque .div-pagar form .form-element .aviso{
	padding:10px 15px;
	border-radius:15px;
	margin-top:0px;
	background-color:#fff;
}

.bloque .div-pagar form .form-element .aviso p{
	font-size:15px;
	color: #FD7E6F; /* rgb(61,40,142); */
}

#subtitle1{color:rgb(61,40,142);}
#subtitle2{color:rgb(61,40,142);}
#subtitle3{color:rgb(61,40,142);}

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"] + label:before {
	content: "";
	width: 20px;
	height: 20px;
	float: left;
	margin: 0.5em 0.5em 0 0;
	border: 2px solid #FD7E6F;
	background: #fff;
}
input[type="checkbox"]:checked + label:before {
	border-color: #FD7E6F;
	background-color:#FEE9E7;
}

input[type="checkbox"]:checked + label:after {
    content: "";
    width: 14px;
    height: 8px;
    border: 4px solid #FD7E6F;
	background-attachment:#fff;
    float: left;
    margin-left: -1.63em;
    border-right: 0;
    border-top: 0;
    margin-top: 0.7em;
    transform: rotate(-55deg);
}

input[type="checkbox"] + label {
	font-size:17px;
	line-height: 2.3em;
    color:#FD7E6F;
    cursor: pointer;
}

input[type="checkbox"] + label:hover{
	font-size:18px;
	transition: all .2s ease-in-out;	
}

input[type="checkbox"]:checked {
	color:#fff;
}

/*------------------------------------------------------------------*/

button {
	width:96%;
    padding: 10px;
    font-size: 1.3rem;
	font-family: Montserrat;
    font-weight: 100;
    background: rgb(61,40,142);
    color: white;
    border: none;
	border-radius:10px;
	margin:30px auto;
}

button:hover{
    cursor: pointer;
	background-color:#fff;
	border:1px solid rgb(61,40,142);
	color: rgb(61,40,142);
	transition: all .5s ease-in-out;
}

.bloque .div-pagar form .form-element .info_oculta{	
	width:50%;
	justify-content: center;
	background-color:#fff;
	border:1px solid #8E8E8F;
	border-radius:7px;
	z-index:200;	
}

.bloque .div-pagar form .form-element .info_oculta p{
	font-size:10px;
	padding:20px;
}

#msj-usuario{
	display:none;
	position:absolute;	
	top:15px;
	left:40%;	
}

#msj-password{
	display:none;
	position:absolute;	
	top:15px;
	left:33%;	
}

.fa.sugest{
	display:block;
	user-select: none;
	font-size:25px;
	color:#AFAEB2;
	cursor:pointer;	
	z-index:100;
}

#nusuar{
	position:absolute;
	top:0px;
	left:35%;
	z-index:1000;
}

#usuarpass{
	position:absolute;
	top:0px;
	left:26%;		
}

.viewpass{
	position:absolute;
	top:30px;
	left:90%;	
	display:block;
	user-select: none;
	font-size:30px;
	color:rgb(70,70,71);
	cursor:pointer;	
	z-index:100;	
}

.viewpass:hover{
	top:25px;
	left:89%;
	font-size:28px;
	opacity:.6;
}

#eyehide{
	z-index:200;
	display:none;
}

#oculta2{
	z-index:200;
	display:none;
}

p.success,
p.error {
    color: white;
    font-family: lato;
    background: yellowgreen;
    display: inline-block;
    padding: 2px 10px;
}
p.error {
    background: orangered;
}

select {
	width:70%;
	height:35px;
	margin-top: 15px;
	margin-bottom: 15px;
}

select:hover{
	cursor:pointer;
}

#bandera{
	width:20px;
	height:13px;
}

#banco{
	width:160px;
	height:30px;
}


.WhatsApp{
	width:40px;
	height:40px;
}

#img-diploma{
	width:100%;
	display:block;
	text-align:center;
	margin-top:40px;
}

#img-diploma p{
	font-size:23px;
	color:#281352; 
	padding:20px 20px;
	margin-bottom:20px;
}

#img-diploma img{
	width:100%;
	background-repeat:no-repeat;
	background-size:contain;
}

/*------------------------------------------------------------------------*/



footer{
	display:block;
	margin-top:0px;
	margin-bottom:-20px;
	background-color:rgb(213,213,213);
	padding:30px 0px;
}


footer .descargos{
	width:100%;
	height:auto;
	margin-bottom:0px;
	text-align:center;
	background-color:rgb(213,213,213);
}

footer .descargos p{
	width:60%;
	margin:0 auto;
	
}

#legal{
	width:30%;
	display:flex;
	margin:auto;
}

#legal a{
	text-decoration:none;
	margin:0 auto;
	padding-top:20px;
}

.ir-arriba {
	display:inline-block;
	text-align: center;
	align-items: center;
	background: rgba(99,99,99,0.5);  /* #024959; */
	font-size:30px;
	color:#fff;
	cursor:pointer;
	position:fixed;
	bottom:0px;
	right:20px;
	width:65px;
	height:40px;
	border-radius: 6px 6px 0px 0px;
	z-index:1500;
}

.ir-arriba i{
	font-weight: bold;
	text-align: center;
	line-height: 40px;
}

.ir-arriba:hover {
	background: rgba(39,39,39,0.8);
	transition: all .5s ease-in-out;
}






@media screen and (max-width:900px) {


.contactar{
	width:55px;
}

#WhatsApp{
	width:50px;
}


/*%%%%%%%%%%%% CABECERA %%%%%%%%%%%%%% */

.promesa{
	width:95%;
	margin-top:-10px;
}

#info-previa{
	width:100%;
	text-align:center;
	margin-top:-5px;
}

.socialproof{
	width:30%;
}

.epg {
	background-image:var(--background), url('../imagenes/epg_mediascreen.webp');
	z-index:1000;
	overflow: visible;
}

.calendario{
	width:85%;
	margin-top:20px;
}

#horarioepg{
	margin-top:20px;
	font-size:17px;	
}

/* ---- Del N° de edicion del curso ----*/

.ediciones #marco .ed-number{
	width:73%;
	height:40px;
	border:7px solid rgb(205,205,233);	
	position:absolute;
	top:3px;
	right:3px;
	z-index:5;
}

.ediciones #marco .ed-number h3{
	font-size:24px;
}

.ediciones #marco .ed-text{
	width:450%;
	top:40px;
	left:-130px;
	transform:rotate(42deg);	
}

.ediciones #marco .ed-text span{
	padding:7px 5px;
	font-size:12px;
}

/* ---- CÓDIGO ANTERIOR 

.ediciones{
	position:relative;
	width:100%;
	display:flex;
}

#marco{
	display:flex;
	position:absolute;
	top:0px;
	left:0px;
	height:90px;
}

.ediciones #marco .ed-number{
	display:flex;
	width:22%;
	height:70px;
	border:8px solid rgb(205,205,233);	
	transform:rotate(0);
	position:absolute;
	top:5px;
	left:8px;
}

.ediciones #marco .ed-number h3{
	font-size:44px;
}

.ediciones #marco .ed-text{
	width:83%;
	transform:rotate(0);
	position:absolute;
	top:20px;
	left:17%;
}

.ediciones #marco .ed-text span{
	display:flex;
	margin-right:5px;
	padding:10px 5px;
	font-size:20px;
}
--*/

/*--------------------------------------*/



#info-previa p{
	padding:0px 50px;
}

.promesa h1{
	font-size:30px;
	font-weight:600;
	line-height:40px;
	padding:0px 10px;
}

.promesa.promepg{
	margin-top:20px;	
}

.promesa.promepg h1{
	line-height:50px;	
}

.subtitle{
	width:80%;
	margin-top:20px;
}


.subtitle p{
	font-size:20px;
	line-height:35px;
	color:#fff;
}

.subtitle.subtitepg{
	margin-top:40px;
}

.p_PC{display:none;}
.p_movil{display:block;}


.subtitle.subtitepg p{
	font-size:25px;
	line-height:38px;
}

.promesa span{
	background-color:transparent;
	color:#FEFDE7;
	padding:0px 0px;
	text-shadow:
    1px 1px 2px black,
    0 0 1em blue,
    0 0 0.2em blue;		
}


/*%%%%%%%%%%%% CUERPO %%%%%%%%%%%%%% */


.img-complemento{
	width:70%;
	margin-top:15px;
}

.bloque .emotion_conect .full-ancho{
	width:99%;
	margin-left:0%;	
	padding-top:50px;

}

.bloque .emotion_conect .full-ancho p{
	font-size:18px;
	padding:0px 22px;
	line-height:30px;
	text-align:left;
}

.bloque .emotion_conect .midle-ancho{
	width:99%;
	margin-left:0px;
}

.bloque .emotion_conect .midle-ancho p{
	font-size:18px;
	padding:0px 22px;
	line-height:30px;
	text-align:left;	
}

.bloque .emotion_conect span{
	padding:3px;
}

#hello{
	display:block;
	text-align:center;
}

#hello p{
	text-align:center; 
	font-size:18px;
	padding:0px 20px;
 }
 
#invitacion{
	margin-left:0px;
	font-size:20px;
	padding:0px 20px;	
}

#continue{
	font-size:20px; 
	text-align:left;
	margin-left:0px;
	width:60%;
	padding-bottom:50px;
}

.img_3D{
	display:none;
}

#imagen-movil1{
	display:block;
	width:100%;
	height:320px;
	margin-top:-200px;
	z-index:0;	
	background-image:url('../imagenes/profesional ganadero movil.png');	
	background-repeat:no-repeat;
	background-size:cover;		
}

.img-conector{
	width:50px;
	top:-20px;
	left:40%;
	z-index:100;
}


.bloque .flex-div{
	width:95%;
	display: block;	
	text-align:center;
	margin:0 auto;
	margin-top:30px;
}


/*-------  FLEX EN EPG -------------*/

.bloque .epgflex{	
	padding:50px 0px;
}

.bloque .epgflex .flex-inteior{
	width:90%;
	display:block;
}

.bloque .epgflex .flex-inteior.tesoro{
	margin-top:-10px;
}

#p-flex-epg{
	font-size:20px;
	padding:30px 20px;
	padding-bottom:0px;
}

.bloque .destacar .section .items .slider.epgslider{
	height:270px;
}

.bloque .destacar.epgtestimonios .section .items .navigator{
	top:65%;
}

.icon_second{
	width:40px;
	margin-right:10px;
}

/*----------------------------------*/




.bloque .section{
	width:95%;
	margin-top:10px;
}


/*%%%%%%%%%%%% TÍTULO LLAMATIVO CON PROMESA DE TRANSFORMACIÓN %%%%%%%%%%%%%%*/
.bloque .section.titulo{
	margin-top:20px;
}

.bloque .section.titulo .div-title{
	width:95%;
	margin-top:0px;
}

.titulo h1{
	font-size:30px;
	font-weight:700;	
	line-height:40px;
}

#top-secret{
	width:130px;
	position:absolute;
	top:20px;
	left:30%;
}

.titulo p{
	font-size:20px;
	margin-top:95px;
}

.bloque .section .subtitulos.subtit-epg p{
	font-size:20px;
	line-height:30px;	
}

.bloque .section .subtitulos.subtit-epg h1{
	font-size:30px;
	font-weight:700;	
	line-height:40px;	
}

/*-------------------------------------------------------------------------*/



/*------------ EPG: PARA QUIÉN ES ESTE CURSO y boton llamado a la acción --------------*/

.bloque .section .grid__doble .cuadrante.text.epgtext{
	width:90%;
	margin:0 auto;
} 

.bloque .section .grid__doble .cuadrante.text.epgtext .epg-span{
	font-size:18px;
	line-height:27px;	
}

.action-epg{
	width: 80%;	
	font-size:18px;
	font-weight:500;	
}

/*---------------------------------------------------------*/



/*----------- PORQUÉ TOMAR ESTE CURSO --------------*/

.bloque .destacar.destacarepg .section .items .img_viñeta_altertiva{
	width:50px;	
	height:50px;
	top:8px;
}


.bloque .destacar.destacarepg .section .items .argument p{
	font-size:18px;
	line-height:25px;
}


.bloque .destacar.destacarepg.prk{
	margin-top:-10px;
}

/*--------------------------------------------------*/



/*---------------- CUENTA REGRESIVA -----------------*/

.bloque .destacar.destacarepg {
	padding-bottom:50px;
}

#intermedio{
	margin-top:0px;
	text-align:center;
	height:50px;
}

#intermedio p{
	font-size:20px;
	margin-top:10px;
}

#micontador{
	margin-top:-10px;
}

#micontador .num{
   margin: 0px;
}

#micontador .num .dig{
   padding: 0px;
}

#micontador .num .dig span{
   font-weight:700px;
}



.bloque .destacar.destacarepg #micontador{
	margin-top:40px;
}

.bloque .destacar.destacarepg #micontador .num{
	   margin: 0 8px;
}

.bloque .destacar.destacarepg #micontador .dig{
	text-align:center;
}


/*---------- 2° cuenta regresiva -------------*/
#cuentaregre{
   padding-bottom:10px;
}

.bloque .destacar .section #cuentaregre .num{  
   margin: 0 8px;
}

.bloque .destacar .section #cuentaregre .num .dig{
	text-align:center;
   padding: 0px;
}

.bloque .destacar .section #cuentaregre .num .dig span{
   font-weight: 700px;
}


#contador-epg{
   padding-bottom:0px;
   margin-bottom:0px;
}

.bloque .section.titulo #contador-epg .num{
    margin: 0px;
}

.bloque .section.titulo #contador-epg .num .dig{
   padding: 0px;	
}

/*---------------------------------------------------*/


/*---------- 3° cuenta regresiva -------------*/
#regresiva{
   padding-bottom:10px;
}

.bloque .destacar .section #regresiva .num{
   margin: 0 8px;
}

.bloque .destacar .section #regresiva .num .dig{
   padding: 0px;
}

.bloque .destacar .section #regresiva .num .dig span{
   font-weight: 700px;
}

/*---------------------------------------------------*/


/*-------------- QUÉ INCLUYE ESTA FORMACIÓN ---------------*/

body .bloque .section .grid__doble{
	width:95%;
	display: grid;
	grid-template-columns: 1fr;
	gap:0px;
}

/*  Para el curso PEGA    */
body .bloque .section .grid__doble .cuadrante:nth-child(1){	
	grid-row: 3 / 4;
}

body .bloque .section .grid__doble .cuadrante:nth-child(2){	
	grid-row: 1 / 2;
}

body .bloque .section .grid__doble .cuadrante:nth-child(3){	
	grid-row: 5 / 6;
}

body .bloque .section .grid__doble .cuadrante:nth-child(4){	
	grid-row: 7 / 8;
}

body .bloque .section .grid__doble .cuadrante:nth-child(5){	
	grid-row: 11 / 12;
}

body .bloque .section .grid__doble .cuadrante:nth-child(6){	
	grid-row: 9 / 10;
}

body .bloque .section .grid__doble .cuadrante:nth-child(7){	
	grid-row: 13 / 14;
}

body .bloque .section .grid__doble .cuadrante:nth-child(8){	
	grid-row: 15 / 16;
}

body .bloque .section .grid__doble .cuadrante:nth-child(9){	
	grid-row: 19 / 20;
}

body .bloque .section .grid__doble .cuadrante:nth-child(10){	
	grid-row: 17 / 18;
}

body .bloque .section .grid__doble .cuadrante:nth-child(11){	
	grid-row: 21 / 22;
}

body .bloque .section .grid__doble .cuadrante:nth-child(12){	
	grid-row: 23 / 24;
}

body .bloque .section .grid__doble .cuadrante:nth-child(13){	
	grid-row: 27 / 28;
}

body .bloque .section .grid__doble .cuadrante:nth-child(14){	
	grid-row: 25 / 26;
}

body .bloque .section .grid__doble .cuadrante:nth-child(15){	
	grid-row: 29 / 30;
}

body .bloque .section .grid__doble .cuadrante:nth-child(16){	
	grid-row: 31 / 32;
}

body .bloque .section .grid__doble .cuadrante:nth-child(17){	
	grid-row: 35 / 36;
}

body .bloque .section .grid__doble .cuadrante:nth-child(18){	
	grid-row: 33 / 34;
}



/*    Para el curso EPG     */

body .bloque .section .grid__doble.doblepg{	
	margin-top:-50px;
	padding-top:0px;
}

body .bloque .section .grid__doble.doblepg .cuadrante:nth-child(1){	
	grid-row: 3 / 4;
}

body .bloque .section .grid__doble.doblepg .cuadrante:nth-child(2){	
	grid-row: 1 / 2;
}

body .bloque .section .grid__doble.doblepg .cuadrante:nth-child(3){	
	grid-row: 7 / 8;
}

body .bloque .section .grid__doble.doblepg .cuadrante:nth-child(4){	
	grid-row: 5 / 6;
}

body .bloque .section .grid__doble.doblepg .cuadrante:nth-child(5){	
	grid-row: 11 / 12;
}

body .bloque .section .grid__doble.doblepg .cuadrante:nth-child(6){	
	grid-row: 9 / 10;
}

body .bloque .section .grid__doble.doblepg .cuadrante:nth-child(7){	
	grid-row: 15 / 16;
}

body .bloque .section .grid__doble.doblepg .cuadrante:nth-child(8){	
	grid-row: 13 / 14;
}

body .bloque .section .grid__doble.doblepg .cuadrante:nth-child(9){	
	grid-row: 19 / 20;
}

body .bloque .section .grid__doble.doblepg .cuadrante:nth-child(10){	
	grid-row: 17 / 18;
}

body .bloque .section .grid__doble.doblepg .cuadrante:nth-child(11){	
	grid-row: 23 / 24;
}

body .bloque .section .grid__doble.doblepg .cuadrante:nth-child(12){	
	grid-row: 21 / 22;
}


/*   fin grid doble    */



body .bloque .section .grid__doble .cuadrante{
	padding:0px 0px;
	padding-top:10px;
}

body .bloque .section .grid__doble .cuadrante .separador{
	display:block;
	height:40px;	
	width:100%;
}

body .bloque .section .grid__doble .cuadrante span{
	font-size:18px;
	line-height:28px;
	padding:0px 0px;
}

#msjformacion{
	font-size:20px;
	margin-top:0px;
	line-height:30px;
	padding-bottom:30px;
}

/*---------------------------------------------------------*/



/*--------------- ZONA DESTACAR PARA TESTIMONIOS ----------------------*/
.bloque .destacar .section .items{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:50px 0px;
}

.bloque .destacar .section .resumen{
	width:100%;
	font-size:18px;
	line-height:25px;
	padding:20px 0px;
}

.resumen .lista li{
	padding:10px 10px;
}

.resumen span{
	color:#FEC25B;
	padding:0px 0px;
}

.resumen h3{
	text-align:center;
	font-size:25px;
	margin-top:5px;
}

#pack-pc{
	display:none;
}

#pack-movil{
	display:block;
	width:90%;
	margin:0 auto;
}

#sub-resumen{
	/* margin-top:-50px; */
}



#finalprice{
	color:#37F304;
}


.items h1{
	padding:10px 10px;
	font-size:30px;
	font-weight:400;
	line-height:40px;
	color:#fff;
}

.bloque .destacar .section .items p{
	font-family: Montserrat;
	font-size:20px;
	font-weight:400;
	line-height:30px;
	padding:0px 20px;
}

.items span{
	/* No cambian las propiedades */
}

.bloque .destacar .section .items .slider .testimonios p{
	font-family:Roboto;
	font-size:20px;
	line-height:30px;
	padding:0px 20px;
}

.bloque .destacar .section .boton{
	display:flex;
	padding-bottom:0px;
	margin-top:100px;
}

#divboton2{
	margin-top:-25px;
	padding-bottom:20px;
}

#divboton3{
	margin-top:5px;
}

.call_to_action{
	width: 80%;	
	font-size:15px;
	font-weight:800;	
	border-radius:8px;
}

/*-------------------------------------------------------------------*/


/*------------ SLIDER TESTIMONIOS -------------------*/

.bloque .destacar .section .items .slider{
	margin:0;
	padding:0;
	width:100%;
	height:300px;	
	position:relative;
	text-align:center;
	margin-top:30px;
}


.bloque .destacar .section .items .navigator{
	top:50%;
	left:-7px;
	width:100%;
	height:10%;
	padding:5px;
}

.fa.anterior{
	font-size:35px;
}

.fa.siguiente{
	font-size:35px;
}

.navigator button:hover{
	background:none;
	cursor:pointer;
	border:none;	
}

.navigator button:hover i{
	color:#D8D8D8;
}

.comilla_izq{
	width:40px;
	padding-right:10px;
}

.comilla_der{
	width:40px;
	margin-left:10px;
}


/*----------------------------------------------------*/


/*----------------- ZONA DE ELIMINACIÓN DE OBJECIONES----------------*/

.bloque .delete_objetion{
	height:auto;
}

.bloque .delete_objetion div{
	width:90%;
	padding:50px 0px;		
}

.bloque .delete_objetion div p{
	font-size:20px;
	font-weight:400;
	line-height:35px;	
}
/*-------------------------------------------------------------------*/


/*--------------- GRID BONOS ------------------------*/

#msjbonos{
	margin-top:-10px;
	line-height:30px;
}

body .bloque .section .grid__bonos{
	display: grid;
	grid-template-columns: 1fr;
	gap:0px;
	margin-top:20px;
}


body .bloque .section .grid__bonos .cuadrante{
	padding:0px 0px;
	display:block;
	text-align:center;	
}

body .bloque .section .grid__bonos .cuadrante:nth-child(1){	
	grid-row: 3 / 4;
}

body .bloque .section .grid__bonos .cuadrante:nth-child(2){	
	grid-row: 1 / 2;
}

body .bloque .section .grid__bonos .cuadrante:nth-child(3){	
	grid-row: 7 / 8;
}

body .bloque .section .grid__bonos .cuadrante:nth-child(4){	
	grid-row: 5 / 6;
}

body .bloque .section .grid__bonos .cuadrante.text{
	width:100%;
	height:auto;
	padding:30px 0px;
	padding-top:10px;
	margin:0 auto;	
	display:inline-block;
	text-align:center;		
}

body .bloque .section .grid__bonos .cuadrante.text span{
	font-size:20px;
	font-weight:400;
	line-height:28px;
	padding-bottom:30px;
}


#gratis{
	font-size:25px;	
}

body .bloque .section .grid__bonos .cuadrante img{
	width:90%;
	margin:0 auto;
}

body .bloque .section .grid__bonos .cuadrante .separador{
	display:block;
	height:30px;	
	width:90%;	

}

/*---------------------------------------------------*/


.ofertalogo{
	width:80px;
	position:relative;
	top:0;
	left:35%;
	transform:rotate(18deg);
}

/*---------------- PROMOCIONES -----------------*/
.bloque .destacar .section.promosec{
	border:1px solid rgb(40,19,82);
	width:99%;
	margin:0 auto;	
	margin-top:20px;
}

.bloque .destacar .section.promosec .resumen h3{
	font-size:23px;
	padding:0px 10px;
}

.bloque .destacar .section .promociones{
    display: block;
    width: 95%;
    margin: 0 auto;
}

.bloque .destacar .section.promosec .prev-promo{
    width: 99%;
}

.bloque .destacar .section.promosec .prev-promo .Callpromo{
	font-size:18px;
	padding:30px 15px;
}

.img_regalo{
	width:30px;	
}

/*----------------------------------------------*/



/*-------------------- PLAN DE ESTUDIOS -----------------*/

.bloque .section.programa{
	width:100%;
	padding:30px 0px;
}

.bloque .section.programa .div-title{
	width:90%;	
}

.nombre_seccion h3{
	font-size:15px;
	font-weight:500;
	padding:10px 10px;
	padding-right:25px;
}

.bloque .section.programa .cont_seccion div{
	align-items:center;
}

.bloque .section.programa .cont_seccion p{
	font-size:15px;
	padding:10px 5px;
	padding-right:30px;
}

.icon_min{
	right:10px;
}


.fa.awesome{
	font-size:20px;
}

.fa.awesome.right{
	right:10px;
}

#img-diploma{
	margin-top:20px;
}

#img-diploma p{
	font-size:20px;
}

#img-diploma img{
	width:90%;
}

/*-------------------------------------------------------------------------*/


/*-------------------- QUIEN SOY Y POR QUÉ PUEDO AYUDARTE -----------------*/

.bloque .section.history .div-title{
	width:100%;
}

.bloque .section.history .doble{
	width:100%;	
	display: grid;
	grid-template-columns: 1fr;	
	gap: 10px;	
}

.cont_img:nth-child(2n+3){
	grid-row: 1/2;
}

.cont_descrip:first-child{
    grid-row: 3/4;	
}

#foto{display:none;}
#foto_movil{
	display:block;
	width:80%;
	margin:0 auto;
	filter: brightness(108%) saturate(1.05); /* Más clara */
	border-radius:50%;
	border:10px solid #fff;
}

.bloque .section.history .doble .cont_descrip{
	width:100%;	
}

.bloque .section.history .doble .cont_descrip #fullancho{
	width:100%;
}

.bloque .section.history .doble .cont_img{
	width:100%;	
}

.doble .cont_descrip p{
	font-size:18px;
	line-height:25px;
	text-align:center;
	padding:0px 20px;
}

.doble span{
	font-size:20px;
}



/*------------------------- PREGUNTAS FRECUENTES -------------------------*/

#quiza{
	font-size:30px;
	font-weight:700;
	font-style:normal;	
	line-height:40px;
	color:#fff;	
}

#quiza-epg{
	font-size:30px;
	font-weight:700;
	line-height:40px;
}	

.bloque .destacar.question-epg{
	margin-top:0px;	
}

.bloque .destacar .section .items .preguntasfreq{
	width:90%;
}

.bloque .destacar .section .items .preguntasfreq .question{
	font-size:15px;
	line-height:20px;	
}

.bloque .destacar.question-epg .section .items .preguntasfreq .question{
	color:rgb(104,30,2);
}

.bloque .destacar .section .items .preguntasfreq p{
	font-size:15px;	
	line-height:20px;
	padding-top:20px;
	padding-bottom:20px;	
}

/*------------------------------------------------------------------------*/



.bloque .img_fija.fixpega{	
	background-image:url('../imagenes/img_contexto.webp');
	background-repeat:no-repeat;
	background-size:contain;
	height:400px;	
}


/*------------------------- FORMULARIO DE MATRÍCULA ----------------------*/

#call-of-registration{
	width:90%;
}

.bloque .div-pagar{
	width:100%; 
	margin-top:10px;
	position:relative;
}

.bloque .div-pagar .div-pago{
	width:100%;
	display:flex;
}

form {
    padding:0;
    width: 96%;
}

form #dosxuno{
	display:block;
	width:90%;
}

form #dosxuno .form-dosxuno {
	width:91%;
	margin-top:0px;
}

form #dosxuno .form-dosxuno label{
	margin-left:2px;
}

form #dosxuno .form-dosxuno input{
	margin-left:2px;
}

.bloque .div-pagar form .form-element {
	width:80%;
	padding:8px;
	z-index:1200;
}

.bloque .div-pagar form .form-element .aviso{
	width:95%;
	margin:0 auto;
	margin-left:-10px;
	margin-top:10px;
}

.bloque .div-pagar form .form-element .aviso label{
	line-height:25px;
}

.div-pago span{
	margin-left:0px;
}

.bloque .div-pagar form .form-element .info_oculta{
	width:200px;
	left:20%;	
}

#msj-usuario{
	top:-100px;
	left:0px;
}

#msj-password{
	top:-100px;
	left:0px;	
}

.fa.sugest{
	left:88%;
}

#nusuar{
	left:75%;	
}

#usuarpass{
	left:56%;		
}


/*  el aviso por si tiene cuenta previa */

input[type="checkbox"]:checked + label:after {
    margin-top: -0.7em;
}

/*------------------------------------------------------------------------*/



footer .descargos p{
	font-size:13px;
	width:87%;	
	margin-top:20px;
}


#legal{
	width:100%;
	display:grid;
	grid-template-columns: 1fr;	
	gap:0px;
}

#legal a{
	width:100%;
}



/*-------------------------------------------------------------------------*/





}