/*SLIDER*/


.slider{
	position: relative;
	width: 100%;height: auto;
	background:var(--grisclaro);
}
.slider1{
	height: auto;
	display: none;
	overflow: hidden;
}


.botonsliderr{
 padding:10px 0px;max-width:350px;text-align:left;color:var(--white);font-size:25px;
}


.prev, .next{
	position: absolute;
	top: 47%;
	transform: translate(0, -50%);
	font-size: 30px;
	padding:15px 20px;
	cursor: pointer;
	color: var(--black);
    background-color: rgba(255, 255, 255, 0.575);
	transition: 0.1s;
	user-select: none;
}


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



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

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1s;
  animation-name: fade;
  animation-duration: 1s;
}

@-webkit-keyframes fade {
  from {opacity: 0.9}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 0.9}
  to {opacity: 1}
}


.txt{
	position: absolute;
	color: var(--blanco);
	letter-spacing: 2px;
	line-height: 35px;
	top: 28%;
	left: 15%;
	-webkit-animation-name: posi;
  	-webkit-animation-duration: 2s;
  	animation-name: posi;
  	animation-duration: 2s;
	z-index: 1;
}

@-webkit-keyframes posi {
  from {left: 25%;}
  to {left: 15%;}
}


@keyframes posi {
  from {left: 25%;}
  to {left: 15%;}
}

.txt .sl{
	color: var(--blanco); 
	font-size: 50px;
    line-height:60px;
	margin-bottom: 20px;
    max-width:450px;}


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


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

/*SLIDER*/



/*Slider*/
@media screen and (max-width: 920px){
	.txt .sl{
		color: var(--blanco); 
		font-size: 30px;
		margin-bottom: 10px;
        line-height:30px;
	}
	.botonsliderr{
		max-width:200px;
	}
	
}


@media screen and (max-width: 800px){



	.slider{
		padding-top:30px;
	}
	
	.txt{
		letter-spacing: 2px;
		line-height: 25px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-animation-name: posi2;
		-webkit-animation-duration: 2s;
		animation-name: posi2;
		animation-duration: 2s;
	}

	@-webkit-keyframes posi2 {
	  from {top: 35%;}
	  to {top: 50%;}
	}


	@keyframes posi2 {
	  from {top: 35%;}
	  to {top: 50%;}
	}

}

@media screen and (max-width: 600px){

	.txt .sl{font-size:20px;text-align:center;line-height:22px;}
	.botonsliderr{width:100%;padding:2px 10px;text-align:center;font-size:12px;}



	.prev, .next{
			padding:10px;
			font-size:18px;
	}
		


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



}