/* Home IT/EN: allineamento al brand kit Fable (brand-kit/brand-guidelines.md), 05/09/2026.
   Solo CSS, nessuna modifica di struttura o immagini. Scoped su body.home (IT, e anteprima) e body.page-id-40 (EN).
   Misure di partenza (Playwright 05/09): btn oro con testo #fff; sezione camere #fff; body weight 300; h2 weight 400;
   card senza bordo; footer-copy a .25; eventi/wellness padding 90px. */

/* 1. Bottoni: fondo gold + testo espresso (brand kit §4), mai testo bianco o gold-pale sull'oro */
body.home .btn-primary, body.page-id-40 .btn-primary,
body.home .btn-gold,    body.page-id-40 .btn-gold { color: var(--espresso) !important; }
body.home .btn-primary:hover, body.page-id-40 .btn-primary:hover,
body.home .btn-gold:hover,    body.page-id-40 .btn-gold:hover { background: var(--gold-light) !important; color: var(--espresso) !important; }

/* 2. Superfici: sempre cream come base, parchment come alternata; mai bianco puro */
body.home .camere, body.page-id-40 .camere { background: var(--cream) !important; }

/* 3. Tipografia: titoli Playfair a 500, corpo Libre Franklin a 400 (brand kit §3) */
body.home .hero-title, body.page-id-40 .hero-title,
body.home .section-title, body.page-id-40 .section-title { font-weight: 500 !important; }
body.home .section-text, body.page-id-40 .section-text,
body.home .camere-subtitle, body.page-id-40 .camere-subtitle,
body.home .hero-subtitle, body.page-id-40 .hero-subtitle,
body.home .esperienza-card-text, body.page-id-40 .esperienza-card-text,
body.home .business-card p, body.page-id-40 .business-card p,
body.home .camera-card p, body.page-id-40 .camera-card p,
body.home .review-text, body.page-id-40 .review-text { font-weight: 400 !important; }
body.home .camera-card p, body.page-id-40 .camera-card p { font-size: 0.9rem !important; line-height: 1.65; }
body.home .business-card p, body.page-id-40 .business-card p { font-size: 0.875rem !important; }

/* 4. Card: filetto sand 1px, niente ombre (brand kit §4) */
body.home .camera-card, body.page-id-40 .camera-card { border: 1px solid var(--sand); }

/* 5. Griglia 8px: sezioni fotografiche a 96px invece di 90 */
body.home .eventi, body.page-id-40 .eventi,
body.home .wellness, body.page-id-40 .wellness { padding-top: 96px !important; padding-bottom: 96px !important; }

/* 6. Answer-first: testo cream su espresso, riga da ~85 caratteri */
/* (regola 6 superata dalla 28 del round design: il pannello carta ridefinisce colore, larghezza e opacita') */

/* 7. Prova sociale: riga Google leggibile (coffee su parchment 4,6:1) */
body.home .rating-google, body.page-id-40 .rating-google { color: var(--coffee); }
body.home .rating-google strong, body.page-id-40 .rating-google strong { color: var(--espresso); }

/* 8. Sezione eventi: coppia primario + secondario, gap 16px, margine sul contenitore e non sui bottoni */
body.home .eventi-actions, body.page-id-40 .eventi-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; margin-top: 40px; }
body.home .eventi-actions .btn-primary, body.page-id-40 .eventi-actions .btn-primary,
body.home .eventi-actions .wellness-cta, body.page-id-40 .eventi-actions .wellness-cta { margin: 0 !important; }
body.home .eventi-types a.eventi-type, body.page-id-40 .eventi-types a.eventi-type { text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 4px; }

/* 9. Piede: copyright leggibile (cream .55 su espresso) */
/* (regola 9 superata dalla 60b del round design) */

/* 10. Movimento: chi lo ha disattivato non vede animazioni */
@media (prefers-reduced-motion: reduce) {
  body.home .hero-note, body.page-id-40 .hero-note,
  body.home .hero-actions, body.page-id-40 .hero-actions,
  body.home .hero-subtitle, body.page-id-40 .hero-subtitle { animation: none !important; opacity: 1 !important; transform: none !important; }
}

/* ---- Ciclo 2 (giro 3 di revisione, 05/09/2026) ---- */
/* 6b. Snippet: vince sulla cascata dello <style> inline del post (stessa specificita', ordine successivo) */
/* (regola 6b superata dalla 28 del round design) */
/* 11. Titoli Playfair a 500 anche nelle card Esperienze e nel punteggio recensioni (§3) */
body.home .esperienza-card-title, body.page-id-40 .esperienza-card-title,
body.home .rating-score, body.page-id-40 .rating-score { font-weight: 500 !important; }
/* 12. Sottotitolo camere: riga leggibile (§3: 16-18px, riga contenuta) */
body.home .camere-subtitle, body.page-id-40 .camere-subtitle { max-width: 720px; margin-left: auto; margin-right: auto; }
/* 13. Piede: link legali leggibili, bordo del bottone ghost visibile (§2 contrasto sui neutri) */
/* (regola 13a superata dalla 60b del round design) */
body.home .btn-ghost, body.page-id-40 .btn-ghost { border-color: rgba(250, 246, 240, 0.45) !important; }
/* 14. Griglia 8px: blog strip a 96px */
body.home .tdc-home-blog-strip, body.page-id-40 .tdc-home-blog-strip { padding-top: 96px !important; padding-bottom: 96px !important; }
/* 15. Hero-note: breakpoint allineato all'hero (680) e margine sulla griglia */
body.home .hero-note, body.page-id-40 .hero-note { max-width: 540px; margin: 16px auto 0; line-height: 1.6; }
@media (max-width: 680px) {
  body.home .hero-note, body.page-id-40 .hero-note { font-size: .85rem; margin-top: 16px; }
  /* 5b. Sezioni fotografiche: su mobile stesso passo delle altre sezioni (64) */
  body.home .eventi, body.page-id-40 .eventi, body.home .wellness, body.page-id-40 .wellness { padding-top: 64px !important; padding-bottom: 64px !important; }
  /* 16. Etichette e chip: mai sotto i 10,5px su mobile (leggibilita') */
  body.home .section-label, body.page-id-40 .section-label, body.home .esperienza-card-label, body.page-id-40 .esperienza-card-label,
  body.home .contatti-item-label, body.page-id-40 .contatti-item-label, body.home .rating-source, body.page-id-40 .rating-source,
  body.home .rating-badge, body.page-id-40 .rating-badge { font-size: .66rem !important; }
  body.home .eventi-type, body.page-id-40 .eventi-type, body.home .wellness-feature, body.page-id-40 .wellness-feature { font-size: .68rem !important; }
}

/* ---- Giro 4 -> 5 (05/09/2026) ---- */
/* 17. Piede: riga C.I.R./CIN leggibile come i link legali (era rgba .15, contrasto 1,46:1) */
/* (regola 17 superata dalla 60b del round design) */
@media (max-width: 680px) {
  /* 18. Card Esperienze: testo mai sotto i 13,6px in colonne strette; etichette a 10,9px come su desktop */
  body.home .esperienza-card-text, body.page-id-40 .esperienza-card-text { font-size: .85rem !important; line-height: 1.55; }
  body.home .section-label, body.page-id-40 .section-label { font-size: .68rem !important; }
}

/* ---- Giro 6 (05/09/2026, sera) ---- */
/* 19. Etichette e chip sopra le fotografie: ombra espresso, perche' l'eyebrow sta nella parte chiara della sfumatura
   (misura PIL giro 6: .esperienza-card-label mediana 2,79:1 su due card; titoli e corpo delle stesse card 5-16:1) */
body.home .esperienza-card-label, body.page-id-40 .esperienza-card-label,
body.home .eventi-type, body.page-id-40 .eventi-type,
body.home .wellness-feature, body.page-id-40 .wellness-feature,
body.home .hero-badge, body.page-id-40 .hero-badge { text-shadow: 0 0 2px rgba(44, 24, 16, 1), 0 1px 3px rgba(44, 24, 16, 0.9), 0 0 8px rgba(44, 24, 16, 0.6); }
body.home .esperienza-card-overlay, body.page-id-40 .esperienza-card-overlay { background: linear-gradient(to top, rgba(44, 24, 16, 0.86) 0%, rgba(44, 24, 16, 0.62) 40%, rgba(44, 24, 16, 0.30) 70%, rgba(44, 24, 16, 0.12) 100%) !important; }

/* ---- 20. CTA primaria senza alone al passaggio del mouse, focus visibile on-palette (kit §4) ---- */
body.home .btn-gold:hover, body.page-id-40 .btn-gold:hover, body.home .btn-primary:hover, body.page-id-40 .btn-primary:hover { box-shadow: none !important; transform: none !important; }
body.home .btn-gold:focus-visible, body.page-id-40 .btn-gold:focus-visible, body.home .btn-primary:focus-visible, body.page-id-40 .btn-primary:focus-visible { outline: 2px solid var(--brown) !important; outline-offset: 3px !important; }
body.home .contatti-actions .btn-gold:focus-visible, body.page-id-40 .contatti-actions .btn-gold:focus-visible, body.home .contatti-actions .btn-ghost:focus-visible, body.page-id-40 .contatti-actions .btn-ghost:focus-visible,
body.home .hero-actions .btn-primary:focus-visible, body.page-id-40 .hero-actions .btn-primary:focus-visible, body.home .hero-actions .btn-outline:focus-visible, body.page-id-40 .hero-actions .btn-outline:focus-visible,
body.home .eventi-actions .btn-primary:focus-visible, body.page-id-40 .eventi-actions .btn-primary:focus-visible { outline: 2px solid var(--gold-pale) !important; outline-offset: 3px !important; }

