/* contenedor */
.container{
	padding: 0 !important;
	width: 100% !important;
	max-width: 1280px;
	margin: auto;
}
/*--=============================================*/
/*Header*/
header{
    display: grid !important;
    grid-template-columns: 1fr;
    justify-items: center;
	overflow: hidden;
}
	header label{
		margin-bottom: 0;
	}
    #informacion-top{
        display:none;
    }
        .contacto{
            float : left;
        }
        .redes{
            float: right;
            margin-top: 2px;
        }
            .contacto ul li{
                font-size: 13px;
                display: inline-block;
				font-family: 'roboto';
            }
                .contacto ul li,
                .contacto ul li a,
                .contacto ul li a:visited{
                    transition: all .2s ease;
					font-size: 13px;
                }
                .contacto span{
                    border-radius: 25px;
                    padding      : 5px;
                    margin       : 0 5px 0 10px;
                    font-size: .9em;
                }
                .redes span{
                    border-radius: 25px 25px 0 0; 
                    position: relative;
                    top: 1px;
                    padding      : 6px 8px; 
                    margin       : 0 0 0 4px; 
                    transition   : all 0.2s ease;
                }
/*slider home*/
.slider-home{
	display: block;
	width: 100%;
	max-width: 1280px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
	.slider{
		display: flex;
		height: calc(100vh - 250px);
		width: 600%; /*100% x cada imagen*/
		margin-left: -100%;
	}
			.slider h1 span.copete{
				font-size: 20px;
				font-weight: 400;
				display: block;
				margin: -7px 0;
			}
				.slider h1 span::before,
                .slider h1 span::after{
                    position: relative;
                    top: -4px;
					font-size: .75em;
					opacity: .5;
                }
					.slider h1 span::before{
						content:"{";
						margin-right: 4px;
					}
					.slider h1 span::after{
						content:";}";
						margin-left: 4px;
					}
				.slider etiqueta-reduccion{
					display: block;
					font-size: .75em;
					text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
				}
		.slider-section{
			width: 100vw;
			height: 100%;
			display: grid;
			justify-items: center;
			align-items: center;
			box-sizing: border-box;
		}
			.slider-section h1,
			.slider-section p{
				text-align: center;
			}
			.slider-section div{
				width: 100%;
				max-width: 500px;
				display: grid;
				grid-gap: 10px;
				padding: 0 70px;
			}
				.slider-section p{
					margin-bottom: 0;
					line-height: 1.3em;
					font-size: 16px;
					font-family: var(--space);
				}
				.slider-section a{
					justify-self: center;
				}
			.slider-section div > a,
			.slider-section div > a:visited{
				font-weight: 700;
				padding: 12px;
				width: 100%;
				max-width: 220px;
				border-radius: 10px;
				margin-top: 10px;
				transition: all .2s ease;
				text-align: center;
			}
				.slider-section > a:hover{
					border-radius: 25px;
				}
			#img-1, #img-2, #img-3, #img-4, #img-5,
			#img-6, #img-7, #img-8, #img-9, #img-10{
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
			}
		.slider-btn{
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			font-size: 30px;
			font-weight: 700;
			font-family: monospace;
			text-align: center;
			cursor: pointer;
			font-family: var(--iconos);
		}
			#btn-left{
				left: 0;
				padding: 12px 10px;
				border-radius: 0 50px 50px 0;
			}
			#btn-right{
				right: 0;
				padding: 12px 10px;
				border-radius: 50px 0 0 50px;
			}
				#btn-left::before{
					content: 'navigate_before';
				}
				#btn-right::before{
					content: 'navigate_next';
				}
			#img-1{background-image: url(../../../../es/assets/img/slider-home/slider-celular-1.webp);}
			#img-2{background-image: url(../../../../es/assets/img/slider-home/slider-celular-2.webp);}
			#img-3{background-image: url(../../../../es/assets/img/slider-home/slider-celular-3.webp);}
			#img-4{background-image: url(../../../../es/assets/img/slider-home/slider-celular-4.webp);}
			#img-5{background-image: url(../../../../es/assets/img/slider-home/slider-celular-5.webp);}
			#img-6{background-image: url(../../../../es/assets/img/slider-home/slider-celular-6.webp);}
			#img-7{background-image: url(../../../../es/assets/img/slider-home/slider-celular-7.webp);}
			#img-8{background-image: url(../../../../es/assets/img/slider-home/slider-celular-8.webp);}
			#img-9{background-image: url(../../../../es/assets/img/slider-home/slider-celular-9.webp);}
			#img-10{background-image: url(../../../../es/assets/img/slider-home/slider-celular-10.webp);}

