/*SLIDER */
.slider{
	width: 500px;
	margin: 0.5em auto;
    overflow: hidden;
    margin-top:2rem;
    max-width: 100%;
    /* background: url(../imagen/frente.jpg)no-repeat;
    background-size: 100%; */
}
.slider ul {
	display: flex;
	width: 500%;
	animation: cambio 20s infinite linear;
}
.slider li{
	list-style: none;
	width: 50%;
	text-align: center;
}
.imagen{
	max-width: 100%;
}

@keyframes cambio{
	0% {margin-left: 0;}
	10% {margin-left: 0;}
	
	21% {margin-left: -100%;}
	31% {margin-left: -100%;}
	
	42% {margin-left: -200%;}
	50% {margin-left: -200%;}
	
	
	61% {margin-left: -300%;}
	70% {margin-left: -300%;}
	
	81% {margin-left: -400%;}
	90% {margin-left: -400%;}
	
	91% {margin-left: -500%;}
	100% {margin-left: -500%;}
}

.scroll{
	width: 380px;
	height: 550px;
	overflow: auto;
	max-width: 100%;
}

.scrollhorizontal{
	background: var(--color2);
	overflow: auto;
	white-space: nowrap;
	width:500px;
	margin: 0 auto;
	text-align: center;

}

.scrollhorizontal img{
	display: inline-block;
	margin: 0 1em;
	
}