/* ==== Round design home 05/09/2026 sera: v1 (sintesi del pannello: proposta A + innesti B/C) ==== */
/* ---- Sequenza delle superfici: cream base, parchment alternata, un solo capitolo scuro (contatti) ---- */
/* 21. Residenza, Esperienze e aside sul body cream: titoli brown 9,6:1 e corpo coffee 5,0:1 (kit §2, ~80% neutri caldi) */
html body.home .residenza, html body.page-id-40 .residenza,
html body.home .esperienze, html body.page-id-40 .esperienze,
html body.home .tdc-retrofit-explore, html body.page-id-40 .tdc-retrofit-explore { background: var(--cream) !important; }
/* 22. Camere su parchment con card cream (kit §4): la sezione dopo la Residenza cream alterna la carta */
html body.home .camere, html body.page-id-40 .camere { background: var(--parchment) !important; }
/* 23. Recensioni su parchment: la scheda di fiducia cream (regole 70+) sta sulla carta come il foglio dell'answer-first; dopo il banner benessere (foto) */
html body.home .reviews, html body.page-id-40 .reviews { background: var(--parchment) !important; }
/* 24. Territorio su cream (body): la foto delle risaie sulla carta chiara, poi il capitolo scuro dei contatti */
html body.home .territorio, html body.page-id-40 .territorio { background: var(--cream) !important; }
/* 25. Blog strip su parchment: chiude il ritmo cream (aside) / parchment (Diario) / espresso (piede) */
html body.home .tdc-home-blog-strip, html body.page-id-40 .tdc-home-blog-strip { background: var(--parchment) !important; }
/* 26. Niente hairline decorativa in testa alle Camere: le sezioni si separano con lo spazio (kit §4) */
html body.home .camere::before, html body.page-id-40 .camere::before { display: none; }
/* 27. Contatti senza i cerchi oro decorativi: il capitolo scuro resta un foglio brown pulito con titoli cream (kit §4) */
html body.home .contatti-cta::before, html body.page-id-40 .contatti-cta::before,
html body.home .contatti-cta::after, html body.page-id-40 .contatti-cta::after { display: none; }

/* ---- Elemento firma: l'answer-first come pannello carta del master Fable ---- */
/* 28. Banda parchment a tutta larghezza: il paragrafo diventa la banda, il testo sta in una colonna da 640px */
html body.home .entry-content > .snippet, html body.page-id-40 .entry-content > .snippet {
  position: relative; isolation: isolate;
  max-width: none !important; width: 100% !important; margin: 0 !important;
  padding: 112px max(40px, calc(50% - 320px)) 112px !important;
  background: var(--parchment) !important;
  color: var(--coffee) !important; opacity: 1 !important;
  font-family: var(--font-body); font-size: 1.0625rem !important; line-height: 1.7 !important; font-weight: 400 !important;
  text-align: left !important;
}
/* 29. Il foglio cream con filetto sand: pseudo dietro al testo, 64px di banda sopra e sotto, 40px di margine interno */
html body.home .entry-content > .snippet::before, html body.page-id-40 .entry-content > .snippet::before {
  content: ''; position: absolute; z-index: -1;
  top: 64px; bottom: 64px; left: max(16px, calc(50% - 360px)); right: max(16px, calc(50% - 360px));
  background: var(--cream); border: 1px solid var(--sand);
}
/* 30. Filetto oro 48x1 centrato sul bordo alto del foglio (kit §4: filetto oro 1px, max 80px) */
html body.home .entry-content > .snippet::after, html body.page-id-40 .entry-content > .snippet::after {
  content: ''; position: absolute; top: 64px; left: 50%; width: 48px; height: 1px; margin-left: -24px; background: var(--gold);
}
/* 31. Link del pannello: brown con sottolineatura oro (contrasto 9,6:1, oro solo come accento) */
html body.home .entry-content > .snippet a, html body.page-id-40 .entry-content > .snippet a {
  color: var(--brown) !important; text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 1px; text-underline-offset: 4px;
}
html body.home .entry-content > .snippet a:hover, html body.page-id-40 .entry-content > .snippet a:hover { color: var(--gold) !important; }