/*--=============================================*/
/*Sección carreras y cursos*/
.productos {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 30px;
	text-align: left;
}
	.productos > div{
		grid-column: 1/-1;
	}
		.productos > div h2{
			padding: 15px 0 0 0;
			grid-row: 15px;
			margin-bottom: 15px;
			position: relative;
			line-height: 1.2em;
		}
		.productos > div h4{
			margin-bottom: 7px;
		}
		.productos > div p{
			font-weight: 400;
			margin-bottom: 10px;
		}
	.productos article{
		border-radius: 10px;
		transition: all .3s ease;
		position: relative;
		display: grid;
		grid-template-rows: auto;
	}
	@media screen and (min-width: 776px) {
		#cursos article{
			animation-name: show;
			animation-fill-mode: both;
			view-timeline-name: --articulo;
			view-timeline-axis: block;
			animation-timeline: --articulo;
			animation-range: entry 0% cover 35%;
		}
			#cursos article:nth-child(n+2){
				animation-delay: .5s;
			}

		@keyframes show {
			from{
				opacity: 0;
				left: 60px;
			}
			to{
				opacity: 1;
				left: 0;
			}
		}
	}
		.productos article img{
			border-radius: 10px 10px 0 0;
			width: 100%;
			height: auto;
		}
		/*categorias*/
		.productos article .categoria{
			padding: 4px 8px;
			position: absolute;
			top: 10px;
			left: 0;
			border-radius: 0 25px 25px 0;
			transition: all .2s ease;
			border-left: 0;
			white-space: nowrap;
		}
		.productos article > div{
			position: absolute;
		}
			.productos article:not(#continuidad) > div:nth-of-type(2){top: 45px;}
			.productos article:not(#continuidad) > div:nth-of-type(3){top: 80px;}
			.productos article:not(#continuidad) > div:nth-of-type(4){top: 115px;}
			.productos article:not(#continuidad) > div:nth-of-type(5){top: 150px;}
			.productos article:not(#continuidad) > div:nth-of-type(6){top: 185px;}
		
			.productos article [class^="etiqueta"]{
				padding: 4px 8px;
				border-radius: 0 25px 25px 0;
				border-left: 0;
				transition: all .2s ease;
				font-size: 0;
				font-weight: 700;
				display: flex;
				align-items: center;
			}
				.productos article:hover [class^="etiqueta"]{
					font-size: 13px;
				}
					.productos article:hover .categoria.icon-carrera{
						width: 150px;
					}
					.productos article:hover .categoria.icon-diplomatura{
						width: 125px;
					}
					.productos article:hover .categoria:not(.icon-carrera):not(.icon-diplomatura){
						width: 200px;
					}
					.productos article div[class*="icon"]::before,
					.productos article [class^="etiqueta"]::before{
						font-family: var(--iconos) !important;
						font-size: 19px;
						margin-right: 5px;
						display: inline-block;
						position: relative;
						top: 1px;
						font-weight: 400;
						transition: all .2s ease;
					}
					.productos article div[class*="icon"]::after{
						font-family: var(--roboto);
						letter-spacing: .025em;
						font-weight: 700;
						font-size: 0;
						display: inline-block;
						opacity: 0;
						top: -4px;
						transition-property: font-size;
						-o-transition-property: font-size;
						-moz-transition-property: font-size;
						transition-duration: .2s;
						transition-timing-function: ease;
					}
						.productos article:hover div[class*="icon"]::after{
							opacity: 1;
							position: relative;
							font-size: 13px;
						}
							.productos article .icon-carrera::before{content: 'bolt';}
							.productos article .icon-electricidad::before{content: 'bolt';}
							.productos article .icon-motos-automotor::before{content: 'electric_car';}
							.productos article .icon-hogar-comercio::before{content: 'home_work';}
							.productos article .icon-corte-confeccion::before{content: 'content_cut';}
							.productos article .icon-hardware-software::before{content: 'devices';}
							.productos article .icon-educacion::before{content: 'school';}
							.productos article .icon-gestoria-administracion::before{content: 'groups';}
							.productos article .icon-informatica-diseno::before{content: 'drive_file_rename_outline';}
							.productos article .icon-desarrollo-sistemas::before{content: 'terminal';}
							.productos article .icon-diplomatura::before{content: 'eco';}
							.productos article .icon-carrera::after{content: 'Carrera oficial';}
							.productos article .icon-electricidad::after{content: 'Electricidad';}
							.productos article .etiqueta-nuevo-curso::before{content: 'fiber_new';}
							.productos article .etiqueta-destacado::before{content: 'star';}
							.productos article .etiqueta-doble-certificacion::before{content: 'verified_user';}
							.productos article .etiqueta-nuevo-inicio::before{content: 'event';}
							.productos article .etiqueta-promo::before{content: 'shopping_bag';}
								.productos article .icon-motos-automotor::after{content: 'Motos y automotor';}
								.productos article .icon-hogar-comercio::after{content: 'Hogar y comercio';}
								.productos article .icon-corte-confeccion::after{content: 'Corte y confección';}
								.productos article .icon-hardware-software::after{content: 'Hardware y software';}
								.productos article .icon-educacion::after{content: 'Educación';}
								.productos article .icon-gestoria-administracion::after{content: 'Gestoría y administración';}
								.productos article .icon-informatica-diseno::after{content: 'Informática y diseno';}
								.productos article .icon-desarrollo-sistemas::after{content: 'Desarrollo y sistemas';}
								.productos article .icon-diplomatura::after{content: 'Diplomatura';}
		.productos article section{
			padding: 20px 25px 25px 25px;
		}
			.productos article section h3{
				text-transform: none;
			}
				.productos article section ul{
					margin-bottom: 20px;
				}
					.productos article section ul li{
						display: inline-block;
						font-size: 14px;
					}
						.productos article > section > ul li:nth-of-type(1){
							margin-right: 8px;
						}
						.productos article section ul li::before{
							margin-right: 4px;
							font-family: var(--iconos);
							position: relative;
							top: 2px;
						}
						.productos article section ul li:nth-of-type(1)::before{
							content:'devices';
						}
						.productos article section ul li:nth-of-type(2)::before{
							content:'watch_later';
						}
					.productos article section > div{
						display: grid;
						grid-template-columns: repeat(2, 1fr);
						grid-gap: 10px;
						justify-items: start;
						align-items: center;
					}
					/*boton whatsapp > tarjeta */
					section.limitador{
						width: 100%;
						overflow: hidden;
						cursor: pointer;
						padding: 0 !important;
					}
						section.limitador ul{
							list-style-type: none;
							display        : flex;
							width          : 400%;
							animation      : tres-numeros 5s infinite;
							margin-bottom: 0 !important;
						}   
							@keyframes tres-numeros {
								0%{margin-left: 0;}
								33.33%{margin-left: 0;}
					
								33.34%{margin-left: -100%;}
								66.66%{margin-left: -100%;}
								
								66.67%{margin-left: -200%;}
								99.99%{margin-left: -200%;}
					
								100%{margin-left: -200%;}
								100%{margin-left: -200%;}
							}
							@keyframes cuatro-numeros {
								0%{margin-left: 0;}
								25%{margin-left: 0;}

								25.01%{margin-left: -100%;}
								50%{margin-left: -100%;}
								
								50.01%{margin-left: -200%;}
								75%{margin-left: -200%;}

								75.01%{margin-left: -300%;}
								99.99%{margin-left: -300%;}

								100%{margin-left: -300%;}
								100%{margin-left: -300%;}
							}
							section.limitador ul li {
								width  : 100%;
								display: block;
							}
								section.limitador ul li::before {
									content: none !important;
								}
							section.limitador:hover .whatsapp {
								border-radius: 25px;
							}
								.whatsapp{
									width      : 100%;   
									padding    : 9px 0 13px 0;
									text-align : center;
									transition : all .2s ease;
									font-weight: bold;
									border-radius: 10px;
									font-size: 15px;
									font-weight: 400;
								}
									.whatsapp:hover{
										cursor: pointer;
									}
										.whatsapp::before{
											font-family: 'iconos';
											content: "\ea93";
											font-size: 1.1em;
											margin-right: 7px;
											position: relative;
											top: 2px;
										}
						.productos article section > div > a{
							border-radius: 10px;
							border: none;
							padding: 5px 0 10px 0;
							line-height: 1.7em;
							font-weight: 600;
							font-size: 15px;
							position: relative;
							width: 100%;
							text-align: center;
							transition: all .3s ease;
						}
							.productos article section > div > a:hover{
								border-radius: 50px;
							}
							.productos article section > div > a::before{
								content: 'add';
								font-family: var(--iconos);
								margin-right: 4px;
								font-size: 1.5em;
								font-weight: 500;
								position: relative;
								top: 6px;
								left: 0;
								display: inline-block;
								transition: all .4s ease;
							}
								.productos article section > div > a:hover::before{
									transform: scale(1.3) rotate(90deg);
								}
		#carreras #modalidades {
			box-shadow: none;
			grid-column: 1/-1;
			text-align: center;
			display: grid;
			grid-template-columns: 1fr;
			grid-gap: 10px 40px;
			background: none;
		}
			#carreras #modalidades h2 {
				grid-column: 1/-1;
				text-align: left;
			}
			#carreras #modalidades section {
				text-align: left;
				border: solid 1px var(--gris-210);
				border-radius: 10px;
				background-color: var(--blanco);
			}
				#carreras #modalidades section img{
					height: 120px;
					width: auto;
					margin-bottom: 15px;
				}
		#continuidad {
			border-radius: 0;
			grid-column: 1/-1;
			padding: 25px 0;
			margin-top: 25px;
			display: grid;
			grid-gap: 30px 60px;
			background: none;
			box-shadow: none;
		}
			#continuidad > div {
				display: grid;
				align-content: start;
				position: relative;
			}
			#continuidad:hover {
				box-shadow: none;
			}
			#continuidad h3{
				font-size: 18px;
				font-weight: 700;
				line-height: 26px;
			}
			#continuidad p{
				font-weight: 400;
			}
			#continuidad ul{
				list-style: none;
				align-self: center;
			}
				#continuidad ul li{
					display: inline-block;
					margin-right: 10px;
				}
					#continuidad img{
						width: 70px;
						margin: 15px 0 5px 0;
						border-radius: 25px;
						filter: saturate(0);
						transition: all .2s ease;
						display: block;
					}
						#continuidad ul li:hover img{
							filter: saturate(1);
							transform: scale(1.1);
						}
						#continuidad p > i{
							font-size: 12px;
							font-weight: 600;
						}

	@media screen and (min-width:776px){
		#carreras #modalidades {
			grid-template-columns: repeat(3, 1fr);
		}
	}

