#header, #header2, #header3, #header4{
    width: 100%;
    height: auto;
    background-color: #000000;
    position: relative;
    /* background-image: url(../images/background-hero.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* margin-top: 0; */
    /* top: 0; */
    padding: 0;
    border-bottom: 0px #ffffff solid;
}

#header2{
    height: auto;
    /* border: solid red 1px; */
}

#header3{
    height: 139vh;
    border-bottom: 1px red solid;
}

#header4{
    height: 61vh;
    border-bottom: 0px #03A9F4 solid;
}

.contenedor1Header{
	display: flex;
	position: absolute;
	width: 90%;
	left: 5%;
	padding: 0;
	/* background-color: #0080009c; */
	top: 1em;
	justify-content: space-between;
	z-index: 3;
}

.logoIni{
	width: 100%;
	background-image: url(../images/Logo-Internacional.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	height: 18vh;
	/* background-color: blue; */
	max-width: 250px;
}

.cursoIni{
	width: 100%;
	/* background-color: #ffffff26; */
	max-width: 600px;
	margin-top: 5em;
}

.bntWP{
	position: fixed;
	top: 74vh;
	right: 0em;
	z-index: 10;
	width: 100%;
	max-width: 210px;
	height: 3em;
	cursor:pointer;
	transition: background-color 0.6s ease;
	background-image:url(../images/btnWA.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center right;
	/* background-color: red; */
}

.bntWP:hover{
	filter: drop-shadow(0px 0px 7px red);
}


.contenedorCursoIni{display: flex;/* margin-top: 2em; */width: 100%;/* float: right; *//* background-color: #f0ffff99; */}


.box1CursoIni{width: 100%;/* background-color: red; *//* text-align: center; */}

.box2CursoIni{width: 38%;/* background-color: aqua; */display: flex;gap: 4%;justify-content: center;}

.titCursoIni{font-size: 2em;color: #fff;display: block;/* background-color: aquamarine; */line-height: 1.0em;font-weight: 500;}


.texto1CursoIni{color: #fff;display: block;line-height: 1.8em;/* background-color: aqua; */}

.texto2CursoIni{color: #fff;font-size: 0.8m;}

.btnCursoIni{
	background-color: #ffffff00;
	margin: 1em 0em;width: 140px;
	padding: 0.6em 1em;
	color: #00a1ff;
	border-radius: 6px;
	border: 1px solid #00a1ff;
	cursor: pointer;
}

.btnCursoIni:hover{
	background-color: #00a1ff;
	margin: 1em 0em;width: 140px;
	padding: 0.6em 1em;
	color: #fff;
	border-radius: 6px;
	border: 1px solid #00a1ff;
	cursor: pointer;
}


.imgCursoIni{
	width: 130px;
	height: 130px;
	background-size: contain;
	background-repeat: no-repeat;
	/* background-color: azure; */
	border-radius: 50%;
	border: solid 2px white;
}

.contenedorMenu{
	position: absolute;
	top: 1em;
	right: 5%;
	/* background-color: red; */
	width: 90%;
	/* display: table; */
	z-index: 4;
	/* display: none; */
}



.carruselForma{
	height: 30vh;
	bottom: -1px;
	width: 100%;
	background-position: 0px 0px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	border: 0px solid red;
	ed; */
	/* opacity: 0.9; */
}


.carruselMultiply, .carruselMultiply2, .carruselMultiply5{
	height: 100vh;
	width: 100%;
	background-color: #9797977d;
	mix-blend-mode: multiply;
	position: absolute;
	/* display: none; */
}

.carruselMultiply2{
	height: 80vh;
}



.carruselcursos{position: relative;top: 0px;/* margin-bottom: 9em; */box-sizing: border-box;margin-bottom: 2em;}

.boxContenido1{
	position: relative;
	display: flex;
	margin: auto;
	width: 100%;
	/* max-width: 1000px; */
	gap: 2%;
	padding: 6em;
	background-color: #fff;
}

.boxContenidoReverse{
		flex-direction: row-reverse;
}

.boxImg{width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}

.boxInfo{
	width: 100%;
	padding: 2em;
	display: flex;
	flex-direction: column;
}
.itemCursos,.itemCursos2, .itemCursos5{
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f3f3f3;
	padding: 0em;
	width: 100%;
	/* max-width: fit-content; */
	border: solid 0em #a10e0e;
	/* margin: 1%; */
}

.itemCursos2{
	height: 80vh;
}

.detalleCursos,.detalleCursos2,.detalleCursos5{
	top: 32vh;
	width: 80%;
	left: 10%;
	/* background-color: #3d53b680; */
	padding: 2em 4em;
	color: #fff;
	position: absolute;
	/*text-shadow: #9b9b9b 0px 0 10px;
	mix-blend-mode: hard-light;*/
	z-index: 43;
}

.detalleCursos2{
		width: 44%;
		left: 5%;
		top: 37vh;
		background-color: transparent;
}

.detalleCursos5{
		top: 20vh;
}

.imgCursosIni, .imgCursosIni2, .imgCursosIni4, .imgCursosIni5{
	height: 100vh;
	width: 100%;
	background-position: center;
	background-size: cover;
	/* background-blend-mode: saturation; */
	/* filter: grayscale(1); */
}

.imgCursosIni2{
	height: 80vh;
}

.imgCursosIni4{
	height: 130vh;
}

.carruselMultiply5, .imgCursosIni5, .itemCursos5{
		height: 60vh;
}

/*BANNNER*/
.contenedorBanner{
	
}


.texto1Bannerini1{font-size: 2em;text-align: center;font-weight: 300;line-height: 1.2em;/* background-color: red; *//* text-transform: uppercase; */letter-spacing: 0px;}

.texto1Bannerini2{
	font-size: 2.0em;
	font-weight: 600;
	text-align: center;
	line-height: 1.2em;
	/* background-color: green; */
	letter-spacing: 5px;
	text-transform: uppercase;
}

.texto1Bannerini3{
	font-size: 1.1em;
	text-align: center;
	line-height: 1.4em;
	/* background-color: blue; */
	width: 100%;
	max-width: 700px;
	margin: auto;
}

.texto1Bannerini3 span{font-weight: 900;color: red;}

.texto1Bannerini4{
	text-align: center;
	margin: 1em;
}
.texto1Bannerini4 a{
	font-size: 1.0em;
	font-weight: 100;
	letter-spacing: 3px;
	text-align: center;
	line-height: 2.2em;
	background-color: red;
	display: inline;
	/* margin: 1em; */
	color: #fff;
	padding: 0.4em 0.8em;
}


.mySlides {display: none}
.mySlides2 {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  /* max-width: 1000px; */
  position: relative;
  margin: auto;
  width: 100%;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 0%;
  width: 22px;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0%;
  border-radius: 3px 0 0 3px;
  left: auto;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}



.titulo1Ini{
	margin-top: 0em;
	background-color: #e60410;
	padding: 0.4em 0.41em;
	width: fit-content;
	text-align: left;
	font-weight: 200;
	font-size: 1.4em;
	color: #ffffff;
	line-height: 1em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.titulo1IniB{
	margin-top: 0em;
	/* background-color: red; */
	padding: 0;
	width: 100%;
	text-align: left;
	font-weight: 700;
	font-size: 1.2em;
	color: #726a6a;
	line-height: 1em;
	/* line-height: 3em; */
}

.titulo1IniC{
	margin-bottom: 1em;
	background-color: #00a1ff;
	padding: 0.5em;
	width: 100%;
	text-align: left;
	font-weight: 700;
	font-size: 1.8em;
	color: #fff;
	line-height: 1em;
	height: auto;
	border-radius: 4px;
}

.imgIni1 img{
	width: 100%;
}

.contenedorContenido{
	width: 80%;
	margin-top: 2em;
	padding: 2em;
	/* background-color: #dfdfdf; */
}

.textoparrafo{
	text-align: justify;
	line-height: 1.6em;
	color: #676767;
}

.textoparrafo ul{
	/* text-align: justify; */
	/* line-height: 1.6em; */
	list-style-type: disc;
	margin-left: 1em;
}

.textoparrafo li{
	text-align: left;
	line-height: 1.6em;
}

.contenedorBox1{
	display: flex;
	gap: 5%;
	align-items: stretch;
	margin-top: 2em;
}

.contenedorBox1B{
	/* display: flex; */
	/* gap: 0%; */
	/* align-items: stretch; */
	margin-left: 2%;
	width: 48%;
}

.tituloContenedorBox1B{
	width:100%;
	height: 5.2em;
}

.titulo2Ini{
	width: 100%;
	text-align: left;
	background-color: red;
	/* margin: 1em 0em 0.5em 0em; */
	padding: 1em 0em;
	color: #242424;
	font-weight: 700;
	font-size: 1.1em;
	line-height: 1em;
}


.titulo2IniB{
	width: 100%;
	/* background-color: red; */
	font-weight: 700;
	line-height: 1em;
	color: #726a6a;
	font-size: 1.8em;
	text-align: center;
	margin: 0;
	padding: 0;
}

.imgIni2{
	width:100%;
	/* margin: 2em 0em; */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: black;
	height: 20em;
}

.contenedorLogos{background-color: #000000;padding: 1em 2em 0em 2em;}

.boxLogos{display: flex;gap: 2%;justify-content: center;width: 70%;margin: auto;}

.boxLogos img{width: 23%;border-radius: 0px;}


#footer{background-color: #000;width: 100%;position: relative;text-align: center;}

.footer{background-color: #000;width: 100%;}

.footer .col1{width: 100%;background-color: #000;padding: 2em 2em 4em 2em;margin: auto;}

.logoFooter{
	width: 80%;
	background-image: url(../images/LogoBlanco.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	height: 9em;
	/* background-color: red; */
	position: relative;
	margin: auto;
	margin-bottom: 1em;
}

.lineaFooter{height: 1px;background-color: #ffffff3d;position: relative;top: 22%;width: 70%;left: 15%;margin: auto;/* margin-top: -6%; *//* margin: auto; */position: absolute;}

.contenedorMenuFooter{margin-bottom: 1em;/* background-color: blue; */display: flex;width: 100%;margin: auto;margin-bottom: 2em;gap: 4%;justify-content: center;flex-wrap: wrap;max-width: 700px;}

.menuColumna1{width: 30%;/* background-color: aqua; */}

.menuColumna2{width: 30%;/* background-color: aqua; */}

.menuColumna3{width: 30%;/* background-color: aqua; */}

.contenedorMenuFooter ul{text-align: center;}

.contenedorMenuFooter li{
	color: #ffffffc4;
	line-height: 2.8em;
	font-size: 0.7em;
	text-align: center;
}

.contenedorMenuFooter li span{
	font-size: 1.1em;
	color: #00a1ff;
	font-weight: 700;
}

.contenedorMenuFooter li a{
	/* font-size: 0.7em; */
	color: #ffffffb5;
}

.contenedorMenuFooter li a:hover{
	color: #ffffff;
}

.contenidoFooter{
	width: 100%;
	/* background-color: red; */
	position: relative;
	margin: auto;
	display: flex;
	justify-content: end;
	font-size: 0.8em;
	color: #fff;
	margin-top: 5em;
	max-width: 800px;
}

.menuColumna4{
	width: 100%;
	text-align: initial;
	display: flex;
	gap: 8%;
	padding-top: 2em;
}

.menuColumna4 span{
	/* width: 90%; */
	margin-bottom: 1em;
	font-size:0.9em;
}



.menuColumna4 span a{
	font-size: 0.7em;
	color: #ffffffb5;
}

.menuColumna4 span a:hover{
	color: #ffffff;
}

.menuColumna5{
	width: 100%;
	text-align: right;
}

.menuColumna5 ul{
	width: 100%;
	display: flex;
	gap: 4%;
	justify-content: end;
}

.menuColumna5 ul li a{
	color:#fff
}




/*CURSOS*/


.contenedorCursos{width: 100%;margin-bottom: 2em;margin-top: 2em;display: flex;flex-wrap: wrap;gap: 2%;max-width: 1200px;}
.box1Cursos{width: 23%;margin-bottom: 4em;border: solid 1px white;padding: 1em;}
.tituloCursos{text-align: left;padding: 1em 0em;font-weight: 600;font-size: 0.9em;color: #313131;font-weight: 900;}

.imgCursos{
	height: 13em;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	position: relative;
}

.popular{
	position: absolute;
	width: auto;
	background-color: red;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.6em;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 0.4em;
	top: 8px;
	left: 8px;
}

.precioCursos{
	position: absolute;
	background-color: #00000080;
	width: 100%;
	text-align: right;
	padding: 1em;
	bottom: 1em;
	color: #fff;
	font-weight: 600;
}

.contenidoCursos{
	text-align: justify;
	padding: 0em 0em;
	font-size: 0.7em;
	line-height: 1.6em;
	color: #313131;
	min-height: 11em;
}

.btnCursos a, .btnCursosL{
	background-color: #0056d4;
	text-align: center;
	padding: 0.8em 1.4em;
	font-size: 0.7em;
	text-transform: uppercase;
	letter-spacing: 6px;
	/* width: auto; */
	color: #ffffff;
	font-weight: 600;
	cursor: pointer;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.btnCursosL{
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}

.btnCursos a:hover, .btnCursosL:hover{
	color: #03A9F4;
	background-color: #303091;
}


.modalidadCursos{
	text-transform: uppercase;
	text-align: left;
	font-size: 0.7em;
	font-weight: 900;
	padding: 0.4em 0em;
	color: #0056d4;
	letter-spacing: 2px;
	min-height: 8vh;
}

/*LANDING*/


.contenedorCursosL{width: 100%;margin-bottom: 2em;margin-top: 2em;display: flex;/* flex-wrap: wrap; */gap: 4%;max-width: 1200px;}
.box1CursosL{width: 100%;margin-bottom: 4em;border: solid 1px red;padding: 0.8em;}
.tituloCursosL{text-align: left;padding: 1em 0em;font-weight: 600;font-size: 0.9em;color: #ffffff;font-weight: 900;}

.contenedorBannerL{padding: 3em 0em;background-color: #000000;}


.itemCursosL{
	height: 70vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f3f3f3;
	padding: 0em;
	width: 100%;
	/* max-width: fit-content; */
	border: solid 0em #a10e0e;
	/* margin: 1%; */
}


.imgCursosIniL{
	height: 70vh;
	width: 100%;
	background-position: center;
	background-size: cover;
}



/*BANNER INFO */

.bannerInfo{
	height: 30em;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	padding: 4em;
	display: flex;
}

.contenidoBannerInfo{
    /* background-color: red; */
    width: fit-content;
    left: 0%;
    top: 0%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: left;
}

.titulo1BannerInfo{
	/* background-color: aqua; */
	padding: 0.4em 1em;
	font-weight: 800;
	font-size: 2.0em;
	color: #fff;
	line-height: 1em;
	text-align: left;
}


.titulo2BannerInfo{color: #fff;font-size: 0.9em;text-align: left;padding: 0em 2em;}

.btnBannerInfo{
	/* background: red; */
	border: solid 2px white;
	width: 100%;
	max-width: 200px;
	padding: 1em;
	margin-top: 2em;
	margin-left: 2em;
	color: #fff;
	border-radius: 0px;
	font-size: 1.0em;
	cursor: pointer;
	text-transform: uppercase;
	transition: background-color 0.6s ease;
}

.btnBannerInfo:hover{
	background: #303091;
	border: solid 2px #00a1ff;
}


/*AULA*/

.boxLogoAula{
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left center;
		background-image: url(../images/LogoSigaWhite.png);
		position: relative;
		height: 10em;
		width: 100%;
}


/*CONTACTO*/

.contenedorContacto{width: 35%;display: flex;gap: 0%;flex-wrap: wrap;margin-top: 0em;/* align-items: self-end; *//* max-width: 1200px; *//* background-color: #fa80725e; */position: absolute;z-index: 2;top: 38vh;left: 50%;box-sizing: border-box;}

.mapaContacto{width: 50%;padding: 2%;}

.mapaContacto iframe{width: 100%;height: 30em;}

.formContacto{width: 100%;padding: 8% 5% 8% 5%;position: relative;margin-top: -4em;background-color: #ffffff33;}

.imgPromo{
	position: absolute;
	height: 7em;
	width: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	top: -6em;
	/* background-color: black; */
	display: none;
}


.textPromo{
	position: absolute;
	height: auto;
	padding: 0.6em 1.3em;
	width: 100%;
	top: -3em;
	background-color: red;
	color: #fff;
	border-radius: 18px;
	-ms-transform: rotate(20deg); /* IE 9 */
	transform: rotate(-4deg);
	font-weight: 700;
	font-size: 1.5em;
	line-height: 0.9em;
	margin-top: 0em;
	/* margin-left: 4em; */
	max-width: 582px;
}

.textPromo span{
	font-size: 1.3em;
	letter-spacing: -4px;
}

.contenidoContacto{/* width: 100%; *//* margin-top: 2em; *//* margin-bottom: 2em; *//* background-color: red; */}

.tituloContacto{width: 100%;/* background-color: red; */padding: 0.8em;color: #ffffff;font-size: 1.2em;font-weight: 500;}

.iconosContacto{/* display: flex; */line-height: 1.4em;}

.iconosContacto ul{display: flex;width: 100%;justify-content: center;gap: 3%;text-align: center;}

.iconosContacto ul a{
	color: #ffffff;
	font-size: 0.8em;
	text-align: center;
	line-height: 0.2em;
}

.iconosContacto ul a svg{
	font-size: 1.4em;
	line-height: 0.8em;
	/* background-color: red; */
	margin-bottom: 0.8em;
}

.redesContacto{margin-top: 1em;}

.redesContacto ul{
	display: flex;
	width: 100%;
	gap: 1%;
	justify-content: center;
}

.redesContacto li a{
	color: #ffffff;
	font-size: 1.6em;
}


/* DETALLE CURSO */


	.regresarCurso{
		background-color: #f7f7f7;
		width: 100%;
		padding: 0.6em;
	}


.contenedorDetalleCurso{display: flex;width: 100%;max-width: 1000px;gap: 4%;margin-top: 0em;margin-bottom: 0em;/* flex-wrap: wrap; */align-items: baseline;}

.contenedorInfoCurso{/* background-color: #d9d9d940; */padding: 1em;width: 48%;}

.contenedorInfoCursoB{
	padding: 2em;
	width: 100%;
	margin: auto;
	max-width: 750px;
	background-color: #d9d9d940;
	margin-top: 2em;
	margin-bottom: 2em;
	border-radius: 5px;
}

.tituloCurso{
	color: #5a5a5a;
	text-align: left;
	/* background-color: red; */
	padding: 0.5em 0em;
	font-weight: 600;
	font-size: 1.2em;
}

.titulo2Curso{
	color: #000;
	text-align: left;
	/* background-color: #ff00008f; */
	padding: 0.3em 0em;
	font-weight: 500;
	font-size: 1em;
}

.autorCurso{
	color: #484848;
	text-align: left;
	/* background-color: #ff00008f; */
	padding: 0.3em 0em;
	font-weight: 500;
	font-size: 0.7em;
}

.boxCertificadoCurso{background-color: #e3e3e3;border-radius: 9px;/* display: flex; *//* justify-content: center; *//* gap: 4%; */padding: 0.8em;margin-bottom: 1em;margin-top: 1em;}

.boximgCertificado{display: flex;align-items: center;gap: 2%;justify-content: center;background-color: #000000fc;border-radius: 6px;color: #fff;}

.imgCertificado img{filter: invert(1);width: 100%;padding: 0.5em;}

.textoCertificado{font-size: 0.9em;}

.icoCertificado{/* background-color: green; */padding: 0.6em;/* margin: 0.8em 0em 0.4em 0em; */display: flex;gap: 2%;/* justify-content: center; */align-items: center;flex-wrap: wrap;}

.imgCertificado2{
	width: 40px;
	/* background-color: red; */
	/* text-align: end; */
}

.imgCertificado2 img{height: 40px;}

.textoCertificado2{
	width: 30%;
	/* background-color: red; */
	text-align: left;
	color: #222222;
	font-size: 0.9em;
}

.imgCurso{display: none;}

.videoCurso{overflow: hidden;border-radius: 7px;margin-bottom: 2em;}

.titulo3Curso{
	color: #4e4e4e;
	text-align: left;
	background-color: #f1f1f1;
	padding: 0.7em 0.5em;
	font-weight: 600;
	font-size: 1.1em;
	border-radius: 3px;
	/* margin-bottom: 0.8em; */
}

.titulo4Curso{
	color: #000;
	text-align: left;
	/* background-color: red; */
	padding: 0em 0em;
	font-weight: 600;
	font-size: 0.7em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.contenidoCurso{
	color: #797979;
	text-align: justify;
	/* background-color: red; */
	padding: 0.5em 0em;
	font-weight: 400;
	font-size: 0.7em;
	line-height: 1.8em;
	margin-bottom: 0.8em;
}

.contenidoCurso ul{
	list-style: disc;
}

.contenidoCurso li{
	margin-left: 19px;
	text-align: left;
}


.boxListado{
	/* color: #aaa; */
	/* text-align: justify; */
	/* background-color: red; */
	padding: 0.3em 0em;
	font-weight: 400;
	font-size: 0.9em;
	line-height:1.3em;
	margin-bottom: 0.3em;
}

.boxListado ul{
	list-style: disc;
}

.boxListado li{
	margin-left: 0;
	text-align: left;
	display: flex;
	background-color: #f3f3f396;
	gap: 1%;
	justify-content: space-between;
	border-bottom: solid 1px #fff;
	align-items: center;
}

.boxListado2{
	width: 100%;
	padding: 0.4em;
}

.boxListado3{
	width: 10%;
	padding: 0.4em;
	text-align: center;
	color: #000;
	background-color: #c1c1c1;
	font-weight: 700;
	border-radius: 4px;
}

.boxListado4{
	width: 10%;
	padding: 0.4em;
	text-align: center;
	color: #fff;
	background-color: #ff0708;
	font-weight: 700;
	border-radius: 4px;
	cursor:pointer;
}

.contenedorListadoPagos{
	/* background-color: #d9d9d940; */
	padding: 1em;
	width: 100%;
}

/**/

.stickCursoShop{
	padding: 1em;
	/* background-color: #f3f3f3; */
	position: sticky;
	top: 0;
	width: 48%;
}

.btnCursoShop,.btnCursoShopB{
	background-color: #ff0708;
	border-radius: 7px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2%;
	padding: 0.8em 0.4em;
	cursor: pointer;
	margin-bottom: 1em;
}

.btnCursoShopB{
	background-color: #00a1ff;
	padding: 1em;
}

.btnCursoShop:hover,.btnCursoShopB:hover, .boxListado4:hover{
	background-color: #5F9BCE;
}

.btnCursoShopC{
	padding: 0.8em 0em;
	margin-bottom: 1em;
	text-align: left;
	color: #585858;
	font-size: 1em;
}

.btnCursoShopC span{
    font-weight: 700;
}


.icoCursoShop{color: #fff;font-size: 1.4em;/* padding: 1em; */}

.icoCursoShop img{width: 80%;filter: invert(1);}

.priceCursoShop{color: #fff;font-size: 1.1em;font-weight: 600;letter-spacing: -1px;}
.priceCursoShopB{color: #fff;font-size: 1.1em;font-weight: 600;letter-spacing: -1px;}

.modalidadCursoShop{color: #fff;font-size: 0.9em;}

.infoCursoShop{/* background-color: aqua; */display: flex;margin-bottom: 0.4em;align-items: center;gap: 3%;}

.icoInfoCursoShop img{height: 35px;}

.textoInfoCursoShop{color: #404040;font-size: 0.8em;text-align: left;}

.textoInfoCursoShop span{background-color: #ff0708;color: #fff;font-size: 0.8em;padding: 0.4em 0.8em;margin-left: 0.8em;border-radius: 3px;}

.garantiaCursoShop{/* background-color: aquamarine; */border: solid 1px #606060;border-radius: 8px;padding: 1em 3em;display: flex;gap: 3%;justify-content: center;align-items: center;flex-wrap: wrap;/* height: 13em; */margin-top: 2em;margin-bottom: 0em;}

.icoGarantiaCursoShop img{
	/* fill: red; */
	/* filter: invert(1) hue-rotate(136deg); */
	height: 50px;
	opacity: 0.8;
}

.tituloGarantiaCursoShop{font-size: 1.3em;color: #303030;font-weight: 600;}

.textoGarantiaCursoShop{display: block;/* background-color: red; */margin: 0.8em 0em;color: #262626;font-size: 0.8em;}

.autorCursoShop{/* background-color: azure; */text-align: left;padding: 0.6em 0em;margin-bottom: 1em;font-size: 0.8em;font-weight: 500;}

.valoracionCursoShop{/* display: flex; */}

.tituloValoracionCursoShop{text-align: left;font-size: 0.8em;margin-bottom: 1em;}

.estrellasValoracionCursoShop{display: flex;gap: 5%;align-items: center;}

.starValoracionCursoShop{display: flex;gap: 2%;width: auto;}

.starValoracionCursoShop img{height: 34px;}

.textoValoracionCursoShop{
	font-size: 0.8em;
	font-weight: 700;
	width: auto;
	text-align: left;
}


.row-fluid{
    width: 70%;
    margin: 2em;
    padding: 3em;
    background-color: #efefef;
    font-size: 0.9em;
    line-height: 1.4em;
    border-radius: 3px;
}




#modal,#modal2,#modal3{
  background: rgba(0,0,0,0.7);
  position: fixed;
  left: 0;
  color: #8b8b8b;
  top:0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none;
}

.boxDetalleCurso{
	position: relative;
	top: 10vh;
	width: 97%;
	max-width: 1100px;
	height: 80vh;
	background-color: white;
	margin: auto;
	border-radius: 4px;
	padding: 0.4em;
}


#elIframeUno{
	width: 100%;
	margin-top: 1.9em;
	border: solid 1px #ededed;
	padding: 0.3em;
	height: -webkit-fill-available;
}

.btn_cerrar_modal{
	position: absolute;
	top: 4px;
	/* background-color: red; */
	right: 4px;
	cursor: pointer;
	padding: 0.4em;
}



.info{
    display: flex;
}

.infoB{
    display: flex;
    flex-direction: row-reverse;
}

.boxPadding{
		width: 100%;
		padding: 4em;
}


#boxA{
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    /* height: 30em; */
    min-height: 30em;
}

#boxB{
    width: 100%;
    /* padding: 4em; */
}


#boxB h3{
    background-color: #f44336;
    color: white;
    padding: 1vh 6vh;
    /* margin: 4vh 0 4vh 0; */
    font-size: 1.5rem;
    font-weight: lighter;
    width: fit-content;
    margin-bottom: 1em;
}

#boxB p{
	line-height: 1.6em;
    font-size: 1.0em;
	text-align:justify;
}




.cursos-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cursos-info h3{
    margin: 8vh 0;
    background-color: #f44336;
    color: white;
    padding: 1vh 6vh;
    margin-bottom: 2vh;
    font-size: 1.5rem;
    font-weight: 200;
}

.cursos{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    margin: 8vh 0vh 0vh 0;
    width: 90%;
    max-width: 1200px;
    /* height: 40vh; */
    gap: 5%;
}

.cursos > div{
    border-radius: 8px;
    background-color: black;
    /* height: 40vh; */
    width: 100%;
}

.gris{
    background-color: #545454;
    color: white;
    display: flex;
    justify-content: center;
    padding: 2vh;
    border-radius: 8px 8px 0 0;
}
.gris h2{
	font-size: 1em;
	font-weight: 400;
}

.image-course{
    background-image: url('../images/fotocurso1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 30vh;
}
#pc2{
    background-image: url('../images/fotocurso2.jpg');
}

#pc3{
    background-image: url('../images/fotocurso3.jpg');
}

.button-course{
    height: 8vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-course button{
    color: white;
    background-color: #f44336;
    padding: 1vh 6vh;
    border-radius: 15px;
    text-decoration: none;
    border: none;
    cursor: pointer;
	font-family: "Archivo", sans-serif;
}


.more-info{
    /* height: 50vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: red; */
    margin-top: 4em;
    margin-bottom: 2em;
    gap: 5%;
    max-width: 1200px;
}

.more-info div{
    background-image: url('../images/HEMSY-logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 11em;
    width: 30%;
    /* max-height: 7em; */
    /* background-color: red; */
}
.more-info article{
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* margin: 0 0 0 5vh; */
    width: 50%;
}
.more-info article p{
    font-size: 1.8rem;
    text-align: justify;
    font-size: 1.1em;
    line-height: 1.2em;
}
.more-info article > button{
    background-color: #f44336;
    font-weight: lighter;
    width: fit-content;
    border-radius: 10px;
    margin-top: 2vh;
    padding: 1vh 5vh;
    color: white;
    text-decoration: none;
    font-size: 1.0rem;
    border: none;
    cursor: pointer;
}



.section3{
    background-color: black;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.section3 h3{
    margin: 8vh 0;
    background-color: #f44336;
    color: white;
    padding: 1vh 6vh;
    margin-bottom: 2vh;
    font-size: 1.5rem;
    font-weight: lighter;
}

.biographies{
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin: 10vh 0;
    gap: 12%;
    width: 80%;
    max-width: 1200px;
}

.biographies > div{
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
    /* padding: 5em; */
}

.photo-b{
    background-image: url('../images/billy-gaines.png');
    background-size: contain;
    margin: 2vh 0;
    height: 30vh;
    width: 30vh;
}

#p2b{
    background-image: url('../images/bobby-berry.png');
}

.bname{
    margin: 2vh 0;
    color: white;
    font-size: 4vh;
    font-weight: 800;
    text-align: left;
}
.btext{
    color: white;
    font-size: 0.9em;
    text-align: justify;
    line-height: 1.6em;
}


.bname span, .btext span{font-size: 0.6em;font-weight: 300;}