/* ---- Hero: solo tempi, ombre e colori ---- */
/* 32. Coreografia compressa: sette elementi entrano fra 0,1 e 1,0 s invece che fra 0,2 e 1,4 s (D5) */
html body.home .hero-stars, html body.page-id-40 .hero-stars { animation-duration: .8s; animation-delay: .1s; }
html body.home .hero-badge, html body.page-id-40 .hero-badge { animation-duration: .8s; animation-delay: .2s; }
html body.home .hero-title, html body.page-id-40 .hero-title { animation-duration: .8s; animation-delay: .3s; }
html body.home .hero-subtitle, html body.page-id-40 .hero-subtitle { animation-duration: .8s; animation-delay: .45s; }
html body.home .hero-actions, html body.page-id-40 .hero-actions { animation-duration: .8s; animation-delay: .6s; }
html body.home .hero-note, html body.page-id-40 .hero-note { animation-duration: .8s !important; animation-delay: .7s !important; }
html body.home .hero-scroll-indicator, html body.page-id-40 .hero-scroll-indicator { animation-duration: .8s; animation-delay: 1s; }
/* 33. Ombre del testo in espresso, mai nero puro (kit §2); testi hero in cream per il calore del kit */
html body.home .hero-subtitle, html body.page-id-40 .hero-subtitle { color: var(--cream) !important; text-shadow: 0 1px 3px rgba(44, 24, 16, .9), 0 0 14px rgba(44, 24, 16, .75), 0 0 36px rgba(44, 24, 16, .55) !important; }
html body.home .hero-note, html body.page-id-40 .hero-note { color: var(--cream) !important; text-shadow: 0 1px 3px rgba(44, 24, 16, .9), 0 0 14px rgba(44, 24, 16, .7), 0 0 24px rgba(44, 24, 16, .5) !important; }
html body.home .hero-title, html body.page-id-40 .hero-title, html body.home .hero-title em, html body.page-id-40 .hero-title em { color: var(--cream) !important; text-shadow: 0 2px 16px rgba(44, 24, 16, .35); }
/* 34. Bottone outline dell'hero: bordo cream .6 visibile sulla foto (era bianco .35) */
html body.home .hero-actions .btn-outline, html body.page-id-40 .hero-actions .btn-outline { color: var(--cream); border-color: rgba(250, 246, 240, .6); }
/* 35. Movimento ridotto: tutta la coreografia dell'hero e i reveal sono fermi e visibili */
@media (prefers-reduced-motion: reduce) {
  html body.home .hero-stars, html body.page-id-40 .hero-stars, html body.home .hero-badge, html body.page-id-40 .hero-badge,
  html body.home .hero-title, html body.page-id-40 .hero-title, html body.home .hero-scroll-indicator, html body.page-id-40 .hero-scroll-indicator,
  html body.home .hero-slide img, html body.page-id-40 .hero-slide img, html body.home .scroll-line::after, html body.page-id-40 .scroll-line::after { animation: none !important; opacity: 1 !important; transform: none !important; }
  html body.home .js-ready .reveal, html body.page-id-40 .js-ready .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* ---- Scala delle etichette (D8): eyebrow 11,5px, chip 11,5px, badge 10,5px ---- */
/* 36. Eyebrow: .72rem con tracking .24em, margine 16 sulla griglia (kit §3: corpo piccolo, tracking largo) */
html body.home .section-label, html body.page-id-40 .section-label { font-size: .72rem !important; letter-spacing: .2em; margin-bottom: 16px; }
/* 37. Chip eventi e benessere a 11,5px (erano 11,2 desktop e 9,9 mobile) */
html body.home .eventi-type, html body.page-id-40 .eventi-type,
html body.home .wellness-feature, html body.page-id-40 .wellness-feature { font-size: .72rem !important; }
/* 38. Badge camere a 10,5px, etichette card esperienze a 10,5px (erano 9,6 e 9,9) */
html body.home .camera-card-badge, html body.page-id-40 .camera-card-badge,
html body.home .esperienza-card-label, html body.page-id-40 .esperienza-card-label { font-size: .66rem !important; }
/* 39. Filetto di sezione: oro pieno 48x1 centrato, margine 24 (kit §4, niente gradiente) */
html body.home .section-divider, html body.page-id-40 .section-divider { width: 48px; background: var(--gold); margin: 24px auto 0; }
/* 40. Corpo dell'intro e sottotitolo camere a 17px e 16px (kit §3: 16-18px) */
html body.home .section-text, html body.page-id-40 .section-text { font-size: 1.0625rem !important; line-height: 1.75; }
html body.home .camere-subtitle, html body.page-id-40 .camere-subtitle { font-size: 1rem; }
/* 41. Micro-griglia (D11): margini 24 e gap 8 e 24 al posto di 28, 6 e 20 */
html body.home .residenza-inner, html body.page-id-40 .residenza-inner { padding: 0 24px; }
html body.home .mosaic, html body.page-id-40 .mosaic { gap: 16px !important; padding: 0 24px !important; max-width: 1232px !important; margin-left: auto; margin-right: auto; }
html body.home .mosaic > *, html body.page-id-40 .mosaic > * { margin: 0 !important; }
html body.home .esperienze-grid, html body.page-id-40 .esperienze-grid { gap: 24px; }
html body.home .camera-card-body, html body.page-id-40 .camera-card-body { padding: 24px; }
html body.home .camera-card-name, html body.page-id-40 .camera-card-name { margin-bottom: 8px; }
html body.home .camera-card-link, html body.page-id-40 .camera-card-link { margin-top: 16px; }
html body.home .eventi-types, html body.page-id-40 .eventi-types,
html body.home .wellness-features, html body.page-id-40 .wellness-features { gap: 16px 24px !important; margin-top: 32px !important; }

/* ---- Card camere (D7) e link piccoli ---- */
/* 42a. Badge camere senza blur (kit §4: mai glassmorphism): espresso .82 con testo cream (innesto B) */
html body.home .camera-card-badge, html body.page-id-40 .camera-card-badge { background: rgba(44, 24, 16, .82); backdrop-filter: none; -webkit-backdrop-filter: none; color: var(--cream); letter-spacing: .18em; padding: 6px 12px; }
/* 42b. "Scopri tutte le 11 camere": da link a bottone outline oro con testo brown, unica CTA della vista; via l'underline animato (innesto C) */
html body.home .camere-all .btn-text, html body.page-id-40 .camere-all .btn-text { display: inline-block; padding: 14px 32px; border: 1px solid var(--gold); color: var(--brown); font-size: .75rem; font-weight: 600; letter-spacing: .14em; transition: background .3s, color .3s; }
html body.home .camere-all .btn-text::after, html body.page-id-40 .camere-all .btn-text::after { display: none; }
html body.home .camere-all .btn-text:hover, html body.page-id-40 .camere-all .btn-text:hover { background: var(--gold); color: var(--espresso); }
/* 42c. Bottoni outline sulle fotografie (Tutti gli Eventi, Scopri il Centro): bordo cream .6 e testo cream, hover oro con testo espresso come i primari (innesto C) */
html body.home .wellness-cta, html body.page-id-40 .wellness-cta { color: var(--cream); border-color: rgba(250, 246, 240, .6); }
html body.home .wellness-cta:hover, html body.page-id-40 .wellness-cta:hover { color: var(--espresso); }
/* 42d. Corpo su fotografia in cream .88 invece di bianco .78: piu' caldo e piu' leggibile (innesto C) */
html body.home .wellness-content .section-text, html body.page-id-40 .wellness-content .section-text,
html body.home .eventi-content .section-text, html body.page-id-40 .eventi-content .section-text { color: rgba(250, 246, 240, .88) !important; }
/* 42. Hover discreto: 2px di sollevamento, ombra 8%, bordo gold-light (kit §4: ombre appena percettibili) */
html body.home .camera-card:hover, html body.page-id-40 .camera-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(80, 54, 42, .08); border-color: var(--gold-light); }
/* 43. Link "Scopri" e "Scopri tutte le camere" in brown (9,6:1) con oro al passaggio: l'oro a 11,5px non e' un testo */
html body.home .camera-card-link, html body.page-id-40 .camera-card-link,
html body.home .btn-text, html body.page-id-40 .btn-text { color: var(--brown); }
html body.home .camera-card-link:hover, html body.page-id-40 .camera-card-link:hover,
html body.home .btn-text:hover, html body.page-id-40 .btn-text:hover { color: var(--gold); }
/* 44. Freccia delle card esperienze quadrata (kit §4: radius 0-8, niente forme pill); al passaggio ruota solo la freccia */
html body.home .esperienza-card-arrow, html body.page-id-40 .esperienza-card-arrow { border-radius: 0; border-color: rgba(250, 246, 240, .5); }
html body.home .esperienza-card:hover .esperienza-card-arrow, html body.page-id-40 .esperienza-card:hover .esperienza-card-arrow { transform: none; }
html body.home .esperienza-card:hover .esperienza-card-arrow svg, html body.page-id-40 .esperienza-card:hover .esperienza-card-arrow svg { transform: rotate(-45deg); }

/* ---- Recensioni (D6): la scheda di fiducia, stessa carta del pannello answer-first (innesto C) ---- */
/* 45. Il blocco punteggi diventa un foglio cream bordato sand su parchment, filetto oro 40x1 in testa, allineato a sinistra */
html body.home .reviews-rating, html body.page-id-40 .reviews-rating { margin: 48px 0 0 !important; gap: 0 !important; }
html body.home .rating-block, html body.page-id-40 .rating-block { width: 100%; max-width: 440px; margin: 0 auto; padding: 40px 40px 32px; background: var(--cream); border: 1px solid var(--sand); text-align: left !important; }
html body.home .rating-block::before, html body.page-id-40 .rating-block::before { content: ''; display: block; width: 48px; height: 1px; background: var(--gold); margin-bottom: 24px; }
/* 46. Gerarchia della scheda: 4,4 Playfair 56px brown, /5 coffee, fonte eyebrow 11,5px oro (kit §3), conteggio coffee 14,4px (era taupe 12,5px a 2,66:1) */
html body.home .rating-score, html body.page-id-40 .rating-score { font-size: 3.5rem !important; line-height: 1; color: var(--brown); }
html body.home .rating-max, html body.page-id-40 .rating-max { font-size: 1.25rem; color: var(--coffee); font-weight: 400; }
html body.home .rating-source, html body.page-id-40 .rating-source { font-size: .72rem !important; letter-spacing: .18em; margin-top: 8px; }
html body.home .rating-count, html body.page-id-40 .rating-count { font-size: .9rem; color: var(--coffee); margin-top: 4px; }
/* 47. Badge Travelers' Choice: testo brown su filetto oro, 10,5px con priorita' (la regola Fable 16 lo forza a .66rem su mobile; era oro 9,6px a 2,31:1) */
html body.home .rating-badge, html body.page-id-40 .rating-badge { font-size: .66rem !important; letter-spacing: .14em; color: var(--brown); border: 1px solid var(--gold); padding: 6px 12px; margin-top: 16px; border-radius: 0; }
/* 48. I tre sotto-punteggi come righe etichetta / valore su filetti sand (tabella del preventivo Fable): valore Playfair brown; priorita' perche' il base fissa flex, gap e centratura */
html body.home .rating-details, html body.page-id-40 .rating-details { display: flex !important; flex-direction: column !important; gap: 0 !important; margin-top: 24px !important; border-top: 1px solid var(--sand); justify-content: flex-start !important; }
html body.home .rating-detail, html body.page-id-40 .rating-detail { display: flex; justify-content: space-between; align-items: baseline; padding: 8px 0; border-bottom: 1px solid var(--sand); font-size: .9rem; color: var(--coffee); }
html body.home .rating-detail strong, html body.page-id-40 .rating-detail strong { font-family: var(--font-display); font-size: 1.125rem; font-weight: 500; color: var(--brown); }
/* 49b. Riga Google: quarta riga della scheda, coffee 14,4px, link brown con sottolineatura oro (vince sullo style inline del retrofit) */
html body.home .rating-google, html body.page-id-40 .rating-google { margin-top: 16px !important; font-size: .9rem !important; line-height: 1.6 !important; color: var(--coffee) !important; text-align: left !important; }
html body.home .rating-google strong, html body.page-id-40 .rating-google strong { color: var(--brown) !important; }
html body.home .rating-google a, html body.page-id-40 .rating-google a { color: var(--brown) !important; text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 3px; }
html body.home .rating-google a:hover, html body.page-id-40 .rating-google a:hover { color: var(--gold) !important; }
/* 49c. Citazione: virgolette oro contenute, autore coffee 14px (era taupe 13px a 2,66:1) */
html body.home .review-quote::before, html body.page-id-40 .review-quote::before { font-size: 3rem; margin-bottom: 0; }
html body.home .review-author, html body.page-id-40 .review-author { color: var(--coffee); font-size: .875rem; margin-top: 24px; }
/* 49d. Da 1025px scheda e citazione affiancate (5/7), intestazione centrata su tutta la riga: la prova sociale in una sola schermata */
@media (min-width: 1025px) {
  html body.home .reviews-inner, html body.page-id-40 .reviews-inner { max-width: 1080px; display: grid; grid-template-columns: 5fr 7fr; column-gap: 64px; align-items: start; }
  html body.home .reviews-inner > .reveal:first-child, html body.page-id-40 .reviews-inner > .reveal:first-child { grid-column: 1 / -1; margin-bottom: 48px; }
  html body.home .reviews-rating, html body.page-id-40 .reviews-rating { margin: 0 !important; }
  html body.home .rating-block, html body.page-id-40 .rating-block { margin: 0; }
  html body.home .review-quotes, html body.page-id-40 .review-quotes { margin: 0; max-width: none; text-align: left; }
}
@media (max-width: 680px) {
  html body.home .reviews-rating, html body.page-id-40 .reviews-rating { margin: 32px 0 0 !important; }
  html body.home .rating-block, html body.page-id-40 .rating-block { padding: 32px 24px 24px; }
  html body.home .review-quotes, html body.page-id-40 .review-quotes { margin-top: 40px; }
}

