/* zz-service-page.css — pagine WP fuori dal prototipo (privacy, cookie,
   pagine create dal cliente). Generato da make-service-page.mjs.
   Non tocca le pagine del design: tutto è confinato in .dc-page. */

.dc-page {
  background: #fdfcf6;
  color: #3a4266;
  padding: 150px 24px 96px;
  min-height: 60vh;
  font-size: 16.5px;
  line-height: 1.75;
}
.dc-page > * {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
/* i margini orizzontali restano auto: lo shorthand li azzererebbe e il
   titolo si staccherebbe dalla colonna del testo */
.dc-page h1 {
  font-family: 'Inria Serif', serif;
  font-weight: 700;
  font-size: clamp(34px, 4.6vw, 54px);
  line-height: 1.08;
  letter-spacing: -1px;
  color: #152b8d;
  margin: 0 auto 34px;
}
.dc-page h2 {
  font-family: 'Inria Serif', serif;
  font-weight: 700;
  font-size: clamp(21px, 2.4vw, 27px);
  line-height: 1.25;
  color: #152b8d;
  margin: 44px auto 12px;
}
.dc-page p { margin: 0 0 16px; }
.dc-page a { color: #152b8d; text-decoration: underline; }
.dc-page strong { color: #152b8d; }
.dc-page ul, .dc-page ol { margin: 0 0 16px; padding-left: 22px; }
.dc-page li { margin-bottom: 8px; }
/* pulsante "torna alla home": pill nei colori del brand, senza underline */
.dc-page .dc-back-home-wrap { margin: 48px auto 0; }
.dc-page a.dc-back-home {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 999px;
  background: #152b8d;
  color: #fdfcf6;
  font-weight: 600;
  text-decoration: none;
  transition: opacity .2s, transform .2s;
}
.dc-page a.dc-back-home:hover { opacity: .9; transform: translateY(-2px); }

/* l'header del design è trasparente sopra l'hero: qui serve un fondo pieno */
body:has(.dc-page) header { background: #0f1f66 !important; }

/* Nelle pagine di servizio il menu punterebbe a sezioni della home che qui non
   esistono (ancore morte) e su mobile l'hamburger non ha un pannello: si tiene
   solo il LOGO (link alla home); si naviga con logo + "Torna alla home". */
body:has(.dc-page) header button,
body:has(.dc-page) header .dc-hamburger { display: none !important; }
body:has(.dc-page) header nav > *:not(:first-child) { display: none !important; }
@media (max-width: 767px) {
  .dc-page { padding-top: 90px; }
}