/* ============================================================
   Festival dell'Altrove — cornice per le pagine d'archivio
   (edizioni V, VI, VII: 2021, 2022, 2023).
   Contiene SOLO le regole di testata e pie' di pagina, tutte
   agganciate a classi nostre: non tocca il corpo delle pagine
   originali, che restano com'erano.
   ============================================================ */
:root{
  --fa-blu:#004368; --fa-blu-scuro:#00304a; --fa-oro:#e2b738; --fa-oro-scuro:#ba9e07;
  --fa-panna:#fbf8f2; --fa-panna-scura:#f2ece0; --fa-linea:#dfe5e9; --fa-soft:#54666f;
  --fa-display:Georgia,"Iowan Old Style","Times New Roman",Times,serif;
  --fa-corpo:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --fa-molla:cubic-bezier(.2,.7,.3,1);
  --fa-h:54px;
}
.fa-testata *,.fa-pie *,.fa-avviso *,#cc-banner *{box-sizing:border-box}

.fa-testata{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);
  backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--fa-linea);
  font-family:var(--fa-corpo);font-size:17px;line-height:1.65}
.fa-riga{width:100%;max-width:1180px;margin-inline:auto;padding-inline:20px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--fa-h)}
.fa-marchio{display:flex;align-items:center;gap:9px;flex-shrink:0;text-decoration:none}
.fa-marchio img{width:104px;height:auto;display:block;max-width:none;
  transition:transform .3s var(--fa-molla)}
.fa-marchio:hover img{transform:translateY(-1px) scale(1.02)}
.fa-marchio .fa-ed{font-family:var(--fa-display);font-size:.7rem;font-weight:700;
  color:var(--fa-oro-scuro);letter-spacing:.04em;white-space:nowrap}
.fa-apri{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  background:var(--fa-blu);border:0;border-radius:10px;padding:0;cursor:pointer;flex-shrink:0;
  transition:background .2s ease,transform .2s var(--fa-molla)}
.fa-apri:hover{background:var(--fa-blu-scuro);transform:scale(1.05)}
.fa-barre{display:block;width:18px;height:2px;background:#fff;position:relative;border-radius:2px;
  transition:background .18s ease}