/* ---- Territorio su cream ---- */
/* 49. Riquadri icona parchment con filetto sand (base) sulla sezione cream; voci a 14,4px coffee */
html body.home .territorio-feature p, html body.page-id-40 .territorio-feature p { font-size: .9rem; line-height: 1.65; font-weight: 400; }
html body.home .territorio-features, html body.page-id-40 .territorio-features { gap: 24px; }
html body.home .territorio-feature, html body.page-id-40 .territorio-feature { gap: 16px; }

/* ---- Aside "Esplora anche" (D1): nota a pie' di capitolo su cream ---- */
/* 50. Blocco centrato, 48px di aria, colonna da 720px, corpo 16px coffee; margini e filetti dello style inline azzerati con priorita' (innesto B) */
html body.home aside.tdc-retrofit-explore, html body.page-id-40 aside.tdc-retrofit-explore { margin: 0 !important; padding: 48px 24px !important; max-width: none !important; border-top: 0 !important; border-bottom: 0 !important; text-align: center; color: var(--coffee) !important; }
html body.home .tdc-retrofit-explore p, html body.page-id-40 .tdc-retrofit-explore p { max-width: 720px; margin: 0 auto !important; font-family: var(--font-body); font-size: 1rem; line-height: 1.7; color: var(--coffee) !important; }
/* 51. "Esplora anche" come eyebrow brown (uppercase, tracking .2em) con 16px di distacco dalla riga dei link */
html body.home aside.tdc-retrofit-explore p:first-child, html body.page-id-40 aside.tdc-retrofit-explore p:first-child { font-size: .72rem !important; font-weight: 600 !important; letter-spacing: .2em !important; text-transform: uppercase; color: var(--brown) !important; margin: 0 auto 16px !important; }
/* 52. Link brown con sottolineatura oro (9,6:1, era brown su espresso 1,53:1) */
html body.home .tdc-retrofit-explore a, html body.page-id-40 .tdc-retrofit-explore a { color: var(--brown) !important; text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 4px; }
html body.home .tdc-retrofit-explore a:hover, html body.page-id-40 .tdc-retrofit-explore a:hover { color: var(--gold) !important; }

/* ---- Blog strip (D3): dentro il sistema, stessa carta delle camere ---- */
/* 53. Due sole famiglie: Playfair per titoli, Libre Franklin per il resto (via Cormorant e system-ui) */
html body.home .tdc-home-blog-strip, html body.page-id-40 .tdc-home-blog-strip,
html body.home .tdc-home-blog-strip p, html body.page-id-40 .tdc-home-blog-strip p,
html body.home .tdc-home-blog-strip a, html body.page-id-40 .tdc-home-blog-strip a { font-family: var(--font-body) !important; }
html body.home .tdc-home-blog-strip-title, html body.page-id-40 .tdc-home-blog-strip-title,
html body.home .tdc-home-blog-card-title, html body.page-id-40 .tdc-home-blog-card-title,
html body.home .tdc-home-blog-card-title a, html body.page-id-40 .tdc-home-blog-card-title a { font-family: var(--font-display) !important; font-weight: 500 !important; font-style: normal !important; color: var(--brown) !important; }
/* 54. Eyebrow e categorie: oro del kit, 11,5px, tracking .2em (era un oro legacy fuori palette) */
html body.home .tdc-home-blog-strip-eyebrow, html body.page-id-40 .tdc-home-blog-strip-eyebrow,
html body.home .tdc-home-blog-card-cat, html body.page-id-40 .tdc-home-blog-card-cat { color: var(--gold) !important; font-size: .72rem !important; font-weight: 600 !important; letter-spacing: .2em !important; text-transform: uppercase; }
/* 55. Filetto sotto il titolo: oro 48x1 centrato, 24px sopra e 48 sotto */
html body.home .tdc-home-blog-strip-divider, html body.page-id-40 .tdc-home-blog-strip-divider { width: 48px !important; height: 1px !important; background: var(--gold) !important; margin: 24px auto 48px !important; }
/* 56. Card cream con filetto sand, foto a filo, radius 0 (era 4px), niente ombre: la stessa carta delle camere */
html body.home .tdc-home-blog-card, html body.page-id-40 .tdc-home-blog-card { background: var(--cream); border: 1px solid var(--sand); border-radius: 0; padding: 0 0 24px; box-shadow: none !important; transition: border-color .3s; }
html body.home .tdc-home-blog-card:hover, html body.page-id-40 .tdc-home-blog-card:hover { border-color: var(--gold-light); box-shadow: none !important; transform: none !important; }
html body.home .tdc-home-blog-card-thumb, html body.page-id-40 .tdc-home-blog-card-thumb { display: block; border-radius: 0 !important; margin: 0 0 24px !important; }
html body.home .tdc-home-blog-card-cat, html body.page-id-40 .tdc-home-blog-card-cat { margin: 0 24px 8px !important; }
html body.home .tdc-home-blog-card-title, html body.page-id-40 .tdc-home-blog-card-title { margin: 0 24px 8px !important; font-size: 1.35rem !important; line-height: 1.3 !important; }
/* 57. Estratto 16px coffee (5,0:1), data 13,6px coffee (era taupe 12px a 3,0:1) */
html body.home .tdc-home-blog-card-excerpt, html body.page-id-40 .tdc-home-blog-card-excerpt { margin: 0 24px 16px !important; font-size: 1rem !important; line-height: 1.7 !important; color: var(--coffee) !important; font-weight: 400 !important; }
html body.home .tdc-home-blog-card-date, html body.page-id-40 .tdc-home-blog-card-date { margin: 0 24px 0 !important; font-size: .85rem !important; color: var(--coffee) !important; font-style: italic; }
/* 58. Bottone del Diario: outline oro su cream, etichetta 12px uppercase espresso, freccia che non va a capo (kit §4) */
html body.home .tdc-home-blog-strip-cta, html body.page-id-40 .tdc-home-blog-strip-cta { margin-top: 48px !important; text-align: center; }
html body.home .tdc-home-blog-strip-cta-link, html body.page-id-40 .tdc-home-blog-strip-cta-link { display: inline-block !important; white-space: nowrap !important; padding: 16px 40px !important; border: 1px solid var(--gold) !important; border-radius: 0 !important; background: var(--cream) !important; color: var(--espresso) !important; font-size: .75rem !important; font-weight: 600 !important; letter-spacing: .14em !important; text-transform: uppercase !important; text-decoration: none !important; line-height: 1.6 !important; transition: background .3s, color .3s; }
html body.home .tdc-home-blog-strip-cta-link:hover, html body.page-id-40 .tdc-home-blog-strip-cta-link:hover { background: var(--gold) !important; color: var(--espresso) !important; }

/* ---- Piede (D4): copertura scoped della home, il sitewide resta al backlog ---- */
/* 59. Menu del piede cream .78 su espresso (circa 8:1, era .35 a 2,67:1), oro chiaro al passaggio */
html body.home .tdc-footer-nav a, html body.page-id-40 .tdc-footer-nav a { color: rgba(250, 246, 240, .78) !important; }
html body.home .tdc-footer-nav a:hover, html body.page-id-40 .tdc-footer-nav a:hover { color: var(--gold-light) !important; }
/* 60. Contatti del piede a cream .85 (circa 10:1) */
html body.home .tdc-footer-contact a, html body.page-id-40 .tdc-footer-contact a { color: rgba(250, 246, 240, .85) !important; }
/* 60b. Testi piccoli del piede (copyright, codici, legali, nome, indirizzo) a cream .72: 6,3:1 sul brown del piede, sopra il 4,5 (erano .5-.55, 3,9-4,35:1) */
html body.home .tdc-footer-copy, html body.page-id-40 .tdc-footer-copy,
html body.home .tdc-footer-codes, html body.page-id-40 .tdc-footer-codes,
html body.home .tdc-footer-legal a, html body.page-id-40 .tdc-footer-legal a,
html body.home .tdc-footer-brand-name, html body.page-id-40 .tdc-footer-brand-name,
html body.home .tdc-footer-contact, html body.page-id-40 .tdc-footer-contact,
html body.home .tdc-footer-contact span, html body.page-id-40 .tdc-footer-contact span { color: rgba(250, 246, 240, .72) !important; }
html body.home .tdc-footer-legal a:hover, html body.page-id-40 .tdc-footer-legal a:hover { color: var(--gold-light) !important; }

