:root{
  --slx-radius: 1.25rem;
  --slx-border: rgba(0,0,0,.08);
}

.slx-kicker {
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #000000;
}

/* HERO HOME - Gradiente blu/giallo */
.slx-hero{
  position: relative;
  overflow: hidden;
  background: #fff; /* base bianca */
}

.slx-hero h1 {
  color: #030303;
}

.slx-hero .lead {
  color: #495057;
}

.slx-hero-card{
  background: #fff;
  border: 1px solid var(--slx-border);
  border-radius: var(--slx-radius);
  overflow: hidden;
}

.slx-hero-media{
  height: 220px;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.0));
  /* opzionale: aggiungi una tua immagine */
  /* background-image: url("/assets/img/hero.webp"); */
  background-size: cover;
  background-position: center;
}

.slx-card img { display:block; }
.slx-card .ratio { border-bottom: 1px solid rgba(0,0,0,.06); }

.slx-section-muted{
  background: #f8fafc;
  border-top: 1px solid var(--slx-border);
  border-bottom: 1px solid var(--slx-border);
}

.slx-news-media{
  height: 220px;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.0));
  /* opzionale: background-image: url("/assets/img/news.webp"); */
  background-size: cover;
  background-position: center;
}

.slx-cta{
  background: #fff;
  border: 1px solid var(--slx-border);
  box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.04);
}

@media (max-width: 575.98px){
  .slx-hero-media, .slx-news-media{ height: 180px; }
}

.slx-list li { margin-bottom: .35rem; }

.slx-pill{
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  border-radius: 999px;
  padding: .55rem .75rem;
  font-size: .95rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.03);
}

/* Stile documento leggibile */
.slx-doc h2, .slx-doc h3 { margin-top: 1.25rem; }
.slx-doc p { color: rgba(0,0,0,.75); line-height: 1.7; }
.slx-doc table { width: 100%; }
.slx-doc table th, .slx-doc table td { padding: .6rem; border-bottom: 1px solid rgba(0,0,0,.08); }
@media print {
  nav, footer, .btn, .slx-kicker { display: none !important; }
  body { background: #fff !important; }
  .card, .slx-card { border: none !important; box-shadow: none !important; }
}

.slx-event-cover-placeholder{
  background: linear-gradient(135deg, rgba(13,110,253,.12), rgba(255,193,7,.18));
  min-height: 140px;
}

/* RWP */
.slx-rwp-img{
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  display: block !important;
}

@media (min-width: 992px){
  .slx-rwp-img{
    height: 320px !important;
  }
}

/* HERO base */
.slx-hero{
  position: relative;
  overflow: hidden;
  background: #fff;
}

/* Gradienti in alto (angoli) */
.slx-hero-bg{
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;

  background:
    radial-gradient(800px 700px at 0% 0%,
      rgba(0, 90, 200, 0.35) 0%,
      rgba(0, 90, 200, 0.00) 60%),
    radial-gradient(800px 700px at 100% 0%,
      rgba(255, 200, 60, 0.35) 0%,
      rgba(255, 200, 60, 0.00) 60%);
}

/* Porta sopra i contenuti */
.slx-hero > .container{
  position: relative;
  z-index: 1;
}

/* IMMAGINE HERO: stesso stile robusto di RWP */
.slx-hero-img{
  width: 100% !important;
  height: 180px !important;     /* mobile */
  display: block !important;
  object-fit: contain !important; /* vedi tutta l'immagine trasparente */
  opacity: 50% !important;
  margin-top: -50px;            /* “attaccata” al fondo della hero */
}

/* Desktop */
@media (min-width: 992px){
  .slx-hero-img{
    height: 600px !important;
    margin-top: -500px;
    opacity: 50% !important;
  }
}

/* Anti-Overflow globale (consigliato) */
html, body{
  max-width: 100%;
  overflow-x: hidden;
}