/* contenedor */
.container{
	padding: 0 !important;
	width: 100% !important;
	max-width: 1280px;
	margin: auto;
}
/*--=============================================*/
/*Header*/
/*Ocultamos menu original - Eliminar si no se usa wordpress*/
#home,
#main-nav{
	display: none;
	height: 0 !important;
	min-height: 0 !important;
}
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;
	height: 400px;
	width: 100%;
	max-width: 1280px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
	/*ocultar el slider en paginas internas*/
	.page .content-left-wrap,
	.page .content-right-wrap{
		padding-top: 0;
	}
	.page .fondo-slider{
		display: none;
	} 
	.slider{
		display: flex;
		height: 400px;
		/*100% x cada imagen*/
		width: 500%;
		margin-left: -100%;
	}
		.slider-section{
			width: 100%;
			height: 100%;
			display: grid;
			align-content: center;
			grid-gap: 10px;
			padding: 20px 80px 0 80px;
		}
			.slider-section .etiqueta{
				width: 140px;
				padding: 2px 0 10px 0;
				position: absolute;
				top: 0;
				letter-spacing: .025em;
				font-weight: 700;
				font-size: 12px;
				border-radius: 0 0 25px 25px;
				text-align: center;
			}
				.slider-section .nuevo-curso::before,
				.slider-section .nuevo-taller::before,
				.slider-section .nuevo-inicio::before{
					font-family: var(--iconos);
					margin-right: 5px;
					position: relative;
					top: 3px;
					font-size: 1.15em;
				}
				.slider-section .nuevo-curso::before{
					content: 'add_to_queue';
				}
				.slider-section .nuevo-taller::before{
					content: 'home_repair_service';
				}
				.slider-section .nuevo-inicio::before{
					content: 'queue_play_next';
				}
			.slider-section h2,
			.slider-section p{
				max-width: 100%;
				text-align: left;
			}
				.slider-section p{
					margin-bottom: 0;
					font-size: 16px;
				}
			.slider-section > a,
			.slider-section > 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: left;
			}
		.slider-btn{
			position: absolute;
			padding: 10px 15px;
			top: 50%;
			transform: translateY(-50%);
			font-size: 30px;
			font-weight: 700;
			font-family: monospace;
			text-align: center;
			cursor: pointer;
		}
			#btn-left{
				left: 0;
				border-radius: 0 50px 50px 0;
			}
			#btn-right{
				right: 0;
				border-radius: 50px 0 0 50px;
			}

/*--=============================================*/

