.elementor-973 .elementor-element.elementor-element-db7cf6f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:60px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:15%;--padding-right:15%;}.elementor-973 .elementor-element.elementor-element-c964166{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-973 .elementor-element.elementor-element-d16a186 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-973 .elementor-element.elementor-element-d16a186{text-align:center;}.elementor-973 .elementor-element.elementor-element-d16a186 .elementor-heading-title{color:var( --e-global-color-ed22d4b );}.elementor-973 .elementor-element.elementor-element-35d8991{text-align:center;}.elementor-973 .elementor-element.elementor-element-4d8d490 > .elementor-widget-container{margin:28px 0px 0px 0px;}@media(max-width:1024px){.elementor-973 .elementor-element.elementor-element-db7cf6f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:35px;--padding-right:35px;}}@media(max-width:767px){.elementor-973 .elementor-element.elementor-element-db7cf6f{--padding-top:60px;--padding-bottom:60px;--padding-left:18px;--padding-right:18px;}}/* Start custom CSS for shortcode, class: .elementor-element-4d8d490 *//* ----- Select filtro ----- */

.progetti-grid__filters {
  margin-bottom: 28px;
}

.progetti-grid__filters h6 {
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    padding-bottom: 8px;
    padding-left: 16px;
}

.progetti-grid__select {
  width: 100%;
  max-width: 33.33%;
  padding: 8px 16px;
  border:none;
  border-radius: 4px;
  font-size: 16px;
  background: #f0f0f0;
  outline: none;
}

/* Card progetto: 2 colonne */
.progetto-card {
  display: flex;
  gap: 42px;
  align-items: stretch;
  background-color: #f0f0f0;
  border-radius: 4px;
  padding: 60px;
  /*margin-bottom: 28px;*/
}

.progetti-grid__item {
    margin-bottom: 28px;
}
.progetti-grid__item:last-child {
    margin-bottom: 0;
}

/* Colonna sinistra 33.33% */
.progetto-card__left {
  flex: 0 0 33.333%;
  min-width: 0; /* importante */
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.progetto-card__left h5 {
    margin: 0;
}

.progetto-card__title {
    color: #115574;
}

.progetto-card__meta {
    color: #801824;
}

/* Colonna destra 66.67% */
.progetto-card__right {
  flex: 1 1 66.667%;
  min-width: 0;        /* QUESTO è il fix chiave */
  overflow: hidden;    /* evita sbordamenti del wrapper swiper */
}

/* Swiper deve stare dentro la colonna */
.pg-swiper-wrapper,
.pg-swiper {
  width: 100%;
  max-width: 100%;
}

/* In alcuni temi serve anche questo */
.pg-swiper .swiper-wrapper {
  max-width: 100%;
}

@media (max-width: 1024px){
    .progetti-grid__select {
        max-width: 50%;
    }
    .progetto-card {
        padding: 32px;
    }
}

@media (max-width: 767px){
    .progetti-grid__select {
        max-width: 100%;
    }
    .progetto-card {
        flex-direction: column;
        gap: 28px;
    }
    .progetto-card__left {
        gap: 10px;
    }
}

/* Button Prev e Next dello Swiper */

.pg-swiper .swiper-button-prev {
    left: 30px!important;
}
.pg-swiper .swiper-button-next {
    right: 30px!important;
}

.pg-swiper .swiper-button-next:after,
.pg-swiper .swiper-button-prev:after {
  color: #ffffff;
  background: #115574;
  font-size: 30px;
  border-radius: 50%;
  font-weight: 900;
}

.pg-swiper .swiper-button-prev:after {
      padding: 10px 20px 10px 15px;
}
.pg-swiper .swiper-button-next:after {
    padding: 10px 15px 10px 20px;
}

@media (max-width: 1024px){
    .pg-swiper .swiper-button-next:after,
.pg-swiper .swiper-button-prev:after {
  font-size: 24px;
}

.pg-swiper .swiper-button-prev:after {
      padding: 8px 18px 8px 12px;
}
.pg-swiper .swiper-button-next:after {
    padding: 8px 12px 8px 18px;
}
}

@media (max-width: 767px){
    .pg-swiper .swiper-button-prev {
    left: 10px!important;
}
.pg-swiper .swiper-button-next {
    right: 10px!important;
}
    
    .pg-swiper .swiper-button-next:after, .pg-swiper .swiper-button-prev:after {
  font-size: 15px;
}
.pg-swiper .swiper-button-prev:after {
      padding: 8px 12px 8px 10px;
}
.pg-swiper .swiper-button-next:after {
    padding: 8px 10px 8px 12px;
}
}/* End custom CSS */