/*======================================*/
/*Banner*/
/*======================================*/
.banner{
    height: 490px;
    margin: 110px auto 40px auto;
    overflow: hidden;
    position: relative;
    width: min(96%, 1280px);
}
	.banner-img{
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
	}
	.banner-video-video{
		margin-top:-170px;
		width:100%;
		height:auto
	}
	.banner-opacity{
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 4;
	}
	.banner-info{
	    height: auto;
	    margin: 20px 5%;
	    padding: 10px;
	    position: relative;
	    z-index: 6;
	}
		.banner-titulo{
		    padding: 10px 5%;
		}
		.banner-subtitulo{
		    padding: 10px 5%;
		}
		.banner-subtitulo p{
			margin-block-start:0;
			margin-block-end:0;
		}
		.banner-boton{
		    display: inline-block;
		    margin: 10px 5%;
		    padding: 18px 30px;
		    transition: all 0.4s ease-in-out 0s;
		    width: auto;
		}
/*======================================*/
/*Index*/
/*======================================*/
.index-main-content{
	display: flex;
    width: min(96%, 1280px);
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.index-contenedor{
	width: calc(100% - 375px);
	padding: 10px 4%;
	margin-bottom: 50px;
}
	/*----------------------------------------*/
	/*Video Index*/
	/*----------------------------------------*/
	.index-video{
	    margin: 20px 0;
	}
		.index-video-video{
			width: 98%;
			margin: 0 auto;
		}
			.index-video-video iframe{
			    height: 360px;
			    width: 100%;
			    margin: 10px auto;
			}
		.index-video-intro-video{
		    padding: 10px;
		    margin: 10px 0;
		}
	/*-----------------------------------*/
	/*Introduccion index*/
	/*-----------------------------------*/
	.index-introduccion{
		margin: 20px 0;
	}
		.index-introduccion-nombre{
			padding: 10px;
			margin: 10px 0;
		}
		.index-introduccion-introini{
			padding: 10px;
			margin: 10px 0;
		}
		.index-introduccion-imagen-1{
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		    display: inline-block;
		    padding: 0;
		    margin: 20px 0;
		    width: 690px;
		    height: 400px;
		    max-width:100%;
		    overflow: hidden;
		}
			.index-introduccion-imagen-1 img{
				width: 100%;
				height: 100%;
				object-fit: cover;	
			}
		.index-introduccion-introduccion{
		    margin: 20px 0;
		}
@media (max-width: 800px) {
.banner{
    height: 400px;
	margin: 60px 0 10px 0;
    width: 100%;
}
	.banner-img{
		background-attachment: scroll;
	}
	.banner-info{
	    margin: 0px;
	}
		.banner-boton{
			padding: 13px 20px;
		}
.index-main-content{
	width: 98%;
}
.index-contenedor{
    width: 100%;
    margin-bottom: 15px;
}
	.index-introduccion-imagen-1{
		width: 280px;
		height: 163px;
	}
}