/*Seccion Certificacion*/
.certificacion{
	width: 100%;
	margin: 0 auto;
}
	.certificacion > article{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 10px;
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
		padding: 50px 20px;
	}	
	.certificacion h3{
		text-transform: none;
		text-align: left;
		margin-top: 0;
	}
	.certificacion p{
		margin-bottom: 0;
		text-align: left;
	}
	.slider-certificacion-home{
		display: grid;
		align-items: center;
		width: 100%;
		overflow: hidden;
		position: relative;
		padding: 0 25px;
	}
	.slider-empresas-contenedor{
		display: grid;
		align-items: center;
		width: 100%;
		overflow: hidden;
		position: relative;
		padding: 0 25px;
	}
		.slider-certificacion,
		.slider-empresas{
			display: grid;
			grid-auto-flow: column;
			grid-gap: 20px;
		}
		.slider-certificacion{
			align-items: center;
			width: 3910px; /*170px x imagen*/
			animation: animacion-certificacion 65s infinite linear;
		}
			@keyframes animacion-certificacion {
				0%{margin-left: 0;}
				100%{margin-left: -3310px;} /*Total -600px*/
			}
		.slider-empresas{
			animation: animacion-empresas 100s infinite linear;
			width: 4750px; /*1050 por grupo + 500px */
			border-bottom: 0;
		}
			@keyframes animacion-empresas {
				0%{margin-left: 0;}
				100%{margin-left: -3450px;} /*Total -600px*/
			}
		.slider-certificacion .certificacion-logo,
		.slider-empresas .empresas-logo{
			width: 150px;
			height: auto;
			align-items: center;
			opacity: .9;
			filter: grayscale(1);
			transition: all .2s ease;
		}
			.slider-certificacion .certificacion-logo:hover,
			.slider-empresas .empresas-logo:hover{
				opacity: 1;
				filter: grayscale(0);
			}
			.slider-empresas img{
				opacity: 1;
				display: block;
			}
