/* ==========================================================================
   pages/archivio-pubblico.css
   Eccezioni della pagina archivio pubblico.
   Caricato da 1 pagina.
   ========================================================================== */

.archive-hero .inner {
  margin: 0 auto;
}

.archive-kicker {
  align-items: center;
  justify-content: center;
  border-radius: var(--r-pill);
}

.archive-hero p {
  margin: .75rem auto 0;
}

.archive-actions a {
  box-shadow: var(--shadow);
  text-align: center;
}

.archive-main {
  max-width: 1120px;
  margin: 0 auto;
  padding: 44px 18px 62px;
}

.archive-section>p {
  margin: 0 0 1.2rem;
}

.archive-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.archive-grid.two {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

.archive-card {
  position: relative;
  border: 1px solid rgba(44,80,128,.14);
  padding: 1.15rem 1.15rem;
  overflow: hidden;
}

.archive-card:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg,var(--blu-accent),#d0b16a);
}

.archive-card .date {
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 800;
  margin: 0 0 .35rem;
}

.archive-card h3 {
  margin: .15rem 0 .55rem;
}

.archive-card p {
  margin: 0 0 .9rem;
}

.archive-card a {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  color: #173452;
  font-weight: 800;
  text-decoration: none;
}

.archive-card a:hover {
  text-decoration: underline;
}

.archive-note {
  padding: 1rem 1.1rem;
  line-height: 1.7;
}

.archive-timeline {
  display: grid;
  gap: .85rem;
}

.timeline-item {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 1rem;
  border: 1px solid rgba(44,80,128,.14);
  padding: 1rem;
}

.timeline-item .year {
  font-weight: 800;
}

.timeline-item h3 {
  margin: 0 0 .35rem;
}

.timeline-item p {
  margin: 0;
}

.archive-hero h1,
.archive-hero p,
.archive-hero .inner {
  color: #fff;
}

.archive-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 1rem;
}

.archive-grid>* {
  flex: 0 1 calc((100% - 2rem)/3);
  max-width: calc((100% - 2rem)/3);
}

@media (max-width: 860px) {
  .archive-grid,
  .archive-grid.two,
.timeline-item{
    grid-template-columns: 1fr;
  }
  
}

@media (max-width: 768px) {
  .archive-grid>* {
    flex-basis: calc((100% - 1rem)/2);
    max-width: calc((100% - 1rem)/2);
  }
}

@media (max-width: 520px) {
  .archive-grid>* {
    flex-basis: 100%;
    max-width: 100%;
  }
}

/* R5.48 · C14 · Archivio storico: data a sinistra, titolo e testo nella colonna del contenuto, un solo asse. */
.timeline-item { --r517-mx: 0; --r517-ta: left; }
.timeline-item :is(h3, h4, p) { text-align: left; }