/*SLIDER*/


.slider{
	position: relative;
	width: 100%;height: auto;top:55px;
	background:silver;margin-bottom:55px;
}
.slider1{
	height: auto;
	display: none;
	overflow: hidden;
}



.prev, .next{
	position: absolute;
	top: 47%;
	transform: translate(0, -50%);
	font-size: 30px;
	padding: 25px;
	cursor: pointer;
	color: var(--principal);
    background-color:var(--principal);
	transition:all ease 0.3s;
	user-select: none;
}


.prev{border-top-right-radius:15px;border-bottom-right-radius:15px;}
.next{border-top-left-radius:15px;border-bottom-left-radius:15px;}

.prev span{
	position:absolute;
	height:3px;width:15px;margin-left:-10px;
	background-color:transparent;
}
.prev span::after,.prev span::before{
	content:'';
	position:absolute;
	background-color:var(--blanco);
	height:3px;width:15px;
}

.prev span::after{transform:rotate(-45deg);top:-5.5px;}
.prev span::before{transform:rotate(45deg);top:3px;}


.next span{
	position:absolute;
	height:3px;width:15px;margin-left:-5px;
	background-color:transparent;
}
.next span::after,.next span::before{
	content:'';
	position:absolute;
	background-color:var(--blanco);
	height:3px;width:15px;
}

.next span::after{transform:rotate(45deg);top:-5.5px;}
.next span::before{transform:rotate(-45deg);top:3px;}
.next:hover span::after{background-color:var(--blanco);}
.next:hover span::before{background-color:var(--blanco);}
.prev:hover span::after{background-color:var(--blanco);}
.prev:hover span::before{background-color:var(--blanco);}



.prev:hover{
    background-color:var(--secundario);
}

.next:hover{
    background-color:var(--secundario);
}



.prev img{width:30px;margin-right:15px;}
.next img{width:30px;margin-left:15px;}



.prev:hover, .next:hover{
	color: var(--principal); 
}
.next{
	right: 0;
}


.slider1 img{
	transform: scale(1.1, 1.1);
	-webkit-animation-name: zoomin;
  	-webkit-animation-duration: 20s;
  	animation-name: zoomin;
  	animation-duration: 20s;
	transition:all ease 0.3s;
}
@-webkit-keyframes zoomin {
  from {transform: scale(1, 1);}
  to {transform: scale(1.1, 1.1);}
}


@keyframes zoomin {
  from {transform: scale(1, 1);}
  to {transform: scale(1.1, 1.1);}
}