/*Sección videos*/
#seccion-videos{
	display: grid;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 30px;
	text-align: left;
	background-color: var(--blanco);
	/* display: none; */
}
	@media screen and (min-width: 560px) {
		#seccion-videos{
			padding: 20px;
		}
	}
	.contenedor-videos {
		position: relative;
		display: grid;
		align-items: center;
		max-width: 1190px;
		width: 100%;
		margin: 0 auto;
	}
		.contenedor-videos h2{
			grid-column: 1/-1;
		}
		.carrucel-videos {
			display: flex;
			overflow-x: hidden;
			scroll-snap-type: x mandatory;
			scroll-behavior: smooth;
			padding: 20px;
			flex-grow: 1;
			width: 100%;
			justify-self: center;
			grid-gap: 25px;
		}
			.video {
				flex: 0 0 300px;
				scroll-snap-align: start;
				position: relative;
				cursor: pointer;
			}
				.video-thumbnail {
					width: 100%;
					height: 535px;
					background-size: cover;
					background-position: center;
					border-radius: 10px;
					position: relative;
					transition: all .2s ease;
				}
					.video-thumbnail:hover {
						box-shadow: 1px 2px 10px rgba(0,0,0,.5);
					}
				.play-button {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					background: #FF0000;
					opacity: .9;
					border: none;
					color: var(--issd-mas-c);
					padding: 8px 18px;
					border-radius: 10px;
					cursor: pointer;
					transition: all .3s ease;
				}
					.video-thumbnail:hover .play-button {
						border-radius: 25px;
						opacity: 1;
					}
					.play-button > span::before{
						font-family: var(--iconos);
						font-size: 24px;
						color: var(--blanco);
						content: 'play_arrow';
					}
				
				.prev-btn, .next-btn {
					grid-row: 2/3;
					color: transparent;
					background-color: rgba(0,0,0,0);
					border: none;
					padding: 24px 5px;
					cursor: pointer;
					position: absolute;
					height: calc(100% - 80px);
					z-index: 1;
					transition: all .2s ease;
				}
					.carrucel-videos:hover ~ .prev-btn,
					.carrucel-videos:hover ~ .next-btn {
						background-color: rgba(0, 0, 0, 0.25);
						padding: 24px 5px;
						color: var(--blanco);
					}
					.prev-btn:hover,
					.next-btn:hover {
						background-color: rgba(0, 0, 0, 0.85);
						padding: 24px 12px;
						color: var(--blanco);
					}
					.prev-btn {
						left: 0;
						border-radius: 0 25px 25px 0;
					}
					.next-btn {
						right: 0;
						border-radius: 25px 0 0 25px;
					}
						.prev-btn span::before,
						.next-btn span::before {
							font-family: var(--iconos);
							font-size: 24px;
						}
						.prev-btn span::before{
							content: 'navigate_before';
						}
						.next-btn span::before {
							content: 'navigate_next';
						}
					.carrucel-videos::-webkit-scrollbar {
						display: none;
					}
	