/* ---- Focus visibile sui link di testo (criterio 2) ---- */
/* 61. Anello brown sui link della carta e del Diario, gold-pale sul piede scuro */
html body.home .entry-content > .snippet a:focus-visible, html body.page-id-40 .entry-content > .snippet a:focus-visible,
html body.home .tdc-retrofit-explore a:focus-visible, html body.page-id-40 .tdc-retrofit-explore a:focus-visible,
html body.home .tdc-home-blog-strip a:focus-visible, html body.page-id-40 .tdc-home-blog-strip a:focus-visible,
html body.home .camera-card-link:focus-visible, html body.page-id-40 .camera-card-link:focus-visible { outline: 2px solid var(--brown); outline-offset: 3px; }
html body.home .tdc-footer-nav a:focus-visible, html body.page-id-40 .tdc-footer-nav a:focus-visible,
html body.home .esperienza-card:focus-visible, html body.page-id-40 .esperienza-card:focus-visible,
html body.home .business-card:focus-visible, html body.page-id-40 .business-card:focus-visible,
html body.home .wellness-cta:focus-visible, html body.page-id-40 .wellness-cta:focus-visible,
html body.home .eventi-type:focus-visible, html body.page-id-40 .eventi-type:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 3px; }
html body.home .camere-all .btn-text:focus-visible, html body.page-id-40 .camere-all .btn-text:focus-visible,
html body.home .rating-google a:focus-visible, html body.page-id-40 .rating-google a:focus-visible { outline: 2px solid var(--brown); outline-offset: 3px; }

/* ---- Mobile 680 (D10) ---- */
@media (max-width: 680px) {
  /* 62. Pannello carta: banda 48px, foglio a 16px dai bordi, testo a 24px dal foglio, corpo 16px/1,7 */
  html body.home .entry-content > .snippet, html body.page-id-40 .entry-content > .snippet { padding: 88px 40px 88px !important; font-size: 1rem !important; }
  html body.home .entry-content > .snippet::before, html body.page-id-40 .entry-content > .snippet::before { top: 48px; bottom: 48px; left: 16px; right: 16px; }
  html body.home .entry-content > .snippet::after, html body.page-id-40 .entry-content > .snippet::after { top: 47px; }
  /* 63. Etichette mai sotto 11px: eyebrow, chip, fonte recensioni .7rem; badge e label card .66rem */
  html body.home .section-label, html body.page-id-40 .section-label,
  html body.home .eventi-type, html body.page-id-40 .eventi-type,
  html body.home .wellness-feature, html body.page-id-40 .wellness-feature,
  html body.home .rating-source, html body.page-id-40 .rating-source { font-size: .7rem !important; }
  /* 64. Titoli nelle card a due colonne: business 1,15rem, esperienze 1,25rem (i testi restano a 14,4 e 14px della regola Fable 3) */
  html body.home .business-card-content h3, html body.page-id-40 .business-card-content h3 { font-size: 1.15rem; }
  html body.home .esperienza-card-title, html body.page-id-40 .esperienza-card-title { font-size: 1.25rem; }
  html body.home .camera-card-link, html body.page-id-40 .camera-card-link { font-size: .7rem; }
  /* 65. Micro-griglia mobile: card camere padding 16, gap 16; esperienze gap 8; recensioni margini 32 e 40 */
  html body.home .camera-card-body, html body.page-id-40 .camera-card-body { padding: 16px; }
  html body.home .camere-grid, html body.page-id-40 .camere-grid { gap: 16px; }
  html body.home .esperienze-grid, html body.page-id-40 .esperienze-grid { gap: 8px; }
  /* 66. Aside e Diario: 40px di aria, card a colonna con foto a filo; bottone del Diario a 11,5px per stare in una riga */
  html body.home aside.tdc-retrofit-explore, html body.page-id-40 aside.tdc-retrofit-explore { padding: 48px 24px !important; }
  html body.home .tdc-home-blog-strip, html body.page-id-40 .tdc-home-blog-strip { padding-top: 48px !important; padding-bottom: 48px !important; }
  html body.home .tdc-home-blog-card-title, html body.page-id-40 .tdc-home-blog-card-title { font-size: 1.25rem !important; }
  html body.home .tdc-home-blog-strip-cta-link, html body.page-id-40 .tdc-home-blog-strip-cta-link { font-size: .72rem !important; padding: 16px 24px !important; }
}

/* ---- Small phones 380 ---- */
@media (max-width: 380px) {
  /* 67. Pannello carta: foglio a 8px dai bordi, testo a 24px dal foglio */
  html body.home .entry-content > .snippet, html body.page-id-40 .entry-content > .snippet { padding: 88px 32px 88px !important; }
  html body.home .entry-content > .snippet::before, html body.page-id-40 .entry-content > .snippet::before { left: 8px; right: 8px; }
  /* 68. Card camere a una colonna (base) con padding 24: la carta respira anche a 360 */
  html body.home .camera-card-body, html body.page-id-40 .camera-card-body { padding: 24px; }
  /* 69. Bottone del Diario: freccia in riga anche a 360 */
  html body.home .tdc-home-blog-strip-cta-link, html body.page-id-40 .tdc-home-blog-strip-cta-link { padding: 16px 16px !important; letter-spacing: .1em !important; }
}

/* ==== Giro 2 (05/09/2026, notte): correzioni dei bloccanti D1-1..3, L1-1..3, M1-1..4, C1-1 e dei migliorabili a costo zero ==== */
/* 70. Bianco puro via dai capitoli scuri (D1-1, L1-M4, M3, D1-M5): titoli cream, corpo cream .88, eyebrow benessere gold-pale come eventi, outline sulle foto in cream, scroll indicator cream */
html body.home .eventi .section-title, html body.page-id-40 .eventi .section-title,
html body.home .wellness .section-title, html body.page-id-40 .wellness .section-title,
html body.home .contatti-cta .section-title, html body.page-id-40 .contatti-cta .section-title,
html body.home .contatti-item-value, html body.page-id-40 .contatti-item-value,
html body.home .contatti-item-value a, html body.page-id-40 .contatti-item-value a,
html body.home .eventi-content, html body.page-id-40 .eventi-content,
html body.home .wellness-content, html body.page-id-40 .wellness-content { color: var(--cream) !important; }
html body.home .contatti-cta .section-text, html body.page-id-40 .contatti-cta .section-text { color: rgba(250, 246, 240, .88) !important; max-width: 640px; margin-left: auto; margin-right: auto; }
html body.home .wellness .section-label, html body.page-id-40 .wellness .section-label { color: var(--gold-pale) !important; }
html body.home .wellness-cta, html body.page-id-40 .wellness-cta { color: var(--cream) !important; }
html body.home .wellness-cta:hover, html body.page-id-40 .wellness-cta:hover { color: var(--espresso) !important; }
html body.home .hero-scroll-indicator, html body.page-id-40 .hero-scroll-indicator { color: rgba(250, 246, 240, .6); }
html body.home .scroll-line, html body.page-id-40 .scroll-line { background: rgba(250, 246, 240, .2); }
html body.home .scroll-line::after, html body.page-id-40 .scroll-line::after { background: rgba(250, 246, 240, .7); }
/* 71. Velo dell'hero piu' pieno nella fascia del sottotitolo (L1-2: mediana 4,3:1 e p90 3,4:1 dietro il testo) */
html body.home .hero-overlay, html body.page-id-40 .hero-overlay { background: linear-gradient(180deg, rgba(44, 24, 16, .45) 0%, rgba(44, 24, 16, .55) 35%, rgba(44, 24, 16, .58) 65%, rgba(44, 24, 16, .65) 100%) !important; }
/* 72. Scala delle etichette chiusa anche su desktop (D1-3, L1-1, C1-1, I1-1): etichette contatti 11,5px; badge e label card 11,2px (L1-M2) */
html body.home .contatti-item-label, html body.page-id-40 .contatti-item-label { font-size: .72rem !important; letter-spacing: .2em; }
html body.home .rating-badge, html body.page-id-40 .rating-badge,
html body.home .camera-card-badge, html body.page-id-40 .camera-card-badge,
html body.home .esperienza-card-label, html body.page-id-40 .esperienza-card-label { font-size: .7rem !important; }
/* 73. Piede sulla home (L1-1, M1-3, M1-8, D1-M4): espresso come chiusura, menu e legali 12px con area tap 44, codici 12px, copyright 12,8px */
html body.home footer.tdc-site-footer, html body.page-id-40 footer.tdc-site-footer,
html body.home .tdc-footer-inner, html body.page-id-40 .tdc-footer-inner { background: var(--espresso) !important; }
html body.home .tdc-footer-nav a, html body.page-id-40 .tdc-footer-nav a,
html body.home .tdc-footer-legal a, html body.page-id-40 .tdc-footer-legal a { font-size: .75rem !important; display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; padding: 0 8px; margin: -8px 0 !important; letter-spacing: .12em; }
html body.home .tdc-footer-codes, html body.page-id-40 .tdc-footer-codes { font-size: .85rem !important; line-height: 1.7; }
html body.home .tdc-footer-copy, html body.page-id-40 .tdc-footer-copy { font-size: .85rem !important; }
/* 74. Aree tap (M1-1, M1-2, M1-4): link "Scopri" delle card, chip-link degli eventi, categorie del Diario a 44px senza spostare il layout */
html body.home .camera-card-link, html body.page-id-40 .camera-card-link { display: inline-flex; padding: 12px 0; margin: 4px 0 -12px; min-height: 44px; box-sizing: border-box; align-items: center; }
html body.home .eventi-types a.eventi-type, html body.page-id-40 .eventi-types a.eventi-type { display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; padding: 0 6px; margin: -8px 0; }
html body.home .tdc-home-blog-card-cat a, html body.page-id-40 .tdc-home-blog-card-cat a,
html body.home a.tdc-home-blog-card-cat, html body.page-id-40 a.tdc-home-blog-card-cat { display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; padding: 0; margin: -13px 0 -9px; }
/* 75. Focus visibile anche su telefono ed email dei contatti e sui link del piede (L1-M3) */
html body.home .contatti-item-value a:focus-visible, html body.page-id-40 .contatti-item-value a:focus-visible,
html body.home .tdc-footer-legal a:focus-visible, html body.page-id-40 .tdc-footer-legal a:focus-visible,
html body.home .tdc-footer-contact a:focus-visible, html body.page-id-40 .tdc-footer-contact a:focus-visible { outline: 2px solid var(--gold-pale); outline-offset: 3px; }
@media (max-width: 680px) {
  /* 76. Passo verticale mobile a 48 (D1-M2) e pannello carta coerente */
  html body.home, html body.page-id-40 { --gap: 48px; }
  /* 77. Bottoni mobile alla stessa larghezza dell'hero e dei contatti (M1 conversione, M2): 280px, primario business su una riga */
  html body.home .eventi-actions .btn-primary, html body.page-id-40 .eventi-actions .btn-primary,
  html body.home .eventi-actions .wellness-cta, html body.page-id-40 .eventi-actions .wellness-cta,
  html body.home .wellness-content .wellness-cta, html body.page-id-40 .wellness-content .wellness-cta,
  html body.home .business .btn-primary, html body.page-id-40 .business .btn-primary { display: inline-block !important; width: 100%; max-width: 280px; text-align: center; box-sizing: border-box; padding-left: 16px !important; padding-right: 16px !important; letter-spacing: .1em; line-height: 1.5; }
  html body.home .business .btn-primary, html body.page-id-40 .business .btn-primary { max-width: 320px; white-space: normal; font-size: .75rem !important; letter-spacing: .1em; line-height: 1.4; }
  html body.home .eventi-types, html body.page-id-40 .eventi-types { gap: 16px 16px !important; }
}
@media (max-width: 380px) {
  /* 79. A 360 camere ed esperienze restano a due colonne (M1-5): la pagina non si allunga di 2.500px */
  html body.home .camere-grid, html body.page-id-40 .camere-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  html body.home .camera-card-body, html body.page-id-40 .camera-card-body { padding: 16px 12px; }
}

