/* «Luce al centro» (scelta da Isabella il 15 ottobre 2026, dalle prove in
   ufficio-sito/proposte sito 15.10/03-fascia): via i riquadri pieni, al loro
   posto una fascia di luce continua dietro la colonna di testo, sfumata ai lati.
   Va caricato dopo scuro.css. Il cielo Three.js non cambia. */
:root {
  --velo: .58; --velo-rgb: 255 255 255;
  --testo-2: #34303A; --link: #34303A;
  --aria: clamp(2.4rem, 5vw, 4rem);
}
html[data-aspetto="scuro"] {
  --velo-rgb: 20 23 36; --testo-2: #D1CAD5; --link: #D1CAD5;
}
body { overflow-x: clip; }
/* La fascia: centro uniforme che svanisce verso i lati, ferma mentre si scorre. */
body::before {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(90deg,
    rgb(var(--velo-rgb) / 0) calc(50% - 38rem),
    rgb(var(--velo-rgb) / calc(var(--velo) * .18)) calc(50% - 32rem),
    rgb(var(--velo-rgb) / calc(var(--velo) * .65)) calc(50% - 26rem),
    rgb(var(--velo-rgb) / var(--velo)) calc(50% - 20rem),
    rgb(var(--velo-rgb) / var(--velo)) calc(50% + 20rem),
    rgb(var(--velo-rgb) / calc(var(--velo) * .65)) calc(50% + 26rem),
    rgb(var(--velo-rgb) / calc(var(--velo) * .18)) calc(50% + 32rem),
    rgb(var(--velo-rgb) / 0) calc(50% + 38rem));
}
body > main, body > footer { position: relative; z-index: 1; }
.testata { position: relative; z-index: 20; }
.sole-viaggio { z-index: 3; }
/* Niente fondi, contorni né ombre dei riquadri, neanche nella penombra. */
.apertura > .contenitore, .sezione > .contenitore,
.pie > .contenitore, .blocco,
html.veduta-attiva .in-penombra > .contenitore,
html.veduta-attiva .in-penombra .blocco {
  background: transparent !important; border: 0 !important;
  box-shadow: none !important; transition: none;
}
.apertura > .contenitore::before, .sezione > .contenitore::before,
.pie > .contenitore::before, .blocco::before { content: none !important; }
/* Il sole che appoggiava le mani al riquadro: senza bordo non ha dove poggiarle. */
.blocco:has(> .spunta) { margin-top: 0; }
.spunta { display: none; }
.blocco {
  --testo: #1C1D21; --testo-2: #34303A; --link: #34303A;
  --evidenzia: rgba(244,238,169,.65); color: var(--testo);
}
.blocco .bottone { --bottone-colore: rgba(244,238,169,.92); }
html[data-aspetto="scuro"] .blocco {
  --testo: #F2F0EC; --testo-2: #D1CAD5; --link: #D1CAD5;
  --evidenzia: rgba(244,238,169,.25); color: var(--testo);
}
.blocco a:not(.bottone):not(.bottone-2) { color: var(--link); }
.blocco h2 { margin-bottom: .65em; }
.blocco .prosa { margin-inline: auto; }
.sezione h2 { margin-bottom: .85em; }
.testata.scorsa { box-shadow: 0 1px 0 rgba(28,29,33,.12); }
html[data-aspetto="scuro"] .testata.scorsa { box-shadow: 0 1px 0 rgba(255,255,255,.15); }
.pie { padding-bottom: 7rem; }
@media print {
  body::before, .apertura > .contenitore::after,
  .sezione > .contenitore::after, .pie > .contenitore::after { display: none !important; }
}