@charset "UTF-8";
/* ==========================================================================
   PAGINA LEGALE (Privacy & Cookie Policy)
   ========================================================================== */
.legal-section {
  padding: 4rem 2rem;
  background: var(--bg-white); }

.legal-prose {
  max-width: 820px;
  margin: 0 auto;
  /* Stessa scala del testo lungo di post e works (20px con interlinea comoda).
     Va dichiarata qui: post-single.scss non è caricato su questa pagina,
     quindi .vn-prose da solo non porterebbe nessuno stile. */
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: var(--neutral-dark-grey);
  /* senza queste ereditarietà vincerebbe la regola globale su p (16px, #555) */
  /* link: stesso trattamento del resto del sito su fondo chiaro */ }
  .legal-prose p {
    margin: 0 0 24px;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit; }
  .legal-prose h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 32px;
    color: var(--primary-fuxia);
    margin: 48px 0 16px; }
    .legal-prose h2:first-child {
      margin-top: 0; }
  .legal-prose h3 {
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    color: var(--primary-fuxia);
    margin: 32px 0 12px; }
  .legal-prose strong, .legal-prose b {
    font-weight: 700; }
  .legal-prose ul, .legal-prose ol {
    margin: 0 0 24px;
    padding-left: 24px; }
    .legal-prose ul li, .legal-prose ol li {
      margin-bottom: 8px;
      font-size: inherit;
      line-height: inherit;
      color: inherit; }
  .legal-prose a {
    color: var(--primary-fuxia);
    font-weight: 700;
    text-decoration: none; }
    .legal-prose a:hover {
      text-decoration: underline; }

@media (max-width: 768px) {
  .legal-section {
    padding: 2rem 1rem; }
  .legal-prose {
    font-size: 18px;
    line-height: 28px; }
    .legal-prose h2 {
      font-size: 24px;
      line-height: 28px; }
    .legal-prose h3 {
      font-size: 20px;
      line-height: 24px; } }