/* part responsive */
@media screen and (max-width:767px) {
	body {
		font-family: 'Outfit-Regular', sans-serif;
		font-size: 16px;
		color: white;
		margin: 0;
	}
	#pimce{
		display: none;
	}
	.arriba{
		display: flex;
		justify-content: space-between;
		padding: 10px 10px 20px 10px;
	}
	.enLinea{
		display: flex;
	}
	.grande{
		display: none;
	}
	#footer > div { margin-bottom:50px;}
	.cabecera{
		display: table-row;
		font-weight: bold;
		font-size: xx-small;
		text-transform: uppercase;
	}  
	.cabecera span{
		display: table-cell;
		padding: 1px; /* Ajusta el relleno según sea necesario */
		border: 1px solid white; /* Borde entre celdas */
		color: white;
		background-color: #05023d;	
		text-align: center;
		vertical-align: middle;
	}
	.conoce{
		 margin: 0 20px 0 0
	}
	.persona {
		padding: 0 10px;
		margin-bottom: 10px;
	}
	.redesSociales{
		display: flex;
		width: 100%;
		margin-top: 10px;
	}
	  .redesSociales div{
		  padding: 10px;
	  }

	  .iconosFooter{
		width: 18%;
		padding-top: 20px;
	  }
	  .movil{
		display: block;
	}
	.fotos{
		width: 100%;
	}
	.bloque-item{
		width: 50%;
	}
	.preguntas{
		padding-bottom: 10px;
	}
	#cabeceraModulos{
		padding: 0 10px 0 10px;
	}
	.avales{
		width: 95%;
	}
	.logos{
		padding: 10px;
		width: 80%;
	}
	.instagramTres{
		display: none;
	}
	.instagramCinco{
		display: none;
	}
	.cursos{
		width: 100%;
	}
	main{
		width: 100%;
	}

	.cajaLateralSedes{
		min-width: 80vw;
		border-radius: 10px;
		margin: 0 10px 10px 0;
		scroll-snap-align: start;
		align-items: center;
		font-weight: bold;
		display: flex;
	}
	.cajaLateralSedes::after {
		content: "";
		position: absolute;
		right: 0;
		top: 15%;
		height: 70%;
		width: 2px;
		background: rgba(255, 255, 255, 0.5); /* Color de la línea (blanco semitransparente) */
	}
	.tituloCurso{
		font-size: 18px;
		font-weight: 900;
		padding-left: 10px;
	}
	.nombreCurso{
		font-size: 14px;
		font-weight: 200;
		padding-top: 10px;
		padding-left: 10px;
	}

	.footerDcha{
		display: none;
	}
	.logoMCE{
		width: 50%;
		padding-left: 10px;
	}
	.cajaFaqs{
		border-style: dashed;
		border-width: 2px;
		border-radius: 10px;
		padding: 20px 10px 20px 10px;
		border-color: #00a3af;
		background-color: white;
		margin: 10px 10px 10px 10px;
	}

	.cajaOpiniones{
		border-style: dashed;
		border-width: 2px;
		border-radius: 10px;
		padding: 20px 10px 20px 10px;
		border-color: #00a3af;
		background-color: white;
		margin: 10px 10px 10px 10px;
		height: 200px;
	}
	.cajaLateral{
		min-width: 80vw;
		border-radius: 10px;
		padding: 10px;
		margin: 0 10px 10px 0;
		scroll-snap-align: start;
		align-items: center;
		font-weight: bold;
		display: flex;
	}
	.cajaLateral::after {
		content: "";
		position: absolute;
		right: 0;
		top: 15%;
		height: 70%;
		width: 2px;
		background: rgba(255, 255, 255, 0.5); /* Color de la línea (blanco semitransparente) */
	}
	.footer {
		padding: 20px 15px 0 15px;
		margin: 0;
		position: relative;
	}
	.footerIzda{
		position: relative;
		z-index: 2;
	}
	.footerDcha{
		position: absolute;
		width: 60%;
		right: 10px;
		z-index: 1;
	}
    h1{
        font-family: 'Outfit-Bold', sans-serif;
        font-size: 25px;
        font-weight: 700;
        padding: 0 0 10px 10px;
        margin: 0;
        margin-block-start: 0;
        margin-block-end: 0;
    }
    .paddingGrande{
        padding: 0;
    }
    .bloqueFotos{
        display: block;
        justify-content: center;
    }
    .foto{
        width: 150px;
        padding: 0 10px 0 10px;
    }
    .tercio{
        display: flex;
        align-items: center;
        padding-right: 10px;
        width: 100%;
    }
    .doble{
        display: flex;
        align-items: center;
        padding-right: 10px;
        width: 100%;
    }

    .descFotos{
        text-align: justify;
		padding: 10px 75px 0 75px;
    }
	.logoCMI{
		width: 150%;
	}
}
@media screen and (min-width:768px) {
	body {
		font-family: 'Outfit-Regular', sans-serif;
		font-size: 16px;
		color: white;
		margin: 0;
	}
	#main {
		width: 100%;
		padding-bottom: 10px;
	}
	.arriba{
		display: flex;
		justify-content: space-between;
		padding: 10px 10px 20px 10px;
	}

	#banner{
		width: 100%;
	}
	#banner img {
		width: 100%;
	}
    .playVideo iframe {
        width: 425px;
        height: 250px;
        border: 0;
    }
	.nav.navbar-nav {
		float: right;
	}
	.navbar-header img {
		margin-right: 10px;
		max-width: 106px;
		margin-top: 36px;
	}
	.sotabanner p { padding: 0 20px; }
	.punto2 span.text {
		width: 87px;
	}

  .cabecera{
	display: table-row;
	font-weight: bold;
	font-size: small;
	text-transform: uppercase;

  }
  .cabecera span{
	display: table-cell;
	padding: 10px; /* Ajusta el relleno según sea necesario */
	border: 10px solid white; /* Borde entre celdas */
	color: white;
	background-color: #05023d;
	text-align: center;
	vertical-align: middle;
  }

  .containerLogos{
	width: 100%;
	display: flex;
	justify-content: space-around;
	padding: 10px;
}
.redesSociales{
	display: flex;
	align-items: center;
	width: 100%;
  }
  .redesSociales div{
	  padding: 10px;
  }

  .iconosFooter{
	width: 40%;
	padding-top: 20px;
  }
  .preguntas{
	padding: 10px 20% 20px 20%;

}
	#cabeceraModulos{
		padding: 10px 40% 10px 10%;
	}
	.logos{
		padding: 10px;
		width: 80%;
	}
	.instagramTres{
		display: none;
	}
	.instagramCinco{
		display: none;
	}
	.imagen{
		width: 80%;
	}
	.enLinea{
		display: flex;
	}
	.bloque{
		display: flex;
		justify-content: space-around;
		padding: 10px 10% 20px 10%;
	}
	.bloque-item{
		width: 50%;
	}
	.movil{
		display: none;
	}
	.logoMCE{
		width: 30%;
		padding-left: 10px;
	}
    h1{
        font-family: 'Outfit-Bold', sans-serif;
        font-size: 25px;
        font-weight: 700;
        padding: 0 0 10px 10px;
        margin: 0;
        margin-block-start: 0;
        margin-block-end: 0;
    }
    .paddingGrande{
        padding: 0;
    }
    .foto{
        width: 400px;
    }
    .doble{
        align-items: center;
        padding-right: 10px;
        width: 100%;
    }
    .descFotos{
        padding: 20px;
        text-align: justify;
    }
    .bloqueFotos{
        display: flex;
        justify-content: center;
    }
	.logoCMI{
		width: 100%;
	}
}
@media screen and (min-width:1024px) {
    .paddingGrande{
        padding: 10px;
    }
	body {
		font-family: 'Outfit-Regular', sans-serif;
		font-size: 16px;
		color: white;
		margin: 0;
	}
	#banner{
		width: 30%;
	}
	#banner img {
		width: 100%;
		height: 100%;
	}
    .playVideo iframe {
        width: 650px;
        height: 375px;
        border: 0;
    }
	.textoBanner{
		width: 75%;
	}
	.arriba{
		display: flex;
		justify-content: space-between;
		padding: 10px 10% 10px 10%;
	}
	.bloque{
		display: flex;
		justify-content: space-around;
		padding: 10px 10% 20px 10%;
	}
	.bloque-item{
		width: 50%;
		text-align: center;
	}
    .preguntas{
        padding: 10px 10px 10px 10px;

    }
	.primero{
		order: 1;
		width: 30%;
	}
	.segundo{
		order: 2;
		width: 70%;
	}
	.grande{
		display: block;
	}
	.movil{
		display: none;
	}
	.enLinea{
		display: flex;
	}

	.enLineaGrande{
		display: flex;
	}
	.centroV{
		align-items: center;
	}
	.conoce{
		width: 50%;
		margin: 0 20px 0 0
   }
   .conoce-img {
	   width: 50%;
	   margin: 0 20px 0 0
   }
	.imagen{
		width: 75%;
	}
   .cursos{
	   width: 50%;
   }
	.laboratorio{
		width: 70%;
		margin: 0 20px 0 0
	}
	.laboratorio-img{
	width: 30%;
	margin: 0 20px 0 0
	}
	#main {
	  padding-bottom: 20px;
	}
	.navbar-header img {
		margin-right: 30px;
		max-width: 190px;
		margin-top: 29px;
	}
	.sotabanner p { padding: 0 50px; }
	.punto2 span.text {
		width: 100%;
	}
	.tituloCurso{
		font-size: 18px;
		font-weight: 600;
		padding-left: 10px;
		height: 50px;
	}
	.nombreCurso{
		font-size: 15px;
		font-weight: 200;
		padding-left: 10px;
	}
	.tituloPersona{
		font-family: 'Outfit-Bold', sans-serif;
		font-size: 22px;
		font-weight: 600;
		padding-left: 10px;
		height: 20px;
	}
	.redesSociales{
		display: flex;
		align-items: center;
		width: 100%;
  	}
  .redesSociales div {
	padding: 10px;
  }

  .tit4{
	font-family: 'Outfit-Bold', sans-serif;
	font-size: 21px;
	font-weight: 700;
  }
  .fotos{
	width: 33%;
  }

  .instagramCuatro{
	  display: none;
  }
	.instagramTres{
	display: flex;
}
.instagramCinco{
	display: none;
}
	.cajaLateral{
		min-width: 35vw;
		border-radius: 10px;
		padding: 10px;
		margin: 0 10px 10px 0;
		scroll-snap-align: start;
		align-items: center;
		font-weight: bold;
		display: flex;
	}
	.cajaLateral::after {
		content: "";
		position: absolute;
		right: 0;
		top: 15%;
		height: 70%;
		width: 2px;
		background: rgba(255, 255, 255, 0.5); /* Color de la línea (blanco semitransparente) */
	}
	.cajaLateralSedes{
		min-width: 35vw;
		border-radius: 10px;
		margin: 0 10px 10px 0;
		scroll-snap-align: start;
		align-items: center;
		font-weight: bold;
		display: flex;
	}
	.cajaLateralSedes::after {
		content: "";
		position: absolute;
		right: 0;
		top: 15%;
		height: 70%;
		width: 2px;
		background: rgba(255, 255, 255, 0.5); /* Color de la línea (blanco semitransparente) */
	}
	.footer {
		padding: 20px 10% 0 10%;
		margin: 0;
	}
	.footerIzda{
		width: 55%;
	}
	.footerDcha{
		width: 45%;
	}
	.logoMCE{
		width: 200%;
		padding-left: 10px;
	}
	.cajaOpiniones{
		border-style: dashed;
		border-width: 2px;
		border-radius: 10px;
		padding: 20px 10px 20px 10px;
		border-color: #00a3af;
		background-color: white;
		margin: 10px 10px 10px 10px;
		height: 210px;
	}
    .iconosModulos{
        width: 50%;
    }
    h1{
        font-family: 'Outfit-Bold', sans-serif;
        font-size: 30px;
        font-weight: 700;
        padding: 0 0 10px 10px;
        margin: 0;
        margin-block-start: 0;
        margin-block-end: 0;
    }
    .tercio{
        width: 30%;
        padding: 10px;
    }
}
@media screen and (min-width:1200px) {
	body {
		font-family: 'Outfit-Regular', sans-serif;
		font-size: 17px;
		color: white;
		margin: 0;
	  }

#main {
  padding-bottom: 30px;
}
.navbar-header img {
	margin-right: 70px;
	max-width: 100%;
	margin-top: 18px;
}
.sotabanner {
	font-size: 32px;
}
.sotabanner p {
	 padding: 0 50px; }
