.slider-fondo-verde {
  position: relative;
}

.slider-fondo-verde .splide-index-progress {
  height: 8px;
  background: #d9d9d9;
  overflow: hidden;
  pointer-events: none;
  margin-top: 35px;
  border-radius: 50px;
}

.slider-fondo-verde .splide-index-bar {
  width: 0%;
  height: 100%;
  background: #aab96c;
  transition: width 0.25s ease;
}

.slider-fondo-verde {
  margin: auto;
  position: initial;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1566px) {
  .slider-fondo-verde {
    width: 70vw;
  }
}

@media (max-width: 1566px) {
  .slider-fondo-verde {
    width: 85vw;
  }
}


.slider-fondo-verde::before {
  left: -24px;
  transform: rotate(180deg);
}

.slider-fondo-verde .splide__track {
  overflow: visible;
}

.slider-fondo-verde .splide__slide {
  position: relative;
}

.slider-fondo-verde .splide__slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(89deg, rgba(0, 0, 0, 0) 36.6%, rgba(0, 0, 0, 0.2) 99.03%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  border-radius: var(--radius-radius-5, 16px);
}

.slider-fondo-verde .splide__slide img {
  height: 600px;
  max-height: 75vh;
  border-radius: var(--radius-radius-5, 16px);
  width: 100%;
  object-fit: cover;
}

/*flechas*/
.slider-fondo-verde .splide__arrow--prev {
  left: -10px;
}

.slider-fondo-verde .splide__arrow--next {
  right: -10px;
}

.slider-fondo-verde .splide__arrow:disabled {
  /* display: none; */
  opacity: 0;
}

.slider-fondo-verde .splide__arrow {
  background-color: rgba(51, 56, 31, 0.80);
  border: 0;
  border-radius: 100%;
  width: 54px;
  height: 54px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 35vh;
  padding: 0;

  & svg {
    display: none;
  }
}

.slider-fondo-verde .splide__arrow:hover,
.slider-fondo-verde .splide__arrow:focus {
  background-color: rgba(51, 56, 31, 0.80);
}

.slider-fondo-verde .splide__arrow:after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227%22%20height%3D%2227%22%20viewBox%3D%220%200%2027%2027%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M18.4744%2014.1668H5.83333C5.59685%2014.1668%205.39889%2014.087%205.23944%2013.9274C5.07981%2013.7679%205%2013.57%205%2013.3335C5%2013.097%205.07981%2012.8991%205.23944%2012.7396C5.39889%2012.58%205.59685%2012.5002%205.83333%2012.5002H18.4744L12.7308%206.75656C12.5656%206.59137%2012.4841%206.39804%2012.4861%206.17656C12.4883%205.95508%2012.5756%205.75813%2012.7478%205.58573C12.9202%205.4248%2013.1154%205.34147%2013.3333%205.33573C13.5513%205.32999%2013.7465%205.41332%2013.9189%205.58573L20.9636%2012.6304C21.0677%2012.7345%2021.141%2012.8442%2021.1836%2012.9596C21.2264%2013.075%2021.2478%2013.1996%2021.2478%2013.3335C21.2478%2013.4674%2021.2264%2013.592%2021.1836%2013.7074C21.141%2013.8228%2021.0677%2013.9325%2020.9636%2014.0366L13.9189%2021.0813C13.765%2021.2352%2013.5744%2021.3139%2013.3472%2021.3174C13.12%2021.3209%2012.9202%2021.2422%2012.7478%2021.0813C12.5756%2020.9089%2012.4894%2020.7109%2012.4894%2020.4874C12.4894%2020.2637%2012.5756%2020.0656%2012.7478%2019.8932L18.4744%2014.1668Z%22%20fill%3D%22%23F0ECDC%22%2F%3E%0A%3C%2Fsvg%3E") center / contain no-repeat;
  width: 32px;
  height: 32px;
  display: block;
}

.slider-fondo-verde .splide__arrow.splide__arrow--prev:after {
  transform: rotate(180deg);
}

@media (max-width: 1443px) {
  .slider-fondo-verde .splide__slide .slide-card {
    padding: 41px 31px;
    height: 210px;
  }
}

@media (max-width: 1024px) {
  .slider-fondo-verde {
    width: 100%;
  }

  .slider-fondo-verde .splide__slide {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: var(--radius-radius-5, 16px);
    /* height: 70svh; */
  }

  .slider-fondo-verde .splide__slide .slide-card {
    position: relative;
    left: 0;
    top: 0;
    padding: 38px 23px 0;
    width: 100%;
  }

  .slider-fondo-verde .splide__slide img {
    height: 475px;
    max-height: 90svh;
    /* 
    margin-bottom: -46px; */
  }


  /* flehcas */
  .slider-fondo-verde .splide__arrow {
    width: 50px;
    height: 50px;
    top: 282px;
  }

  .slider-fondo-verde .splide__arrow:after {
    width: 33.333px;
    height: 33.333px;
  }

  .slider-fondo-verde .splide__arrow {
    width: 40px;
    height: 40px;
    top: 253px;
    padding: 0;
  }

  .slider-fondo-verde .splide__arrow--next {
    right: -22px;
  }

  .slider-fondo-verde .splide__arrow--prev {
    left: -22px;
  }
}