/* ======================================= */			
/* ----- 2.0 Media -----*/
/*Celular girado*/
@media screen and (min-width:480px){
	/* Slider home*/
	.slider-instancia p{
		line-height: 1.2em;
	}
}
/* ======================================= */
/*Tablet*/
@media screen and (min-width:560px){
	#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;
			}
	/*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;
	}
	/*Página carreras y cursos*/
	.productos {
		grid-template-columns: repeat(2, minmax(290px,370px));
		justify-content: center;
		grid-gap: 30px 40px;
		padding: 40px;
	}
	/*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,  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) {
	.slider-texto h1{
		font-size: 4.5em;
	}
	/*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;
			}
}