/*Sección cursos*/
.focus {
	padding-top: 0 !important;
}
#cursos {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 20px;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 30px;
	text-align: left;
}
	#cursos > div{
		grid-column: 1/-1;
	}
		#cursos > div h2{
			padding: 15px 0 0 0;
			grid-row: 15px;
			margin-bottom: 15px;
			position: relative;
			line-height: 1.2em;
		}
		#cursos > div h4{
			margin-bottom: 7px;
		}
		#cursos > div p{
			font-weight: 400;
			margin-bottom: 10px;
		}
	#cursos article{
		border-radius: 10px;
		transition: all .3s ease;
		position: relative;
		
	}
		#cursos article img{
			border-radius: 10px 10px 0 0;
			width: 100%;
			height: auto;
		}
		#cursos article .categoria{
			padding: 4px 10px;
			position: absolute;
			top: 10px;
			left: 0;
			border-radius: 0 25px 25px 0;
			transition: all .2s ease;
			border-left: 0;
		}
		#cursos article .doble-certificacion{
			padding: 4px 10px;
			position: absolute;
			top: 45px;
			border-radius: 0 25px 25px 0;
			border-left: 0;
			transition: all .2s ease;
		}
				#cursos article .tecnologia::before,
				#cursos article .oficio::before,
				#cursos article .formacion-laboral::before{
					font-family: var(--iconos) !important;
					font-size: 19px;
					margin-right: 5px;
					display: inline-block;
					position: relative;
					top: 1px;
				}
				#cursos article .tecnologia::after,
				#cursos article .oficio::after,
				#cursos article .formacion-laboral::after{
					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;
				}
					#cursos article:hover .categoria{
						width: auto;
						height: auto;
					}
					#cursos article:hover .tecnologia::after,
					#cursos article:hover .oficio::after,
					#cursos article:hover .formacion-laboral::after{
						opacity: 1;
						position: relative;
						font-size: 13px;
					}
					#cursos article .tecnologia::before{content: 'devices';}
					#cursos article .oficio::before{content: 'build';}
					#cursos article .formacion-laboral::before{content: 'work';}
					#cursos article .tecnologia::after{content: 'Tecnología y Programación';}
					#cursos article .oficio::after{content: 'Oficio Técnico';}
					#cursos article .formacion-laboral::after{content: 'Formación Laboral';}
			#cursos article .doble-certificacion::before{
				content: 'verified_user';
				font-family: var(--iconos);
				font-size: 20px;
				margin-right: 5px;
				display: inline-block;
				position: relative;
				top: 1px;
			}
			#cursos article .doble-certificacion::after{
				content: 'Doble certificación';
				font-weight: 700;
				font-size: 0;
				letter-spacing: .025em;
				display: inline-block;
				position: relative;
				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-in;
			}
				#cursos article:hover .doble-certificacion{
					background: var(--amarillo-o);
					height: auto;
					width: auto;
				}
					#cursos article:hover .doble-certificacion::after{
						font-size: 13px;
						opacity: 1;
					}
		#cursos article section{
			padding: 20px 25px 25px 25px;
		}
			#cursos article section h3{
				text-transform: none;
			}
				#cursos article section ul{
					margin-bottom: 20px;
				}
					#cursos article section ul li{
						display: inline-block;
						font-size: 14px;
					}
						#cursos article > section > ul li:nth-of-type(1){
							margin-right: 8px;
						}
						#cursos article section ul li::before{
							margin-right: 4px;
							font-family: var(--iconos);
							position: relative;
							top: 2px;
						}
						#cursos article section ul li:nth-of-type(1)::before{
							content:'devices';
						}
						#cursos article section ul li:nth-of-type(2)::before{
							content:'watch_later';
						}
					#cursos article section > div{
						display: grid;
						grid-template-columns: repeat(2, 1fr);
						grid-gap: 10px;
						justify-items: start;
						align-items: center;
					}
					/*boton whatsapp - tarjeta home*/
					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;
										}
						#cursos 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;
						}
							#cursos article section > div > a:hover{
								border-radius: 50px;
							}
							#cursos 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;
							}
								#cursos article section > div > a:hover::before{
									transform: scale(1.3) rotate(90deg);
								}

/*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: 3550px; /*1050 por grupo + 500px */
			animation: animacion-certificacion 65s infinite linear;
		}
		.slider-empresas{
			animation: animacion-empresas 100s infinite linear;
			width: 4600px; /*1050 por grupo + 500px */
			border-bottom: 0;
		}
			@keyframes animacion-certificacion {
				0%{margin-left: 0;}
				100%{margin-left: -2400px;}
			}
			@keyframes animacion-empresas {
				0%{margin-left: 0;}
				100%{margin-left: -3450px;}
			}
		.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;
			}
/* Seccion Contacto - formulario */
#contacto{
	margin: 40px auto;
	padding: 20px;
	width: 90%;
	border-radius: 25px;
}
	.margin{
		width: 100%;
		margin-bottom: 7px;
	}
