/* Applicazione 
body, p {
  font-family: 'Proxima Nova', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 400;
}
h1,h2,h3,h4,h5,h6 { font-weight: 700; }
b,strong { font-weight: 700; }
em,i { font-style: italic; }
*/

/* Thin 100 
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNovaT-Thin.woff2') format('woff2'),
       url('../fonts/ProximaNovaT-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-ThinIt.woff2') format('woff2'),
       url('../fonts/ProximaNova-ThinIt.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
*/
/* Light 300 
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Light.woff2') format('woff2'),
       url('../fonts/ProximaNova-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-LightIt.woff2') format('woff2'),
       url('../fonts/ProximaNova-LightIt.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
*/
/* Regular 400 
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
       url('../fonts/ProximaNova-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-RegularIt.woff2') format('woff2'),
       url('../fonts/ProximaNova-RegularIt.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
*/
/* Semibold 600 
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
       url('../fonts/ProximaNova-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-SemiboldIt.woff2') format('woff2'),
       url('../fonts/ProximaNova-SemiboldIt.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
*/
/* Bold 700 
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
       url('../fonts/ProximaNova-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-BoldIt.woff2') format('woff2'),
       url('../fonts/ProximaNova-BoldIt.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
*/
/* ExtraBold 800
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'),
       url('../fonts/ProximaNova-Extrabld.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-ExtrabldIt.woff2') format('woff2'),
       url('../fonts/ProximaNova-ExtrabldIt.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
 */
/* Black 900 
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Black.woff2') format('woff2'),
       url('../fonts/ProximaNova-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-BlackIt.woff2') format('woff2'),
       url('../fonts/ProximaNova-BlackIt.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
*/
/* Applicazione 
body, p {
  font-family: 'Proxima Nova', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 400;
}
h1,h2,h3,h4,h5,h6 { font-weight: 700; }
b,strong { font-weight: 700; }
em,i { font-style: italic; }

*/
/* Thin 100 
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNovaT-Thin.woff2') format('woff2'),
       url('../fonts/ProximaNovaT-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-ThinIt.woff2') format('woff2'),
       url('../fonts/ProximaNova-ThinIt.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
*/
/* Light 300 
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Light.woff2') format('woff2'),
       url('../fonts/ProximaNova-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-LightIt.woff2') format('woff2'),
       url('../fonts/ProximaNova-LightIt.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
*/
/* Regular 400
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
       url('../fonts/ProximaNova-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-RegularIt.woff2') format('woff2'),
       url('../fonts/ProximaNova-RegularIt.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
 */
/* Semibold 600 
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
       url('../fonts/ProximaNova-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-SemiboldIt.woff2') format('woff2'),
       url('../fonts/ProximaNova-SemiboldIt.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
*/
/* Bold 700 
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
       url('../fonts/ProximaNova-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-BoldIt.woff2') format('woff2'),
       url('../fonts/ProximaNova-BoldIt.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
*/
/* ExtraBold 800 
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'),
       url('../fonts/ProximaNova-Extrabld.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-ExtrabldIt.woff2') format('woff2'),
       url('../fonts/ProximaNova-ExtrabldIt.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
*/
/* Black 900 
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Black.woff2') format('woff2'),
       url('../fonts/ProximaNova-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-BlackIt.woff2') format('woff2'),
       url('../fonts/ProximaNova-BlackIt.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}



@font-face {
    font-family: 'Museo Slab';
    src: url('../fonts/MuseoSlab-700.woff2') format('woff2'),
        url('../fonts/MuseoSlab-700.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('../fonts/MuseoSlab-700.woff2') format('woff2'),
        url('../fonts/MuseoSlab-700.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('../fonts/MuseoSlab-900Italic.woff2') format('woff2'),
        url('../fonts/MuseoSlab-900Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('../fonts/MuseoSlab-300Italic.woff2') format('woff2'),
        url('../fonts/MuseoSlab-300Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('../fonts/MuseoSlab-100.woff2') format('woff2'),
        url('../fonts/MuseoSlab-100.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('../fonts/MuseoSlab-300.woff2') format('woff2'),
        url('../fonts/MuseoSlab-300.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('../fonts/MuseoSlab-500Italic.woff2') format('woff2'),
        url('../fonts/MuseoSlab-500Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('../fonts/MuseoSlab-100Italic.woff2') format('woff2'),
        url('../fonts/MuseoSlab-100Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('../fonts/MuseoSlab-700Italic.woff2') format('woff2'),
        url('../fonts/MuseoSlab-700Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('../fonts/MuseoSlab-900.woff2') format('woff2'),
        url('../fonts/MuseoSlab-900.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('../fonts/MuseoSlab-1000Italic.woff2') format('woff2'),
        url('../fonts/MuseoSlab-1000Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('../fonts/MuseoSlab-500.woff2') format('woff2'),
        url('../fonts/MuseoSlab-500.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('../fonts/MuseoSlab-1000.woff2') format('woff2'),
        url('../fonts/MuseoSlab-1000.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



*/

