/* ==========================================================================
   PAGINE-DOCUMENTO PUBBLICHE (informativa privacy, e quelle che verranno)

   Non sono pagine del gestionale: chi le apre non ha una sessione, spesso non
   e' nemmeno una persona (il crawler di Google Play legge esattamente questa).
   Quindi niente sidebar, niente Metronic, niente javascript: solo il tema di
   marca e una colonna di testo larga quanto si legge comodi.

   I colori arrivano dai token di incode-theme.css, che questa pagina carica
   prima. Qui non c'e' nessun colore scritto a mano.
   ========================================================================== */

.ic-doc-corpo{
  margin:0;
  background:var(--ic-bg);
  color:var(--ic-text);
  font-family:var(--ic-font-ui);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

/* la fascia della bozza: si vede da lontano proprio perche' non deve
   sopravvivere alla pubblicazione */
.ic-doc-bozza{
  background:var(--ic-danger); color:#fff;
  padding:12px 20px; font-size:14px; line-height:1.5;
}
.ic-doc-bozza code{
  background:rgba(255,255,255,.18); color:#fff;
  border-radius:4px; padding:1px 5px; font-family:var(--ic-font-mono); font-size:12.5px;
}

/* La fascia in cima resta SCURA anche se la pagina e' chiara: il logo e'
   bianco (default-logo.svg ha fill:#fff sul lettering) e su fondo chiaro
   sparirebbe, lasciando visibile solo il quadrato rosso della "IN". E' la
   stessa ragione per cui le pagine di accesso tengono lo sfondo scuro. */
.ic-doc-testa{
  background:#11151C;
  padding:18px 24px;
}
.ic-doc-marchio img{height:26px; display:block}

/* 68 caratteri di riga: piu' lunga si perde il segno andando a capo, ed e' un
   testo che si legge tutto */
.ic-doc{
  max-width:68ch;
  margin:0 auto;
  padding:44px 24px 64px;
}

.ic-doc-occhiello{
  font-family:var(--ic-font-mono); font-size:11px; font-weight:700;
  letter-spacing:.15em; text-transform:uppercase;
  color:var(--ic-brand-500); margin:0 0 10px;
}
.ic-doc h1{
  font-family:var(--ic-font-display);
  font-size:34px; font-weight:600; letter-spacing:-.025em; line-height:1.15;
  margin:0 0 10px; text-wrap:balance;
}
.ic-doc-data{color:var(--ic-text-3); font-size:14px; margin:0 0 34px}

.ic-doc h2{
  font-family:var(--ic-font-display);
  font-size:21px; font-weight:600; letter-spacing:-.015em;
  margin:38px 0 12px; padding-top:20px;
  border-top:1px solid var(--ic-border);
}
.ic-doc h3{font-size:16.5px; font-weight:600; margin:26px 0 8px}
.ic-doc p{margin:0 0 14px}
.ic-doc ul{margin:0 0 16px; padding-left:22px}
.ic-doc li{margin-bottom:7px}
.ic-doc a{color:var(--ic-brand-500)}
.ic-doc a:hover{text-decoration:underline; text-underline-offset:3px}

/* finalita' e base giuridica: sono la nota tecnica del paragrafo, non il
   paragrafo */
.ic-doc-base{color:var(--ic-text-2); font-size:14.5px}
.ic-doc-nota{
  background:var(--ic-surface-2); border-radius:var(--ic-r);
  padding:14px 16px; font-size:15px;
}
/* il riquadro dell'art. 4: e' rivolto a un lettore diverso (l'azienda
   cliente, non il lavoratore) e deve staccarsi dal resto */
.ic-doc-riquadro{
  border-left:3px solid var(--ic-warning);
  background:var(--ic-surface);
  border-radius:0 var(--ic-r) var(--ic-r) 0;
  padding:14px 16px; margin:0 0 18px;
}
.ic-doc-riquadro p:last-child{margin-bottom:0}

.ic-doc-tabella{overflow-x:auto; margin:0 0 18px}
.ic-doc-tabella table{width:100%; border-collapse:collapse; font-size:14.5px}
.ic-doc-tabella th{
  text-align:left; font-weight:600; color:var(--ic-text-2);
  border-bottom:1px solid var(--ic-border); padding:0 14px 8px 0;
}
.ic-doc-tabella td{
  border-bottom:1px solid var(--ic-border-soft);
  padding:10px 14px 10px 0; vertical-align:top;
}
.ic-doc-tabella tr:last-child td{border-bottom:0}

.ic-doc-piede{
  border-top:1px solid var(--ic-border);
  padding:20px 24px; text-align:center;
  color:var(--ic-text-3); font-size:13px;
}
.ic-doc-piede p{margin:0}

@media (max-width: 575.98px){
  .ic-doc{padding:30px 18px 48px}
  .ic-doc h1{font-size:27px}
}