/* ==== Giro 3 (05/09/2026, notte): correzioni dei bloccanti D2-1..3, L2-1..2, M2-1..3, C2-1..2, I2-1..2 e migliorabili ==== */
/* 80. Corpo, chip e voci di Eventi e Benessere in cream (D2-1, L2-1, I2-1): il CSS inline del post li forzava a #fff con priorita'; corpo .88, chip pieni */
html body.home .eventi-content .section-text, html body.page-id-40 .eventi-content .section-text,
html body.home .wellness-content .section-text, html body.page-id-40 .wellness-content .section-text,
html body.home .eventi .section-text[style], html body.page-id-40 .eventi .section-text[style],
html body.home .wellness .section-text[style], html body.page-id-40 .wellness .section-text[style] { color: rgba(250, 246, 240, .88) !important; }
html body.home .eventi-type, html body.page-id-40 .eventi-type, html body.home .eventi-types a.eventi-type, html body.page-id-40 .eventi-types a.eventi-type,
html body.home .wellness-feature, html body.page-id-40 .wellness-feature { color: var(--cream) !important; }
/* 81. Card Esperienze e Business: via l'ultimo bianco puro sulle fotografie (D2-3, I2-M1): titoli cream, testo cream .88 */
html body.home .esperienza-card-title, html body.page-id-40 .esperienza-card-title,
html body.home .esperienza-card-content, html body.page-id-40 .esperienza-card-content,
html body.home .business-card-content h3, html body.page-id-40 .business-card-content h3,
html body.home a.business-card, html body.page-id-40 a.business-card { color: var(--cream) !important; }
html body.home .esperienza-card-text, html body.page-id-40 .esperienza-card-text,
html body.home .business-card-content p, html body.page-id-40 .business-card-content p { color: rgba(250, 246, 240, .88) !important; }
html body.home .esperienza-card-arrow svg, html body.page-id-40 .esperienza-card-arrow svg { stroke: var(--cream); }
/* 82. Telefono ed email dei contatti e link delle recensioni con area tap (M2-2, L2-M2) */
html body.home .contatti-item-value a, html body.page-id-40 .contatti-item-value a { display: inline-block; padding: 10px 8px; margin: -10px -8px; }
html body.home .rating-google a, html body.page-id-40 .rating-google a { display: inline-flex !important; align-items: center; min-height: 44px; box-sizing: border-box; padding: 0 !important; margin: -8px 0 -12px; }
/* 83. Tracking entro il tetto del kit (.12-.2em): badge hero e label delle card a .2em (D2-M1) */
html body.home .hero-badge, html body.page-id-40 .hero-badge { letter-spacing: .2em; }
html body.home .esperienza-card-label, html body.page-id-40 .esperienza-card-label { letter-spacing: .2em; }
/* 84. Barra di navigazione scrollata senza blur (kit §4: mai glassmorphism) e senza ombra: un filetto sand (D2-M2) */
html body.home nav.tdc-nav.tdc-scrolled, html body.page-id-40 nav.tdc-nav.tdc-scrolled { background-color: rgba(250, 246, 240, .98) !important; box-shadow: 0 1px 0 var(--sand) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-bottom: 0 !important; }
/* 85. Titolo del Diario sulla scala delle altre sezioni (D2-M3) */
html body.home .tdc-home-blog-strip-title, html body.page-id-40 .tdc-home-blog-strip-title { font-size: clamp(2rem, 4vw, 3.4rem) !important; line-height: 1.15 !important; }
@media (max-width: 680px) { html body.home .tdc-home-blog-strip-title, html body.page-id-40 .tdc-home-blog-strip-title { font-size: clamp(1.7rem, 5vw, 2.4rem) !important; } }
/* 86. Paragrafo del benessere a 640px come gli altri (L2-M3) */
html body.home .wellness-content .section-text, html body.page-id-40 .wellness-content .section-text { max-width: 640px; margin-left: auto; margin-right: auto; }
/* 87. Focus sullo scroll indicator (L2-M5) */
html body.home .hero-scroll-indicator:focus-visible, html body.page-id-40 .hero-scroll-indicator:focus-visible { outline: 2px solid var(--gold-pale); outline-offset: 3px; }
@media (max-width: 680px) {
  /* 88. Corpo mobile a 16px (kit §3) allineato fra le sezioni (D2-M4); nota dell'hero bilanciata su due righe (C2-M2) */
  html body.home .section-text, html body.page-id-40 .section-text { font-size: 1rem !important; line-height: 1.7; }
  html body.home .hero-note, html body.page-id-40 .hero-note { text-wrap: balance; }
}

/* ==== Giro 4 (05/09/2026, notte): bloccanti D3-1, M3-1 e migliorabili del giro 3 ==== */
/* 89. Occhiello delle card Esperienze su mobile: 10,5px con tracking .12em e priorita' (D3-1: la regola 83 lo riportava a .2em e su tre righe) */
@media (max-width: 680px) {
  html body.home .esperienza-card-label, html body.page-id-40 .esperienza-card-label { font-size: .7rem !important; letter-spacing: .12em !important; line-height: 1.4; }
  /* 90. Piede: righe del menu e dei legali a passo 44 (M3-1) */
  html body.home .tdc-footer-nav, html body.page-id-40 .tdc-footer-nav, html body.home .tdc-footer-legal, html body.page-id-40 .tdc-footer-legal { row-gap: 16px !important; }
  /* 91. Pannello carta a 390: respira come le altre sezioni (D3-M5), foglio a 32px dalla banda, testo a 40 dal foglio */
  html body.home .entry-content > .snippet, html body.page-id-40 .entry-content > .snippet { padding: 72px 40px 72px !important; }
  html body.home .entry-content > .snippet::before, html body.page-id-40 .entry-content > .snippet::before { top: 32px; bottom: 32px; }
  html body.home .entry-content > .snippet::after, html body.page-id-40 .entry-content > .snippet::after { top: 32px; }
  /* 92. Nota dell'hero a 390 su due righe (C3-M3) */
  html body.home .hero-note, html body.page-id-40 .hero-note { margin-top: 16px; line-height: 1.55; }
}
@media (max-width: 380px) { html body.home .entry-content > .snippet, html body.page-id-40 .entry-content > .snippet { padding: 72px 32px 72px !important; } }
/* 93. Una scala per i titoli di card: esperienze 28, business 22, territorio 20 (D3-M1); H2 di eventi e benessere sulla scala comune (D3-M2) */
html body.home .esperienza-card-title, html body.page-id-40 .esperienza-card-title { font-size: 1.75rem; }
html body.home .territorio-feature h3, html body.page-id-40 .territorio-feature h3, html body.home .territorio-feature h4, html body.page-id-40 .territorio-feature h4 { font-size: 1.25rem; }
html body.home .eventi .section-title, html body.page-id-40 .eventi .section-title,
html body.home .wellness .section-title, html body.page-id-40 .wellness .section-title { font-size: clamp(2rem, 4vw, 3.4rem) !important; }
/* 94. Tracking minimo del kit (.12em) sulle etichette maiuscole piccole (D3-M3) */
html body.home .camera-card-link, html body.page-id-40 .camera-card-link,
html body.home .eventi-type, html body.page-id-40 .eventi-type,
html body.home .wellness-feature, html body.page-id-40 .wellness-feature,
html body.home .tdc-footer-nav a, html body.page-id-40 .tdc-footer-nav a { letter-spacing: .12em !important; }
/* 95. Paragrafo delle camere a 640px come gli altri (L3-M1); titoli del Diario a interlinea 1,35 (L3-M3) */
html body.home .camere-subtitle, html body.page-id-40 .camere-subtitle { max-width: 640px; }
html body.home .tdc-home-blog-card-title, html body.page-id-40 .tdc-home-blog-card-title { line-height: 1.35 !important; }
/* 96. Ancora delle card Esperienze in cream (L3-M4, I3-M1) e contenitore del CTA del Diario in espresso (I3-M2) */
html body.home a.esperienza-card, html body.page-id-40 a.esperienza-card { color: var(--cream) !important; }
html body.home .tdc-home-blog-strip-cta, html body.page-id-40 .tdc-home-blog-strip-cta { color: var(--espresso); }