/*Seccion Trabaja con nosotros*/
#trabaja-nosotros{
	width: 100%;
	max-width: 1280px;
	margin: 40px auto;
	padding: 40px 20px;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 15px 30px;
	text-align: left;
	margin-bottom: 40px;
}
	#trabaja-nosotros img{
		width: 100% !important;
		height: auto;
		max-width: 700px;
	}
/*Seccion FAQ*/
#faq {
    width: 100%;
    /*por delante de la tarjeta*/
    position: relative;
    z-index: 10;
}
#faq > div{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 30px 40px 60px 40px;
}
    #faq div{
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 25px 0;
        list-style: none;
    }
        #faq div ul{
            list-style: none;
        }
            #faq div ul li{
                margin-top: 5px;
            }
                #faq div ul li a,
                #faq div ul li a:visited{
                    padding: 7px 0;
                    display: block;
                }
/*Seccion Mapa*/
#mapa{
	width: 100%;
	height: 350px;
}
	#mapa iframe{
		width: 100%;
		height: 350px;
		margin-bottom: 0;
	}

/*Boton Chat Clienty*/
.chat-box .chat-header span.chat-title{
	font-size: 18px !important;
	font-family: var(--roboto) !important;
	font-weight: 500 !important;
	float: left;
}
	.chat-box .chat-header span.chat-arrow{
		line-height: 42px !important;
	}
	.chat-box .chat-input{
		font-size: 16px !important;
		font-family: var(--roboto) !important;
	}

