@font-face{font-family:'Young Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/young-serif-latin-400.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-latin-400.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-latin-500.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-latin-600.woff2) format('woff2')}

:root{
  --verde:#16302A; --grigio:#4A6658; --fondo:#EEF1EA; --carta:#F8FAF6; --bianco:#FFFFFF;
  --linea:#C9D3C8; --linea-chiara:#DCE3DA; --sole:#E9A83A; --sole-scuro:#B9832A; --tenue:#EAF0E8; --spento:#6B7F74;
  --notte:#2E3A66; --serif:'Young Serif',Georgia,'Times New Roman',serif; --sans:'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif;
  --w:1240px; --gx:clamp(20px,5vw,64px); --sy:clamp(64px,9vw,120px);
  /* colori della prima sezione, aggiornati da orologio.js secondo l'ora */
  --bg:#EEF1EA; --ink:#16302A; --muted:#4A6658; --track:#D8E0D5; --night:#2E3A66; --rule:#C9D3C8;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--fondo);color:var(--verde);font-family:var(--sans);font-size:17px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--verde)}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--sole);outline-offset:3px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.salta{position:absolute;left:12px;top:-60px;z-index:10;background:var(--verde);color:var(--fondo);padding:10px 16px;border-radius:8px}
.salta:focus{top:12px}

.cont{max-width:var(--w);margin:0 auto;padding-left:var(--gx);padding-right:var(--gx)}
.sez{padding-top:var(--sy);padding-bottom:var(--sy)}
.carta{background:var(--carta);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.scura{background:var(--verde);color:var(--fondo)}
.scura a{color:var(--fondo)}
.solare{background:var(--sole);color:var(--verde)}

h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;text-wrap:balance}
h1{font-size:clamp(40px,5.6vw,76px);line-height:1.04;letter-spacing:-.015em}
h2{font-size:clamp(32px,3.6vw,48px);line-height:1.1}
h3{font-size:26px;line-height:1.2}
p{margin:0}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:var(--grigio);max-width:34em}
.tenue{color:var(--grigio)}
.scura .tenue{color:#C9D6CD}
.piccolo{font-size:15px}
.testa{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 48px;margin-bottom:40px}
.testa p{max-width:30em}

/* Pulsanti */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;border:1.5px solid var(--verde);background:transparent;color:var(--verde);text-decoration:none;font:inherit;font-weight:500;font-size:16px;cursor:pointer;line-height:1.2;text-align:center}
.btn:hover{background:rgba(22,48,42,.06)}
.btn-sole{background:var(--sole);border-color:var(--sole);font-weight:600}
.btn-sole:hover{background:#F0B550}
.btn-pieno{background:var(--verde);color:var(--fondo);font-weight:600}
.btn-pieno:hover{background:#21443B}
.btn-grande{min-height:52px;padding:0 28px;font-size:17px}
.scura .btn{border-color:var(--fondo);color:var(--fondo)}
.azioni{display:flex;flex-wrap:wrap;gap:12px}

/* Testata */
.testata{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding-top:24px;padding-bottom:20px}
.marchio{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.marchio b{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.1}
.marchio span{font-size:14px;color:var(--grigio)}
.hero .marchio span{color:var(--muted)}
.menu{display:flex;align-items:center;gap:4px 22px;font-size:16px}
.menu a{text-decoration:none;padding:10px 0;color:inherit}
.menu a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.menu .btn{padding:0 20px;min-height:44px}
@media (max-width:760px){
  .menu{width:100%;overflow-x:auto;white-space:nowrap;padding-bottom:4px;scrollbar-width:none}
  .menu::-webkit-scrollbar{display:none}
}

/* Prima sezione della home */
.hero{background:var(--bg);color:var(--ink);transition:background-color .6s}
@media (prefers-reduced-motion:reduce){.hero{transition:none}}
.hero .btn{border-color:var(--ink);color:var(--ink)}
.hero .btn-sole{color:#16302A;border-color:var(--sole)}
.hero-corpo{display:flex;flex-wrap:wrap;align-items:center;gap:48px 64px;padding:clamp(40px,7vw,96px) 0 clamp(48px,7vw,88px)}
.hero-testo{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:28px}
.hero-testo .lead{color:var(--muted)}
.orologio{flex:1 1 360px;max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.orologio svg{width:100%;height:auto;display:block}
.legenda{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:15px;color:var(--muted)}
.legenda span{display:inline-flex;align-items:center;gap:8px}
.legenda i{display:inline-block;width:14px;height:14px;border-radius:50%}
.titoli{display:flex;flex-wrap:wrap;gap:10px 36px;padding:22px 0 26px;border-top:1px solid var(--rule);font-size:15px;color:var(--muted)}

/* Colonne e liste */
.griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:40px 56px}
.griglia-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));gap:56px 72px}
.voce{display:flex;flex-direction:column;gap:12px;padding-top:22px;border-top:2px solid var(--verde)}
.voce p{color:var(--grigio)}
.scura .voce,.solare .voce{border-color:currentColor}
.solare .voce p{color:var(--verde)}

.elenco-percorsi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(480px,100%),1fr));column-gap:56px}
.riga-percorso{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:18px 0;border-top:1px solid var(--linea);text-decoration:none;color:inherit}
.riga-percorso b{display:block;font-weight:600}
.riga-percorso span.tenue{display:block;font-size:16px;margin-top:2px}
.riga-percorso .prezzo{font-size:20px;font-weight:600;white-space:nowrap}
a.riga-percorso:hover b{text-decoration:underline}

