.CustomSlider {
    overflow: hidden;
}

.w, .wm, .ws, .wxs {
    width: 100%;
    margin: auto;
    position: relative;
}

.splide__slide .slide-inner {
  width: 900px;
  box-sizing: border-box;
  padding: 1rem;
  background-color: #f5f5f5;
  padding: 24px 16px;
  height: 208px;
}
.splide__slide .slide-inner > div.articolo-info > h3 > a {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
 .carousel-header{
    display: flex; 
    justify-content: space-between; 
    padding: 24px 40px 40px 40px;
}
 .carousel-header .carousel-label{
    font-weight: 300; 
    font-size: 24px; 
    margin: 0;
    color: var(--Dark-Navy-Blue, #090524);
}
 .carousel-header .splide__arrows{
    display: flex; 
    gap: 24px;
    border: none;
    padding: 0;
    width: auto;
    height: auto;
    top: auto;
    transform: none;
    position: static;
}

.custom-arrows img {
  width: 24px;
  height: 24px;
  display: block;
}
.carousel-wrapper{
    padding-left: 40px;
    padding-bottom: 80px;
}

.carousel-wrapper .splide__track .splide__list .splide__slide .slide-inner,
.griglia-articoli-wrapper .griglia-articoli.js-carousel-archive .card-articolo{
    background: #E5F1FFCC;
    padding: 16px 24px;
}

.carousel-wrapper .splide__list {
    height: auto;
}

.carousel-header .custom-arrows button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.carousel-header .custom-arrows img {
  width: 24px;
  height: 24px;
}


.custom-arrows {
  display: flex;
  gap: 24px;
  /* z-index: 9999;  */
}

.custom-arrows button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.custom-arrows img {
  width: 24px;
  height: 24px;
}


/* Layout verticale sempre */
.card-articolo {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card-articolo .thumb {
    margin-top: auto;
}

.card-articolo img {
    width: 100%;
    max-height: 200px;
}

.griglia-articoli {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 330px));
    padding: 0 40px 40px 40px;
}
.griglia-articoli-wrapper .articolo-titolo{
    font-size: 24px;
    color: var(--Dark-Navy-Blue, #090524);
    background: none;
    -webkit-text-fill-color: initial;
    background-clip: initial;
    -webkit-background-clip: initial;
    padding-bottom: 30px;
}

  .carousel-controls {
    display: none;
  }

  
.filtri-blog {
     display: block;
    padding: 40px;
}

.filtro-btn:hover,
.filtro-btn.active {
  background-color: #0056b3;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .splide__slide .slide-inner {
    flex-direction: column;
    width: 300px;
    height: unset;
  }

  .splide__slide .slide-inner > div.articolo-info > h3 > a {
    width: unset;
    display:block;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: auto;
    text-overflow: unset;
  }

  .slide-inner .thumb {
    order: 3;
    width: 100%;
    margin-top: 1rem;
  }

  .slide-inner .articolo-info {
    order: 1;
    width: 100%;
  }

  .slide-inner .meta {
    order: 1;
    margin-bottom: 0.5rem;
  }

  .slide-inner .articolo-titolo {
    order: 2;
    margin-top: 0;
  }
  .slide-inner a img {
        width: 100%;
  }

  .griglia-articoli {
    width: auto;
    padding: 0 0 40px 40px;
  }

  .splide__slide {
    width: 350px !important;
  }

  .griglia-articoli.splide {
    visibility: visible;
  }

  .carousel-controls {
    display: block;
    margin: 1rem 0;
    float: right;
    width: 100%;
    text-align: end;
    margin-right: 30px;
  }

  .carousel-controls button {
    background: none;
    border: none;
    cursor: pointer;
  }
}