/* LanzaNote · stile ufficiale: SABBIA (scelto da Franz il 09/10/2026) — caldo, morbido, terracotta, angoli arrotondati */
:root{--bg:#F3ECE1;--paper:#FAF6EF;--ink:#2B211B;--soft:#5A4B40;--muted:#9A8878;--line:#E2D6C5;--accent:#C2643F;
  --serif:"Cormorant Garamond",Georgia,serif;--sans:"Inter",system-ui,sans-serif;
  --natura:#A3B18A;--cammini:#D4A373;--arte:#E5989B;--musica:#B5A8D5;--letteratura:#B08968;--persone:#F4A261;--vino:#9D4E5C}
 h1,h2,h3,.what-line{font-weight:500}
.card .ph,.tile,.next .ph,.best-beach{border-radius:22px}
.btn{border-radius:99px}
.cap{letter-spacing:.16em}
.tile{background:color-mix(in srgb,var(--c) 38%,#FAF6EF)}

.minimap,.art-top .ph{border-radius:0}
@media(min-width:900px){.cover .ph{border-radius:0 0 0 28px}}
.ag-list,.days,.beaches,.zones{border-top-color:var(--ink)}
.chip,.cap{font-weight:500}
/* cammini */
.trail .ph{aspect-ratio:4/3}
.tfacts{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:14px;color:var(--soft)}
.dtag{font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;border-radius:99px;background:color-mix(in srgb,var(--c,var(--cammini)) 25%,#fff)}
.d-baja{--c:var(--natura)}.d-media{--c:var(--cammini)}.d-alta{--c:var(--vino);color:#fff;background:var(--vino)}
.book{display:block;margin-top:10px;color:var(--accent)}
.pin.tr{border-radius:3px;transform:rotate(45deg);width:13px;height:13px}
.bd-tools{align-items:center}

/* testo su fascia nera: la foto resta pulita e il titolo si legge sempre (richiesta Franz 09/10) */
@media(max-width:899px){
  .cover{display:flex;flex-direction:column;background:#15110F}
  .cover .ph{position:relative;inset:auto;flex:1 1 auto;min-height:0;height:auto}
  .cover .ph:before{display:none}
  .cover .brandline{display:none}
  .cover .txt{position:relative;background:#15110F;padding:20px 16px 24px}
  .cover h1{font-size:clamp(34px,9.6vw,46px);margin:10px 0 10px}
  .cover p.dek{-webkit-line-clamp:2;font-size:16px;margin-bottom:18px}
  .cover .scrollcue{bottom:28px}
}
.slide{flex-direction:column;align-items:stretch;background:#15110F}
.slide .ph{position:relative;inset:auto;flex:1 1 auto;min-height:0}
.slide .ph:before{display:none}
.slide .vert{display:none}
.slide .t{background:#15110F;max-width:none;padding:20px 72px 24px 16px}
.slide h2{font-size:clamp(30px,8.4vw,48px);margin:10px 0 8px}
.slide p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}
.slide .side{bottom:24px}
@media(min-width:900px){.slide .t{padding:28px 90px 30px 32px}.slide .t>*{max-width:760px}}
@media(min-width:900px){
  .top .wrap{grid-template-columns:auto 1fr auto;gap:30px}
  .top .logo{order:-1;text-align:left}
  .topnav{justify-content:center;gap:22px}
}
/* bodegas con logo */
.bd{grid-template-columns:84px 1fr;gap:4px 18px;align-items:start}
.bd .no{display:block;padding:0;margin-bottom:2px;font-size:13px}
.bdlogo{width:84px;height:84px;border-radius:18px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:10px;overflow:hidden}
.bdlogo img{max-width:100%;max-height:100%;object-fit:contain}
.bdlogo.dark{background:#2B211B;border-color:#2B211B}
.bdlogo.mono{background:color-mix(in srgb,var(--vino) 14%,var(--paper))}
.bdlogo.mono span{font-family:var(--serif);font-style:italic;font-size:30px;color:var(--vino)}
.howto{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.howto address{font-style:normal;font-size:14px;margin-top:4px}
.howto p{font-size:14px;color:var(--soft);margin-top:2px}
.bd .links a.go{background:var(--ink);color:var(--paper);border-color:var(--ink);padding:7px 14px;border-radius:99px}
.bd.hl{background:color-mix(in srgb,var(--vino) 8%,transparent);border-radius:18px;padding-left:12px;padding-right:12px}
@media(max-width:500px){.bd{grid-template-columns:64px 1fr}.bdlogo{width:64px;height:64px;border-radius:14px;padding:7px}}


/* ===== STILE UFFICIALE: POPEYE (scelto da Franz il 09/10/2026) — rivista pop giapponese, rosso pomodoro, Archivo ===== */
:root{--bg:#FBF8F1;--paper:#FFFFFF;--ink:#1A1A1A;--soft:#3B3B3B;--muted:#8C8579;--line:#E7E1D4;--accent:#E8442E;
  --serif:"Archivo",system-ui,sans-serif;--sans:"Archivo",system-ui,sans-serif;
  --natura:#2E9B5F;--cammini:#F2A900;--arte:#E8442E;--musica:#3A5BD9;--letteratura:#7A4E2D;--persone:#F27BA1;--vino:#8E1E3A}
html h1,html h2,html h3,html .what-line{font-weight:800;letter-spacing:-.03em;text-transform:none}
html .card .ph,html .tile,html .best-beach,html .bdlogo,html .howto,html .minimap{border-radius:4px}
html .btn{border-radius:4px;font-weight:700}
html .tile{background:var(--c);color:#fff}
html .tile h3,html .tile .tn,html .tile p,html .tile .live{color:#fff;filter:none}
html .tile .live{border-color:rgba(255,255,255,.4)}
html .tile .tgo{border-color:#fff}html .tile .tgo svg{stroke:#fff}
html .cover .txt,html .slide .t,html .cover,html .slide{background:#E8442E!important}
html .cover .btn.dark{background:#fff;color:#E8442E}
html .logo b{font-weight:800;letter-spacing:-.04em}
html .logo b i{color:#E8442E;font-style:normal}
html .body p{font-family:"Archivo",sans-serif;font-size:18px}
html .cap{font-weight:700}

.tip.warn{border-left:3px solid var(--accent);padding-left:14px}
.tip.warn .cap{color:var(--accent)}
.book.warn{color:var(--accent)}
@media(max-width:600px){.facts b{font-size:22px}}

/* ===== PASTELLO (09/10/2026): struttura Popeye, niente rosso — Franz vuole colori pastello ===== */
:root{--accent:#E98BA6;
  --natura:#BFE3C8;--cammini:#FFE1A1;--arte:#FFC9C0;--musica:#CDD3FF;--letteratura:#E9D6C2;--persone:#FFCFE2;--vino:#E2C4EA;
  --ink2:#1F1F1F}
html .logo b i{color:#E98BA6}
/* fascia sotto la foto: pastello della sezione, testo scuro */
html .cover,html .cover .txt,html .slide,html .slide .t{background:var(--band,#FFCFE2)!important;color:var(--ink2)}
html .cover .txt .cap,html .slide .cap,html .cover h1,html .slide h2{color:var(--ink2)}
html .cover p.dek,html .slide p{color:#3B3B3B}
html .cover .btn.dark{background:var(--ink2);color:#fff;border-color:var(--ink2)}
html .cover .btn.ghost,html .slide .btn.white{border-color:var(--ink2);color:var(--ink2)}
html .slide .side button svg{stroke:var(--ink2)}
html .slide .side button.on svg{fill:var(--ink2)}
html .cover .scrollcue{border-color:var(--ink2)}html .cover .scrollcue span{background:var(--ink2)}
/* schede "cosa facciamo": pastello pieno, testo scuro */
html .tile{background:var(--c);color:var(--ink2)}
html .tile h3,html .tile .tn,html .tile p,html .tile .live{color:var(--ink2)}
html .tile .tn{opacity:.85}
html .tile .live{border-color:rgba(0,0,0,.18)}
html .tile .tgo{border-color:var(--ink2)}html .tile .tgo svg{stroke:var(--ink2)}
/* pallini e dettagli: tono un filo più deciso per leggerli sul chiaro */
.dot{box-shadow:0 0 0 1px rgba(0,0,0,.12)}
html .btn.dark{background:var(--ink2);border-color:var(--ink2)}
.bd .grapes,.bd .visit,.tip.warn .cap,.book.warn,.book{color:#B0507A}
.tip.warn{border-left-color:#E98BA6}
.d-alta{background:#E2C4EA;color:var(--ink2)}
.best-beach{background:#DDF1E3}
.read-progress{background:#E98BA6}
/* logo: Lanza nero, Note rosso (richiesta Franz 09/10) */
html .logo b{color:#111}
html .logo b i{color:#E23B2E}
/* mappa dei cammini in cima alla guida */
.trmap{position:relative;height:min(62vh,560px);margin:0 -16px 30px;background:#E9DFCF;overflow:hidden}
@media(min-width:700px){.trmap{margin:0 0 36px;border-radius:18px}}
#trmap{position:absolute;inset:0}
.trmap .zoombtns{bottom:12px;right:12px}
.trmap .sheet{bottom:12px;right:auto;max-width:min(460px,calc(100% - 24px))}
.howgo{display:inline-block;margin-top:12px;border-bottom:1px solid currentColor;padding-bottom:2px;cursor:pointer}
.bdname{text-decoration:none}.bdname span{font-size:.7em;opacity:.5}
.bdl{text-decoration:none;display:block}
.bodega .back{display:inline-block;margin:26px 0 18px;text-decoration:none}
.bdhead{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;margin-bottom:18px}
.bdlogo.big{width:110px;height:110px;border-radius:22px;padding:14px}
.bodega h1{font-size:clamp(30px,8vw,46px);margin:8px 0 6px}
.bodega .dek{font-size:19px;line-height:1.5;color:var(--soft);margin:10px 0}
.howto.big{margin:22px 0;padding:18px}
.howto.big .links{margin-top:14px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.howto.big .links a{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid}
.howto.big .links a.go{background:var(--ink2,#111);color:#fff;border:0;padding:10px 16px;border-radius:99px}
.next .bdlogo{width:110px;height:110px}