/* Pianificio: grafica dei documenti (privacy e condizioni di vendita). Si appoggia a comune.css.
   Testata scura con il titolo, corpo su carta con indice, riquadri "da verificare" per l'esperta. */

.bozza {
  padding: 12px var(--gutter); background: var(--c-accento); color: var(--c-bianco);
  font-size: 0.9375rem; line-height: 1.45; text-align: center;
}
.bozza strong { letter-spacing: 0.04em; }

.documento__testa > .contenitore { padding-top: 20px; }
.documento__testa h1 { max-width: 20ch; }
.documento__sotto { margin-top: 16px; max-width: 62ch; font-size: 1.0625rem; line-height: 1.55; color: var(--c-su-scuro-2); }
.documento__data { margin-top: 16px; font-size: 0.875rem; color: var(--c-su-scuro-2); }

.documento { padding-block: 16px 88px; }
.documento h2 { margin-top: 52px; font-size: clamp(1.375rem, 1.15rem + 1vw, 1.875rem); letter-spacing: -0.03em; scroll-margin-top: 24px; }
.documento h3 { margin-top: 26px; font-size: 1.1875rem; scroll-margin-top: 24px; }
.documento p, .documento ul, .documento ol:not(.indice-doc ol) { margin-top: 12px; max-width: 70ch; }
.documento ul { padding-left: 22px; display: grid; gap: 6px; }
.documento li::marker { color: var(--c-accento); }
.segnaposto { padding: 1px 6px; border-radius: 6px; background: var(--c-grano-tenue); color: var(--c-inchiostro); font-weight: 700; }
.da-verificare {
  display: block; margin-top: 12px; max-width: 70ch; padding: 12px 16px;
  border-left: 3px solid var(--c-grano); border-radius: 0 var(--r-controllo) var(--r-controllo) 0;
  background: var(--c-superficie-2); font-size: 0.9375rem; line-height: 1.5; color: var(--c-testo);
}
.da-verificare::before { content: "Da verificare: "; font-weight: 700; color: var(--c-accento-testo); }
.tabella { width: 100%; max-width: 900px; margin-top: 16px; border-collapse: collapse; font-size: 0.9375rem; }
.tabella th, .tabella td { padding: 10px 12px; border-bottom: 1px solid var(--c-bordo); text-align: left; vertical-align: top; }
.tabella th { font-size: 0.8125rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--c-testo-2); }
.tabella-scorre { overflow-x: auto; }

.indice-doc {
  margin-top: 8px; padding: 20px 22px;
  border: 1px solid var(--c-bordo); border-radius: var(--r-card); background: var(--c-superficie); box-shadow: var(--ombra-card);
}
.indice-doc strong { font-family: var(--font-titoli); font-weight: 600; color: var(--c-inchiostro); }
.indice-doc ol { margin-top: 8px; padding-left: 22px; display: grid; gap: 0; }
.indice-doc li { line-height: 1.4; }
.indice-doc a { display: inline-block; padding-block: 8px; }

/* Riquadro di una garanzia nelle condizioni */
.patto {
  margin-top: 16px; max-width: 70ch; padding: 18px 20px;
  border: 1px solid var(--c-bordo); border-radius: var(--r-card); background: var(--c-bianco);
}
.patto h3 { margin-top: 0; display: flex; align-items: center; gap: 12px; }
.patto__icona { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 10px; background: var(--c-scuro); color: var(--c-azione); }
.patto__icona .icona { width: 18px; height: 18px; }
.patto__vale { margin-top: 8px; font-size: 0.875rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--c-testo-2); }
.patto p:first-of-type { margin-top: 10px; }
.patto ul { margin-top: 10px; }

@media (min-width: 960px) {
  .documento { padding-top: 24px; }
  .indice-doc ol { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
}