/* ======================================= */			
/* ----- 2.0 Media -----*/
/*Celular girado*/
@media screen and (min-width:480px){
	/* Slider home*/
	.slider{
		height: 400px;
	}
	.slider-section p{
		line-height: 1.2em;
	}
		.slider h1 span.copete{
			font-size: 24px;
			font-weight: 400;
		}
	#img-1{background-image: url(../../../../es/assets/img/slider-home/slider-tablet-1.webp);}
	#img-2{background-image: url(../../../../es/assets/img/slider-home/slider-tablet-2.webp);}
	#img-3{background-image: url(../../../../es/assets/img/slider-home/slider-tablet-3.webp);}
	#img-4{background-image: url(../../../../es/assets/img/slider-home/slider-tablet-4.webp);}
	#img-5{background-image: url(../../../../es/assets/img/slider-home/slider-tablet-5.webp);}
	#img-6{background-image: url(../../../../es/assets/img/slider-home/slider-tablet-6.webp);}
	#img-7{background-image: url(../../../../es/assets/img/slider-home/slider-tablet-7.webp);}
	#img-8{background-image: url(../../../../es/assets/img/slider-home/slider-tablet-8.webp);}
	#img-9{background-image: url(../../../../es/assets/img/slider-home/slider-tablet-9.webp);}
	#img-10{background-image: url(../../../../es/assets/img/slider-home/slider-tablet-10.webp);}
}
/* ======================================= */
/*Tablet*/
@media screen and (min-width:560px){
	/*Header*/
	#nav-toggle {
		display: none;
	}
	#ocultar-menu{
		display: grid;
	}
	/*Seccion certificacion*/
	.certificacion > article{
		grid-template-columns: minmax(300px, 1fr) 2fr;
		padding: 50px 40px;
		grid-gap: 0;
	}
		.certificacion article > div:first-child{
			padding-right: 20px;
		}
			.purchase-now .certificacion p{
				margin-bottom: 0;
			}
	/*Seccion FAQ*/
	#faq div {
		grid-template-columns: repeat(3, 1fr);
		grid-auto-flow: row;
		grid-gap: 0 40px;
	}
		#faq div h2,
		#faq div p{
			grid-column: 1/-1;
		}
		#faq div article{
			margin-top: 25px;
		}
	/*Gracias por comprar*/
	#gracias-por-comprar > div div{
		grid-template-columns: repeat(2, 1fr);
	}
}
/* ======================================= */
/*Escritorio*/
@media screen and (min-width:768px){
    /*Header*/
	header{
		overflow: visible;
	}
		#informacion-top{
			width     : 100%;
			height    : 30px;
			padding   : 6px 3%;
			z-index   : 1000;
			max-width: 1280px;
			margin: 0 auto;
			display: block;
		}
	/*Slider home*/
		.slider{
			height: 300px;
		}
			.slider-section{
				justify-items: left;
			}
				.slider-section div{
					margin-left: 140px;
					padding: 0 30px;
				}
				.slider-section h1,
				.slider-section p{
					text-align: left;
				}
				.slider-section a{
					justify-self: left;
				}
			#img-1, #img-2, #img-3, #img-4, #img-5,
			#img-6, #img-7, #img-8, #img-9, #img-10{
				background-position: left;
			}
			#img-1{background-image: url(../../../../es/assets/img/slider-home/slider-1.webp);}
			#img-2{background-image: url(../../../../es/assets/img/slider-home/slider-2.webp);}
			#img-3{background-image: url(../../../../es/assets/img/slider-home/slider-3.webp);}
			#img-4{background-image: url(../../../../es/assets/img/slider-home/slider-4.webp);}
			#img-5{background-image: url(../../../../es/assets/img/slider-home/slider-5.webp);}
			#img-6{background-image: url(../../../../es/assets/img/slider-home/slider-6.webp);}
			#img-7{background-image: url(../../../../es/assets/img/slider-home/slider-7.webp);}
			#img-8{background-image: url(../../../../es/assets/img/slider-home/slider-8.webp);}
			#img-9{background-image: url(../../../../es/assets/img/slider-home/slider-9.webp);}
			#img-10{background-image: url(../../../../es/assets/img/slider-home/slider-10.webp);}
	/*Página carreras y cursos*/
	.productos {
		grid-template-columns: repeat(2, minmax(290px,370px));
		justify-content: center;
		grid-gap: 30px 40px;
		padding: 40px;
	}
		#continuidad{
			grid-template-columns: repeat(2, 1fr);
		}
	/*Seccion trabaja con nosotros*/
	#trabaja-nosotros{
		max-width: 80%;
		padding: 40px;
		grid-gap: 30px 40px;
		justify-content: center;
		grid-template-columns: minmax(auto, 700px) .5fr;
		align-items: center;
		border-radius: 10px;
	}
	/*Boton Whatsapp + Contacto*/
	#btn-fixed {
		bottom: auto;
		top: 48vh;
	}
	/*Página Nosotros, Empresas, FAQ, Correlatividades y cronograma */
	.pagina-interna section {
		padding: 30px 0;
	}
		.pagina-interna section:first-of-type {
			text-align: center;
		}
		.pagina-interna:not(#correlatividades) article {
			grid-template-columns: minmax(auto, 350px) 1fr;
			grid-gap: 50px;
		}
			.pagina-interna article h2{
				text-align: right;
				margin-top: 5px;
			}
			#correlatividades > nav{
				display: grid;
				grid-auto-flow: column;
				grid-gap: 5px;
				justify-content: center;
				justify-items: center;
				align-items: center;
				margin: 10px auto;
				position: relative;
			}
				#correlatividades h2 ,
				#correlatividades h3 {
					grid-column: 1/-1;
					text-align: center;
					margin-bottom: 0;
				}
					.correlatividades-materias {
						grid-auto-flow: column;
						grid-gap: 10px 40px;
						grid-template-rows: repeat(2,1fr);
						justify-content: center;
						width: 100%;
						margin-top: 20px;
					}
					#correlatividades h3 {
						margin-bottom: 20px;
					}
			#correlatividades article img{
				margin: 0;
			}
		 	#empresas article div.lista-areas{
				display: grid;
				grid-gap: 20px;
				grid-template-columns: repeat(3, 1fr);
			}
	/*Contacto*/
	#contacto {
		width: 75%;
		padding: 40px 80px;
	}
	/*Gracias por comprar*/
	#gracias-por-comprar {
		background-image: url(../img/gracias/portada-gracias.webp);
	}
	#gracias-por-comprar > div div{
		grid-template-columns: repeat(3, 1fr);
	}
}
/* ======================================= */
/* Escritorio */
@media screen and (min-width:960px) {
	/*Pagina cursos*/
	.productos {
		grid-template-columns: repeat(3,minmax(290px, 370px));
	}
		/*Etiquetas y categorias > Tarjetas */
		.productos article.curso-destacado{
			grid-row: 2/3; /*Maximo 3, se aplica a través de JS*/
		}
	/*Paginas internas*/
	.pagina-interna article{
		max-width: 1200px;
		margin: 0 auto;
	}
		/*Correlatividades*/
		#correlatividades article {
			grid-template-columns: 1fr minmax(auto, 280px);
			grid-gap: 0 40px;
			margin: 20px auto;
			align-items: start;
		}
			.correlatividades-materias {
				grid-auto-flow: row;
				grid-gap: 20px 0;
				grid-template-rows: auto;
				justify-content: start;
				margin-top: 0;
			}
			.menu-fixed nav > div label a,
			.menu-fixed nav > div label,
			.menu nav > div label a,
			.menu nav > div label{
				font-size: 15px;
			}
}