.rc-slider { border-bottom: 5px solid var(--rojo); position: relative; overflow: hidden;  height: 95vh; max-height: 755px; background: black; }
.rc-slider.progress{ border-bottom: 0px solid transparent; }
.rc-slides-list { background: black;}
.rc-slide { background-size: cover; background-position: center; background-blend-mode: multiply; }
.rc-slide__container { max-width: 1240px; height: 95vh; max-height: 750px; padding: 160px 20px 0px; margin: auto; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }

.rc-slider a:after {display: none;}

.rc-slide__container p {font-family: var(--opensans-regular);  color: var(--blanco);}
p.rc-slider-subtitle {font-size: 25px; letter-spacing: 1px;}
p.rc-slider-title {font-family: var(--ibarra-bold); font-size: 83px; line-height: 1; margin-bottom: 0px; }
p.rc-slider-descripcion {font-size: 18px; margin: 30px 0 20px !important; width: 65%;}

.rc-slider-separator { width: 50%; height: 31px; display: flex; align-items: center; justify-content: center; position: relative; }
.rc-slider-separator::before {content: ""; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 1px; background-color: rgb(255 255 255 / 50%); }

.rc-slider-button { margin-top: 30px;  width: 40px; height: 40px; display: block; position: relative; background-color: transparent; border: 1px solid white; transform: rotate(270deg); }
.rc-slider-button:after, .rc-slider-button:before { content: ""; display: block; position: absolute; height: 1px; background-color: var(--blanco); width: 18px; top: 50%; left: 10px; transition: all 0.2s ease-in-out; right: 0; }
.rc-slider-button:after { transform: rotate(90deg); }
.rc-slider a:hover .rc-slider-button:before { width: 15px; transform: rotate(-45deg); left: 16px;}
.rc-slider a:hover .rc-slider-button:after { width: 15px; transform: rotate(45deg); left: 6px; }

.slick-prev, .slick-next { display: inline-block; width: 50px; height: 50px; position: absolute; cursor: pointer; border: none; outline: none; padding: 0; vertical-align: top; z-index: 9; color: transparent; background: transparent; transition: all .3s; opacity: 0; } 
.slick-prev {top: 50%; left: -80px;}
.slick-next { top: 50%; right: -80px; }
.rc-slides-list:hover .slick-prev {left: 10px; opacity: 0.5;}
.rc-slides-list:hover .slick-next {right: 10px; opacity: 0.5;}
.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {color: transparent; background-color: transparent; opacity: 1;}

.rc-slides-list:hover .slick-prev:hover, .rc-slides-list:hover .slick-next:hover, .rc-slides-list:hover .slick-prev:focus, .rc-slides-list:hover .slick-next:focus {opacity: 1;}

.slick-prev:before, .slick-next:before { content: ""; width: 50px; height: 50px; display: block; background-position: center; background-size: cover;}
.slick-prev:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpath d='M123.6 270.1l236.8 236.2c7.8 7.7 20.3 7.7 28.1 0 7.7-7.8 7.7-20.3 0-28.1L165.7 256 388.4 33.9c7.8-7.7 7.8-20.3 0-28.1-3.9-3.9-9-5.8-14.1-5.8s-10.1 1.9-14 5.8L123.6 242c-3.7 3.7-5.8 8.8-5.8 14.1-.1 5.2 2 10.2 5.8 14z' fill='%23fff'/%3E%3C/svg%3E"); } 
.slick-next:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpath d='M388.4 242L151.6 5.8c-7.8-7.7-20.3-7.7-28.1 0-7.7 7.8-7.7 20.3 0 28.1L346.3 256 123.6 478.1c-7.8 7.7-7.8 20.3 0 28.1 3.7 3.7 8.8 5.8 14.1 5.8 5.3 0 10.3-2.1 14-5.8L388.5 270c3.7-3.7 5.8-8.8 5.8-14s-2.1-10.3-5.9-14z' fill='%23fff'/%3E%3C/svg%3E%0A");  }