.fa-barre::before,.fa-barre::after{content:"";position:absolute;left:0;width:18px;height:2px;
  background:#fff;border-radius:2px;transition:transform .22s var(--fa-molla)}
.fa-barre::before{top:-6px}
.fa-barre::after{top:6px}
.fa-apri[aria-expanded="true"] .fa-barre{background:transparent}
.fa-apri[aria-expanded="true"] .fa-barre::before{transform:translateY(6px) rotate(45deg)}
.fa-apri[aria-expanded="true"] .fa-barre::after{transform:translateY(-6px) rotate(-45deg)}

.fa-nav{display:none}
.fa-nav.aperto{display:block;position:absolute;left:0;right:0;top:100%;background:#fff;
  border-bottom:1px solid var(--fa-linea);box-shadow:0 8px 24px rgba(0,48,74,.10);padding:6px 0 14px}
.fa-nav ul{list-style:none;margin:0;padding:0}
.fa-nav > ul > li{border-bottom:1px solid var(--fa-linea)}
.fa-nav > ul > li:last-child{border-bottom:0}
.fa-nav a{display:block;padding:12px 20px;font-family:var(--fa-corpo);font-weight:600;
  font-size:17px;color:var(--fa-blu);text-decoration:none;background:none;
  transition:background .18s ease,padding-left .22s var(--fa-molla)}
.fa-nav a:hover{background:var(--fa-panna);padding-left:25px}
.fa-nav a[aria-current="page"]{color:var(--fa-oro-scuro)}
.fa-fb{display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:50%;background:var(--fa-blu);flex-shrink:0;padding:0!important;
  transition:transform .25s var(--fa-molla),background .2s ease}
.fa-fb svg{width:18px;height:18px;fill:#fff;display:block}
.fa-fb:hover{background:var(--fa-oro);transform:translateY(-2px) scale(1.08)}
.fa-fb:hover svg{fill:var(--fa-blu-scuro)}
@media (min-width:900px){
  :root{--fa-h:62px}
  .fa-apri{display:none}
  .fa-marchio img{width:124px}
  .fa-nav,.fa-nav.aperto{display:block;position:static;background:none;border:0;box-shadow:none;padding:0}
  .fa-nav > ul{display:flex;align-items:center;gap:2px}
  .fa-nav > ul > li{border:0}
  .fa-nav a{padding:8px 12px;border-radius:9px;font-size:.94rem;white-space:nowrap}
  .fa-nav a:hover{padding-left:12px}
  .fa-nav .fa-fb{margin-left:8px}
}

.fa-avviso{background:var(--fa-panna-scura);border-bottom:1px solid var(--fa-linea);
  padding:13px 20px;text-align:center;font-family:var(--fa-corpo);font-size:.93rem;
  color:var(--fa-soft);line-height:1.6}
.fa-avviso strong{color:var(--fa-blu)}
.fa-avviso a{color:var(--fa-blu);font-weight:700}

.fa-pie{background:var(--fa-blu);color:#cfe0ea;padding:38px 0 24px;
  font-family:var(--fa-corpo);font-size:.94rem;line-height:1.65;margin-top:0}
.fa-pie-in{width:100%;max-width:1180px;margin-inline:auto;padding-inline:20px}
.fa-pie h2{color:#fff;font-family:var(--fa-display);font-size:1.18rem;margin:0 0 10px;font-weight:700}
.fa-pie p{margin:0 0 1rem}
.fa-pie a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.fa-pie a:hover{color:var(--fa-oro);border-bottom-color:var(--fa-oro)}
.fa-pie .fa-loghi{background:#fff;border-radius:14px;padding:18px;margin-bottom:26px}
.fa-pie .fa-loghi img{width:100%;height:auto;display:block;max-width:none}
.fa-colonne{display:grid;gap:24px;grid-template-columns:1fr}
@media (min-width:760px){.fa-colonne{grid-template-columns:1.4fr 1fr 1fr}}
.fa-pie ul{list-style:none;margin:0;padding:0}
.fa-pie li{margin-bottom:7px}
.fa-pie .fa-social{display:flex;align-items:center;gap:11px;margin-top:14px}
.fa-pie .fa-social .fa-fb{background:rgba(255,255,255,.14)}
.fa-pie .fa-social .fa-fb:hover{background:var(--fa-oro)}
.fa-pie .fa-promotore strong{color:#fff;font-family:var(--fa-display);font-size:1.12rem;
  display:block;margin-top:2px}
.fa-pie .fa-segreteria{margin-top:14px;font-size:.86rem;color:#a9c4d4}
.fa-pie .fa-coda{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);
  font-size:.84rem;color:#a9c4d4}
.fa-pie .fa-cup{margin-top:8px;font-size:.78rem;color:#8fb1c5;line-height:1.5}
.fa-pie .cc-revoca{background:none;border:0;color:#fff;font:inherit;text-decoration:underline;
  cursor:pointer;padding:0}
.fa-pie .cc-revoca:hover{color:var(--fa-oro)}

/* banner del consenso: stessa forma del resto del sito */
#cc-banner{position:fixed;inset:auto 0 0 0;z-index:300;background:#fff;
  border-top:3px solid var(--fa-oro);box-shadow:0 -8px 30px rgba(0,48,74,.18);padding:18px 20px;
  font-family:var(--fa-corpo);line-height:1.65}
#cc-banner[hidden]{display:none}
.cc-corpo{max-width:1180px;margin-inline:auto;display:grid;gap:14px}
@media (min-width:820px){.cc-corpo{grid-template-columns:1fr auto;align-items:center}}
.cc-testo{font-size:.93rem;color:var(--fa-soft)}
.cc-testo strong{color:var(--fa-blu);font-family:var(--fa-display);font-size:1.02rem;
  display:block;margin-bottom:3px}
.cc-testo a{color:var(--fa-blu)}
.cc-bottoni{display:flex;flex-wrap:wrap;gap:9px}
.cc-bottoni button{font-family:var(--fa-corpo);font-weight:700;font-size:.95rem;padding:12px 26px;
  min-width:132px;border-radius:10px;cursor:pointer;border:2px solid var(--fa-blu);
  background:#fff;color:var(--fa-blu);transition:background .2s ease,color .2s ease}
.cc-bottoni button:hover{background:var(--fa-blu);color:#fff}