.rc-slider { position: relative;}
.rc-slides-list {background: #fff;}
.rc-slide { background-size: cover; background-position: center; background-blend-mode: multiply; }
.rc-slide__container { max-width: 1240px; height: 95vh; max-height: 750px; padding: 40px 20px 0; 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(--header-regular);  color: var(--blanco); text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);}
p.rc-slider-ambito {font-family: var(--body-light); font-size: 20px;}
p.rc-slider-title {font-size: 50px; line-height: 1.2;font-family: var(--header-semibold);}
p.rc-slider-subtitle {font-size: 30px;}
p.rc-slider-descripcion {font-size: 20px;}

.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 { width: 20px; height: 20px; display: block; position: relative; background-color: var(--rojo); transform: rotate(270deg); }
.rc-slider-button:after, .rc-slider-button:before { content: ""; display: block; position: absolute; height: 1px; background-color: var(--blanco); width: 10px; top: 50%; left: 5px; 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: 6px; transform: rotate(-45deg); left: 9px;}
.rc-slider a:hover .rc-slider-button:after { width: 6px; transform: rotate(45deg); left: 5px; }

.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 {display: none !important;}
.rc-slider-paginacion{ padding-left: 10px; width: 100%; font-family: var(--body-light); font-size: 12px; }
span.rc-slider-desde, span.rc-slider-hasta { width: 60px;position: relative; display: inline-block;color:#fff;}
span.rc-slider-desde:before {
    content: "";
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    width: 15px;
    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: 4px;
    background-color: rgba(255, 255, 255, 0.4);
    display: block;
  }
  .progressBar .inProgress {
    background-color: var(--rojo);
    width: 0%;
    height: 4px;
  }


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

@media (max-width: 1099px) {

  .rc-slide__container {height: 400px; padding: 40px 75px 0px !important;}
  p.rc-slider-ambito { font-size: 18px; margin-bottom: 5px !important;}
  p.rc-slider-title {font-size: 30px; margin-bottom: 5px !important;}
  p.rc-slider-subtitle {font-size: 20px; margin-bottom: 5px !important;}

  .rc-slider .slick-prev, .rc-slider .slick-next, .rc-slider .slick-prev:before, .rc-slider .slick-next:before {opacity: 1 !important; width: 40px !important; height: 40px !important;}
  .rc-slider .slick-prev { top: 50%; left: 15px !important; }
  .rc-slider .slick-next { top: 50%; right: 15px !important; }

}

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

@media (max-width: 559px) {
  .rc-slide__container {height: 400px; padding: 40px 20px 0px !important;}
  .rc-slider .slick-prev, .rc-slider .slick-next, .rc-slider .slick-prev:before, .rc-slider .slick-next:before {opacity: 1 !important; width: 20px !important; height: 20px !important; z-index: 3;}
  .rc-slider .slick-prev { top: unset; bottom: 20px; left: 15px !important; }
  .rc-slider .slick-next { top: unset; bottom: 20px; right: 15px !important; }
  .rc-slider .slick-dots { width: 70%; left: 50%; transform: translateX(-50%); }

}



/* 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; }