@charset "utf-8";

.--prumo { font-family: Prumo, georgia, serif; }

.--font-primary { font-family: Prumo, georgia, serif; }

.row { display: flex; flex-wrap: wrap; width: 100%; }

[class*="col-"] { width: 100%; position: relative; }

.col { flex-basis: 0%; flex-grow: 1; max-width: 100%; }

.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }

.col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }

.col-3 { flex: 0 0 25%; max-width: 25%; }

.col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }

.col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }

.col-6 { flex: 0 0 50%; max-width: 50%; }

.col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }

.col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }

.col-9 { flex: 0 0 75%; max-width: 75%; }

.col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }

.col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }

.col-12 { flex: 0 0 100%; max-width: 100%; }

@media (min-width: 768px) {
  .col-tablet { flex-basis: 0%; flex-grow: 1; max-width: 100%; }
  .col-tablet-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-tablet-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
  .col-tablet-3 { flex: 0 0 25%; max-width: 25%; }
  .col-tablet-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-tablet-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
  .col-tablet-6 { flex: 0 0 50%; max-width: 50%; }
  .col-tablet-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
  .col-tablet-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
  .col-tablet-9 { flex: 0 0 75%; max-width: 75%; }
  .col-tablet-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
  .col-tablet-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
  .col-tablet-12 { flex: 0 0 100%; max-width: 100%; }
}

@media (min-width: 64em) {
  .col-desksm { flex-basis: 0%; flex-grow: 1; max-width: 100%; }
  .col-desksm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-desksm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
  .col-desksm-3 { flex: 0 0 25%; max-width: 25%; }
  .col-desksm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-desksm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
  .col-desksm-6 { flex: 0 0 50%; max-width: 50%; }
  .col-desksm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
  .col-desksm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
  .col-desksm-9 { flex: 0 0 75%; max-width: 75%; }
  .col-desksm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
  .col-desksm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
  .col-desksm-12 { flex: 0 0 100%; max-width: 100%; }
}

@media (min-width: 80em) {
  .col-deskxl { flex-basis: 0%; flex-grow: 1; max-width: 100%; }
  .col-deskxl-1 { flex: 0 0 8.33333%; }
  .col-deskxl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
  .col-deskxl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-deskxl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-deskxl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
  .col-deskxl-6 { flex: 0 0 50%; max-width: 50%; }
  .col-deskxl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
  .col-deskxl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
  .col-deskxl-9 { flex: 0 0 75%; max-width: 75%; }
  .col-deskxl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
  .col-deskxl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
  .col-deskxl-12 { flex: 0 0 100%; max-width: 100%; }
  .offset-deskxl-1 { margin-left: 8.33333%; }
}

[class*="row-gap"] { display: grid; gap: 2rem 1rem; }

@media (min-width: 83.75em) {
  [class*="row-gap"] { column-gap: 2.5rem; }
}

.row-gap-4 { grid-template-columns: 1fr 1fr 1fr 1fr; }

.row-gap-3 { grid-template-columns: 1fr 1fr 1fr; }

.row-gap-2 { grid-template-columns: 1fr 1fr; }

@media (min-width: 48em) {
  .row-gap-tablet-4 { grid-template-columns: 1fr 1fr 1fr 1fr; }
  .row-gap-tablet-3 { grid-template-columns: 1fr 1fr 1fr; }
  .row-gap-tablet-2 { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 64em) {
  .row-gap-desksm-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
  .row-gap-desksm-4 { grid-template-columns: 1fr 1fr 1fr 1fr; }
  .row-gap-desksm-3 { grid-template-columns: 1fr 1fr 1fr; }
  .row-gap-desksm-2 { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 80em) {
  .row-gap-deskxl-4 { grid-template-columns: 1fr 1fr 1fr 1fr; }
  .row-gap-deskxl-3 { grid-template-columns: 1fr 1fr 1fr; }
  .row-gap-deskxl-2 { grid-template-columns: 1fr 1fr; }
}

.lay-sidebar { display: flex; flex-flow: column; }

@media (min-width: 68.75em) {
  .lay-sidebar { flex-direction: row; margin-bottom: 2.5rem; }
  .sidebar__main { flex-basis: calc(100% - 316px); margin-right: 1rem; }
  .sidebar__aside { flex-shrink: 0; width: 18.75rem; }
}

@media (min-width: 83.75em) {
  .sidebar__main { flex-basis: calc(100% - 340px); margin-right: 2.5rem; }
  #wrapper.nota .sidebar__main { flex-basis: calc(100% - 380px); margin-right: 5rem; }
}

[class^="lay"], [class*=" lay"] { width: 100%; padding-right: 1rem; padding-left: 1rem; margin-right: auto; margin-left: auto; }

@media (min-width: 83.75em) {
  [class^="lay"], [class*=" lay"] { max-width: 83.75rem; padding-right: 2.5rem; padding-left: 2.5rem; }
}

.lay-full-width { padding-left: 0px; padding-right: 0px; max-width: 100%; }

#fusion-app > #wrapper:not(.sitemap):not(.html-libre.--transparent) { position: relative; overflow-x: clip; }

#fusion-app > #wrapper:not(.sitemap):not(.html-libre)::before { content: ""; height: 3.125rem; width: 100%; display: block; background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 4px, rgba(0, 0, 0, 0.15) 6px); }

@media (min-width: 768px) {
  #fusion-app > #wrapper:not(.sitemap):not(.html-libre.--transparent)::before { display: none; }
}

#content { position: relative; padding-top: 1.5rem; }

@media (min-width: 64em) {
  .--header-fixed-margin.--header-fixed-margin { margin-top: 3.5rem; }
}
