/* Estilo general para el slider */
.slider{position: relative;max-width: 100%}
.slider .slide.activo{transform:scale(1);opacity:1;z-index:1}
.slider .slide.anterior{z-index:-2;left:-100%;transform:scale(.6)rotatey(30deg);}
.slider .slide.posterior{z-index:0;left:100%;transform:scale(.8)rotatey(-30deg);}

.slides{position: relative;width: 100%;overflow: hidden;perspective:1000px;
    text-align:center;display:flex;align-items:center}
.slider .slide{position: absolute;width: 100%;height: 100%; opacity: 0;display: flex;
    align-items: center;justify-content: center;z-index: -1; overflow:hidden; left:0;	
    transition:left 1s ease,transform 1s ease,opacity 1s ease;
	transform-style:preserve-3d;transform:scale(.7)rotatey(0deg)
}

.prev-btn,.next-btn{transform: translateY(-50%); background-color: #fff0; position: absolute;top: 50%;
    border: none; cursor: pointer; user-select: none; transition: background-color .6s ease;
    background-image:url(../img/arrow.svg); background-repeat: no-repeat;background-position: center;
    height: 80px;width: 40px;padding-bottom: 15px;padding-bottom:15px;background-size: 20px;}
.next-btn{rotate:180deg;right:0;top:calc(50% - 80px);}
.prev-btn{left:0}
.prev-btn:hover,.next-btn:hover{background-color:#fff5}


#dots{width:100%;text-align:center;position: absolute;bottom: 10px;}
#dots span{
	cursor:pointer;height:20px;width:20px;margin:0 5px;display:inline-block;
	border:#fff solid 2px;transition:background-color .6s ease;background-color:transparent
}
#dots span.active{background-color:var(--c1) !important}
#dots span:hover{background-color:var(--c5) !important}

/**
.slide img{height: 100%;}

.slide h4, .slide-cont {position: absolute;background: #fff5;    padding: 10px;	border-radius:10px;}	
.slide h4 {margin: 0;font-size: 2rem;top: 5%;}
.slides h4{font-size:16pt;font-family:var(--f1);line-height:18pt;margin:10px auto 20px;font-weight:400;text-align:center;letter-spacing:2pt}

.slide-cont {    max-width: 560px;    text-align: left;    margin: 10px 0 0;    width: 80%;    bottom: 10%;}

.slides article{padding-bottom:0;max-height:450px;overflow:hidden;background-color:#fff;width:700px;left:-550px;border-radius:2px;opacity:0;min-height:300px;position:absolute;transition:left 1s ease,transform 1s ease,box-shadow 1s ease,opacity 1s ease;transform-style:preserve-3d;transform:scale(.7)rotatey(0deg)}

.slides  .imagen{width:30%;float:right;position:relative;overflow:hidden;height:100%}
.slides  .texto-imagen{width:70%}
.slides  .imagen img{position:absolute;left:0;max-width:240px}
.slides  .texto{padding:20px;text-align:left}

.slides article a:not(.more-link){font-weight:600;color:#707070}
.slides .more-link:hover{opacity:.7}


.slider-news .slides{;margin:auto; height:470px}
.slider-news article{padding-bottom:0;max-height:500px;background-color:#fff;width:700px;left:-550px;min-height:300px;
	display: flex;flex-direction: row-reverse;}
.slider-news article.activo{left:calc(50% - 350px);}
.slider-news h3{font-size: 2em;line-height: 1.1em;margin-bottom: 20px;}
*/

@media screen and (max-width:860px) {
	.slider-news .prev-btn,.slider-news .next-btn{top:-50px}
}
@media screen and (max-width:750px) {
.slides article.anterior{left:-700px}
.slides article.posterior{left:100%}
.slides article{width:100%}
.slides article.activo{left:0}
}

@media screen and (max-width:680px) {
	.slides .imagen{display:none}
    .slides .texto-imagen{width:100%}
}