/* Tabella di confronto */
.tab-scorre{overflow-x:auto;border:1px solid var(--linea);border-radius:16px;background:var(--bianco)}
.confronto{width:100%;min-width:680px;border-collapse:collapse;font-size:16px}
.confronto th,.confronto td{text-align:left;padding:14px 20px;vertical-align:top}
.confronto thead th{padding:24px 20px 20px;font-weight:400}
.confronto thead th:first-child{font-weight:500;color:var(--grigio);width:40%;padding-left:24px}
.confronto tbody th{font-weight:400;padding-left:24px}
.confronto tbody tr{border-top:1px solid var(--linea-chiara)}
.confronto .nome{display:block;font-family:var(--serif);font-size:24px}
.confronto .nome a{text-decoration:none}
.confronto .nome a:hover{text-decoration:underline}
.confronto .cifra{display:block;font-size:30px;font-weight:600;margin-top:4px}
.confronto .no{color:var(--spento)}
.confronto .top{background:var(--tenue)}
.confronto thead .top{background:var(--verde);color:var(--fondo)}
.confronto thead .top a{color:var(--fondo)}

/* Citazioni */
.citazioni{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:40px 56px}
.citazioni figure{margin:0;display:flex;flex-direction:column;gap:18px}
.citazioni blockquote{margin:0;font-family:var(--serif);font-size:22px;line-height:1.4}
.citazioni figcaption{color:var(--grigio);font-size:16px}
.stelle{color:var(--sole-scuro);letter-spacing:2px;font-size:18px}
.stelle .vuota{color:var(--linea)}

/* Chi sono (fascia) */
.fascia{display:flex;flex-wrap:wrap;gap:48px 72px;align-items:center}
.fascia>figure{flex:1 1 300px;max-width:420px;margin:0}
.fascia>figure img{border-radius:220px 220px 24px 24px;width:100%;aspect-ratio:3/4;object-fit:cover}
.fascia>div{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:24px}
.titoli-lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.titoli-lista li{padding-left:20px;border-left:2px solid var(--sole)}

