
/* ===== dalla preview definitiva: comune/base.css ===== */
/* Effegi v3 — base comune alle tre proposte. Chiaro, mobile first.
   Contrasti su --carta #F7F5F1 (calcolati): testo 15.98:1 · secondo 8.14:1 · etichetta 6.14:1 · rosso 6.1:1 · bianco su rosso 6.64:1 */
:root{
  --effegi-carta:#F7F5F1; --effegi-carta-2:#EFECE6; --effegi-bianco:#FFFFFF;
  --effegi-testo:#1A1A1A; --effegi-testo-2:#4A4A4A; --effegi-etichetta:#5C5C5C; --effegi-riga:#DDD8D0;
  --effegi-rosso:#BD0000; --effegi-rosso-hover:#9E0000; --effegi-libero:#1E7A3C;
  --effegi-font:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --effegi-gutter:16px; --effegi-max:1280px; --effegi-curva:cubic-bezier(.2,.7,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--effegi-carta);color:var(--effegi-testo);font:400 17px/1.6 var(--effegi-font);overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.025em;line-height:1.05;text-wrap:balance}
h1{font-size:clamp(34px,8.5vw,72px)} h2{font-size:clamp(28px,6.5vw,48px)} h3{font-size:20px;letter-spacing:-.01em}
p{margin:0;text-wrap:pretty}
.effegi-contenitore{width:100%;max-width:var(--effegi-max);margin-inline:auto;padding-inline:var(--effegi-gutter)}
.effegi-sezione{padding-block:56px 64px}
.effegi-occhiello{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--effegi-etichetta)}
.effegi-secondo{color:var(--effegi-testo-2)}
.effegi-salta{position:absolute;left:-999px} .effegi-salta:focus{left:16px;top:16px;z-index:50;background:var(--effegi-bianco);padding:8px 12px}
:focus-visible{outline:2px solid var(--effegi-rosso);outline-offset:3px}

/* testata */
.effegi-testata{position:sticky;top:0;z-index:20;background:var(--effegi-carta);border-bottom:1px solid var(--effegi-riga)}
.effegi-testata__riga{display:flex;align-items:center;justify-content:space-between;height:60px}
.effegi-testata__logo img{height:34px;width:auto}
/* doppio marchio come nel tema: firma dell'architetto | logo effegi, alla pari.
   Su fondo chiaro: nome #1A1A1A, fascia #5E5E5E con testo bianco (6.4:1). Jost = il carattere del marchio. */