/*Boton Whatsapp Clienty*/
#WidgetWhatsappChat h1::after{
	content: none !important;
	float: left !important;
}

/* ======================================= */
/*---- Páginas internas -----*/
.pagina-interna section{
	padding: 30px;
}
	.pagina-interna section:first-of-type {
		text-align: left;
	}
		.pagina-interna h1::before{
			font-family: var(--iconos);
			display: block;
			margin-bottom: 5px;
			font-weight: 300;
		}
			#nosotros h1::before{content: 'home';}
			#empresas h1::before{content: 'groups';}
			#preguntas-frecuentes h1::before{content: 'help_outline';}
			#medios-pago h1::before{content: 'payment';}
			#correlatividades h1::before{content: 'account_tree';}
			#cronograma h1::before{content: 'date_range';}
	.pagina-interna article {
		display: grid;
		grid-template-columns: 1fr;
		padding: 30px 25px;
	}
		.pagina-interna article h3{
			padding-top: 10px;
		}
		.pagina-interna article p{
			margin-bottom: 15px;
			position: relative;
		}
			.pagina-interna article b{
				font-weight: 700;
			}
		.pagina-interna article ol{
			margin-left: 15px;
		}
			.pagina-interna article ol li{
				list-style: decimal;
				margin-bottom: 7px;
			}
			#nosotros article ul li:before{
				font-family: var(--iconos);
				content: 'check';
				margin-right: 5px;
				position: relative;
				top: 2px;
			}
				.pagina-interna article ol li::marker{
					font-weight: 700;
				}
			.pagina-interna article .destacado{
					font-size: 1.25em;
					font-weight: 400;
				}
			.pagina-interna article div div{
				margin: 10px 0;
				display: grid;
				grid-auto-flow: column;
				align-items: center;
				justify-content: left;
			}
			.pagina-interna article div img{
				margin-right: 10px;
			}
	/*medios de pago*/
		#medios-pago article a span{
			display: inline-block;
			transition: all .3s ease;
			margin-right: 2px;
			position: relative;
			top: 1px;
		}
			#medios-pago article a:hover span{
				transform: scale(1.2);
			}
			#medios-pago .mensaje{
				font-weight: 400;
				margin: 12px 0 6px 0 !important;
				display: inline-block;
				text-align: left;
				padding: 15px 24px;
				border-radius: 5px;
				position: relative;
				z-index: 999;
			}
				#medios-pago .mensaje::before{
					content: "";
					width: 0;
					height: 0;
					border: 0 solid transparent;
					border-left-width: 12px;
					border-right-width: 12px;
					top: -12px;
					left: 12px;
					position: absolute;
					display: block;
				}

	/*Gracias por confiar / Confirmación de pago*/
	#gracias-por-comprar {
		background-image: url(../img/gracias/portada-gracias-celular.webp);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom;
		background-attachment: fixed;
	}
		#gracias-por-comprar > div{
			padding: 50px 5%;
			align-content: center;
			align-items: center;
			text-align: center;
			width: 100%;
			display: grid;
			grid-template-columns: 1fr;
		}
			#gracias-por-comprar > div div{
				margin-top: 100px;
				justify-self: center;
				width: 100%;
				max-width: 1100px;
				display: grid;
				grid-gap: 20px;
				grid-template-columns: 1fr;
				justify-items: center;
			}
				#gracias-por-comprar > div div .video{
					width: 100%;
					aspect-ratio: 16 / 9;
				}
	/*Nosotros*/
	.grupo-sd .video,
	#preguntas-frecuentes .video{
		margin-bottom: 20px;
		width: 100%;
		max-width: 560px;
		aspect-ratio: 16 / 9;
	}
		.grupo-sd .imagen-logos-sd{
			margin: 20px 0;
			display:block;
			width: 100%;
			height: auto;
		}
	#nosotros ul{
		margin-bottom: 20px;
	}
		#nosotros ul li{
			margin-left: 20px;
			display: block;
		}
	/*Preguntas frecuentes */
	#preguntas-frecuentes > article{
		margin: 20px auto;
	}
		#preguntas-frecuentes > article div h3:not(:first-of-type){
			margin: 20px 0 15px 0;
			padding-top: 15px;
		}
			@media screen and (min-width:776px) {
				#preguntas-frecuentes > article{
					margin: 0 auto;
					padding: 0 25px;
				}
					#preguntas-frecuentes > article > div h2{
						padding-top: 128px;
					}
					#preguntas-frecuentes > article > div h3{
						padding-top: 140px;
					}
			}

	#preguntas-frecuentes .globo{
		padding: 18px 20px 14px 20px;
		border-radius: 20px;
		background: var(--gris-250);
		border: solid 1px rgba(10,10,30,.1);
		margin: 15px 0;
		margin-right: 20px;
		max-width: 400px;
		min-width: 280px;
	}
		#preguntas-frecuentes ul li,
		#preguntas-frecuentes ol li{
			line-height: 1.4em;
		}
			#preguntas-frecuentes article a::before{
				font-family: var(--iconos);
				margin-right: 5px;
				position: relative;
				top: 2px;
				transition: all .2s ease;
				display: inline-block;
			}
				#preguntas-frecuentes article a.documento::before{content: "file_download";}
				#preguntas-frecuentes article a.sitio::before{content: "language";}
				#preguntas-frecuentes article a.telefono::before{content: "call";}
				#preguntas-frecuentes article a.mail::before{content: "mail";}
					#preguntas-frecuentes article a:hover::before{
						transform: scale(1.2);
					}
	/*Correlatividades y Cornograma*/
	#correlatividades > nav{
		display: none;
	}
		#correlatividades > nav a{
			padding: 15px 7px;
			text-align: center;
			border-radius: 10px;
			transition: all .2s ease;
			color: var(--issd);
			background: var(--blanco);
			height: max-content;
		}
			#correlatividades > nav a:hover{
				color: var(--issd-mas-o);
				text-decoration: underline var(--issd-mas-c);
			}
			#cronograma article,
			#correlatividades article{
				padding: 20px 0;
				margin-bottom: 20px;
				border-radius: 20px;
				font-family: var(--roboto);
			}
				#correlatividades article,
				#cronograma article{
					padding: 10px 20px 20px 20px;
					display: grid;
				}
					#cronograma article{
						justify-content: center;
						text-align: center;
					}
						#correlatividades article img,
						#cronograma article img{
							width: 100%;
							margin: 15px 0;
							height: auto;
						}
					.correlatividades-materias{
						display: grid;
						grid-auto-flow: row;
						grid-gap: 15px;
					}	
						.correlatividades-materias ul{
							color: var(--gris-30);
						}	
							.correlatividades-materias ul li{
								font-size: 14px;
								font-family: var(--roboto);
							}
								.correlatividades-materias ul li:first-of-type{
									font-weight: 900;
									text-transform: uppercase;
									margin-bottom: 7px;
									font-size: 1em;
									font-family: var(--roboto);
								}	
									.correlatividades-materias ul:nth-child(1) li:first-of-type,
									.correlatividades-materias ul:nth-child(1) li b{
										color: var(--verde-o);
									}	
									.correlatividades-materias ul:nth-child(2) li:first-of-type,
									.correlatividades-materias ul:nth-child(2) li b{
										color: var(--amarillo-o);
									}	
									.correlatividades-materias ul:nth-child(3) li:first-of-type,
									.correlatividades-materias ul:nth-child(3) li b{
										color: var(--azul);
									}	
									.correlatividades-materias ul:nth-child(4) li:first-of-type,
									.correlatividades-materias ul:nth-child(4) li b{
										color: var(--rojo);
									}	
									.correlatividades-materias ul:nth-child(5) li:first-of-type,
									.correlatividades-materias ul:nth-child(5) li b{
										color: var(--violeta);
									}	
									.correlatividades-materias ul:nth-child(6) li:first-of-type,
									.correlatividades-materias ul:nth-child(6) li b{
										color: var(--issd);
									}

