/* ===== Design system "Valle d'Itria" — tema chiaro crema (fedele al sito pubblico) ===== */
.site { --ink:#111827; --muted:#7E7770; --mist:#7E7770; --cream:#F6F2EC; --sand:#F6F2EC;
  --green:#3A6576; --green-d:#3A6576; --terra:#977C6B; --terra-s:#977C6B; --terra-d:#7F6656;
  --ember:#977C6B; --stone:#7E7770; --ok:#487E92; --line:rgba(80,62,38,.15); --line2:rgba(80,62,38,.28);
  --glow:rgba(168,92,46,.16); --soft:0 30px 70px -30px rgba(70,55,30,.18); --ease:cubic-bezier(.22,.61,.36,1);
  color:var(--ink); background:var(--cream); min-height:100vh; display:flex; flex-direction:column;
  font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.site a { color:inherit; text-decoration:none; }
.site-main { flex:1; }
.wrap { max-width:1240px; margin:0 auto; padding:0 clamp(20px,5vw,48px); }

/* Tipografia — titoli serif Cormorant, testo Inter */
.site h1,.site h2,.site h3,.serif { font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; line-height:1.08; letter-spacing:.004em; color:var(--ink); }
.site h1 { font-size:clamp(2.1rem,5.2vw,3.6rem); font-weight:500; }
.site h2 { font-size:clamp(1.6rem,3.2vw,2.4rem); }
.site h3 { font-size:clamp(1.2rem,2vw,1.6rem); }
.eyebrow { font-family:'Inter',sans-serif; font-weight:500; font-size:.7rem; letter-spacing:.34em; text-transform:uppercase; color:var(--terra); display:inline-flex; align-items:center; gap:.85rem; }
.eyebrow::before { content:""; width:42px; height:1px; background:linear-gradient(90deg,var(--terra),transparent); }
.lede { max-width:62ch; color:var(--muted); font-size:1.05rem; line-height:1.6; }

/* Bottoni a pillola */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.6rem; padding:1rem 1.6rem; border-radius:100px; font-size:.82rem; font-weight:600; letter-spacing:.04em; transition:.45s var(--ease); white-space:normal; text-align:center; line-height:1.25; cursor:pointer; border:0; }
.btn-gold { font-weight:700; }
.btn-gold { background:var(--terra); color:#fff; box-shadow:0 1px 0 rgba(255,255,255,.25) inset; }
.btn-gold:hover { background:var(--terra-s); transform:translateY(-2px); box-shadow:0 18px 40px -14px var(--glow); }
.btn-ghost { border:1px solid var(--line2); color:var(--ink); background:rgba(255,255,255,.55); }
.btn-ghost:hover { border-color:var(--terra); transform:translateY(-2px); box-shadow:0 14px 34px -16px var(--glow); }
.btn-green { background:var(--green); color:#fff; }
.btn-green:hover { background:var(--green-d); transform:translateY(-2px); }
/* I bottoni pieni restano a testo bianco anche come link, oltre la regola .site a color:inherit */
.site a.btn-gold, .site a.btn-green { color:#fff; }

/* Header — smerigliato crema, brand serif, nav con sottolineatura */
.site-header { position:sticky; top:0; z-index:50; background:rgba(253,251,245,.86); backdrop-filter:saturate(160%) blur(16px); border-bottom:1px solid var(--line); }
.site-header .bar { display:flex; align-items:center; gap:12px; height:72px; }
.brand { display:flex; align-items:center; gap:11px; font-family:'Cormorant Garamond',serif; font-weight:600; font-size:1.32rem; letter-spacing:.01em; flex:none; }
.brand .mark { width:46px; height:46px; flex:none; }
.brand .bt { display:flex; flex-direction:column; line-height:1.05; }
.brand .bt b { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:1.3rem; }
.brand .bt small { font-family:'Inter',sans-serif; font-size:.56rem; letter-spacing:.28em; text-transform:uppercase; color:var(--muted); margin-top:3px; }
.footer .brand .bt small { color:#977C6B; }
.nav { display:flex; gap:.92rem; margin-left:auto; align-items:center; flex-wrap:nowrap; }
.nav > a { font-size:.82rem; font-weight:500; letter-spacing:.01em; color:var(--muted); position:relative; padding:6px 0; white-space:nowrap; }
.nav > a::after { content:""; position:absolute; left:0; bottom:0; height:1px; width:0; background:var(--terra); transition:.35s var(--ease); }
.nav > a:hover, .nav > a.active { color:var(--ink); }
.nav > a:hover::after, .nav > a.active::after { width:100%; }
.cta { background:var(--terra); color:#fff !important; padding:.82rem 1.85rem; border-radius:100px; font-weight:700; font-size:.86rem; line-height:1; letter-spacing:.01em; transition:.35s var(--ease); white-space:nowrap; flex:none; }
.cta::after { display:none !important; }
.cta:hover { background:var(--terra-s); }
.nav > a.nav-area{ display:inline-flex; align-items:center; gap:6px; font-size:.82rem; font-weight:600; color:var(--ink); border:1px solid var(--line2); border-radius:100px; padding:7px 13px; white-space:nowrap; transition:.25s var(--ease); }
.nav > a.nav-area::after{ display:none; }
.nav > a.nav-area:hover{ border-color:var(--terra); color:var(--terra); }
.mobile .m-cta{ background:var(--terra); color:#fff !important; font-family:'Inter',sans-serif; font-size:1rem; font-weight:800; border-radius:11px; text-align:center; padding:13px; border-bottom:0; margin-bottom:6px; }
.mobile .m-cta:hover{ color:#fff; }
.burger { margin-left:auto; display:none; width:44px; height:44px; border:1px solid var(--line2); border-radius:12px; background:#fff; font-size:19px; cursor:pointer; }
/* 24/10 Enzo: tre lineette e X disegnate nel teal del logo (niente azzurro di sistema) */
.burger{ color:#2F5563; padding:0; }
.burger svg{ width:22px; height:22px; display:block; margin:auto; }
/* 24/10 Enzo: il menu del telefono si vede tutto senza scorrere, sopra la barra in basso */
.mobile { display:none; flex-direction:column; padding:6px 20px 12px; gap:0; border-bottom:1px solid var(--line); background:var(--cream); max-height:calc(100dvh - 70px - var(--dock-h, 0px) - env(safe-area-inset-bottom, 0px)); overflow:auto; }
.mobile > a { display:flex; align-items:center; gap:12px; }
.mobile > a.m-active { color:var(--terra); }
.mobile .m-ic { font-size:.95rem; width:24px; text-align:center; }
/* 24/10 Enzo: icone del menu a linea nel bronzo, come la ricerca */
.mobile .m-ic { display:grid; place-items:center; flex:none; color:#977C6B; }
.mobile .m-ic svg{ width:21px; height:21px; display:block; }
.mobile > a.m-active .m-ic{ color:var(--terra); }
.mobile .m-sec { display:flex; flex-wrap:wrap; gap:4px 14px; padding:12px 10px 4px; }
.mobile .m-sec a { font-family:'Inter',sans-serif; font-size:.92rem; font-weight:600; color:var(--muted); border:0; padding:6px 0; }
/* «Altro» nel menu desktop */
.nav-more { position:relative; }
.nav-more > button { background:none; border:0; padding:6px 0; font:inherit; font-size:.82rem; font-weight:500; color:var(--muted); cursor:pointer; white-space:nowrap; }
.nav-more > button.active, .nav-more > button:hover { color:var(--ink); }
.nav-more-menu { position:absolute; top:100%; left:-12px; min-width:170px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--soft); padding:6px; display:flex; flex-direction:column; z-index:60; }
.nav-more-menu a { padding:9px 12px; border-radius:8px; font-size:.86rem; color:var(--ink); }
.nav-more-menu a:hover { background:var(--cream); color:var(--terra); }
/* Barra azioni fissa sul telefono: le azioni che servono sempre, a portata di pollice */
.m-dock { display:none; }
@media (max-width:759px){
  .site.has-dock { --dock-h:62px; padding-bottom:calc(var(--dock-h) + env(safe-area-inset-bottom)); }
  .m-dock { display:flex; position:fixed; left:0; right:0; bottom:0; z-index:80; background:rgba(255,255,255,.97); backdrop-filter:blur(8px); border-top:1px solid var(--line); padding-bottom:env(safe-area-inset-bottom); }
  .m-dock > a, .m-dock > button { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:var(--dock-h); font-size:11px; font-weight:700; color:var(--ink); background:none; border:0; font-family:inherit; cursor:pointer; }
  .m-dock > a span, .m-dock > button span { font-size:18px; line-height:1; }
  .m-dock > a span svg{ width:22px; height:22px; display:block; margin:0 auto; } /* 24/10 Enzo: icone a linea nella barra in basso */
  .m-dock .m-dock-main { background:var(--terra); color:#fff; }
  .m-dock > .m-dock-pri, .m-dock > .m-dock-wa { color:#fff; margin:6px 3px; border-radius:12px; min-height:calc(var(--dock-h) - 12px); }
  .m-dock > .m-dock-pri { background:#3A6576; }
  .m-dock > .m-dock-wa { background:#1F7A4D; }
  .m-dock > .m-dock-sm { flex:0 0 68px; font-size:10px; color:#4b443c; }
  .m-dock svg { width:20px; height:20px; display:block; }
}
.mobile a { padding:8px 10px; border-radius:9px; font-weight:600; color:var(--ink); font-family:'Cormorant Garamond',serif; font-size:1.25rem; line-height:1.2; border-bottom:1px solid rgba(80,62,38,.08); }
.mobile a:hover { color:var(--terra); }

/* HERO a foto piena — testo + ricerca sovrapposti, sfumatura verso crema */
.hero{ position:relative; overflow:hidden; min-height:clamp(540px,84vh,800px); display:flex; align-items:flex-end; }
.hero-media{ position:absolute; inset:0; z-index:0; }
.hero-media img{ width:100%; height:100%; object-fit:cover; animation:kenburns 24s var(--ease) infinite alternate; }
@keyframes kenburns{ from{ transform:scale(1.05) } to{ transform:scale(1.15) translate(-2%,-2%) } }
.hero-fallback{ position:absolute; inset:0; z-index:0; background:linear-gradient(135deg,#3A6576,#3A6576); }
.hero::after{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(250,247,242,.88) 0%, rgba(250,247,242,.6) 40%, rgba(250,247,242,0) 70%), linear-gradient(180deg, rgba(20,30,26,.30) 0%, rgba(20,30,26,.06) 24%, rgba(252,250,244,0) 44%, rgba(252,250,244,.85) 90%, #F6F2EC 100%); } /* 29/10 bozza_hero_c2: velo chiaro a sinistra */
.hero-inner{ position:relative; z-index:2; width:100%; padding-top:clamp(120px,20vw,200px); padding-bottom:clamp(30px,5vw,54px); }
.hero .eyebrow{ color:#2C5566; font-weight:700; } /* 29/10 bozza_hero_c2 */
.hero .eyebrow::before{ height:2px; background:#2C5566; }
.hero-horizon{ width:90px; height:1px; background:linear-gradient(90deg,var(--terra),transparent); margin:18px 0 20px; box-shadow:0 0 18px var(--glow); }
.hero h1{ max-width:16ch; margin:0 0 16px; color:#111827; }
.hero h1 em{ font-style:italic; color:#7A4E2E; background:linear-gradient(100deg,#A0714C 0%,#7A4E2E 55%,#5E3A20 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; } /* 29/10 bozza_hero_c2: stesso carattere, gradiente bronzo più scuro */
.hero-sub{ max-width:47ch; color:#111827; font-size:clamp(1.05rem,1.5vw,1.22rem); font-weight:450; line-height:1.5; }

/* Barra ricerca glassy */
.searchbar{ background:rgba(255,255,255,.92); backdrop-filter:blur(16px); border:1px solid var(--line2); border-radius:16px; padding:12px; margin-top:2rem; display:grid; grid-template-columns:1.5fr 1fr 1fr auto; gap:10px; max-width:860px; box-shadow:var(--soft); }
.searchbar .sf{ display:flex; flex-direction:column; padding:6px 14px; min-width:0; }
.searchbar .sf+.sf{ border-left:1px solid var(--line); }
.searchbar .sf label{ font-size:.66rem; letter-spacing:.14em; font-weight:700; text-transform:uppercase; color:#977C6B; margin-bottom:3px; }
.searchbar .sf input,.searchbar .sf select{ background:none; border:none; color:var(--ink); font-size:1rem; font-weight:500; font-family:inherit; width:100%; padding:2px 0; outline:none; }
.searchbar .sf select{ cursor:pointer; }
.searchbar .sf input::placeholder{ color:var(--mist); }
.searchbar .search-go .btn{ height:100%; width:100%; border-radius:12px; }
@media(max-width:780px){ .searchbar{ grid-template-columns:1fr 1fr; } .searchbar .sf+.sf{ border-left:none; } .searchbar .search-go{ grid-column:1/-1; } }
.hero-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.hero-chip{ font-size:.8rem; font-weight:600; color:var(--ink); background:rgba(255,255,255,.85); border:1px solid var(--line2); border-radius:100px; padding:7px 14px; transition:.25s var(--ease); }
.hero-chip:hover{ border-color:var(--terra); color:var(--terra); background:#fff; transform:translateY(-1px); }
/* 24/10 Enzo: «Quanto vale casa tua?» a se stante; su PC resta una pillola accanto alle scorciatoie */
.hero-quick{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:14px; }
.hero-quick .hero-chips{ margin-top:0; }
.hero-valuta{ display:inline-flex; align-items:center; gap:6px; }
.hero-valuta .hv-sub, .hero-valuta .hv-go{ display:none; }
.hero-valuta .hv-ic{ display:inline-flex; color:#977C6B; } .hero-valuta .hv-ic svg{ width:16px; height:16px; display:block; }
/* icone e lente della barra di ricerca solo sul telefono */
.searchbar .sf-ic, .searchbar .sf-lente{ display:none; }
@media(max-width:780px){
  /* 24/10 Enzo: barra di ricerca a cascata (home e pagina Immobili), un campo per riga con icona, niente testo tagliato ne buchi */
  .searchbar{ grid-template-columns:1fr; gap:0; padding:8px 12px 12px; }
  .searchbar .sf{ display:grid; grid-template-columns:34px minmax(0,1fr) 16px; grid-template-rows:auto auto; column-gap:12px; align-items:center; padding:10px 4px; border-bottom:1px solid var(--line); position:relative; }
  /* 24/10 Enzo bozza B: icone a linea nel bronzo, senza riquadro, con lineetta divisoria; valori con le grazie come i titoli */
  .searchbar .sf-ic{ display:grid; place-items:center; grid-row:1/3; grid-column:1; width:34px; height:36px; color:#977C6B; border-right:1px solid #e6dccf; padding-right:10px; box-sizing:content-box; }
  .searchbar .sf-ic svg{ width:24px; height:24px; display:block; }
  .searchbar .sf label{ grid-column:2; margin-bottom:1px; }
  .searchbar .sf select{ grid-column:2/4; grid-row:2; -webkit-appearance:none; appearance:none; font-family:'Cormorant Garamond',Georgia,serif; font-size:1.3rem; font-weight:600; line-height:1.15; padding-right:22px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23487E92' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 2px center; }
  .searchbar .search-go{ grid-column:1; margin-top:12px; }
  .searchbar .search-go .btn{ padding:13px; }
  .searchbar .sf-lente{ display:inline-flex; vertical-align:-3px; margin-right:8px; }
  .searchbar .sf-lente svg{ width:18px; height:18px; display:block; }
  .hero-quick{ display:block; margin-top:12px; }
  .hero-quick .hero-chips{ flex-wrap:nowrap; }
  .hero-quick .hero-chips .hero-chip{ flex:1 1 0; min-width:0; text-align:center; background:#fff; padding:8px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  /* 24/10 Enzo bozza 2: «Quanto vale casa tua?» pillola bianca su una riga */
  .hero-valuta{ display:flex; align-items:center; width:100%; margin-top:8px; gap:11px; border:1px solid #e1d2c4; border-radius:100px; background:#fff; color:var(--ink); padding:6px 6px 6px 7px; box-shadow:0 12px 26px -18px rgba(60,40,20,.55); transform:none; }
  .hero-valuta:hover{ color:var(--ink); border-color:#977C6B; background:#fff; transform:none; }
  .hero-valuta .hv-ic{ width:42px; height:42px; border-radius:50%; background:#F3ECE5; display:grid; place-items:center; flex:none; }
  .hero-valuta .hv-ic svg{ width:22px; height:22px; }
  .hero-valuta .hv-t{ flex:1; min-width:0; font-family:'Cormorant Garamond',Georgia,serif; font-size:1.2rem; font-weight:600; line-height:1.05; }
  .hero-valuta .hv-sub{ display:block; font-family:'Inter',sans-serif; font-size:11px; font-weight:500; color:#7E7770; margin-top:3px; }
  .hero-valuta .hv-go{ width:42px; height:42px; border-radius:50%; background:#977C6B; color:#fff; display:grid; place-items:center; flex:none; }
  .hero-valuta .hv-go svg{ width:18px; height:18px; display:block; }
  .hero-inner{ padding-bottom:14px; }
  .home-evidenza{ padding-top:22px !important; }
}

/* Card immobile editoriale */
.pcard{ transition:transform .5s var(--ease), box-shadow .5s var(--ease); }
.pcard:hover{ transform:translateY(-6px); box-shadow:var(--soft), 0 0 0 1px var(--line) !important; }
.pcard-img{ transition:transform 1.1s var(--ease); }
.pcard:hover .pcard-img{ transform:scale(1.06); }

/* ===== SCHEDA IMMOBILE (pd-*) ===== */
.pd-gallery{ display:grid; grid-template-columns:1.7fr 1fr; gap:12px; }
.pd-g-main{ position:relative; border-radius:16px; overflow:hidden; aspect-ratio:16/10; background:#F6F2EC; cursor:zoom-in; display:block; width:100%; border:0; padding:0; }
.pd-g-main img{ width:100%; height:100%; object-fit:cover; transition:1s var(--ease); }
.pd-g-main:hover img{ transform:scale(1.04); }
.pd-g-side{ display:grid; grid-template-rows:repeat(3,1fr); gap:12px; }
.pd-g-thumb{ position:relative; border-radius:14px; overflow:hidden; background:#F6F2EC; cursor:zoom-in; border:0; padding:0; min-height:90px; }
.pd-g-thumb img{ width:100%; height:100%; object-fit:cover; transition:.8s var(--ease); }
.pd-g-thumb:hover img{ transform:scale(1.06); }
.pd-g-more{ position:absolute; inset:0; background:rgba(20,25,20,.55); backdrop-filter:blur(2px); display:grid; place-items:center; font-family:'Cormorant Garamond',serif; font-size:1.7rem; color:#fff; }
.pd-badge{ position:absolute; z-index:2; display:inline-flex; align-items:center; gap:6px; font-size:10.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; border-radius:100px; padding:5px 12px; backdrop-filter:blur(6px); }
@media(max-width:860px){ .pd-gallery{ grid-template-columns:1fr; } .pd-g-side{ grid-template-rows:none; grid-template-columns:repeat(3,1fr); } }

/* 22/10 · Enzo: mai scorrimento laterale sul telefono. Con «1fr» la colonna si allargava fino alla larghezza minima del
   contenuto (le miniature delle foto la portavano a 603 px su uno schermo da 375): minmax(0,1fr) e min-width:0 la tengono larga quanto lo schermo */
.pd-layout{ display:grid; grid-template-columns:minmax(0,1fr); gap:32px; align-items:start; }
.pd-layout > *{ min-width:0; }
@media(min-width:760px){ .pd-layout{ grid-template-columns:minmax(0,1fr) 330px; gap:40px; } }
@media(max-width:759px){ .pd-sticky{ position:static !important; } }
.pd-title{ font-size:clamp(1.3rem,2.5vw,1.75rem); margin:6px 0 3px; line-height:1.12; }
.pd-sub{ font-size:1rem; color:var(--mist); display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.pd-stato{ font-size:.64rem; letter-spacing:.1em; text-transform:uppercase; padding:4px 11px; border-radius:100px; border:1px solid var(--line); font-weight:700; }
.pd-price{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:clamp(1.9rem,3vw,2.7rem); color:var(--ink); margin:16px 0 2px; display:flex; align-items:baseline; gap:12px; }
.pd-price small{ font-size:.9rem; color:var(--mist); font-family:'Inter',sans-serif; font-weight:500; }
.pd-quick{ display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 2px; }
/* 23/10 · Enzo (bozza_scheda_solo_modifiche.png): numeri grandi e neri, etichette scure e leggibili, riquadri bianchi */
.pd-quick>div{ flex:1; min-width:74px; background:#fff; border:1px solid var(--line); border-radius:12px; padding:12px 8px; text-align:center; }
.pd-quick b{ font-family:'Inter',sans-serif; font-weight:800; font-size:1.5rem; color:#1f2430; display:block; line-height:1.05; }
.pd-quick span{ font-size:.74rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#3d3833; margin-top:5px; display:block; }
.pd-sec{ padding:13px 0; border-top:1px solid var(--line); }
.pd-h{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:clamp(1.05rem,1.7vw,1.3rem); color:var(--ink); margin-bottom:8px; }
.pd-grid2{ display:grid; grid-template-columns:1fr 1fr; gap:0 28px; }
@media(max-width:560px){ .pd-grid2{ grid-template-columns:1fr; } }
.pd-kv{ display:flex; justify-content:space-between; gap:16px; padding:11px 0; border-bottom:1px solid var(--line); font-size:.94rem; }
.pd-kv span{ color:var(--mist); }
.pd-kv b{ color:var(--ink); font-weight:600; text-align:right; }
.pd-chips{ display:flex; flex-wrap:wrap; gap:4px 20px; }
.pd-chip{ font-size:14px; font-weight:500; background:none; color:var(--ink); border:0; border-radius:0; padding:2px 0; display:inline-flex; gap:7px; align-items:baseline; }
.pd-chip.pregio{ background:#F6F2EC; color:var(--terra); border-color:#F6F2EC; }
.pd-desc{ font-size:15px; color:#111827; line-height:1.7; white-space:pre-wrap; margin:0; text-align:justify; hyphens:manual; -webkit-hyphens:manual; overflow-wrap:normal; word-break:normal; } /* 23/10 · Enzo: giustificata, mai parole spezzate */
.ape-bar{ display:flex; border-radius:10px; overflow:hidden; border:1px solid var(--line); }
.ape-seg{ flex:1; text-align:center; padding:11px 0; font-weight:700; font-size:.85rem; color:var(--muted); background:#fff; opacity:.5; }
.ape-seg.on{ opacity:1; background:var(--terra); color:#fff; flex:1.5; }
.ape-info{ display:flex; gap:36px; margin-top:16px; }
.ape-info b{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:1.5rem; color:var(--terra); display:block; line-height:1; }
.ape-info span{ font-size:.64rem; letter-spacing:.08em; text-transform:uppercase; color:var(--mist); }
.pd-card{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:18px; box-shadow:var(--soft); }
.pd-status{ display:inline-flex; align-items:center; gap:8px; font-size:.64rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; border:1px solid; border-radius:100px; padding:6px 13px; margin-bottom:12px; }
.scheda-topbar{ display:grid; grid-template-columns:1fr 1fr; gap:8px; width:100%; }
.pd-backrow{ display:flex; align-items:center; min-height:40px; margin-bottom:0; }
.pd-actionsrow{ margin-bottom:22px; }
@media(max-width:759px){ .pd-actionsrow{ margin-bottom:14px; } }
.pd-gallery2{ display:flex; flex-direction:column; gap:10px; }
.pd-g2-main{ position:relative; border-radius:16px; overflow:hidden; aspect-ratio:16/10; background:#F6F2EC; cursor:zoom-in; display:block; width:100%; border:0; padding:0; }
.pd-g2-main img{ width:100%; height:100%; object-fit:cover; transition:1s var(--ease); }
.pd-g2-main:hover img{ transform:scale(1.03); }
.pd-g2-row{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:10px; }
.pd-g2-cell{ position:relative; border-radius:14px; overflow:hidden; aspect-ratio:4/3; background:#F6F2EC; cursor:zoom-in; border:0; padding:0; }
.pd-g2-cell img{ width:100%; height:100%; object-fit:cover; transition:.8s var(--ease); }
.pd-g2-cell:hover img{ transform:scale(1.05); }
.pd-g2-more{ position:absolute; inset:0; background:rgba(20,25,20,.5); backdrop-filter:blur(1px); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; color:#fff; cursor:zoom-in; }
.pd-g2-more b{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:1.9rem; line-height:1; }
.pd-g2-more small{ font-size:.6rem; letter-spacing:.14em; text-transform:uppercase; opacity:.85; }
@media(max-width:560px){ .pd-g2-cell{ aspect-ratio:1/1; } }
.pd-status i{ width:8px; height:8px; border-radius:50%; display:inline-block; }
.smbar{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:14px; }
.smtab{ display:inline-flex; align-items:center; gap:8px; border:1px solid var(--line); background:rgba(255,255,255,.7); border-radius:100px; padding:9px 16px; font-size:.82rem; font-weight:600; color:var(--ink); cursor:pointer; transition:.16s ease; font-family:'Inter',sans-serif; }
.smtab:hover{ background:#fff; border-color:#E8F0F3; color:#3A6576; }
.smtab .cnt{ font-size:.72rem; color:var(--mist); font-weight:600; }
.smspacer{ flex:1; min-width:8px; }
.smtab.rate{ border-color:#F6F2EC; background:linear-gradient(180deg,#fff,#F6F2EC); color:var(--terra); font-weight:700; }
.smtab.rate:hover{ background:#F6F2EC; border-color:var(--terra); }
.smtab.rate b{ font-variant-numeric:tabular-nums; }
.smtab.rate .arw{ opacity:.6; font-weight:800; }
@media(max-width:640px){ .smspacer{ display:none; flex-basis:100%; } .smtab.rate{ width:100%; justify-content:center; } }
.smmodal{ position:fixed; inset:0; z-index:1200; display:flex; align-items:flex-start; justify-content:center; padding:clamp(10px,4vh,40px) 14px; background:rgba(20,26,28,.62); backdrop-filter:blur(4px); overflow-y:auto; animation:smfade .28s var(--ease) both; }
.smmodal-card{ background:#fff; border:1px solid var(--line); border-radius:22px; box-shadow:0 40px 90px -32px rgba(30,22,14,.55), 0 2px 8px rgba(30,22,14,.08); max-width:920px; width:100%; overflow:hidden; display:flex; flex-direction:column; max-height:calc(100vh - 80px); animation:smpop .32s var(--ease) both; }
.smmodal-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px 22px 16px; border-bottom:1px solid var(--line); background:#F6F2EC; position:relative; }
.smmodal-head::before{ content:""; position:absolute; left:0; top:0; height:3px; width:100%; background:linear-gradient(90deg,var(--terra),transparent 65%); }
.smmodal-title{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:1.55rem; line-height:1.1; letter-spacing:.005em; color:var(--ink); }
.smmodal-close{ background:#fff; border:1px solid var(--line); color:var(--muted); border-radius:50%; width:40px; height:40px; font-size:17px; line-height:1; cursor:pointer; flex:none; transition:.25s var(--ease); }
.smmodal-close:hover{ color:var(--terra); border-color:var(--terra); background:var(--cream); }
@keyframes smfade{ from{ opacity:0 } to{ opacity:1 } }
@keyframes smpop{ from{ opacity:0; transform:translateY(14px) scale(.985) } to{ opacity:1; transform:none } }
@media (prefers-reduced-motion: reduce){ .smmodal, .smmodal-card{ animation:none !important } }
.smmodal-body{ padding:clamp(14px,2.4vw,22px); overflow-y:auto; }
.smmodal-foot{ padding:14px clamp(16px,2.4vw,20px); border-top:1px solid var(--line); background:#fff; }
.smmodal-foot button{ width:100%; background:#977C6B; color:#fff; border:0; border-radius:12px; padding:14px; font-size:.9rem; font-weight:800; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-family:'Inter',sans-serif; }
.smmodal-foot button:hover{ filter:brightness(1.06); }
.al-box{ border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--cream); }
.al-box > *{ border-bottom:1px solid var(--line); }
.al-box > *:last-child{ border-bottom:0; }
.al-row{ display:flex; align-items:center; gap:11px; padding:12px 13px; cursor:pointer; background:var(--cream); }
.al-ic{ width:34px; height:34px; border-radius:9px; display:grid; place-items:center; font-size:15px; flex:none; background:#fff; border:1px solid var(--line); }
.al-t{ flex:1; min-width:0; }
.al-t b{ display:block; font-size:.82rem; font-weight:700; color:var(--ink); }
.al-t span{ display:block; font-size:.72rem; color:var(--mist); line-height:1.35; }
.al-sw{ width:38px; height:22px; border-radius:100px; background:#F6F2EC; position:relative; flex:none; transition:.2s ease; }
.al-sw::after{ content:""; position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.3); transition:.2s ease; }
.al-row.on .al-sw{ background:#487E92; }
.al-row.on .al-sw::after{ left:18px; }
.al-form{ padding:12px 13px; background:#fff; }
.al-fi{ width:100%; border:1px solid var(--line); border-radius:9px; padding:10px 11px; font-size:.85rem; font-family:'Inter',sans-serif; margin-bottom:8px; }
.al-btn{ display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; border:1px solid var(--line2); background:rgba(255,255,255,.55); border-radius:100px; padding:.72rem 1.2rem; cursor:pointer; font-family:'Inter',sans-serif; font-size:.84rem; font-weight:600; color:var(--ink); transition:.2s ease; }
.al-btn:hover{ border-color:var(--terra); }
.al-btn.on{ border-color:#E8F0F3; background:#E8F0F3; color:#487E92; }
.al-btn:disabled{ cursor:default; opacity:.7; }
.al-btn .lbl{ display:inline-flex; align-items:center; gap:8px; min-width:0; }
.al-form2{ margin-top:2px; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--cream); }
.pd-card .btn{ padding:.72rem 1.2rem; }
.qmbar{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-top:14px; }
.qmpill{ flex:1 1 130px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid var(--green); background:var(--green); border-radius:100px; padding:11px 16px; font-size:.85rem; font-weight:700; color:#fff; cursor:pointer; transition:all .2s ease; font-family:'Inter',sans-serif; white-space:nowrap; box-shadow:0 8px 20px -12px rgba(58,101,118,.6); }
.qmpill .i{ font-size:1.02rem; line-height:1; }
.qmpill:hover{ background:var(--green-d); border-color:var(--green-d); color:#fff; transform:translateY(-1px); box-shadow:0 12px 26px -14px rgba(34,60,71,.7); }
.qmpill.on{ background:var(--green-d); border-color:var(--green-d); color:#fff; box-shadow:inset 0 0 0 1px var(--green-d); }
.qmspacer{ flex:1; min-width:8px; }
.qmpill.rate{ border-color:#F6F2EC; background:linear-gradient(180deg,#fff,#F6F2EC); color:var(--terra); font-weight:700; }
.qmpill.rate:hover{ background:var(--terra); color:#fff; }
.qmpill.rate b{ font-variant-numeric:tabular-nums; }
.qmpill.rate .arw{ opacity:.6; font-weight:800; }
.pd-flash{ animation:pdflash 1.4s ease; }
@keyframes pdflash{ 0%,100%{ box-shadow:0 0 0 0 rgba(168,92,46,0); } 18%{ box-shadow:0 0 0 4px rgba(168,92,46,.22); } }
@media(max-width:520px){ .qmpill{ flex:1 1 44%; } }
/* 15/10 bozza_pagina_cliente: TASTO = pieno o bordo scuro, sempre leggibile · INFORMAZIONE = testo con ✓, niente pillola */
.qmpill.pdm{ background:#fff; color:#2F5A6A; border:1.6px solid var(--green); box-shadow:0 2px 6px rgba(58,101,118,.12); border-radius:12px; flex:1 1 30%; flex-direction:column; gap:3px; padding:9px 6px; font-size:.8rem; white-space:normal; }
.qmpill.pdm .i{ font-size:1.15rem; }
.qmpill.pdm:hover{ background:#EEF4F6; color:#2F5A6A; }
.qmpill.pdm.main{ background:linear-gradient(180deg,#4F8AA0,#3A6576); color:#fff; box-shadow:0 4px 12px rgba(58,101,118,.36); }
.qmpill.pdm.main:hover{ background:#2F5A6A; color:#fff; }
.qmpill.pdsm{ background:#fff; color:#2F5A6A; border:1.6px solid #C9D8DE; box-shadow:none; flex:none; padding:5px 11px; font-size:.78rem; border-radius:100px; }
.qmpill.pdsm:hover{ background:#EEF4F6; color:#2F5A6A; }
.pd-pf{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:11px 14px; margin-top:12px; }
.pd-pf h4{ margin:0 0 7px; font:800 .66rem 'Inter',sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--terra-d); }
.pd-pf ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:6px 14px; }
.pd-pf li{ font-size:14px; color:var(--ink); display:flex; gap:7px; align-items:baseline; }
.pd-pf li::before, .pd-chip::before{ content:"✓"; color:#1F7A4D; font-weight:900; }
.pd-card .btn.pdb-pri{ background:linear-gradient(180deg,#4F8AA0,#3A6576); color:#fff; border:1.6px solid #3A6576; box-shadow:0 4px 12px rgba(58,101,118,.36); font-weight:800; }
.pd-card .btn.pdb-wa{ background:#1F7A4D; color:#fff; border:1.6px solid #1F7A4D; box-shadow:0 4px 12px rgba(31,122,77,.28); font-weight:800; }
.pd-card .btn.pdb-line{ background:#fff; color:#2F5A6A; border:1.6px solid #3A6576; font-weight:800; }
.pd-card .btn.pdb-dark{ background:#fff; color:var(--ink); border:1.6px solid #C9B8A8; font-weight:700; }
.site a.btn.pdb-pri, .site a.btn.pdb-wa{ color:#fff; }
.site a.btn.pdb-line{ color:#2F5A6A; }

/* Footer · 22/10 Enzo (bozza_immaginala_footer.png, scelta C): crema con riga teal in alto, colori del marchio */
.footer { background:#F1EDE6; color:#1f2430; margin-top:72px; border-top:5px solid #487E92; }
.footer .cols { display:grid; grid-template-columns:1.6fr 1fr 1.15fr 1.15fr; gap:34px; padding-top:54px; padding-bottom:32px; }
.footer h4, .footer .footer-tit { font-family:'Inter',sans-serif; font-size:12px; text-transform:uppercase; letter-spacing:.18em; color:#977C6B; margin:0 0 14px; font-weight:700; }
.footer .brand { color:#3A6576; }
.footer a:hover { color:#3A6576; text-decoration:underline; }
.footer .row { font-size:14px; color:#3d3832; margin:7px 0; line-height:1.5; }
.footer .fine { font-size:12px; color:#7E7770; line-height:1.6; margin-top:12px; }
.footer .fbtn { display:inline-block; margin-top:12px; border:1px solid #3A6576; background:#3A6576; color:#fff !important; border-radius:100px; padding:10px 18px; font-size:13px; font-weight:700; }
.footer .fbtn:hover { background:#487E92; border-color:#487E92; text-decoration:none; }
.footer .legal { border-top:1px solid rgba(80,62,38,.14); padding-top:18px; padding-bottom:18px; font-size:12px; color:#7E7770; display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; align-items:center; }
.footer .legal .llinks { display:flex; gap:16px; flex-wrap:wrap; }
.footer .socials { display:flex; gap:10px; margin-top:14px; }
.footer .socials a { width:38px; height:38px; border-radius:10px; background:rgba(255,255,255,.12); color:#fff; display:grid; place-items:center; font-size:16px; font-weight:700; transition:transform .2s ease, filter .2s ease; }
/* 15/10 Enzo: i tasti social con i colori ufficiali dei social (non quelli dell'agenzia) */
.footer .socials a[aria-label="Facebook"] { background:#1877F2; }
.footer .socials a[aria-label="Instagram"] { background:radial-gradient(circle at 30% 107%,#FDF497 0%,#FDF497 5%,#FD5949 45%,#D6249F 60%,#285AEB 90%); }
.footer .socials a[aria-label="LinkedIn"] { background:#0A66C2; }
.footer .socials a[aria-label="YouTube"] { background:#FF0000; }
.footer .socials a[aria-label="WhatsApp"] { background:#25D366; }
.footer .socials a:hover { transform:translateY(-2px); filter:brightness(1.08); text-decoration:none; }
@media (max-width:1024px){ .nav{display:none;} .burger{display:block;} }
@media (max-width:900px){ .footer .cols{grid-template-columns:1fr 1fr; gap:26px;} }
@media (max-width:560px){ .footer .cols{grid-template-columns:1fr;} }
@media (max-width:800px){ .detail-grid, .home-contact, .sell-grid, .contact-grid { grid-template-columns:1fr !important; } .detail-grid > div:last-child { position:static !important; } }
.langsw{ display:flex; gap:2px; margin-left:8px; border:1px solid var(--line2); border-radius:100px; padding:3px; background:#fff; }
.langsw button{ border:0; background:transparent; font-size:12px; font-weight:700; color:#7E7770; padding:5px 9px; border-radius:100px; cursor:pointer; letter-spacing:.3px; }
.langsw button:hover{ color:#111827; }
.langsw button.on{ background:var(--green); color:#fff; }
.mobile .langsw{ margin:8px 0 0; align-self:flex-start; }
/* 24/10 Enzo: lingue nel menu del telefono, 5 caselle uguali con bandiera e sigla, quella attiva in teal */
.mobile .langsw-grande{ align-self:stretch; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; margin:12px 0 0; border:0; padding:0; background:transparent; border-radius:0; }
.langsw-grande button{ display:flex; flex-direction:column; align-items:center; gap:2px; padding:7px 0; border:1px solid var(--line2); background:#fff; border-radius:12px; font-size:11px; font-weight:700; color:#5b554e; letter-spacing:.3px; }
.langsw-grande button em{ font-style:normal; font-size:20px; line-height:1.1; }
.langsw-grande button em .bandierina{ display:block; width:22px; height:22px; margin:1px 0 2px; }
.langsw-grande button.on em .bandierina circle:last-child{ stroke:rgba(255,255,255,.75); }
.langsw-grande button.on{ background:#487E92; border-color:#487E92; color:#fff; }
/* 24/10 Enzo: col menu aperto la bolla di Sofia non copre lingue e voci */
.site:has(nav.mobile) .sofia-fab{ display:none; }
.navheart{ position:relative; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; border:1px solid var(--line2); color:var(--terra); font-size:16px; }
.navheart:hover{ border-color:var(--terra); background:rgba(168,92,46,.06); }
.hbadge{ position:absolute; top:-3px; right:-3px; min-width:17px; height:17px; padding:0 4px; border-radius:100px; background:var(--terra); color:#fff; font-family:'Inter',sans-serif; font-size:10px; font-weight:800; display:grid; place-items:center; line-height:1; }
.navheart .hdot{ position:absolute; top:-2px; left:-2px; width:11px; height:11px; border-radius:100px; background:#b3271a; border:2px solid var(--cream); box-shadow:0 0 0 0 rgba(179,39,26,.5); animation:hdotpulse 1.8s var(--ease) infinite; }
@keyframes hdotpulse{ 0%{ box-shadow:0 0 0 0 rgba(179,39,26,.45) } 70%{ box-shadow:0 0 0 7px rgba(179,39,26,0) } 100%{ box-shadow:0 0 0 0 rgba(179,39,26,0) } }
@media (prefers-reduced-motion: reduce){ .navheart .hdot{ animation:none } }

/* 23/10 · Enzo (bozza_scheda_immobile_6.png): Caratteristiche della scheda immobile, foglio unico con 5 parti numerate */
.pd-car{ border-top:0; padding-top:22px; }
.pd-car-h{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:clamp(1.9rem,3.2vw,2.6rem); color:var(--ink); margin:0 0 4px; letter-spacing:-.01em; }
.pd-car-lead{ color:var(--muted); font-size:15px; margin:0 0 18px; }
.pd-car-foglio{ background:#fff; border-radius:18px; box-shadow:0 1px 0 #ECE4D8,0 8px 24px rgba(60,45,25,.06); padding:4px 28px; }
.pd-car-parte{ display:grid; grid-template-columns:200px 1fr; gap:26px; padding:22px 0; border-bottom:1px solid #ECE4D8; }
.pd-car-parte:last-child{ border-bottom:0; }
.pd-car-n{ font-family:'Cormorant Garamond',serif; font-size:15px; font-weight:700; color:var(--terra); letter-spacing:.08em; }
.pd-car-tit h3{ font-family:'Cormorant Garamond',serif; font-size:26px; font-weight:600; line-height:1.1; margin:2px 0 0; color:var(--ink); }
.pd-car-tit p{ font-size:12.5px; color:var(--muted); margin:6px 0 0; line-height:1.4; }
.pd-car-list{ display:grid; grid-template-columns:1fr 1fr; column-gap:32px; }
.pd-car-r{ display:flex; justify-content:space-between; align-items:baseline; gap:14px; padding:11px 0; border-bottom:1px solid #F3EDE3; font-size:15.5px; }
.pd-car-r span{ color:var(--muted); }
.pd-car-r b{ font-weight:600; color:var(--ink); text-align:right; }
.pd-car-r.w{ grid-column:span 2; }
.pd-car-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.pd-car-chips span{ border:1px solid #E2D6C6; color:#6E5848; background:#FBF8F3; border-radius:100px; padding:6px 14px; font-size:13.5px; font-weight:600; }
.pd-car-ape{ display:grid; grid-template-columns:repeat(10,1fr); gap:4px; align-items:end; margin:4px 0 26px; }
.pd-car-ape i{ display:block; height:10px; border-radius:3px; position:relative; font-style:normal; }
.pd-car-ape i span{ position:absolute; top:14px; left:0; right:0; text-align:center; font-size:10.5px; font-weight:700; color:#A49A8E; }
.pd-car-ape b{ height:34px; border-radius:8px; display:grid; place-items:center; font-weight:900; font-size:16px; color:#1d1f24; box-shadow:0 0 0 2px #1d1f24,0 6px 14px rgba(0,0,0,.15); }
@media(max-width:760px){
  .pd-car-foglio{ padding:4px 18px; }
  .pd-car-parte{ grid-template-columns:1fr; gap:8px; padding:18px 0; }
  .pd-car-list{ grid-template-columns:1fr; }
  .pd-car-r.w{ grid-column:auto; }
  .pd-car-r{ font-size:15px; }
  .pd-car-ape i span{ display:none; }
  .pd-car-ape{ margin-bottom:14px; }
}
/* 23/10 · pannello contatti: le azioni secondarie tutte visibili (senza «Altre opzioni»), Confronta · Dossier · Mappa affiancati */
.pd-azioni3{ display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.pd-azioni3 > *{ min-width:0; }
.pd-azioni3 .btn{ width:100%; flex-direction:column; gap:3px; padding:9px 4px !important; font-size:12px !important; line-height:1.25; white-space:normal; text-align:center; border-radius:12px !important; }
/* 23/10 · invito all'anteprima di 72 ore */
.bk-cta{ position:relative; border-radius:20px; padding:22px 26px; background:radial-gradient(120% 140% at 0% 0%,#4F879B 0%,#2E5667 55%,#1F3F4E 100%); color:#fff; display:flex; align-items:center; gap:20px; box-shadow:0 14px 30px rgba(31,63,78,.28); width:100%; border:0; cursor:pointer; text-align:left; font-family:inherit; }
.bk-cta .bk-bell{ flex:none; width:56px; height:56px; border-radius:50%; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25); display:grid; place-items:center; font-size:26px; }
.bk-cta .bk-k{ font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:#F3D9A4; }
.bk-cta .bk-t{ font-family:'Cormorant Garamond',serif; font-size:clamp(1.5rem,2.6vw,2rem); font-weight:600; line-height:1.08; margin-top:2px; }
.bk-cta .bk-t em{ font-style:italic; color:#F3D9A4; }
.bk-cta .bk-s{ font-size:13.5px; opacity:.88; margin-top:7px; }
.bk-cta .bk-go{ margin-left:auto; background:#1F8A4C; color:#fff; border-radius:100px; padding:14px 22px; font-weight:800; font-size:15px; white-space:nowrap; box-shadow:0 6px 16px rgba(0,0,0,.22); }
@media(max-width:760px){
  .bk-cta{ flex-direction:column; align-items:flex-start; gap:12px; padding:20px; }
  .bk-cta .bk-bell{ width:46px; height:46px; font-size:22px; }
  .bk-cta .bk-go{ margin-left:0; width:100%; text-align:center; box-sizing:border-box; }
}

/* 23/10 · Enzo (bozza_scheda_solo_modifiche.png): invito anteprima 72 ore piccolo, nella colonna di destra */
.bk-cta.bk-mini{ flex-direction:column; align-items:flex-start; gap:6px; padding:16px 18px; border-radius:16px; box-shadow:0 8px 20px rgba(31,63,78,.22); }
.bk-cta.bk-mini .bk-k{ font-size:10px; }
.bk-cta.bk-mini .bk-t{ font-size:1.3rem; margin-top:0; }
.bk-cta.bk-mini .bk-go{ margin:6px 0 0; padding:9px 16px; font-size:13px; }
.bk-cta.bk-mini .bk-s{ font-size:11.5px; margin-top:4px; opacity:.8; }

/* 23/10 · Enzo (bozza_pannello_avvisi.png): «Segui gli aggiornamenti» (telefono o email) */
.sa-body{ margin-top:8px; padding:11px; border:1px solid var(--line); border-radius:14px; background:var(--cream); }
.sa-sub{ font-size:12px; color:#5c554c; margin-bottom:8px; }
.sa-grid{ display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.sa-ch{ border:1.5px solid #CBDDE4; border-radius:11px; padding:8px 6px; text-align:center; font:800 12.5px 'Inter',sans-serif; color:#24485a; background:#F7FAFB; cursor:pointer; }
.sa-ch small{ display:block; font-weight:600; font-size:10.5px; color:#6b6459; margin-top:2px; }
.sa-ch.on{ border-color:#3A6576; background:#E8F0F3; }
/* anteprima 72 ore · 24/10 Enzo (bozza_pagina_tour_72h_v4.png): riquadro sabbia/bronzo, titolo serif, tasto teal del sito */
.bk-riga-wrap{ margin-top:12px; border:1.5px solid #977C6B; border-radius:14px; padding:14px; background:#F1ECE4; }
.bk-riga{ display:flex; flex-direction:column; align-items:stretch; gap:4px; width:100%; border:0; background:none; padding:0; cursor:pointer; text-align:left; font-family:'Inter',sans-serif; color:var(--ink); }
.bk-riga .bk-k{ font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#977C6B; font-weight:800; }
.bk-riga .bk-t{ font-family:'Cormorant Garamond',serif; font-size:23px; font-weight:600; line-height:1.15; }
.bk-riga .bk-t em{ font-style:italic; color:#977C6B; }
.bk-riga .bk-s2{ font-size:12.5px; color:#4A4540; line-height:1.4; }
.bk-riga .bk-go{ margin-top:8px; text-align:center; background:#487E92; color:#fff; border-radius:100px; padding:10px 12px; font-weight:800; font-size:13.5px; }
.bk-riga:hover .bk-go{ background:#3A6576; }

/* 23/10 · Enzo (bozza_font_titolo_prezzo.png, versione B): titolo in Fraunces 30 px (24 sul telefono), prezzo in Inter;
   la regola generale «.site h1» (fino a 58 px) non passa più sopra quella della scheda. Mai parole spezzate. */
.site h1.pd-title{ font-family:'Fraunces','Cormorant Garamond',Georgia,serif; font-weight:560; font-size:clamp(1.5rem,2.6vw,1.875rem); line-height:1.15; letter-spacing:-.01em; margin:6px 0 4px; }
.site h1, .site h2, .site h3, .pd-title, .pd-car-tit h3{ hyphens:manual; -webkit-hyphens:manual; word-break:normal; overflow-wrap:normal; }
.pd-price{ font-family:'Inter',sans-serif; font-weight:800; font-size:clamp(1.75rem,2.6vw,2rem); letter-spacing:-.02em; white-space:nowrap; }
.site .pd-h{ font-size:1.625rem; }
.pd-car-h{ font-size:clamp(1.45rem,2.2vw,1.625rem); }
.pd-car-tit h3{ font-size:22px; }
.pd-quick b{ font-size:1.375rem; }
.pd-quick span{ white-space:nowrap; }
/* valori delle Caratteristiche: brevi su una riga («120 mq»); se non ci stanno vanno interi sotto l'etichetta */
.pd-car-r{ flex-wrap:wrap; row-gap:2px; }
.pd-car-r b{ margin-left:auto; }
.pd-car-r b.nw{ white-space:nowrap; }
.pcard-tit{ font-family:'Fraunces','Cormorant Garamond',Georgia,serif !important; font-weight:560 !important; font-size:18px !important; letter-spacing:-.005em; }
.pcard-prezzo{ font-family:'Inter',sans-serif !important; font-weight:800 !important; font-size:20px !important; letter-spacing:-.015em; white-space:nowrap; }

/* 24/10 · Enzo (bozza_pagina_tour_72h_v4.png): fila piccola «Giraci dentro a 360°», nome della stanza sotto ogni 360 */
.g360{ margin-top:14px; background:#fff; border:1px solid rgba(80,62,38,.15); border-radius:14px; padding:12px 14px; }
.g360-hd{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-bottom:9px; }
.g360-tit{ font-size:18px; font-weight:600; }
.g360-sub{ font-size:12.5px; color:#7E7770; }
.g360-fila{ display:grid; grid-template-columns:repeat(auto-fill,minmax(118px,1fr)); gap:10px; }
.g360-voce{ background:none; border:0; padding:0; cursor:pointer; text-align:center; font:inherit; color:inherit; min-width:0; }
.g360-img{ position:relative; display:block; aspect-ratio:16/10; border-radius:10px; overflow:hidden; background:#EEE; }
.g360-img img{ width:100%; height:100%; object-fit:cover; object-position:50% 55%; display:block; }
.g360-bd{ position:absolute; right:5px; top:5px; background:rgba(255,255,255,.94); color:#111827; font-size:10.5px; font-weight:800; border-radius:6px; padding:1px 5px; }
.g360-ic{ position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:22px; text-shadow:0 1px 4px rgba(0,0,0,.45); }
.g360-nome{ display:block; margin-top:5px; font-size:12.5px; font-weight:700; line-height:1.25; overflow-wrap:anywhere; }
.g360-voce:hover .g360-img{ box-shadow:0 0 0 2px #487E92; }
@media (max-width:640px){ .g360-fila{ grid-template-columns:repeat(3,1fr); gap:8px; } .g360-nome{ font-size:12px; } }

/* 24/10 · Enzo (bozza_pagina_tour_72h_v4.png): «Immaginala già tua», righe STILE e LAVORI sotto la foto, tasti uguali a tutta larghezza */
.av-righe{ display:grid; gap:9px; margin-top:12px; }
.av-riga{ display:grid; grid-template-columns:62px 1fr; align-items:center; gap:10px; }
.av-scelte{ display:grid; gap:8px; }
@media (max-width:640px){
  .av-riga{ grid-template-columns:1fr; gap:5px; }
  .av-scelte{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

/* 24/10 · Enzo (bozza_caratteristiche.png, B): titolo sopra e valore sotto, a sinistra, su due colonne; mai valori in fondo alla riga */
.pd-car-list{ column-gap:32px; }
.pd-car-r, .pd-car-r.w{ display:block; grid-column:auto; padding:9px 0; }
.pd-car-r span{ display:block; font-size:12.5px; line-height:1.3; }
.pd-car-r b, .pd-car-r b.nw{ display:block; margin:2px 0 0; text-align:left; font-size:15.5px; white-space:normal; hyphens:manual; -webkit-hyphens:manual; overflow-wrap:normal; }
@media (max-width:640px){ .pd-car-list{ grid-template-columns:1fr; } }

/* 24/10 · Enzo (bozza_72h_altre_360_v5b.png): 72 ore su sfondo bianco, «72 ore prima» arancio acceso, tasto più grande; finestra centrale */
.bk-riga-wrap{ background:#fff; }
.bk-riga .bk-t em, .bk-mod-tit em{ color:#E0622A; font-style:italic; font-weight:700; }
.bk-riga .bk-s2{ font-size:13px; color:#2B2622; }
.bk-riga .bk-go{ padding:12px 14px; font-size:15.5px; letter-spacing:.01em; box-shadow:0 4px 12px rgba(58,101,118,.3); }
.bk-mod-tit{ font-family:'Cormorant Garamond',serif; font-size:24px; font-weight:600; line-height:1.15; }
.bk-mod-no{ display:block; margin:12px auto 2px; background:none; border:0; color:#6B7280; font-size:13.5px; text-decoration:underline; cursor:pointer; font-family:inherit; }
/* 360: le caselle riempiono tutta la riga; miniature tagliate al centro (niente strisce nere dei poli) */
.g360-fila{ grid-template-columns:repeat(var(--g360-n,5),minmax(0,1fr)); }
.g360-img{ aspect-ratio:16/9.5; }
.g360-img img{ object-position:50% 50%; transform:scale(1.45); }
.g360-nome{ font-size:13.5px; }
@media (max-width:640px){ .g360-fila{ grid-template-columns:repeat(var(--g360-m,3),minmax(0,1fr)); } }

/* 24/10 · Enzo (bozza_72h_web.png, A): striscia anteprima 72 ore. PC: sotto il menu, ferma in alto mentre scorri.
   Telefono: in basso sopra la barra dei tasti. La ✕ la nasconde per la visita. */
.bk-striscia{ position:sticky; top:72px; z-index:49; display:flex; align-items:center; gap:10px; background:#fff; border-bottom:1.5px solid #977C6B; box-shadow:0 4px 14px rgba(60,45,25,.08); padding:8px max(16px, calc((100vw - 1200px) / 2)); }
.bk-striscia .bk-riga{ flex:1; flex-direction:row; align-items:center; gap:12px; }
.bk-striscia .bk-bell{ display:block; font-size:20px; width:auto; height:auto; background:none; }
.bk-striscia .bk-txt{ display:flex; flex-direction:column; min-width:0; }
.bk-striscia .bk-k{ display:block; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:#977C6B; font-weight:800; }
.bk-striscia .bk-t{ font-family:'Cormorant Garamond',serif; font-size:20px; font-weight:600; line-height:1.15; }
.bk-striscia .bk-s2{ font-family:'Inter',sans-serif; font-size:12.5px; font-weight:500; color:#4A4540; }
.bk-striscia .bk-go{ margin:0 0 0 auto; width:auto; white-space:nowrap; background:#487E92; color:#fff; border-radius:100px; padding:10px 18px; font-weight:800; font-size:14px; box-shadow:0 4px 12px rgba(58,101,118,.3); }
.bk-striscia .bk-lungo{ display:inline; } .bk-striscia .bk-corto{ display:none; }
.bk-x{ flex:none; width:30px; height:30px; border-radius:50%; border:0; background:#F1ECE4; color:#4A4540; font-weight:900; font-size:13px; cursor:pointer; }
.con-striscia72 .pd-sticky{ top:146px !important; }
/* il pannello contatti non va mai oltre lo schermo: se è più alto si scorre dentro, «Segui gli aggiornamenti» resta raggiungibile */
@media(min-width:760px){ .pd-sticky{ max-height:calc(100vh - 100px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; } .con-striscia72 .pd-sticky{ max-height:calc(100vh - 158px); } }
@media(max-width:759px){
  .bk-striscia{ position:fixed; top:auto; left:10px; right:10px; bottom:calc(var(--dock-h, 0px) + 86px + env(safe-area-inset-bottom)); border:1.5px solid #977C6B; border-radius:14px; padding:8px 8px 8px 10px; box-shadow:0 8px 24px rgba(0,0,0,.18); }
  .bk-striscia .bk-k, .bk-striscia .bk-s2, .bk-striscia .bk-lungo{ display:none; }
  .bk-striscia .bk-corto{ display:inline; }
  .bk-striscia .bk-t{ font-family:'Inter',sans-serif; font-size:12.5px; font-weight:800; }
  .bk-striscia .bk-go{ padding:8px 12px; font-size:12px; }
  .bk-x{ width:26px; height:26px; font-size:11px; }
}

/* 24/10 · Enzo: «Giraci dentro a 360°» come le altre sezioni (titolo serif grande, frase sotto leggibile) */
.g360{ padding:14px 16px; background:#fdfbf5; border-radius:16px; }
.g360-hd{ display:block; margin-bottom:10px; }
.g360-tit{ display:block; font-size:24px; font-weight:600; line-height:1.15; color:var(--ink); }
.g360-sub{ display:block; font-size:13.5px; color:#4A4540; margin-top:3px; }

/* 24/10 · Enzo (bozza_striscia_segui.png): striscia 72 ore sagomata (larga quanto foto + pannello, angoli smussati, staccata dal menu) */
.bk-striscia-wrap{ position:sticky; top:82px; z-index:49; }
.bk-striscia-wrap .bk-striscia{ position:static; margin-top:10px; border:1.5px solid #977C6B; border-radius:16px; padding:9px 12px 9px 16px; box-shadow:0 8px 22px rgba(60,45,25,.12); }
.con-striscia72 .pd-sticky{ top:160px !important; }
@media(min-width:760px){ .con-striscia72 .pd-sticky{ max-height:calc(100vh - 172px); } }
@media(max-width:759px){
  .bk-striscia-wrap{ position:static; padding:0; height:0; }
  .bk-striscia-wrap .bk-striscia{ position:fixed; margin:0; border-radius:14px; padding:8px 8px 8px 10px; box-shadow:0 8px 24px rgba(0,0,0,.18); }
}
/* «Segui gli aggiornamenti»: il pallino scorre e solo la scia diventa teal; la card resta bianca */
.sa-btn, .sa-btn.on{ background:#fff; border:1.5px solid #D6CABD; color:var(--ink); }
.sa-btn.on .al-sw{ background:#487E92; }
.sa-btn.on .al-sw::after{ left:18px; }
.sa-btn .al-sw{ background:#DDD6CC; }
.sa-stato{ font-size:11.5px; font-weight:700; color:#2F5A6A; margin:6px 4px 0; }
/* il pannello resta scorrevole solo per sicurezza su schermi bassi, senza barra visibile */
.pd-sticky{ scrollbar-width:none; } .pd-sticky::-webkit-scrollbar{ display:none; }
/* 24/10 Enzo bozza F: avviso 72 ore con campanella a linea su tondo teal, testo su due righe, tasto bronzo «Avvisami» */
.bk-striscia .bk-bell.bk-bell-f{ display:grid; place-items:center; flex:none; width:42px; height:42px; border-radius:50%; background:#2F5563; color:#fff; font-size:0; }
.bk-striscia .bk-bell-f svg{ width:20px; height:20px; display:block; }
.bk-striscia .bk-t{ font-family:'Inter',sans-serif; font-size:15px; font-weight:800; color:#1f2430; line-height:1.2; }
.bk-striscia .bk-s2.bk-s2-f{ display:block; font-family:'Inter',sans-serif; font-size:12.5px; font-weight:500; color:#7a6252; }
.bk-striscia .bk-go{ background:#977C6B; box-shadow:none; }
.bk-striscia .bk-riga:hover .bk-go{ background:#85695a; }
@media (max-width:759px){
  .bk-striscia{ border:1px solid #e1d2c4; border-radius:100px; background:linear-gradient(120deg,#F3ECE5,#fff 70%); padding:6px 6px 6px 7px; box-shadow:0 12px 26px -16px rgba(60,40,20,.55); }
  .bk-striscia .bk-riga{ gap:10px; }
  .bk-striscia .bk-t{ font-size:13px; }
  .bk-striscia .bk-s2.bk-s2-f{ display:block; font-size:11px; margin-top:1px; }
  .bk-striscia .bk-go{ padding:10px 14px; font-size:12.5px; border-radius:100px; }
  .bk-striscia .bk-x{ background:transparent; color:#7a6252; width:24px; height:24px; }
}
/* 24/10 Enzo: icone a linea nella pagina Contatti */
.ct-ic svg{ width:20px; height:20px; display:block; }
.ct-bi{ display:inline-flex; vertical-align:-4px; margin-right:8px; } .ct-bi svg{ width:19px; height:19px; display:block; }
/* 25/10 Enzo (bozza_barra_A3.png): riga di servizio teal su PC e iPad orizzontale + 8 pagine a vista nella testata */
.topbar{ display:none; background:#2C4F5C; color:#DCE7EB; font-family:'Inter',sans-serif; font-size:12.5px; }
.topbar .tb-in{ display:flex; align-items:center; gap:16px; height:38px; }
.topbar a{ color:#fff; display:inline-flex; align-items:center; gap:7px; font-weight:500; white-space:nowrap; position:relative; }
.topbar a:hover{ color:#E7C9B2; }
.topbar svg{ width:14px; height:14px; display:block; flex:none; }
.topbar .tb-sep{ width:1px; height:16px; background:rgba(255,255,255,.18); flex:none; }
.topbar .tb-r{ margin-left:auto; display:flex; align-items:center; gap:16px; }
.topbar .tb-n{ background:#977C6B; color:#fff; border-radius:100px; font-size:10px; font-weight:800; padding:1px 6px; line-height:1.5; }
.topbar .hdot{ position:static; margin-left:-3px; }
.langsw-barra{ margin:0; border:0; background:rgba(255,255,255,.08); padding:3px; gap:2px; }
.langsw-barra button{ display:inline-flex; align-items:center; gap:5px; padding:3px 9px 3px 4px; color:#C9D8DE; font-size:11.5px; letter-spacing:.04em; }
.langsw-barra button:hover{ color:#fff; }
.langsw-barra button em{ font-style:normal; display:block; line-height:0; }
.langsw-barra .bandierina{ width:15px; height:15px; display:block; }
.langsw-barra button.on{ background:#fff; color:#2C4F5C; }
.nav > a.cta{ display:inline-flex; align-items:center; gap:8px; margin-left:8px; padding:.82rem 1.6rem; } /* 26/10 Enzo: «.nav > a» toglieva il riempimento del pulsante sui PC larghi */
.nav > a.cta .cta-ic{ display:inline-flex; } .nav > a.cta .cta-ic svg{ width:17px; height:17px; display:block; }
@media (min-width:1100px){ .topbar{ display:block; } }
@media (max-width:1279px){ .topbar .tb-lungo{ display:none; } .nav{ gap:.85rem; } .nav > a{ font-size:.8rem; } .nav > a.cta{ padding:.75rem 1.2rem; } }
@media (max-width:1099px){ .nav{ display:none; } .burger{ display:block; } }
/* 25/10 Enzo: la riga di servizio (38px) sta dentro la testata e resta in alto: da 1100 px tutto quello che si appoggia
   sotto la testata scende di 38px (striscia 72 ore, pannello contatti della scheda immobile, ancore) */
@media (min-width:1100px){
  .bk-striscia{ top:110px; }
  .bk-striscia-wrap{ top:120px; }
  .pd-sticky{ top:126px !important; max-height:calc(100vh - 138px); max-height:calc(100dvh - 138px); }
  .con-striscia72 .pd-sticky{ top:198px !important; max-height:calc(100vh - 210px); max-height:calc(100dvh - 210px); }
  html{ scroll-padding-top:120px; }
}
/* 25/10 Enzo («la colonna destra non scorre, è legata a quella di sinistra»): su iPad Safari 100vh conta lo schermo SENZA
   le sue barre, quindi il fondo del pannello contatti restava fuori vista e non si raggiungeva. Altezza dallo schermo
   VISIBILE (dvh): il pannello scorre da solo, indipendente dalla colonna delle foto. Vale da 760 px (le righe da 1100 px sono sopra). */
@media (min-width:760px) and (max-width:1099px){
  .pd-sticky{ max-height:calc(100dvh - 100px); }
  .con-striscia72 .pd-sticky{ max-height:calc(100dvh - 172px); }
}
@media (min-width:760px){ .pd-sticky{ -webkit-overflow-scrolling:touch; } }
/* 25/10 Enzo (bozza_tecnologia_rilievo.png): riquadro «Tecnologia di rilievo» in home: foto, altrimenti tour 3D di una casa vera, altrimenti disegno */
.feat-ic svg{ width:19px; height:19px; display:block; }
.tech-tour{ position:relative; display:block; border-radius:18px; overflow:hidden; aspect-ratio:4/5; background:#1f3a44; color:#fff; }
.tech-tour .tt-velo{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.68)); }
.tech-tour .tt-badge{ position:absolute; top:16px; left:16px; display:inline-flex; gap:6px; align-items:center; background:#fff; color:#2C4F5C; font-family:'Inter',sans-serif; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; border-radius:100px; padding:6px 11px; }
.tech-tour .tt-badge svg{ width:14px; height:14px; display:block; }
.tech-tour .tt-play{ position:absolute; left:50%; top:42%; transform:translate(-50%,-50%); width:76px; height:76px; border-radius:50%; background:rgba(255,255,255,.92); display:grid; place-items:center; box-shadow:0 10px 30px rgba(0,0,0,.3); transition:transform .35s var(--ease); }
.tech-tour .tt-play svg{ width:30px; height:30px; fill:#2C4F5C; margin-left:4px; }
.tech-tour:hover .tt-play{ transform:translate(-50%,-50%) scale(1.08); }
.tech-tour .tt-info{ position:absolute; left:20px; right:20px; bottom:20px; }
.tech-tour .tt-info small{ display:block; font-family:'Inter',sans-serif; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:#E7D3C3; font-weight:700; }
.tech-tour .tt-info b{ display:block; font-family:'Cormorant Garamond',serif; font-size:1.55rem; font-weight:500; margin:4px 0 12px; line-height:1.1; }
.tech-tour .tt-go{ display:inline-flex; gap:8px; align-items:center; background:#977C6B; border-radius:100px; padding:10px 16px; font-family:'Inter',sans-serif; font-weight:700; font-size:13px; }
.tech-tour .tt-go svg{ width:15px; height:15px; display:block; }
.tech-ill{ border-radius:18px; overflow:hidden; aspect-ratio:4/5; background:#F6F2EC; padding:22px; display:flex; flex-direction:column; }
.tech-ill .ti-pl{ flex:1; background:#fff; border-radius:12px; border:1px solid #e3d9cb; padding:14px; display:grid; place-items:center; min-height:0; }
.tech-ill .ti-pl svg{ width:100%; height:100%; }
.tech-ill .ti-nums{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; }
.tech-ill .ti-nums span{ background:#fff; border:1px solid #e3d9cb; border-radius:12px; padding:10px 6px; text-align:center; }
.tech-ill .ti-nums b{ display:block; font-family:'Cormorant Garamond',serif; font-size:1.55rem; color:#2C4F5C; font-weight:600; line-height:1; }
.tech-ill .ti-nums small{ font-family:'Inter',sans-serif; font-size:10px; color:#7a6252; letter-spacing:.08em; text-transform:uppercase; font-weight:700; }
.tech-ill .ti-t{ font-family:'Cormorant Garamond',serif; font-style:italic; color:#977C6B; font-size:1.2rem; margin-top:12px; text-align:center; }
/* 25/10 Enzo: i riquadri laterali fissi (Quanto vale la tua casa, Inviaci un messaggio) restano interi sotto la testata e scorrono da soli se piu alti dello schermo */
.lato-fisso{ position:sticky; top:88px; max-height:calc(100vh - 100px); max-height:calc(100dvh - 100px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
@media (min-width:1100px){ .lato-fisso{ top:126px; max-height:calc(100vh - 138px); max-height:calc(100dvh - 138px); } }
@media (max-width:800px){ .lato-fisso{ position:static; max-height:none; overflow:visible; } }
/* 30/10 h1_sito_v1 (bozza_h1_tipologie.png): il titolo principale per Google è la riga piccola sopra il titolo (stesso aspetto
   della «eyebrow»); lo slogan grande è un paragrafo con lo stesso aspetto del titolo di prima. Nessun cambio grafico. */
.site h1.eyebrow{ font-family:'Inter',sans-serif; font-weight:500; font-size:.7rem; line-height:1.5; letter-spacing:.34em; text-transform:uppercase; color:var(--terra); margin:0; max-width:none; }
.hero h1.eyebrow{ color:#2C5566; font-weight:700; max-width:none; margin:0; }
.site .h1-look{ font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; line-height:1.08; letter-spacing:.004em; color:var(--ink); font-size:clamp(2.1rem,5.2vw,3.6rem); hyphens:manual; -webkit-hyphens:manual; word-break:normal; overflow-wrap:normal; }
.hero .h1-look{ max-width:16ch; margin:0 0 16px; color:#111827; }
.hero .h1-look em{ font-style:italic; color:#7A4E2E; background:linear-gradient(100deg,#A0714C 0%,#7A4E2E 55%,#5E3A20 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
/* 30/10 · Enzo (bozza_hero_telefono.png, scelta A) hero_foto_intera_v1: sul telefono la foto di copertina si vede TUTTA
   (banda 3:2 in alto, senza zoom animato) e i testi stanno sotto su fondo chiaro. Su PC non cambia nulla. */
@media (max-width:759px){
  .hero.hero-foto{ display:block; min-height:0; background:#F6F2EC; }
  .hero.hero-foto::after{ display:none; }
  .hero.hero-foto .hero-media{ position:relative; inset:auto; aspect-ratio:3/2; width:100%; overflow:hidden; }
  .hero.hero-foto .hero-media img{ animation:none; transform:none; }
  .hero.hero-foto .hero-inner{ padding-top:22px; }
}
/* 30/10 · Enzo («sfocami meno l'immagine di sfondo») hero_velo_leggero_v1: il velo chiaro sopra la foto di copertina è più
   leggero (si vede di più la foto), resta solo dove c'è il testo per leggerlo bene. */
.hero::after{ background:linear-gradient(90deg, rgba(250,247,242,.74) 0%, rgba(250,247,242,.38) 38%, rgba(250,247,242,0) 62%), linear-gradient(180deg, rgba(20,30,26,.18) 0%, rgba(20,30,26,0) 20%, rgba(252,250,244,0) 58%, rgba(252,250,244,.7) 92%, #F6F2EC 100%); }
/* 30/10 · Enzo («rimetti la versione precedente»): tolto hero_nitida_v1 (foto ferma e velo minimo), resta hero_velo_leggero_v1 */