.cases {
  text-align: center;
}

.sector-hero {
  background-image: var(--sector-bg);
  background-position: center;
  background-size: cover;
}

.sector-hero h1 {
  color: #fff;
  max-width: 850px;
  font-size: clamp(2.4rem,4.8vw,4rem);
}

.page-aziende-e-sindacati,
.page-ordini-religiosi {
  --accent: #00a99d;
  --sector-bg: url('../../assets/media/2026/05/Aziende-e-Sindacati-1024x578.png');
}

.page-scuole-e-universita {
  --accent: #262626;
  --sector-bg: url('../../assets/media/2026/05/bg-scuola-e-universita-1024x573.png');
}

.page-ordini-professionali,
.page-associazioni-e-club {
  --accent: #fed367;
  --sector-bg: url('../../assets/media/2026/05/bg-ordini-professionali-1-1024x682.png');
}

.page-condomini {
  --accent: #c0e6f5;
  --sector-bg: url('../../assets/media/2026/06/bg-condomini.png');
}

.sector-explanation {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 65px;
  align-items: center;
  padding-top: 65px;
}

.sector-illustration img {
  width: min(100%,450px);
  margin: auto;
  max-height: 550px;
  object-fit: contain;
}

.explanation-cards {
  display: grid;
  gap: 32px;
}

.explanation-card {
  padding: 30px;
  border: var(--line);
  border-radius: 20px;
  box-shadow: var(--shadow);
  background: #fff;
}

.chip {
  display: inline-block;
  font-size: 1rem;
  padding: 6px 15px;
  border-radius: 30px;
  border: 1px solid #000;
  background: var(--accent);
  color: #000;
  letter-spacing: 0;
}

.page-scuole-e-universita .chip {
  color: #fff;
}

.explanation-card p {
  font-size: 1.16rem;
  margin-bottom: 0;
  line-height: 1.6;
}

.cases {
  background: #f8f9fb;
}

.cases h2 span {
  color: var(--deep-purple);
}

.case-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 28px;
  margin-top: 65px;
  text-align: left;
}

.case-card {
  padding: 30px;
  border: var(--line);
  box-shadow: var(--shadow);
  border-radius: 16px;
  background: #fff;
}

.case-card h3 {
  line-height: 1.3;
}

.case-card p {
  margin: 0;
  line-height: 1.65;
}

@media(max-width:1050px) {
  .case-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media(max-width:800px) {
  .sector-explanation {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  
  .sector-illustration img {
    max-height: 380px;
  }
}

@media(max-width:500px) {
  .case-grid {
    grid-template-columns: 1fr;
  }
  
  .case-grid {
    margin-top: 40px;
  }
  
  .explanation-card,
  .case-card {
    padding: 24px;
  }
}

/* Etichette delle card: dimensione indipendente dagli stili globali h2. */
.sector-explanation .explanation-card > h2.chip {
  display: inline-block;
  width: auto;
  max-width: 100%;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  font-weight: 700;
  letter-spacing: 0;
  padding: 6px 15px;
  border-radius: 30px;
}