/* ==== Giro 5 (05/09/2026, notte): regressione L4-1/M4-1 e migliorabili del giro 4 ==== */
@media (max-width: 680px) {
  /* 97. Titolo delle card Esperienze in colonne da 139px: 18,4px (la scala 28 della regola 93 vale da 681px in su; L4-1, M4-1) */
  html body.home .esperienza-card-title, html body.page-id-40 .esperienza-card-title { line-height: 1.25; letter-spacing: -.01em; }
  /* 98. Corpo delle card Esperienze a 14,4px (L4-M4); H2 di eventi e benessere sulla scala mobile comune (M4-M1) */
  html body.home .esperienza-card-text, html body.page-id-40 .esperienza-card-text { font-size: .9rem !important; }
  html body.home .eventi .section-title, html body.page-id-40 .eventi .section-title,
  html body.home .wellness .section-title, html body.page-id-40 .wellness .section-title { font-size: clamp(1.7rem, 5vw, 2.4rem) !important; }
  /* 99. Chip degli eventi con passo regolare: anche i chip non-link a box 28 (M4-M2) */
  /* 100. Coppie di bottoni mobile alla stessa altezza (C4-M1): primari e secondari a 50px */
  html body.home .hero-actions .btn-primary, html body.page-id-40 .hero-actions .btn-primary, html body.home .hero-actions .btn-outline, html body.page-id-40 .hero-actions .btn-outline,
  html body.home .eventi-actions .btn-primary, html body.page-id-40 .eventi-actions .btn-primary, html body.home .eventi-actions .wellness-cta, html body.page-id-40 .eventi-actions .wellness-cta,
  html body.home .contatti-actions .btn-gold, html body.page-id-40 .contatti-actions .btn-gold, html body.home .contatti-actions .btn-ghost, html body.page-id-40 .contatti-actions .btn-ghost,
  html body.home .wellness-content .wellness-cta, html body.page-id-40 .wellness-content .wellness-cta, html body.home .business .btn-primary, html body.page-id-40 .business .btn-primary { display: inline-flex !important; align-items: center; justify-content: center; min-height: 50px; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; }
  /* 101. Mosaico a 390: giunti 8 e margini 16 */
  html body.home .mosaic, html body.page-id-40 .mosaic { gap: 8px !important; padding: 0 16px !important; }
}
/* 102. Scala Playfair: nomi delle camere a 22px (D4-M2); titoli del territorio a interlinea 1,25 quando vanno a capo (L4-M2) */
html body.home .camera-card-name, html body.page-id-40 .camera-card-name { font-size: 1.375rem !important; }
html body.home .territorio-feature h3, html body.page-id-40 .territorio-feature h3, html body.home .territorio-feature h4, html body.page-id-40 .territorio-feature h4 { line-height: 1.25; }
/* 103. Piede: riga dei codici contenuta (L4-M3); ghost dei contatti col bordo degli altri secondari (C4-M2) */
html body.home .tdc-footer-copy, html body.page-id-40 .tdc-footer-copy, html body.home .tdc-footer-codes, html body.page-id-40 .tdc-footer-codes { max-width: 900px !important; margin-left: auto !important; margin-right: auto !important; }
html body.home .contatti-cta .btn-ghost, html body.page-id-40 .contatti-cta .btn-ghost { border-color: rgba(250, 246, 240, .6) !important; }

/* ==== Giro 6 (05/09/2026, notte): bloccanti L5-1, M5-1 e migliorabili del giro 5 ==== */
/* 104. Occhielli sulle fotografie con la stessa ombra espresso di chip e badge (L5-1; i veli non si toccano, deroga 6) */
html body.home .eventi .section-label, html body.page-id-40 .eventi .section-label,
html body.home .wellness .section-label, html body.page-id-40 .wellness .section-label,
html body.home .eventi-type, html body.page-id-40 .eventi-type,
html body.home .wellness-feature, html body.page-id-40 .wellness-feature { text-shadow: 0 0 4px rgba(44, 24, 16, 1), 0 0 10px rgba(44, 24, 16, .9), 0 1px 2px rgba(44, 24, 16, 1) !important; }
/* 105. Chip degli eventi: stesso box 44 e stesso passo per link e non-link, su tutti i viewport (I5-M4, M4-M2) */
html body.home .eventi-types .eventi-type, html body.page-id-40 .eventi-types .eventi-type,
html body.home .eventi-types a.eventi-type, html body.page-id-40 .eventi-types a.eventi-type { display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; margin: -8px 0; }
/* 106. Due soli corpi: 17px nel testo di sezione (anche camere), 14,4px dentro le card (D5-M3, M5-M1, M5-M2) */
html body.home .camere-subtitle, html body.page-id-40 .camere-subtitle, html body.home .camere .section-text, html body.page-id-40 .camere .section-text { font-size: 1.0625rem !important; }
html body.home .esperienza-card-text, html body.page-id-40 .esperienza-card-text,
html body.home .business-card-content p, html body.page-id-40 .business-card-content p,
html body.home .camera-card p, html body.page-id-40 .camera-card p,
html body.home .territorio-feature p, html body.page-id-40 .territorio-feature p { font-size: .9rem !important; line-height: 1.6; }
/* 107. Primario del business alto come gli altri a 1280 (C5-M1) */
@media (min-width: 681px) { html body.home .business .btn-primary, html body.page-id-40 .business .btn-primary { display: inline-flex !important; align-items: center; justify-content: center; min-height: 53px; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; } }
@media (max-width: 680px) {
  /* 108. Card Esperienze a una colonna sotto i 680 (M5-1): testo intero su 4-6 righe, mai troncato a meta' parola; card Business (proporzione fissa) a tre righe */
  html body.home .esperienze-grid, html body.page-id-40 .esperienze-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  html body.home .esperienza-card, html body.page-id-40 .esperienza-card { min-height: 280px !important; }
  html body.home .esperienza-card-content, html body.page-id-40 .esperienza-card-content { padding: 24px !important; }
  html body.home .esperienza-card-title, html body.page-id-40 .esperienza-card-title { min-height: 0 !important; font-size: 1.35rem !important; }
  html body.home .esperienza-card-text, html body.page-id-40 .esperienza-card-text { display: block !important; -webkit-line-clamp: none !important; overflow: visible !important; max-width: none !important; }
  html body.home .business-grid, html body.page-id-40 .business-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  html body.home .business-card, html body.page-id-40 .business-card { aspect-ratio: auto !important; min-height: 220px !important; }
  html body.home .business-card-content p, html body.page-id-40 .business-card-content p { display: block !important; -webkit-line-clamp: none !important; overflow: visible !important; }
  /* 109. Coppia di bottoni degli eventi con lo stesso passo delle altre (C5-M2) */
  html body.home .eventi-actions, html body.page-id-40 .eventi-actions { gap: 12px !important; }
}

