/**
* Block Name: slider_gallery
*/


section.slider_gallery hr {
    opacity: 1;
    border-top: 2px solid var(--rot-1);
    background: #FFF;
margin-top: 100px;
margin-bottom: 0;
}

section.slider_gallery {
    overflow: hidden;
  }
  
  section.slider_gallery .swiper-container {
    overflow: initial;
    padding: 0px 15px;
  }
  
  section.slider_gallery .is_swiper .swiper-slide {
    opacity: 0.5;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  /* =========================
     Aspect Ratio per Viewport
     Desktop: 2/1
     Tablet: 16/9
     Mobile: 4/3
     ========================= */
  
  /* Desktop (Default) */
  section.slider_gallery .is_swiper .swiper-slide,
  section.slider_gallery .is_swiper .swiper-slide img {
    aspect-ratio: 2/1;
  }
  
  /* Tablet */
  @media (max-width: 992px) and (min-width: 768px) {
    section.slider_gallery .is_swiper .swiper-slide,
    section.slider_gallery .is_swiper .swiper-slide img {
      aspect-ratio: 16/9;
    }
  }
  
  /* Mobile */
  @media (max-width: 767px) {
    section.slider_gallery .is_swiper .swiper-slide,
    section.slider_gallery .is_swiper .swiper-slide img {
      aspect-ratio: 4/3;
    }
  }
  

  
  section.slider_gallery .is_swiper .swiper-slide .caption {
    background: var(--blau-2);
    color: var(--rot-4);
    padding: 18px 30px;
    min-height: 48px;
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  
  section.slider_gallery .is_swiper .swiper-slide .caption .autor {
    margin-left: auto;
  }
  
  section.slider_gallery .is_swiper .swiper-slide-active {
    opacity: 1;
  }
  
  section.slider_gallery .button-prev {
    left: -20px;
    position: absolute;
    top: 50%;
    width: 33px;
    height: 33px;
    z-index: 10;
    cursor: pointer;
  }

  section.slider_gallery .button-prev.swiper-button-disabled svg,
  section.slider_gallery .button-next.swiper-button-disabled svg {
    opacity: 0;
  }

  section.slider_gallery .button-prev:not(.swiper-button-disabled) svg,
  section.slider_gallery .button-next:not(.swiper-button-disabled) svg {
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
  }
  
  section.slider_gallery .button-next {
    right: 30px;
    position: absolute;
    top: 50%;
    width: 33px;
    height: 33px;
    z-index: 10;
    cursor: pointer;
  }
  
  section.slider_gallery .button-prev svg path,
  section.slider_gallery .button-next svg path {
    transition: fill 0.3s ease-in-out, stroke 0.3s ease-in-out;
  }

  
  section.slider_gallery .button-prev:hover svg path,
  section.slider_gallery .button-next:hover svg path
   {
    fill: var(--rot-3);
    stroke: var(--rot-3);
  } 
  

  @media (max-width: 992px) {
    section.slider_gallery .button-prev {
      left: -15px;
      top: 40%;
    }
  
    section.slider_gallery .button-prev svg {
      transform: scale(0.8);
    }
  
    section.slider_gallery .button-next {
      top: 40%;
      transform: scale(0.8);
    }
  }