.effegi-doppio-marchio{display:flex;align-items:center;gap:12px;text-decoration:none}
.effegi-doppio-marchio__filetto{width:1px;align-self:stretch;background:var(--effegi-riga)}
.effegi-marchio-arch{display:inline-flex;flex-direction:column;font-family:"Jost",var(--effegi-font);font-weight:500;line-height:1;text-transform:uppercase;color:var(--effegi-testo)}
.effegi-marchio-arch__nome{font-size:.78rem;letter-spacing:.14em;padding:0 .05em .32em;white-space:nowrap}
.effegi-marchio-arch__ruolo{background:#5E5E5E;color:#fff;font-size:.7rem;letter-spacing:.3em;text-align:center;padding:.3em .4em .26em .7em}
.effegi-doppio-marchio img{height:28px;width:auto}
.effegi-doppio-marchio--piede img{height:30px}
@media (min-width:560px){.effegi-marchio-arch__nome{font-size:.95rem}.effegi-marchio-arch__ruolo{font-size:.82rem}.effegi-doppio-marchio{gap:16px}.effegi-doppio-marchio img{height:34px}}
.effegi-testata__voci{display:none;gap:28px;font-size:15px;font-weight:600}
.effegi-testata__voci a{text-decoration:none;padding-block:6px}
.effegi-testata__voci a[aria-current="page"]{box-shadow:inset 0 -2px var(--effegi-rosso)}
.effegi-hamburger{width:44px;height:44px;border:0;background:none;display:grid;place-items:center;cursor:pointer}
.effegi-hamburger span{display:block;width:22px;height:2px;background:var(--effegi-testo);box-shadow:0 7px var(--effegi-testo),0 -7px var(--effegi-testo)}
.effegi-menu{position:fixed;inset:60px 0 0;background:var(--effegi-carta);padding:32px var(--effegi-gutter);display:flex;flex-direction:column;gap:20px;
  transform:translateY(-8px);opacity:0;visibility:hidden;transition:.3s var(--effegi-curva)}
.effegi-menu.effegi-aperto{transform:none;opacity:1;visibility:visible}
.effegi-menu a{font-size:30px;font-weight:800;text-decoration:none;letter-spacing:-.02em}
@media (min-width:940px){.effegi-testata__voci{display:flex}.effegi-hamburger,.effegi-menu{display:none}}

/* pianta: ritaglio in pagina, foglio intero al tocco (A1 e C2: il garage sta solo nel foglio intero) */
.effegi-unita__pianta{display:block;width:100%;padding:12px;border:1px solid var(--effegi-riga);background:var(--effegi-bianco);cursor:zoom-in;font:inherit;color:var(--effegi-testo);text-align:left}
.effegi-unita__zoom{display:block;margin-top:8px;font-size:14px;font-weight:600;color:var(--effegi-testo-2)}
.effegi-foglio{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--effegi-bianco)}
.effegi-foglio::backdrop{background:rgba(0,0,0,.6)}
.effegi-foglio__scorri{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.effegi-foglio__scorri img{width:1600px;max-width:none;height:auto}
@media (min-width:1640px){.effegi-foglio__scorri img{width:100%}}
.effegi-foglio__chiudi{position:fixed;top:12px;right:12px;z-index:1;width:48px;height:48px;border-radius:50%;border:0;background:var(--effegi-testo);color:#fff;font-size:20px;cursor:pointer}

body .effegi-unita__voce.effegi-unita__voce--venduta{background:var(--effegi-carta-2);border-style:dashed;cursor:default;box-shadow:none}
body .effegi-unita__voce.effegi-unita__voce--venduta:hover{border-color:var(--effegi-riga);background:var(--effegi-carta-2)}
.effegi-unita__voce--venduta b{color:var(--effegi-testo-2);text-decoration:line-through;text-decoration-thickness:2px}
.effegi-unita__venduta{font-size:12px!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--effegi-rosso)!important}
/* stato vuoto: nessuna scelta fatta finché non sceglie il visitatore */
.effegi-unita__vuoto{padding:24px 0;font-size:18px;font-weight:600;color:var(--effegi-testo-2)}
.effegi-modulo select:invalid{color:var(--effegi-testo-2)}
/* prima della scelta la scheda è una colonna sola con l'invito (#case vince sui CSS delle proposte) */
#case .effegi-unita__dettaglio--vuoto{display:grid;grid-template-columns:1fr;gap:16px}
#case .effegi-unita__dettaglio--vuoto .effegi-unita__vuoto{padding:0}
#case .effegi-unita__dettaglio--vuoto>*{grid-column:1/-1;grid-row:auto}

/* «Tutto a due passi» — mappa dei servizi di Belfiore + distanze (dal tema, versione su fondo chiaro) */
.effegi-paese__testa{display:grid;gap:10px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--effegi-riga)}
.effegi-paese__testa .effegi-secondo{max-width:60ch}
.effegi-paese__griglia{display:grid;gap:24px;align-items:start}
.effegi-paese__mappa{margin:0;border:1px solid var(--effegi-riga);background:var(--effegi-bianco)}
.effegi-paese__mappa img{width:100%;height:auto}
.effegi-paese__servizi{list-style:none;margin:0;padding:0;border-top:1px solid var(--effegi-riga)}
.effegi-paese__servizi li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--effegi-riga);font-size:16px}
.effegi-paese__servizi b{font-weight:700;color:var(--effegi-testo)}
.effegi-paese__servizi span{text-align:right;color:var(--effegi-testo-2)}
@media (min-width:940px){
  .effegi-paese__testa{grid-template-columns:auto 1fr 1.2fr;align-items:end;gap:32px}
  .effegi-paese__griglia{grid-template-columns:1.5fr 1fr;gap:40px}
}