/* ==== Giro 7 (05/09/2026, notte): bloccanti L6-1, L6-2, M6-1, I6-1, I6-2 e migliorabili del giro 6 ==== */
/* 110. Secondari sulle fotografie: ombra dei chip e fondo espresso .3 dentro il bottone (L6-2) */
html body.home .eventi-actions .wellness-cta, html body.page-id-40 .eventi-actions .wellness-cta,
html body.home .wellness-content .wellness-cta, html body.page-id-40 .wellness-content .wellness-cta { text-shadow: 0 0 3px rgba(44, 24, 16, 1), 0 1px 3px rgba(44, 24, 16, .95), 0 0 8px rgba(44, 24, 16, .6); background-color: rgba(44, 24, 16, .3) !important; }
/* 111. Scala Playfair del round: citazione 28, titoli delle card business e del Diario 22 (D6-M1) */
html body.home .review-quote, html body.page-id-40 .review-quote { font-size: 1.75rem !important; }
html body.home .business-card-content h3, html body.page-id-40 .business-card-content h3,
html body.home .tdc-home-blog-card-title, html body.page-id-40 .tdc-home-blog-card-title { font-size: 1.375rem !important; }
/* 112. Estratti del Diario a 14,4 come gli altri testi di card (D6-M4) */
html body.home .tdc-home-blog-card-excerpt, html body.page-id-40 .tdc-home-blog-card-excerpt { font-size: .9rem !important; line-height: 1.6 !important; }
/* 113. CTA delle camere e PRENOTA della barra alla stessa altezza dei comandi (C6-M1, C6-M2) */
html body.home .camere-all .btn-text, html body.page-id-40 .camere-all .btn-text { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 28px; box-sizing: border-box; }
html body.home nav.tdc-nav .tdc-nav-cta, html body.page-id-40 nav.tdc-nav .tdc-nav-cta { display: inline-flex !important; align-items: center; justify-content: center; min-height: 44px; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; }
@media (max-width: 680px) {
  /* 114. Occhielli sulle fotografie a 390: alone espresso pieno sul ritaglio chiaro del muro (L6-1, I6-1) */
  html body.home .eventi .section-label, html body.page-id-40 .eventi .section-label,
  html body.home .wellness .section-label, html body.page-id-40 .wellness .section-label { text-shadow: 0 0 2px rgba(44, 24, 16, 1), 0 0 5px rgba(44, 24, 16, 1), 0 1px 3px rgba(44, 24, 16, 1), 0 0 14px rgba(44, 24, 16, .9) !important; }
  /* 115. Camere a 16px come le altre sezioni sul telefono (L6-M1, M6-2, I6-3); etichette di contatti e Diario a 11,2 (D6-M5, I6-4) */
  html body.home .camere-subtitle, html body.page-id-40 .camere-subtitle, html body.home .camere .section-text, html body.page-id-40 .camere .section-text { font-size: 1rem !important; }
  html body.home .contatti-item-label, html body.page-id-40 .contatti-item-label, html body.home .tdc-home-blog-strip-eyebrow, html body.page-id-40 .tdc-home-blog-strip-eyebrow, html body.home .tdc-home-blog-card-cat, html body.page-id-40 .tdc-home-blog-card-cat { font-size: .7rem !important; }
  /* 116. Velo delle card Esperienze ritarato per la colonna singola (D6-M2); card a 248 (C6-M3) */
  html body.home .esperienza-card-overlay, html body.page-id-40 .esperienza-card-overlay { background: linear-gradient(to top, rgba(44, 24, 16, .90) 0%, rgba(44, 24, 16, .74) 45%, rgba(44, 24, 16, .46) 75%, rgba(44, 24, 16, .18) 100%) !important; }
  html body.home .esperienza-card, html body.page-id-40 .esperienza-card { min-height: 248px !important; }
  /* 117. Link in linea del pannello carta con area tap (M6-4); foto del Diario a 16/10 (M6-6) */
  html body.home .entry-content > .snippet, html body.page-id-40 .entry-content > .snippet { line-height: 1.85 !important; }
  html body.home .entry-content > .snippet a, html body.page-id-40 .entry-content > .snippet a { padding: 4px 0; }
  html body.home .tdc-home-blog-card-thumb, html body.page-id-40 .tdc-home-blog-card-thumb { aspect-ratio: 16 / 10 !important; }
}

/* ==== Giro 8 (06/09/2026, notte): bloccanti D7-1, L7-1, M7-1 e migliorabili del giro 7 ==== */
/* 118. Fascia del Diario sull'asse del contenuto (1184): interno a 1232 con 24 di padding come il mosaico (D7-1); giunto delle card a 32 (D7-M4) */
html body.home .tdc-home-blog-strip-inner, html body.page-id-40 .tdc-home-blog-strip-inner { max-width: 1232px !important; padding-left: 24px !important; padding-right: 24px !important; box-sizing: border-box; }
html body.home .tdc-home-blog-strip-grid, html body.page-id-40 .tdc-home-blog-strip-grid { gap: 32px !important; }
/* 119. Secondari sulle foto: hover e focus tornano oro pieno (L7-1: la 110 li aveva congelati); stesso velo .3 anche sull'outline dell'hero (C7-M1) */
html body.home .eventi-actions .wellness-cta:hover, html body.page-id-40 .eventi-actions .wellness-cta:hover,
html body.home .eventi-actions .wellness-cta:focus-visible, html body.page-id-40 .eventi-actions .wellness-cta:focus-visible,
html body.home .wellness-content .wellness-cta:hover, html body.page-id-40 .wellness-content .wellness-cta:hover,
html body.home .wellness-content .wellness-cta:focus-visible, html body.page-id-40 .wellness-content .wellness-cta:focus-visible,
html body.home .hero-actions .btn-outline:hover, html body.page-id-40 .hero-actions .btn-outline:hover { background-color: var(--gold) !important; border-color: var(--gold) !important; color: var(--espresso) !important; text-shadow: none !important; }
html body.home .hero-actions .btn-outline, html body.page-id-40 .hero-actions .btn-outline { background-color: rgba(44, 24, 16, .3) !important; }
/* 120. Playfair a 500 anche su citazione e recapiti (D7-M2) */
html body.home .review-quote, html body.page-id-40 .review-quote, html body.home .contatti-item-value, html body.page-id-40 .contatti-item-value, html body.home .contatti-item-value a, html body.page-id-40 .contatti-item-value a { font-weight: 500 !important; }
/* 121. Corpo e voci sulle fotografie con ombra piena (L7-M2, L7-M3) */
html body.home .eventi-content .section-text, html body.page-id-40 .eventi-content .section-text,
html body.home .wellness-content .section-text, html body.page-id-40 .wellness-content .section-text { text-shadow: 0 1px 3px rgba(44, 24, 16, .9), 0 0 12px rgba(44, 24, 16, .65); }
html body.home .wellness-feature, html body.page-id-40 .wellness-feature { text-shadow: 0 0 4px rgba(44, 24, 16, 1), 0 0 10px rgba(44, 24, 16, .9), 0 1px 2px rgba(44, 24, 16, 1), 0 0 18px rgba(44, 24, 16, .85) !important; }
@media (max-width: 680px) {
  /* 122. Descrizioni delle camere senza troncamento a meta' parola (M7-1) */
  html body.home .camera-card-desc, html body.page-id-40 .camera-card-desc { display: block !important; -webkit-line-clamp: none !important; overflow: visible !important; }
  /* 123. Citazione a 24px, sotto i titoli di sezione (D7-M3); occhiello degli eventi con alone a cinque strati anche in EN (L7-M1) */
  html body.home .review-quote, html body.page-id-40 .review-quote { font-size: 1.5rem !important; }
  html body.home .eventi .section-label, html body.page-id-40 .eventi .section-label { text-shadow: 0 0 2px rgba(44, 24, 16, 1), 0 0 5px rgba(44, 24, 16, 1), 0 1px 3px rgba(44, 24, 16, 1), 0 0 10px rgba(44, 24, 16, 1), 0 0 20px rgba(44, 24, 16, .95) !important; }
  html body.home .tdc-home-blog-strip-inner, html body.page-id-40 .tdc-home-blog-strip-inner { padding-left: 0 !important; padding-right: 0 !important; }
  html body.home .tdc-home-blog-strip, html body.page-id-40 .tdc-home-blog-strip { padding-left: 20px !important; padding-right: 20px !important; }
  html body.home .tdc-home-blog-strip-grid, html body.page-id-40 .tdc-home-blog-strip-grid { gap: 24px !important; }
}
@media (max-width: 380px) {
  /* 124. A 360: primario del business dentro la colonna (M7-3), occhiello dell'hero senza vedova (M7-4) */
  html body.home .business .btn-primary, html body.page-id-40 .business .btn-primary { max-width: 280px; font-size: .72rem !important; white-space: normal; }
  html body.home .hero-badge, html body.page-id-40 .hero-badge { text-wrap: balance; letter-spacing: .16em !important; }
}

/* ==== Giro 9 (06/09/2026, notte): regressioni M8-1 e M8-2 del giro 8 ==== */
@media (max-width: 680px) {
  /* 125. Card camere: il link "Scopri" ancorato al fondo, cosi' le CTA di una riga stanno sulla stessa linea anche con descrizioni di lunghezza diversa (M8-1) */
  html body.home .camera-card, html body.page-id-40 .camera-card { display: flex !important; flex-direction: column; }
  html body.home .camera-card-body, html body.page-id-40 .camera-card-body { display: flex; flex-direction: column; flex: 1 0 auto; }
  html body.home .camera-card-desc, html body.page-id-40 .camera-card-desc { flex: 1 0 auto; }
  html body.home .camera-card-link, html body.page-id-40 .camera-card-link { margin-top: auto !important; align-self: flex-start; }
}