.eb-events { 
  display: block;
}

/* Card wrapper */
.eb-card {
    background-color: #eaeaea;
    transition: all 300ms ease-in-out;
    width: 100%;
    border-radius: 10px;
    margin: 50px 0;
    padding: 50px;
}

/* ---- LAYOUT INTERNO FLEX ---- */
.eb-card-inner {
  display: flex;
  flex-direction: column;       /* mobile: stack */
  gap: 50px;
  align-items: flex-start;
}

@media (min-width: 992px) {     /* desktop: 2 colonne affiancate */
  .eb-card-inner {
    flex-direction: row;
    align-items: stretch;
  }
}

/* Media (immagine) */
.eb-media {
  position: relative;
  overflow: hidden;
  width: 100%;                  /* mobile full width */
}

@media (min-width: 992px) {
  .eb-media {
    flex: 0 0 510px;            /* larghezza fissa a sinistra */
    width: 510px;               /* per sicurezza */
  }
}

.eb-media-img,
.eb-media-placeholder {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;          /* come da tua scelta */
  object-fit: cover;
}

/* Badge NEW rotondo arancione */
.eb-badge-featured {
position: absolute;
    top: 60px;
    left: 10px;
    width: 90px;
    height: 90px;
    border-radius: 999px;
    background: var(--sppb-pa-palette-pa-orange);
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
    z-index: 1;
}

/* Banda blu con titolo */
.eb-media-title {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  background: rgba(5, 77, 150, 0.85);
  color: #fff;
  padding: 10px 15px;
  height: 100px;
  display: flex;
  align-items: center;
}

.eb-title {
  margin: 0;
  font-size: clamp(1rem, 1.2vw + .6rem, 1.15rem);
  line-height: 1.3;
  font-weight: 600;
  color: #ffffff;
}

/* ---- COLONNA CONTENUTO ---- */
.eb-content {
  position: relative;
  min-height: 100%;
  width: 100%;
  display: flex;                /* per spingere le azioni in basso */
  flex-direction: column;
}

@media (min-width: 992px) {
  .eb-content { 
    flex: 1 1 auto; 
  }
}

/* Prezzo grande in alto a dx */
.eb-price {
  text-align: right;
  top: .25rem; right: .25rem;
  color: var(--sppb-pa-palette-pa-orange);
  font-weight: 600;
  font-size: 2rem;
}

/* Descrizione/lista */
.eb-desc { margin-top: 2.5rem; }
.eb-desc ul { margin: 0 0 1rem 1.25rem; }
.eb-desc li { margin-bottom: .35rem; }

/* Footer azioni (resta in basso grazie a flex column in .eb-content) */
.eb-actions {
  margin-top: auto;             /* spinge il footer verso il fondo della colonna */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: .75rem;
}

/* Link "More" */
.eb-link-more {
  font-weight: 500;
  text-decoration: none;
  color: #0b487a;
}
.eb-link-more:hover { text-decoration: underline; }
.eb-link-arrow { margin-left: .3rem; }

/* Bottone primary */
.eb-btn-primary {
  background: #154a8a;
  color: #fff;
  padding: .65rem 1.1rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
.eb-btn-primary:hover { background: #103c70; color: #fff; }

/* Mobile tweaks */
@media (max-width: 991.98px) {
  .eb-price { position: static; margin-bottom: .25rem; display: block; text-align: right; }
  .eb-desc { margin-top: .75rem; }
}