/* Libro */
.libro{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.libro img{flex:0 0 168px;width:168px;border-radius:4px 12px 12px 4px;box-shadow:0 1px 0 var(--linea)}
.libro>div{flex:1 1 220px;display:flex;flex-direction:column;gap:14px}

/* Articoli */
.lista-articoli{display:flex;flex-direction:column}
.lista-articoli a{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 32px;padding:24px 0;border-top:1px solid var(--linea);color:inherit;text-decoration:none}
.lista-articoli a:last-child{border-bottom:1px solid var(--linea)}
.lista-articoli .t{font-family:var(--serif);font-size:clamp(22px,2.4vw,30px);line-height:1.25}
.lista-articoli a:hover .t{text-decoration:underline}
.lista-articoli .d{color:var(--grigio);font-size:15px;white-space:nowrap}

/* Prenotazioni */
.sedi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:40px}
.sede{display:flex;flex-direction:column;gap:14px;padding-top:20px;border-top:2px solid var(--verde)}
.sede h3{font-family:var(--sans);font-size:21px;font-weight:600}
.slot{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 20px;border-radius:14px;border:1.5px solid var(--verde);color:var(--verde);text-decoration:none}
.slot b{font-weight:600}
.slot.pieno{background:var(--verde);color:var(--fondo)}
.slot:hover{box-shadow:inset 0 0 0 1.5px var(--verde)}
.piede-sez{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 40px;padding-top:24px;margin-top:40px;border-top:1px solid var(--sole-scuro)}
.solare a{color:var(--verde);font-weight:600}