.punto2 span.text {
	width: 95px;
}

p{
	font-size: 18px;
	text-align: justify;
}
.persona {
	padding: 0 10px;
	margin-bottom: 50px;
}
#carrusel2{
	width: 80%
  }

  .movil{
	display: none;
}
  .instagramCuatro{
	  display: none;
  }
.instagramTres{
	display: flex;
}
.instagramCinco{
	display: none;
}

}

@media screen and (min-width:1440px) {
	body {
		font-family: 'Outfit-Regular', sans-serif;
		font-size: 18px;
		color: white;
		margin: 0;
	  }
	  .arriba{
		display: flex;
		justify-content: space-between;
		  padding: 10px 10% 10px 10%;
	}
	.bloque{
		display: flex;
		justify-content: space-around;
		padding: 10px 10% 20px 10%;
	}
	.persona {
		padding: 0 10px;
		margin-bottom: 50px;
	}
	#carrusel2{
		width: 80%
	  }
	.logoMCE{
		width: 70%;
		padding-left: 10px;
	}
	.cajaOpiniones{
		border-style: dashed;
		border-width: 2px;
		border-radius: 10px;
		padding: 20px 10px 20px 10px;
		border-color: #00a3af;
		background-color: white;
		margin: 10px 10px 10px 10px;
		height: 230px;
	}
	.imagen{
		width: 60%;
	}
	.footer {
		padding: 20px 10% 0 10%;
		margin: 0;
	}
    .descFotos{
        padding: 10px 25px 0 25px;
        text-align: justify;
    }
	.tituloCurso{
		font-size: 18px;
		font-weight: 600;
		padding-left: 10px;
		height: 45px;
	}
}

@media screen and (min-width:2450px) {
	body {
		font-family: 'Outfit-Regular', sans-serif;
		font-size: 24px;
		color: white;
		margin: 0;
	  }
	  .arriba{
		display: flex;
		justify-content: space-between;
		  padding: 10px 20% 10px 20%;
	}
	.bloque{
		display: flex;
		justify-content: space-around;
		padding: 10px 20% 20px 20%;
	}
	#carrusel2{
		width: 70%
	}
	.instagramCuatro{
		display: none;
	}
	.instagramTres{
		display: flex;
	}
	.instagramCinco{
		display: block;
	}
	.logoMCE{
		width: 60%;
		padding-left: 10px;
	}
	.footer {
		padding: 20px 20% 0 20%;
		margin: 0;
	}
    .descFotos{
        padding: 0 100px;
        text-align: justify;
    }
}