/*SLIDER*/


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


.botonsliderr{
 padding:10px 40px;max-width:250px;text-align:center; background-color:var(--verde);color:var(--blanco);border-radius:10px;font-weight:700;
}

.botonsliderr:hover{background-color:var(--naranja);transition:all ease .3s;cursor:pointer;}

.prev, .next{
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	font-size: 30px;
	padding: 15px;
	cursor: pointer;
	color: #fff;
	transition: 0.1s;
	user-select: none;
}
.prev:hover, .next:hover{
	color: var(--naranja); 
}
.next{
	right: 0;
}

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

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

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


.txt{
	position: absolute;
	color: #fff;
	letter-spacing: 2px;
	line-height: 35px;
	top: 40%;
	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;
	margin-bottom: 20px;font-weight:700;text-shadow:1px 5px 10px #888888;
}


.slider1 img{
	transform: scale(1.5, 1.5);
	-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.5, 1.5);}
}


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

/*SLIDER*/



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


@media screen and (max-width: 800px){
	.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:15px;text-align:center;line-height:12px;}
	.botonsliderr{width:100%;padding:2px 10px;text-align:center;font-size:10px;}
	.prev, .next{
		font-size: 20px;
	}
}
/*Slider*/