/* Pagine interne */
.intestazione{padding:clamp(40px,6vw,80px) 0 clamp(32px,5vw,56px);display:flex;flex-direction:column;gap:20px}
.briciole{font-size:15px;color:var(--grigio)}
.briciole a{color:var(--grigio)}
.prosa{max-width:42em}
.prosa>*+*{margin-top:1.1em}
.prosa h2{font-size:clamp(26px,2.8vw,34px);margin-top:1.6em}
.prosa h3{font-size:22px;margin-top:1.4em}
.prosa ul,.prosa ol{padding-left:1.3em}
.prosa li+li{margin-top:.4em}
.prosa img{border-radius:12px;margin:1.4em 0 .6em}
.prosa blockquote{margin:0;padding-left:20px;border-left:2px solid var(--sole);font-family:var(--serif);font-size:20px}
.avviso{padding:18px 22px;border-radius:14px;background:var(--carta);border:1px solid var(--linea);font-size:16px;color:var(--grigio)}
.avviso.ok{background:#E6F2E2;border-color:#9CC39A;color:var(--verde)}
.avviso.errore{background:#FBE9E4;border-color:#E2A796;color:#6B2412}

.scheda-prezzi{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:baseline}
.scheda-prezzi .cifra{font-size:34px;font-weight:600}
.varianti{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px}
.variante{padding:16px 18px;border:1px solid var(--linea);border-radius:14px;background:var(--bianco)}
.variante b{display:block;font-size:22px}
.colonne-dett{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:40px 56px}
.lista-punti{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.lista-punti li{display:flex;gap:12px}
.lista-punti li::before{content:'';flex:0 0 8px;height:8px;margin-top:.62em;border-radius:50%;background:var(--sole)}

.schede{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px}
.scheda{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--linea);border-radius:16px;background:var(--bianco);text-decoration:none;color:inherit}
a.scheda:hover{border-color:var(--verde)}
.scheda h3{font-size:24px}
.scheda .prezzo{font-weight:600;font-size:20px;margin-top:auto}

/* Recensioni */
.recensione{display:flex;flex-direction:column;gap:10px;padding:24px 0;border-top:1px solid var(--linea)}
.recensione .meta{font-size:15px;color:var(--grigio)}
.recensione .risposta{margin-top:6px;padding-left:18px;border-left:2px solid var(--sole);color:var(--grigio)}
.riepilogo{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px}
.riepilogo .media{font-family:var(--serif);font-size:56px;line-height:1}

/* Moduli */
.modulo{display:flex;flex-direction:column;gap:20px;max-width:640px}
.campo{display:flex;flex-direction:column;gap:6px}
.campo label,.campo legend{font-weight:500}
.campo .aiuto{font-size:15px;color:var(--grigio)}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=number],input[type=url],select,textarea{
  font:inherit;font-size:17px;color:var(--verde);background:var(--bianco);border:1.5px solid #9DB0A4;border-radius:12px;padding:12px 14px;min-height:48px;width:100%}
textarea{min-height:140px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--verde);outline:3px solid rgba(233,168,58,.55);outline-offset:1px}
fieldset{border:0;margin:0;padding:0}
.voti{display:flex;flex-wrap:wrap;gap:8px}
.voti label{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:48px;padding:0 12px;border:1.5px solid #9DB0A4;border-radius:12px;background:var(--bianco);cursor:pointer;font-weight:500}
.voti input{position:absolute;opacity:0;pointer-events:none}
.voti input:checked+label{background:var(--verde);color:var(--fondo);border-color:var(--verde)}
.voti input:focus-visible+label{outline:3px solid var(--sole);outline-offset:2px}
.spunta{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.spunta input{width:22px;height:22px;margin-top:3px;flex:0 0 auto;accent-color:var(--verde)}
.trappola{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Prodotti consigliati */
.filtri{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.filtri a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--linea);text-decoration:none;font-size:16px;background:var(--bianco)}
.filtri a[aria-current="true"]{background:var(--verde);border-color:var(--verde);color:var(--fondo)}
.cerca{display:flex;gap:10px;flex-wrap:wrap;max-width:560px}
.cerca input{flex:1 1 240px}
.prodotti{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:20px}
.prodotto{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--linea);border-radius:16px;background:var(--bianco)}
.prodotto .foto{aspect-ratio:1;border-radius:10px;background:var(--carta);display:flex;align-items:center;justify-content:center;overflow:hidden}
.prodotto .foto img{width:100%;height:100%;object-fit:contain}
.prodotto .foto span{font-family:var(--serif);font-size:30px;color:var(--grigio)}
.prodotto h3{font-family:var(--sans);font-size:16px;font-weight:600;line-height:1.35}
.prodotto h3 a{text-decoration:none}
.prodotto h3 a:hover{text-decoration:underline}
.prodotto .nota{font-size:15px;color:var(--grigio)}
.prodotto .costo{margin-top:auto;font-size:15px;color:var(--grigio)}
.prodotto .costo b{font-size:20px;color:var(--verde)}
.prodotto .btn{min-height:44px;font-size:15px}
.barrato{text-decoration:line-through}

/* Piè di pagina */
.piede{background:var(--verde);color:#C9D6CD;font-size:15px}
.piede a{color:var(--fondo)}
.piede .cont{padding-top:56px;padding-bottom:40px;display:flex;flex-direction:column;gap:32px}
.piede-alto,.piede-basso{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 48px}
.piede-basso{padding-top:24px;border-top:1px solid #355247}
.piede nav{display:flex;flex-wrap:wrap;gap:4px 24px}
.piede nav a{padding:8px 0}
.piede .nome{font-family:var(--serif);font-size:24px;color:var(--fondo)}

/* Pannello */
.pannello{background:var(--carta);min-height:100vh}
.pan-testa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:20px;padding-bottom:20px;border-bottom:1px solid var(--linea)}
.pan-schede{display:flex;flex-wrap:wrap;gap:8px}
.pan-schede button{font:inherit;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--linea);background:var(--bianco);cursor:pointer;font-weight:500;color:var(--verde)}
.pan-schede button[aria-selected="true"]{background:var(--verde);color:var(--fondo);border-color:var(--verde)}
.pan-corpo{padding-top:32px;padding-bottom:80px;display:flex;flex-direction:column;gap:24px}
.riquadro{background:var(--bianco);border:1px solid var(--linea);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px}
.riquadro h3{font-family:var(--sans);font-size:19px;font-weight:600}
.etichette{display:flex;flex-wrap:wrap;gap:6px}
.etichetta{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:500;background:var(--tenue);color:var(--verde)}
.etichetta.attesa{background:#FDF0D8;color:#6E4A0B}
.etichetta.scartata{background:#F2E3DF;color:#6B2412}
.etichetta.pubblicata{background:#E0EFDB;color:#24502B}
.pan-griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px}
.pan-tabella{width:100%;border-collapse:collapse;font-size:15px}
.pan-tabella th,.pan-tabella td{text-align:left;padding:10px 8px;border-top:1px solid var(--linea-chiara);vertical-align:top}
.pan-tabella input,.pan-tabella select{min-height:40px;padding:8px 10px;font-size:15px}
.btn-piccolo{min-height:40px;padding:0 16px;font-size:15px}
.btn-pericolo{border-color:#A6412A;color:#A6412A}
.notifica{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--verde);color:var(--fondo);padding:12px 20px;border-radius:12px;z-index:20;max-width:90vw}
.notifica.errore{background:#7A2614}