/*========================*/
/*Section Promptia*/
.section-promptia {
	width: 100%;
	background: var(--degradado-promptia-c);
	padding: 4rem 0;
}
	.section-promptia div{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 10px;
		text-align: left;
		background-color: var(--blanco);
		padding: 4rem 20px;
		border: solid 1px rgba(0, 0, 0, 0.1);
	}
	.promptia-portada{
		width: 100%;
		overflow: hidden;
		display: flex;
		align-items: center;
		border-radius: 25px;
		margin-bottom: 20px;
	}
		.promptia-portada img{
			width: 100%;
			max-width: 1280px;
			display: block;
			transition: all .5s ease;
		}
			.promptia-portada:hover img{
				transform: scale(1.1);
			}
	.promptia-logo img{
		width: 250px;
	}
	.promptia-contenido{
		display: grid;
		gap: 10px;
	}
		.promptia-contenido h1{
			font-family: var(--space);
		}
		.promptia-contenido h2{
			color: var(--gris-50);
			font-size: 20px;
		}
			.promptia-contenido h2 b{
				font-weight: 700;
			}
		.promptia-contenido a{
			display: grid;
			max-width: 250px;
		}

	@media screen and (min-width: 776px) {
		.section-promptia div{
			max-width: 1280px;
			margin: auto;
			padding: 4rem;
			border-radius: 25px;
			margin-bottom: 4rem;
		}
	}
	@media screen and (min-width: 960px) {
		.promptia-portada{
			width: 100%;
			height: 250px;
			overflow: hidden;
			display: flex;
			align-items: center;
			border-radius: 25px;
			margin-bottom: 20px;
		}
	}