/* Dimore Arcudi · Guide ospiti
   Palette presa dai PDF originali */
:root{
  --red:#8e3b3b;      /* bordeaux Arcudi: titoli, badge, descrizioni */
  --ink:#2b2b2b;      /* testo */
  --name:#222;        /* nomi dei luoghi */
  --muted:#888;       /* indirizzi, tempi */
  --line:#d8c3a5;     /* filetti sabbia */
  --cream:#f4ece0;    /* riquadri e luoghi in evidenza */
  --bg:#fff;
  --max:760px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:300;line-height:1.5;border-left:10px solid var(--red)}
a{color:inherit}
.lang-switch{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:flex-end;max-width:var(--max);margin:0 auto;padding:14px 16px 0;font-size:.75rem;letter-spacing:.08em}
.lang-switch a{text-decoration:none;color:var(--muted);font-weight:500}
.lang-switch a[aria-current]{color:var(--red);border-bottom:1px solid var(--red)}
.home-hero,.guide-hero{max-width:var(--max);margin:0 auto;padding:24px 16px 8px;text-align:center}
.back{display:block;text-align:left;font-size:.8rem;color:var(--muted);text-decoration:none;margin-bottom:8px}
.logo{width:150px;height:auto}
.tagline{margin:12px 0 0;color:var(--red);font-weight:500;font-size:.75rem;letter-spacing:.35em}
h1{text-transform:uppercase;margin:10px 0 4px;color:var(--red);font-weight:500;font-size:1.9rem;letter-spacing:.3em}
.subtitle{margin:0;color:#999;font-size:.72rem;letter-spacing:.3em}
.intro{max-width:600px;margin:22px auto 0;text-align:left;font-size:1rem}
.home-hero .intro{text-align:center}
.legend{list-style:none;max-width:600px;margin:20px auto 0;padding:14px 0 0;border-top:1px solid var(--line);text-align:left;font-size:.85rem}
.legend li{margin:2px 0}
.legend__tag{color:var(--red);font-weight:500;letter-spacing:.06em}
main{max-width:var(--max);margin:0 auto;padding:8px 16px 40px}
.area{margin-top:34px}
.area__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:6px}
h2{margin:0;color:var(--red);font-weight:500;font-size:1.15rem;letter-spacing:.25em}
.area__hint{color:var(--muted);font-size:.8rem;text-align:right;white-space:nowrap}
.places{list-style:none;margin:0;padding:0}
.place{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;padding:12px 0;border-bottom:1px solid #f0ebe3}
.place--highlight{background:var(--cream);margin:0 -10px;padding:12px 10px;border-radius:4px;border-bottom:0}
.place__name{margin:0;font-size:1rem;font-weight:500;color:var(--name)}
.place__meta{margin:2px 0 0;font-size:.82rem;color:var(--muted)}
.place__meta a{text-decoration:none;border-bottom:1px dotted var(--line)}
.place__meta a::before{content:"⌖ ";color:var(--red)}
.place__note{margin:4px 0 0;font-size:.82rem;color:var(--red);font-weight:500}
.place__desc{margin:0;color:var(--red);font-size:.9rem;text-align:right}
.badge{display:inline-block;margin-left:6px;font-size:.62rem;font-weight:500;letter-spacing:.12em;color:var(--red);vertical-align:middle}
.area__footnote{margin:8px 0 0;color:var(--muted);font-size:.8rem}
.tip{background:var(--cream);margin-top:18px;padding:14px 16px;border-radius:4px;font-size:.9rem}
.tip h4{margin:0 0 6px;color:var(--red);font-weight:500;font-size:.9rem}
.tip p{margin:0}
.tip strong{font-weight:700}
.tip__contact{margin-top:6px!important;color:var(--red);font-weight:500}
.guide-list,.lang-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px}
.guide-card a{display:block;text-decoration:none;padding:18px 20px;border:1px solid var(--line);border-radius:6px;background:#fff;transition:background .15s}
.guide-card a:hover,.lang-list a:hover{background:var(--cream)}
.guide-card__title{display:block;color:var(--red);font-weight:500;font-size:1.25rem;letter-spacing:.08em}
.guide-card__subtitle{display:block;color:#999;font-size:.7rem;letter-spacing:.25em;margin-top:2px}
.guide-card__intro{display:block;margin-top:8px;font-size:.9rem}
.lang-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.lang-list a{display:block;text-decoration:none;padding:14px 16px;border:1px solid var(--line);border-radius:6px;font-weight:500}
.lang-list .code{color:var(--red);letter-spacing:.1em;margin-right:6px}
.site-footer{max-width:var(--max);margin:0 auto;padding:20px 16px 32px;border-top:1px solid var(--line);text-align:center;font-size:.75rem;color:#b39b7a}
.site-footer p{margin:2px 0}
.site-footer a{text-decoration:none}
@media (max-width:560px){
  body{border-left-width:6px}
  h1{font-size:1.5rem;letter-spacing:.2em}
  .place{grid-template-columns:1fr}
  .place__desc{text-align:left}
}
@media print{
  .lang-switch,.back{display:none}
  body{border-left:0}
}
