/*Celular girado*/
@media screen and (min-width:480px){
	#img-1, #img-2, #img-3, #img-4, #img-5,
	#img-6, #img-7, #img-8, #img-9, #img-10{
		background-position: center;
	}
	.slider-section h2,
	.slider-section p{
		max-width: 70%;
		font-family: var(--roboto);
		text-shadow: 0 0 4px var(--asd-o);
	}
}

/* ======================================= */

/*Tablet*/
@media screen and (min-width:560px){
	/*Header*/
	#nav-toggle {
		display: none;
	}
	#ocultar-menu{
		display: grid;
	}
	/*Titulo Tarjeta Home*/
	#cursos > h2{
		padding: 20px 0 10px 0;
		margin-bottom: 0;
		font-size: 2em;
	}
		#cursos > h2:after{
			content: ' ';
			position: absolute;
			top: 110px;
			max-width: 165px;
			width: 100%;
			left: 0;
			border-bottom: 8px solid var(--verde-c);
		}
		#cursos .bajada{
			font-size: 20px;
		}
	/*Seccion certificacion*/
	.certificacion{
		grid-template-columns: minmax(300px, 1fr) 2fr;
		padding: 50px 40px;
		grid-gap: 0;
	}
		.certificacion > div:first-child{
			border-right: solid 3px var(--verde-mas-c);
			padding-right: 20px;
		}
			.purchase-now .certificacion p{
				margin-bottom: 0;
			}
}

/* ======================================= */

/*Escritorio*/
@media screen and (min-width:768px){
    /*Header*/
    .menu{
        grid-template-columns: 250px 1fr;
        padding: 0 3%;
        grid-template-rows: 1fr;
        grid-auto-flow: column;
        box-shadow: none;
		/* top: 1px; */
    }
    .menu-fixed{
		top: 0 !important;
    }
        .menu .logo{
            grid-column: 1/2;
            position: absolute;
            top: 0;
			z-index: 500;
            margin-left: 3%;
			padding: 21px 45px;
            border-radius: 0 0 25px 25px;
			box-shadow: 1px 2px 6px rgba(0,0,0,.25);
        }
        .menu-fixed .logo{
            padding: 14px 20px;
			box-shadow: none !important;
        }
            .menu-fixed nav > div:first-of-type{
                border-top: 0;
            }
        .menu nav{
            grid-column: 2/-1;
            grid-row: 1/2;
            justify-content: end;
        }
            .menu nav a{
                padding: 26px 12px 20px 12px;
                border-bottom: 6px solid var(--blanco);
            }
            .menu nav > div label{
                padding: 23px 10px 20px 12px;
                border-bottom: 6px solid var(--blanco);
					font-size: 1.03em;
            }
            .menu nav .campus-virtual{
                padding: 14px 12px 8px 12px;
                margin: 14px 0 14px 5px;
                border-bottom: 0;
                border-radius: 10px;
				transition: all .3s ease;
            }
				.menu nav .campus-virtual:hover{
					border-radius: 50px;
				}
                .menu nav .campus-virtual::before{
                    content: none;
                }
                .menu nav a:hover,
                .menu nav > div > label:hover{
                    border-bottom: 6px solid var(--verde-c);
                }
        .menu > label{
            display: none;
        }
        .menu #nav-main{
            grid-column: 2/-1;
            grid-row: 1/-1;
            display: grid;
            grid-auto-flow: column;
            justify-content: right;
			text-align: left;
        }
/*slider*/
.slider-section .etiqueta{
	padding: 20px 0 8px 0;
}
/*categoria*/
#cursos-menu{
	pointer-events: auto;
}
.menu nav .sub-menu{
	right: 0;
	width: auto;
	min-width: 250px;
	position: absolute;
}
	.menu nav .sub-menu > li .sub-menu{
		position: absolute;
		left: 100%;
		top: 0;
		min-width: 280px;
		display: none;
	}
		.menu nav div:hover > .sub-menu{
			display: block;
			transition: all .2s ease-out;
		}
			.menu nav .sub-menu > li:hover .sub-menu{
				display: block;
			}
		.menu nav div > .sub-menu::before{
			content: "";
			width: 0 !important;
			height: 0;
			border: 0 solid transparent;
			border-right-width: 12px;
			border-left-width: 12px;
			border-bottom: 12px solid var(--verde-mas-c);
			display: block;
			position: absolute;
			top: -12px;
			left: 200px;
		}
			.menu nav .sub-menu li a,
			.menu nav .sub-menu > li .sub-menu li a,
			.menu nav .sub-menu li label{
				padding: 13px 20px;
			}
				.menu nav .sub-menu > li > label{
					border-bottom: 0;
					display: block;
				}
	#informacion-top{
		width     : 100%;
		height    : 30px;
		padding   : 6px 3%;
		color     : var(--blanco);
		z-index   : 1000;
		max-width: 1280px;
		margin: 0 auto;
		display: block;
	}

	/* Titulos */
	#carreras > h2:after,
	#cursos > h2:after{
		top: 80px;
	}

	/*Slider home*/
	.slider-home{
		height: 300px;
		/* margin-top: 75px; */
	}
		.slider{
			height: 300px;
		}
			.slider-section h2{
				font-size: 46px;
			}
			.slider-section h2,
			.slider-section p{
				max-width: 55%;
			}
			#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 cursos*/
	#cursos {
		grid-template-columns: repeat(2, minmax(290px,370px));
		justify-content: center;
		grid-gap: 30px 40px;
		padding: 40px;
	}
		#cursos > h2:after{
			top: 70px;
		}
	/*Boton Whatsapp + Contacto*/
	#btn-fixed {
		bottom: auto;
		top: 48vh;
	}
	/*Página Nosotros, Empresas y FAQ */
	#nosotros article,
	#empresas > article,
	#faq article {
		grid-template-columns: minmax(auto, 350px) 1fr;
		grid-gap: 50px;
	}
		#nosotros article h2,
		#empresas article h2,
		#faq article h2{
			text-align: right;
		}
		 	#empresas article div.lista-areas{
				display: grid;
				grid-gap: 20px;
				grid-template-columns: repeat(3, 1fr);
			}
}

/* ======================================= */

@media screen and (min-width:1024px) {
	/*Pagina cursos*/
	#cursos {
		grid-template-columns: repeat(3,minmax(290px, 370px));
	}
}

/* ======================================= */

@media screen and (min-width:1280px){

}

/* ======================================= */

/*Solo para notebooks, con altura baja*/
@media screen and (min-width:1280px) and (max-height:700px){

}