#formulario label{
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 5px;
	display: inline-block;
}
#formulario select,
#formulario input{
	border-radius: 5px;
	min-height: 42px;
	padding: 7px;
	width: 100%;
	font-size: 15px;
}
	#formulario select:hover{
		cursor: pointer;
	}
	#formulario select{
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		appearance: none;
	}
		#formulario select::-ms-expand{
			display: none !important;
		}
	.select-contenedor{
		position: relative;
	}
		.select-contenedor::after{
			content: 'expand_more';
			font-family: var(--iconos);
			pointer-events: none;
			position: absolute;
			display: inline-block;
			right: 10px;
			top: 10px;
			font-size: 24px;
			transition: all .2s ease;
		}
			.select-contenedor:hover::after{
				transform: scale(1.35);
			}
#formulario textarea{
	min-height: 80px;
	margin-bottom: 7px;
	width: 100%;
	border-radius: 5px;
	padding: 7px;
	font-size: 15px;
}
	#formulario input::placeholder,
	#formulario textarea::placeholder{
		font-size: 15px;
		padding: 7px;
	}
#btn-form{
	margin: 0;
	padding: 20px 0 18px 0;
	border: 0;
	font-size: 16px;
	text-transform: none;
	font-weight: 700;
	letter-spacing: .025em;
	border-radius: 10px;
	transition: all .2s ease;
	width: 100%;
	margin-bottom: 10px;
}
	#btn-form:hover{
		border-radius: 50px;
		font-size: 1.05em;
		cursor: pointer;
	}
		#btn-form::before{
			content: 'send';
			font-family: var(--iconos);
			opacity: .7;
			margin-right: 8px;
			position: relative;
			top: 2px;
		}
		.politica-uso{
			text-align: center;
		}
			.politica-uso p,
			.politica-uso a{
				font-size: 12px;
				margin-top: 8px;
			}
				.politica-uso > p{
					margin-bottom: 4px;
				}
				.politica-uso > a{
					text-decoration: underline;
				}
/*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: 40px 3% 60px 3%;
}
    #faq div{
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px 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;
                }
			#faq div article:last-of-type ul li:first-of-type{
				margin-top: 35px;
			}
/*Seccion Mapa*/
#mapa{
	width: 100%;
	height: 350px;
}
	#mapa iframe{
		width: 100%;
		height: 350px;
		margin-bottom: 0;
	}

/*Seccion Footer*/
.footer-box-wrap{
	display: none;
}
.footer-contenido{
    grid-column: 1/-1;
    width      : 100%;
    text-align : center;
    align-items: center;
    /*por delante de la tarjeta*/
    position: relative;
    z-index: 11;
}
    .footer-contenido > div{
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 180px 1fr auto;
        grid-gap: 20px;
        align-items: center;
        justify-items: center;
        letter-spacing: .015em;
    }
        .footer-contenido > div img{
            width: 100%;
            max-width: 135px;
        }
        .footer-contenido > div ul{
            display: grid;
            padding: 0 0 20px 0;
            grid-gap: 25px;
            grid-auto-flow: row;
        }
			.footer-contenido > div ul li::before{
				font-family: var(--iconos);
				font-size: 30px;
				display: block;
				margin-bottom: 10px;
			}
				.footer-contenido > div ul li:nth-child(1)::before{
					content: 'location_on';
				}
				.footer-contenido > div ul li:nth-child(2)::before{
					content: 'email';
				}
				.footer-contenido > div ul li:nth-child(3)::before{
					content: 'call';
				}
        .footer-contenido > div div{
            padding: 40px 0;
            width: 100%;
            border-radius: 15px 15px 0 0;
            position: relative;
            top: 0;
        }
            .footer-contenido > div div p{
                line-height: 1.2em;
				text-align: center;
            }
            .footer-contenido > div div a,
            .footer-contenido > div div a:visited{
                font-size: 20px;
                padding: 7px;
                margin-left: 7px;
                display: inline-block;
            }
					.footer-contenido > div div a > span{
						font-size: 1em;
					}

/*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 0;
}
	.pagina-interna section:first-of-type {
		text-align: center;
	}
		.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';}
	.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;
		}
			.pagina-interna article .destacado{
					font-size: 1.25em;
					font-weight: 300;
				}
			.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;
			}