/* bottoni */
.effegi-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:6px;
  font:700 16px/1 var(--effegi-font);text-decoration:none;cursor:pointer;border:1px solid var(--effegi-testo);background:none;color:var(--effegi-testo);
  transition:background .2s,color .2s,transform .1s}
.effegi-btn:active{transform:scale(.98)}
.effegi-btn--pieno{background:var(--effegi-rosso);border-color:var(--effegi-rosso);color:#fff}
.effegi-btn--pieno:hover{background:var(--effegi-rosso-hover)}
.effegi-btn:not(.effegi-btn--pieno):hover{background:var(--effegi-testo);color:var(--effegi-carta)}
.effegi-link-maps{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--effegi-testo);text-underline-offset:3px}

/* stato */
.effegi-stato{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:4px;background:var(--effegi-bianco);color:var(--effegi-testo)}
.effegi-stato--vendita{background:var(--effegi-rosso);color:#fff}

/* modulo */
.effegi-modulo{display:grid;gap:14px;max-width:560px}
.effegi-modulo label{display:grid;gap:6px;font-size:14px;font-weight:600}
.effegi-modulo input,.effegi-modulo select,.effegi-modulo textarea{font:400 17px/1.4 var(--effegi-font);padding:12px 14px;border:1px solid #9C968D;border-radius:6px;background:var(--effegi-bianco);color:var(--effegi-testo)}
.effegi-modulo__esito{font-weight:600;color:var(--effegi-libero);min-height:1.6em}

/* piede */
.effegi-piede{border-top:1px solid var(--effegi-riga);padding-block:40px 32px;font-size:15px}
.effegi-piede__griglia{display:grid;gap:24px}
.effegi-piede small{color:var(--effegi-etichetta);font-size:13px}
@media (min-width:760px){.effegi-piede__griglia{grid-template-columns:2fr 1fr 1fr}}

/* barra mobile (usata da C, nascosta in A e B dal loro CSS) */
.effegi-barra{position:fixed;left:0;right:0;bottom:0;z-index:15;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px var(--effegi-gutter) calc(10px + env(safe-area-inset-bottom));
  background:var(--effegi-bianco);border-top:1px solid var(--effegi-riga)}
@media (min-width:940px){.effegi-barra{display:none}}

/* comparsa */
[data-rivela]{opacity:0;transform:translateY(12px);transition:opacity .5s var(--effegi-curva),transform .5s var(--effegi-curva)}
[data-rivela].effegi-visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-rivela]{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* ===== dalla preview definitiva: comune/hero.css ===== */
/* Effegi v3 — hero comune alle tre proposte (scelto da Matteo il 14/10: quello della A · Galleria).
   Slider a tutto schermo, foto cliccabile. Contrasto del testo sulle foto misurato: minimo 6.9:1. */
.effegi-slider{position:relative;background:var(--effegi-testo)}
.effegi-slider__pista{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.effegi-slider__pista::-webkit-scrollbar{display:none}
.effegi-slide{flex:0 0 100%;scroll-snap-align:start;position:relative;overflow:hidden;height:calc(100svh - 60px);min-height:480px;max-height:900px;text-decoration:none;color:#fff}
.effegi-slide img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--effegi-curva)}
/* velo: .78 in fondo, ancora .62 a 300px (sopra il testo), poi sfuma */
.effegi-slide::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.78) 0,rgba(0,0,0,.62) 300px,rgba(0,0,0,0) 70%)}
.effegi-slide__testo{position:absolute;left:var(--effegi-gutter);right:var(--effegi-gutter);bottom:88px;z-index:1;display:grid;gap:10px;justify-items:start}
.effegi-slide__nome{font-size:clamp(34px,9vw,72px);font-weight:800;letter-spacing:-.03em;line-height:1;text-wrap:balance}
.effegi-slide__riga{font-size:16px;font-weight:600;color:#fff}
.effegi-slide:focus-visible{outline:3px solid #fff;outline-offset:-6px}
@media (hover:hover){.effegi-slide:hover img{transform:scale(1.03)}}
.effegi-slider__comandi{position:absolute;left:0;right:0;bottom:20px;display:flex;align-items:center;justify-content:space-between;z-index:2}
.effegi-slider__freccia{width:48px;height:48px;border:1px solid #fff;border-radius:50%;background:rgba(0,0,0,.25);color:#fff;font:600 18px/1 var(--effegi-font);cursor:pointer;transition:background .2s,color .2s}
.effegi-slider__freccia:hover{background:#fff;color:var(--effegi-testo)}
.effegi-slider__punti{display:flex;gap:6px}
/* area di tocco 44px, la lineetta disegnata dentro */
.effegi-slider__punti button{position:relative;width:36px;height:44px;border:0;background:none;cursor:pointer;padding:0}
.effegi-slider__punti button::before{content:"";position:absolute;left:4px;right:4px;top:20px;height:3px;background:rgba(255,255,255,.6);transition:background .2s}
.effegi-slider__punti button[aria-current]::before{background:#fff}

@media (min-width:940px){
  .effegi-slide__testo{left:max(var(--effegi-gutter),calc((100vw - var(--effegi-max))/2 + var(--effegi-gutter)));right:auto;max-width:760px;bottom:104px}
  .effegi-slider__comandi{bottom:28px}
}
@media (prefers-reduced-motion:reduce){
  .effegi-slider__pista{scroll-behavior:auto}
  .effegi-slide img{transition:none}
  .effegi-slide:hover img{transform:none}
}

/* ===== dalla preview definitiva: stile.css ===== */
/* A · Galleria — sul modello di studiocasaliroveda.it: la foto parla, il resto tace.
   Mobile first: le regole senza media query sono per 390 px.
   Testo bianco solo sopra un velo nero vero (min .6 dove c'è testo): ≥ 4.5:1 anche su foto bianca. */
body{--effegi-carta:#FBFAF8}
.effegi-barra{display:none}
.effegi-testata{border-bottom:0}


/* home: intro, contatti, da vicino */
.effegi-intro h1{font-size:clamp(30px,7.6vw,60px)}
.effegi-intro__griglia,.effegi-contatti__griglia{display:grid;gap:20px}
.effegi-contatti__griglia>div:first-child{display:grid;gap:12px;align-content:start}
.effegi-contatti{border-top:1px solid var(--effegi-riga)}
.effegi-modulo .effegi-btn{justify-self:start}
/* segnaposto leggibile: il grigio di default del browser sta sotto 4.5:1 */
.effegi-modulo ::placeholder{color:var(--effegi-testo-2);opacity:1}
.effegi-da-vicino__foto{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  margin:16px calc(var(--effegi-gutter)*-1) 24px;padding-inline:var(--effegi-gutter);scroll-padding-inline:var(--effegi-gutter)}
.effegi-da-vicino__foto::-webkit-scrollbar{display:none}
.effegi-da-vicino__foto img{width:100%;aspect-ratio:4/5;object-fit:cover;scroll-snap-align:start}
.effegi-archivio-link{padding-top:0}
.effegi-archivio-link__a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-block:22px;border-top:1px solid var(--effegi-riga);border-bottom:1px solid var(--effegi-riga);text-decoration:none;font-size:22px;font-weight:700}
.effegi-archivio-link__a:hover span:last-child{color:var(--effegi-rosso)}

/* pagine interne: titolo piccolo, foto grande */
.effegi-testa{padding-top:28px}
.effegi-testa__griglia{display:grid;gap:24px}
.effegi-testa__griglia>div{display:grid;gap:12px;justify-items:start}
.effegi-testa .effegi-occhiello{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
/* slider di copertina: foto 4:3, a filo schermo su mobile, comandi come lo slider home */
.effegi-testa__slider{width:calc(100% + var(--effegi-gutter)*2);max-width:none;margin-inline:calc(var(--effegi-gutter)*-1)}
.effegi-testa__slide{flex:0 0 100%;scroll-snap-align:start}
.effegi-testa__foto{width:100%;aspect-ratio:4/3;object-fit:cover}
.effegi-testa__slider .effegi-slider__comandi{padding-inline:var(--effegi-gutter)}

/* Montegrappa — unità */
.effegi-unita__testa{display:grid;gap:10px;margin-bottom:24px}
.effegi-unita__elenco{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--effegi-gutter)*-1);padding:0 var(--effegi-gutter) 4px;scroll-padding-inline:var(--effegi-gutter)}
.effegi-unita__elenco::-webkit-scrollbar{display:none}
.effegi-unita__voce{flex:0 0 auto;display:grid;gap:2px;text-align:left;padding:10px 14px;border:1px solid var(--effegi-riga);border-radius:6px;background:var(--effegi-bianco);font:inherit;color:var(--effegi-testo);cursor:pointer;transition:border-color .2s}
.effegi-unita__voce b{font-size:20px;line-height:1.2}
.effegi-unita__voce span{font-size:13px;color:var(--effegi-testo-2)}
.effegi-unita__riga{display:grid}
.effegi-unita__voce:hover{border-color:var(--effegi-testo-2)}
.effegi-unita__voce[aria-selected="true"]{border-color:var(--effegi-testo);box-shadow:inset 0 -3px var(--effegi-rosso)}
.effegi-unita__dettaglio{display:grid;gap:24px;margin-top:20px}
.effegi-unita__dettaglio>*{min-width:0}
.effegi-unita__info{display:grid;gap:12px;justify-items:start}
.effegi-unita__dati{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;width:100%;margin:4px 0;padding-block:14px;border-top:1px solid var(--effegi-riga);border-bottom:1px solid var(--effegi-riga)}
.effegi-unita__dati dt{font-size:13px;color:var(--effegi-etichetta)}
.effegi-unita__dati dd{margin:0;font-size:22px;font-weight:700}
.effegi-unita__foto{display:grid;grid-auto-flow:column;grid-auto-columns:80%;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  margin-inline:calc(var(--effegi-gutter)*-1);padding-inline:var(--effegi-gutter);scroll-padding-inline:var(--effegi-gutter)}
.effegi-unita__foto::-webkit-scrollbar{display:none}
.effegi-unita__foto img{width:100%;aspect-ratio:3/2;object-fit:cover;scroll-snap-align:start}
.effegi-unita__nota{font-size:15px}

/* Montegrappa — punti di forza */
.effegi-punti{padding-top:0}
.effegi-punti__elenco,.effegi-archivio{list-style:none;margin:0;padding:0;display:grid;gap:0}
.effegi-punti__elenco li{display:grid;gap:4px;align-content:start;padding-block:16px;border-top:1px solid var(--effegi-riga)}
.effegi-punti__elenco b{font-size:18px}

/* Serega — lotti */
.effegi-lotti h2{margin-top:8px}
.effegi-lotti__griglia{display:grid;gap:20px;margin-top:20px}
.effegi-lotti__griglia>*{min-width:0}
.effegi-lotti__mappa{margin:0;display:grid;gap:8px}
.effegi-lotti__mappa figcaption{font-size:14px}
.effegi-lotti__disegno{position:relative}
.effegi-lotto-punto{position:absolute;transform:translate(-50%,-50%);min-width:30px;height:30px;padding:0 6px;border-radius:15px;border:2px solid #fff;background:var(--effegi-testo);color:#fff;font:700 12px/1 var(--effegi-font);cursor:pointer;transition:background .2s}
.effegi-lotto-punto:hover{background:var(--effegi-rosso-hover)}
.effegi-lotto-punto.effegi-attivo{background:var(--effegi-rosso)}
.effegi-lotti__scelto{display:grid;gap:8px;justify-items:start;padding-block:16px;border-top:1px solid var(--effegi-riga);border-bottom:1px solid var(--effegi-riga)}
.effegi-lotti__nome{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.effegi-lotti__mq{font-size:18px;font-weight:700}
.effegi-lotti__vuoto{font-size:18px;color:var(--effegi-testo-2)}
.effegi-lotti__scelto .effegi-btn{margin-top:8px}
.effegi-lotti__elenco{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
.effegi-lotto-voce{display:grid;text-align:left;gap:2px;padding:10px 12px;border:1px solid var(--effegi-riga);border-radius:6px;background:var(--effegi-bianco);font:inherit;color:var(--effegi-testo);cursor:pointer;transition:border-color .2s}
.effegi-lotto-voce span{font-size:14px;color:var(--effegi-testo-2)}
.effegi-lotto-voce:hover{border-color:var(--effegi-testo-2)}
.effegi-lotto-voce.effegi-attivo{border-color:var(--effegi-testo);box-shadow:inset 0 -3px var(--effegi-rosso)}

/* Serega — regole */
.effegi-regole{padding-top:0}
.effegi-regole__dati{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 0;padding-top:16px;border-top:1px solid var(--effegi-riga)}
.effegi-regole__dati dt{font-size:13px;color:var(--effegi-etichetta)}
.effegi-regole__dati dd{margin:0;font-size:20px;font-weight:700;line-height:1.3}

/* archivio */
.effegi-pagina-archivio h1{margin-top:8px}
.effegi-archivio{margin-top:32px;gap:32px}
.effegi-archivio__voce{display:grid;gap:12px}
.effegi-archivio__voce img{width:100%;aspect-ratio:3/2;object-fit:cover}
.effegi-archivio__voce div{display:grid;gap:2px}

@media (min-width:940px){
  .effegi-sezione{padding-block:72px 80px}
  .effegi-intro__griglia,.effegi-contatti__griglia{grid-template-columns:1fr 1fr;gap:64px}
  .effegi-intro__griglia{grid-template-columns:1.3fr 1fr;align-items:end}
  .effegi-intro .effegi-secondo{font-size:19px}
  .effegi-da-vicino__foto{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible;margin-inline:0;padding:0;gap:16px}
  .effegi-testa{padding-top:48px}
  .effegi-testa__griglia{grid-template-columns:1fr 1.4fr;align-items:end;gap:48px}
  .effegi-testa__slider{width:100%;margin-inline:0}
  .effegi-testa__slider .effegi-slider__comandi{bottom:20px;padding-inline:20px}
  .effegi-unita__griglia{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px}
  .effegi-unita__elenco{display:grid;overflow:visible;margin:0;padding:0;align-content:start}
  .effegi-unita__riga{display:block}
  .effegi-unita__riga span+span::before{content:" · "}
  .effegi-unita__dettaglio{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);margin-top:0;align-items:start}
  .effegi-unita__foto,.effegi-unita__nota{grid-column:1/-1}
  /* la pianta non deve allungare la pagina oltre lo schermo */
  .effegi-unita__pianta img{width:auto;max-height:min(68vh,620px);margin-inline:auto}
  .effegi-unita__foto{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible;margin-inline:0;padding:0}
  .effegi-lotti__griglia{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px}
  /* il lotto scelto resta in vista mentre si scorre la tavola */
  .effegi-lotti__lato{position:sticky;top:84px;align-self:start}
  .effegi-punti__elenco{grid-template-columns:repeat(4,1fr);gap:24px}
  .effegi-regole__dati{grid-template-columns:repeat(5,1fr)}
  .effegi-archivio{grid-template-columns:repeat(3,1fr);gap:48px 24px}
}

@media (prefers-reduced-motion:reduce){
}

/* definitiva (cliente, 21/10): UN solo stile per tutte le slide. Foto pulita (niente velo, niente zoom, niente effetti),
   titolo e sottotitolo bianchi con ombra, comandi bianchi. Il punto della foto da tenere al centro si sceglie in dati.js (fuoco). */
.effegi-slide::after{display:none}
.effegi-slide{color:#fff}
.effegi-slide img{transition:none}
.effegi-slide:hover img{transform:none}
.effegi-slide__testo{text-shadow:0 1px 3px rgba(0,0,0,.6),0 2px 22px rgba(0,0,0,.5)}
.effegi-slide__riga{color:#fff}
.effegi-slide .effegi-stato{text-shadow:none}
.effegi-slide:focus-visible{outline-color:#fff}
.effegi-slider{background:var(--effegi-testo)}
.effegi-slider__freccia{border-color:#fff;background:rgba(0,0,0,.25);color:#fff;box-shadow:0 1px 8px rgba(0,0,0,.25)}
.effegi-slider__freccia:hover{background:#fff;color:var(--effegi-testo)}
.effegi-slider__punti button::before{background:rgba(255,255,255,.6);box-shadow:0 1px 4px rgba(0,0,0,.35)}
.effegi-slider__punti button[aria-current]::before{background:#fff}

/* Montegrappa — cronostoria del cantiere (definitiva, 21/10): stessa pista a scorrimento delle altre gallerie */
.effegi-cronaca__testa{display:grid;gap:10px;margin-bottom:24px}
.effegi-cronaca__testa .effegi-secondo{max-width:60ch}
.effegi-cronaca__pista{list-style:none;margin:0 calc(var(--effegi-gutter)*-1);padding:0 var(--effegi-gutter) 4px;display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:16px;
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--effegi-gutter);scrollbar-width:none}
.effegi-cronaca__pista::-webkit-scrollbar{display:none}
.effegi-cronaca__voce{display:grid;gap:4px;align-content:start;scroll-snap-align:start;min-width:0}
.effegi-cronaca__foto{display:block;width:100%;padding:0;border:0;background:var(--effegi-carta-2);cursor:zoom-in}
.effegi-cronaca__foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.effegi-cronaca__data{margin-top:10px;padding-top:10px;border-top:2px solid var(--effegi-testo);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--effegi-etichetta)}
.effegi-cronaca__voce:last-child .effegi-cronaca__data{border-top-color:var(--effegi-rosso);color:var(--effegi-rosso)}
.effegi-cronaca__testo{font-size:17px;font-weight:600;line-height:1.35}
.effegi-cronaca__comandi{display:none;gap:8px;justify-content:flex-end;margin-top:20px}
.effegi-cronaca__freccia{width:48px;height:48px;border:1px solid var(--effegi-testo);border-radius:50%;background:none;color:var(--effegi-testo);font:600 18px/1 var(--effegi-font);cursor:pointer;transition:background .2s,color .2s}
.effegi-cronaca__freccia:hover{background:var(--effegi-testo);color:#fff}
.effegi-lente{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(0,0,0,.92)}
.effegi-lente::backdrop{background:rgba(0,0,0,.6)}
.effegi-lente figure{margin:0;height:100%;display:grid;place-items:center;align-content:center;gap:12px;padding:64px var(--effegi-gutter) 24px}
.effegi-lente img{max-width:100%;max-height:calc(100dvh - 140px);width:auto;height:auto;object-fit:contain}
.effegi-lente figcaption{color:#fff;font-size:16px;font-weight:600;text-align:center}
@media (min-width:940px){
  .effegi-cronaca__pista{grid-auto-columns:calc((100% - 48px)/4);margin-inline:0;padding-inline:0;scroll-padding-inline:0}
  .effegi-cronaca__comandi{display:flex}
}

/* testo più piccolo / più grande del 30%, da usare negli span dei campi */
.testo-rimpicciolito{font-size:.7em}
.testo-ingrandito{font-size:1.3em}