/* dots slick slider */
.slick-dots { display: flex !important; justify-content: center; margin: 0; padding: 1rem 0 !important; list-style-type: none !important; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9; }
.slick-dots li {margin: 0 0rem;}
.slick-dots button { outline: 0; background: rgba(255, 255, 255, 0.4); width: 8px; height: 5px; border: 0; padding: 0; border-radius: 100px; line-height: 0; text-indent: 100em; white-space: nowrap; overflow: hidden; -webkit-transition: .3s ease; transition: .3s ease; margin-right: 4px; opacity: 1; }
.slick-dots button:hover {cursor: pointer;}
li.slick-active button { background-color: #fff; width: 18px; }

/* Paginacion */
.rc-slider-paginacion{width: 140px;}
span.rc-slider-desde, span.rc-slider-hasta { width: 55px;position: relative; display: inline-block;color:#fff;}
span.rc-slider-desde:before {
    content: "";
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    width: 30px;
    height: 1px;
    background-color: rgb(255 255 255 / 50%);
    position: absolute;
}
span.rc-slider-hasta{width: 30px;}


/* Thumbnails */
.slider-thumnails {
    position: absolute;
    bottom: 10px;
    right: 15px;
  }
  .slider-thumnails ul{list-style: none; display: flex; align-items: center;}
  .slider-thumnails ul li{display: inline-block;width: 60px; height: 40px;overflow: hidden;    position: relative;margin-right: 10px; border: 2px solid #ececec4d;opacity: .7; transition: all 0.2s ease-in-out;}
  .slider-thumnails ul li img{    height: inherit; position: absolute;top: 0; left: 0;  object-fit: cover;}
  .slider-thumnails ul li.active { width: 80px; height: 60px; border: 2px solid var(--rojo);opacity: 1;}
  
  /* Animación inicial */
  .rc-slides-list{opacity: 0;}
  .rc-slides-list.ready{ transition: opacity 0.2s ease-in-out; opacity: 1;}

  /** Text Animation **/

@-webkit-keyframes fadeInUpSD {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        filter: blur(20px);
      }
    
      100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        filter: blur(0);
      }
  }
  
  @keyframes fadeInUpSD {
    0% {
      opacity: 0;
      -webkit-transform: translateY(100px);
      transform: translateY(100px);
      filter: blur(20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
      filter: blur(0);
    }
  }

  @-webkit-keyframes blurFade {
    0% {
        filter: blur(10px);
      }
    
      100% {
        filter: blur(0);
      }
  }
  

  @keyframes blurFade {
    0% {
      filter: blur(10px);
    }
  
    100% {
      filter: blur(0);
    }
  }
  
  
  @keyframes saturateMode {
    0% {
        /*filter: saturate(300%) brightness(300%); */
        transform: scale(1.1);
    }
  
    100% {
        /*filter: saturate(100%) brightness(100%); */
        transform: scale(1);
    }
  }

  .fadeInUpSD {
    -webkit-animation-name: fadeInUpSD;
    animation-name: fadeInUpSD;
  }

  .saturateMode {
    -webkit-animation-name: saturateMode;
    animation-name: saturateMode;
    animation-duration: 2s;
    /*filter: saturate(100%) brightness(100%);*/
    transform: scale(1);
  }
  
  .animacion .rc-slide__container{opacity: 0;}

  .animacion .slick-active .rc-slide__container {
    animation-name: fadeInUpSD;
    animation-duration: 1s;
    opacity: 1;
  }


  .animacion .slick-active .rc-slide {
    animation-name: saturateMode;
    animation-duration: 2s;
    filter: saturate(100%) brightness(100%);
    transform: scale(1);
  }

/* Progress animacion */
.progressBar {
    width: 100%;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.4);
    display: block;
  }
  .progressBar .inProgress {
    background-color: var(--rojo);
    width: 0%;
    height: 5px;
  }



/*-----------------------------------------------------------------*/
/*  RESPONSIVE 
/*-----------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------- IPAD ---*/

@media (max-width: 921px) {

  .rc-slide__container {max-width: 90%; margin: 0 auto; padding: 75px 20px;}
  .rc-slider-button {margin: 20px auto 0 !important;}
  .slick-prev, .slick-next, .slick-prev:before, .slick-next:before {width: 40px; height: 40px;}
  .slick-prev { left: 10px; opacity: 0.5;}
  .slick-next { right: 10px; opacity: 0.5;}
  p.rc-slider-title { font-size: 65px; margin-bottom: 0px;}
  .rc-slider-button { font-size: 16px; padding: 15px; margin: 20px 0 !important;}

}

/*---------------------------------------------------------------------------------------- MOVIL ---*/

@media (max-width: 559px) {

  .rc-slider {overflow: hidden;}
  .rc-slide__container {max-width: 100%; margin: 0 auto; padding: 75px 20px; }
  .rc-slide__container p br {display: none;}
  p.rc-slider-pretitle {font-size: 20px;}
  p.rc-slider-title {font-size: 40px; margin-bottom: 15px;}
  p.rc-slider-subtitle {font-size: 15px;}
  p.rc-slider-descripcion { font-size: 15px; width: 100%; margin: 0 !important;}
  .rc-slider-button { font-size: 16px; padding: 15px; margin: 20px 0 !important;}
  /* .slick-prev, .slick-next {top: 78% !important; z-index: 10;} */
  .slick-prev, .slick-next, .slick-prev:before, .slick-next:before {width: 40px; height: 40px; top: auto !important; bottom: 18px !important; z-index: 10;}
  .slick-prev { left: 10px; opacity: 0.5;}
  .slick-next { right: 10px; opacity: 0.5;}
  ul.slick-dots {bottom: 10px;}
  ul.slick-dots button {width: 25px; font-size: 13px;}
  ul.slick-dots button:before {bottom: 0;}
  ul.slick-dots li.slick-active button:before, ul.slick-dots button:hover:before {height: 3px;}


}

/*-----------------------------------------------------------------*/
/*  ADMIN CSS 
/*-----------------------------------------------------------------*/

    /* Fix selectable bug */
    .rc-slider.is-admin:before { display: block; content: ""; top: 0; left: 0; right: 0; bottom: 40px; position: absolute; z-index: 1; }