body {
      background-color: #f4f6f9;
      font-family: 'Exo 2', sans-serif;
    }

    .legend-box {
      width: 14px;
      height: 14px;
      display: inline-block;
       border-radius: 3px;
    }

    .section-title {
      font-weight: 700;
      font-size: 2.4rem;
      margin-bottom: 60px;
      text-align: center;
      color: #1d3557;
    }

    .event-card {
      /* COLORE BLUE SCURO COME TITLE */	
      /* background-color: #1d3557; */
      background-color: #6d92d8;
      color: white;
     /* border-radius: 12px; */
      aspect-ratio: 1 / 1;
      padding: 25px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transition: all 0.35s ease;
      /* box-shadow: 0 8px 20px rgba(0,0,0,0.08); */
      scroll-snap-align: start;
      min-width: 250px;

     /* display: inline-block;         */  /* o block */
     /* width: 100%;                   */  /* mantiene larghezza */
     /* max-height: calc(100% - 40px); */ /* limita solo altezza */
    }

    .event-card:hover {
      background-color: #2f4f7f;
      transform: translateY(-10px);
     /*  box-shadow: 0 20px 40px rgba(0,0,0,0.18); */
    }

.event-col[data-category="crs"] .event-card {
  /* background-color: #6d92d8; */ /* COLORE BLU CHIARO */
  background-color: #1b203d; /* COLORE BLU SCURO EMAIL EUREKA 2026-02-23 cat. da definire*/
}
.event-col[data-category="online"] .event-card {
  /* background-color: #f16496; */ /* COLORE QUASI FUCSIA */
  background-color: #004387; /* COLORE BLU EMAIL EUREKA 2026-02-23 */
}
.event-col[data-category="presenza"] .event-card {
  /* background-color: #00789c; */ /* COLORE BLU NUOVO */
  background-color: #abc3e3; /* COLORE BLU CHIARO EMAIL EUREKA 2026-02-23 */
}
.event-col[data-category="congresso"] .event-card {
  /* background-color: #1d3557; */ /* COLORE BLU SCURO COME IL TITOLO */
  background-color: #ddb300; /* COLORE GIALLO ORO EMAIL EUREKA 2026-02-23 cat. da definire */
}


    .event-date {
      font-weight: 600;
      font-size: 0.85rem;
      text-transform: uppercase;
      opacity: 0.85;
      letter-spacing: 1px;
    }

    .event-title {
      font-size: 1.15rem;
      font-weight: 700;
      margin: 15px 0;
      line-height: 1.3;
    }

    .event-btn {
      background-color: #e63946;
      border: none;
      font-weight: 600;
      padding: 8px 15px;
      border-radius: 6px;
      transition: all 0.3s ease;
      align-self: flex-start;
    }

    .event-card:hover .event-btn {
      background-color: #ff5a67;
      transform: scale(1.05);
    }

@media (max-width: 575.98px) {

  .events-wrapper {
    position: relative;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    gap: 1rem;
    scroll-snap-type: x mandatory;

    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;

    padding-bottom: 14px;

    /* Fade lato destro */
    /* mask-image: linear-gradient(to right, black 0%, black 92%, transparent 100%); */
    /* -webkit-mask-image: linear-gradient(to right, black 0%, black 92%, transparent 100%); */
  }

  .events-wrapper.no-fade {
    mask-image: none;
    -webkit-mask-image: none;
  }

  .event-col {
    flex: 0 0 auto !important;
    width: 260px !important;
  }

  .event-card {
    width: 100%;
    aspect-ratio: 1 / 1;
  }

  .events-wrapper::before,
  .events-wrapper::after {
    content: "";
    flex: 0 0 calc(1.5rem / 2);
  }

  .slider-dots {
    justify-content: center;
    align-items: center;
  }

  .slider-dots span {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ccc;
  }

  .slider-dots span.active {
      /* COLORE BLUE SCURO COME TITLE */	
      /* background-color: #1d3557; */
      background-color: #6d92d8;
  }

  .events-wrapper::-webkit-scrollbar {
    height: 6px;
  }

  .events-wrapper::-webkit-scrollbar-thumb {
      /* COLORE BLUE SCURO COME TITLE */	
      /* background: #1d3557; */
      background: #6d92d8;
    border-radius: 10px;
  }

}


/* ===== Colori slide per categoria ===== */
.embla__slide[data-category="crs"] .item-wrapper {
  background-color: #1b203d !important;
  color: #fff;
}
.embla__slide[data-category="online"] .item-wrapper {
  background-color: #004387 !important;
  color: #fff;
}
.embla__slide[data-category="presenza"] .item-wrapper {
  background-color: #abc3e3 !important;
  color: #fff;
}
.embla__slide[data-category="congresso"] .item-wrapper {
  background-color: #ddb300 !important;
  color: #fff;
}