:root{
  --o5:#fff7ed;--o1:#ffedd5;--o2:#fed7aa;--o6:#ea580c;--o7:#c2410c;
  --ink:#33230f;--mut:#9a7a5c;
}
*{box-sizing:border-box;}
body.wg{
  margin:0;font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:var(--o5);color:var(--ink);-webkit-font-smoothing:antialiased;
}
.wg-top{
  background:#fff;border-bottom:1px solid #f3e9dd;padding:14px 18px;
  position:sticky;top:0;z-index:5;
}
.wg-brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:16px;color:var(--ink);max-width:760px;margin:0 auto;}
.wg-brand i{color:var(--o6);font-size:20px;}
.wg-main{max-width:760px;margin:0 auto;padding:18px 16px 40px;}
.wg-hero{text-align:center;padding:18px 0 6px;}
.wg-hero-ic{
  width:66px;height:66px;border-radius:20px;background:var(--o1);color:var(--o6);
  display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 12px;
}
.wg-hero-photo{height:160px;border-radius:20px;background:var(--o1) center/cover no-repeat;margin:0 auto 14px;max-width:440px;}
.wg-eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--o6);}
.wg-hero h1{font-size:24px;font-weight:600;margin:6px 0 4px;color:var(--ink);}
.wg-hero p{color:var(--mut);margin:0;font-size:14px;}
.wg-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));
  gap:12px;margin:22px 0;
}
.wg-tile{
  background:#fff;border:1px solid #f3e7d8;border-radius:16px;aspect-ratio:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  text-decoration:none;color:#5b4632;transition:transform .12s,border-color .12s;
}
.wg-tile:hover{transform:translateY(-2px);border-color:var(--o2);}
.wg-tile i{font-size:24px;color:var(--o6);}
.wg-tile span{font-size:11px;font-weight:500;text-align:center;line-height:1.2;padding:0 4px;}
.wg-sections{display:flex;flex-direction:column;gap:14px;}
.wg-card{
  background:#fff;border:1px solid #f1e2d0;border-radius:18px;padding:16px 18px;
  scroll-margin-top:80px;
}
.wg-card-h{display:flex;align-items:center;gap:11px;margin-bottom:10px;}
.wg-card-ic{
  width:38px;height:38px;border-radius:12px;background:var(--o5);color:var(--o6);
  display:flex;align-items:center;justify-content:center;font-size:20px;flex:none;
}
.wg-card-h h2{font-size:17px;font-weight:600;margin:0;color:var(--ink);}
.wg-card-b{font-size:15px;line-height:1.6;color:#4f3b29;}
.wg-card-b p{margin:0 0 10px;}
.wg-card-b a{color:var(--o7);}
.wg-empty{text-align:center;color:var(--mut);padding:40px 0;}
.wg-foot{text-align:center;color:var(--mut);font-size:12px;padding:24px;}

/* Wi-Fi / valori con copia */
.wg-kv{display:flex;flex-direction:column;gap:8px;margin:0 0 10px;}
.wg-kv-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--o5);border:1px solid #f3e7d8;border-radius:12px;padding:10px 12px;}
.wg-kv-k{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#b08a64;}
.wg-kv-v{font-size:16px;font-weight:600;color:var(--ink);word-break:break-word;}
.wg-copy{flex:none;display:inline-flex;align-items:center;gap:5px;cursor:pointer;font:inherit;font-size:12px;font-weight:600;color:var(--o7);background:#fff;border:1px solid #f0d9c2;padding:7px 11px;border-radius:999px;}
.wg-copy:hover{background:var(--o1);}

/* QR */
.wg-qr{background:#fff;padding:8px;border:1px solid #f0e0cc;border-radius:14px;line-height:0;}
.wg-qr img,.wg-qr canvas{display:block;width:150px;height:150px;}
.wg-wifiqr{display:flex;flex-direction:column;align-items:center;gap:6px;margin:6px 0 2px;}
.wg-wifiqr span{font-size:12px;color:var(--mut);}

/* Contatti — mobile: pulsanti a tutta larghezza impilati; da tablet in su: affiancati */
.wg-contacts{display:flex;flex-direction:column;gap:8px;margin:0 0 8px;}
.wg-cbtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-weight:600;font-size:14px;color:#fff !important;background:var(--o6);padding:11px 16px;border-radius:12px;}
.wg-cbtn.wa{background:#1f9d55;}
.wg-cbtn i{font-size:18px;}
.wg-contacts .wg-cbtn{width:100%;}
.wg-cbtn--ghost{color:var(--o7) !important;}
@media(min-width:600px){
  .wg-contacts{flex-direction:row;flex-wrap:wrap;}
  .wg-contacts .wg-cbtn{width:auto;flex:1 1 0;min-width:150px;}
}

/* Orari */
.wg-chip{display:inline-flex;align-items:center;gap:7px;background:var(--o1);color:var(--o7);font-weight:600;font-size:15px;padding:8px 13px;border-radius:12px;margin:0 0 8px;}
.wg-chip i{font-size:18px;}

/* Condividi guida — mobile: QR centrato e impilato; da tablet: affiancato */
.wg-share-b{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;}
@media(min-width:600px){.wg-share-b{flex-direction:row;align-items:center;text-align:left;}}
.wg-share-b p{margin:0 0 8px;color:var(--mut);font-size:14px;}
.wg-url{font-size:13px;font-weight:500;color:var(--o7);}

@media(max-width:480px){.wg-grid{grid-template-columns:repeat(3,1fr);}}

/* ===== Fasi 2-3-5: lingue, mappa, luoghi, cartello A4 ===== */
.wg-langs{display:flex;gap:4px;margin-left:auto;}
.wg-lang{font-size:11px;font-weight:600;color:var(--mut);border:1px solid #ecd9c4;padding:3px 8px;border-radius:999px;text-decoration:none;}
.wg-lang.on{color:#fff;background:var(--o6);border-color:var(--o6);}
.wg-map{height:220px;border-radius:14px;overflow:hidden;margin:0 0 10px;border:1px solid #f0e0cc;}
.wg-places{display:flex;flex-direction:column;gap:10px;margin:4px 0 2px;}
.wg-place{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--o5);border:1px solid #f3e7d8;border-radius:12px;padding:11px 13px;}
.wg-place-t{font-size:15px;font-weight:600;color:var(--ink);}
.wg-place-n{font-size:12.5px;color:var(--mut);margin-top:2px;}
.wg-cbtn--ghost{background:#fff;color:var(--o7);border:1px solid #f0d9c2;}
/* Cartello A4 */
.wg-sign-bar{max-width:760px;margin:0 auto;padding:14px 16px;}
.wg-sign{max-width:600px;margin:0 auto 40px;background:#fff;border:1px solid #f0e0cc;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(234,88,12,.12);}
.wg-sign-top{background:var(--o6);color:#fff;text-align:center;padding:30px 24px;}
.wg-sign-eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffe0c9;}
.wg-sign-h{font-size:40px;font-weight:600;line-height:1.1;margin-top:4px;}
.wg-sign-h2{font-size:14px;color:#ffe0c9;margin-top:6px;}
.wg-sign-mid{padding:30px 24px;text-align:center;}
.wg-sign-name{font-size:20px;font-weight:600;color:var(--ink);margin-bottom:18px;}
.wg-sign-qr{display:inline-block;}
.wg-sign-qr img,.wg-sign-qr canvas{width:200px;height:200px;}
.wg-sign-scan{font-size:16px;font-weight:600;color:var(--ink);margin-top:16px;}
.wg-sign-scan2{font-size:13px;color:var(--mut);margin-top:2px;}
.wg-sign-foot{border-top:1px dashed #f0d9c2;padding:16px;text-align:center;font-size:12px;color:var(--mut);}
@media print{.wg-sign-bar{display:none;}.wg-sign{box-shadow:none;border:none;margin:0;}body.wg{background:#fff;}}

/* ===== Navigazione app (menu ↔ sezione) ===== */
.wg-secbar{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;margin:2px 0 18px;}
.wg-back{position:absolute;left:0;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #f0d9c2;color:var(--o7);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;}
.wg-back:hover{background:var(--o1);}
.wg-back i{font-size:20px;}
.wg-sectitle{margin:0;padding:0 46px;text-align:center;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);}

/* Check-in/out */
.wg-cio-desc{font-size:15px;line-height:1.6;color:#4f3b29;margin:0 0 18px;}
.wg-cio-desc p{margin:0 0 8px;}
.wg-hours{background:#fff;border:1px solid #f1e2d0;border-radius:16px;padding:4px 16px;margin:0 0 18px;}
.wg-hours-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #f3ece1;}
.wg-hours-row:last-child{border-bottom:none;}
.wg-hours-row span{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);}
.wg-hours-row strong{font-size:22px;font-weight:600;color:var(--ink);}
.wg-subhead{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin:0 0 10px;}
.wg-steps{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #f1e2d0;border-radius:16px;}
.wg-steps li{display:flex;gap:13px;align-items:flex-start;padding:15px 16px;border-bottom:1px solid #f3ece1;}
.wg-steps li:last-child{border-bottom:none;}
.wg-step-n{flex:none;width:26px;height:26px;border-radius:50%;background:#1c1917;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;}
.wg-step-t{font-size:14.5px;line-height:1.5;color:#4f3b29;padding-top:2px;}
.wg-pill{background:var(--o1);color:var(--o7);font-weight:600;padding:1px 7px;border-radius:6px;white-space:nowrap;}

/* Servizi (fisarmonica) */
.wg-acc{background:#fff;border:1px solid #f1e2d0;border-radius:16px;overflow:hidden;}
.wg-acc-item{border-bottom:1px solid #f3ece1;}
.wg-acc-item:last-child{border-bottom:none;}
.wg-acc-head{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:none;border:none;font:inherit;padding:15px 16px;cursor:pointer;color:inherit;}
.wg-acc-static{cursor:default;}
.wg-acc-ic{flex:none;width:42px;height:42px;border-radius:50%;background:var(--o5);color:var(--o6);display:flex;align-items:center;justify-content:center;font-size:20px;}
.wg-acc-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.wg-acc-name{font-size:15.5px;font-weight:600;color:var(--ink);}
.wg-acc-sub{font-size:13px;color:var(--mut);line-height:1.4;}
.wg-acc-chev{flex:none;color:#c9ad8d;font-size:20px;transition:transform .2s;}
.wg-acc-item.open .wg-acc-chev{transform:rotate(180deg);}
.wg-acc-body{display:none;padding:0 16px 16px 71px;}
.wg-acc-item.open .wg-acc-body{display:block;}
.wg-acc-desc{font-size:14px;line-height:1.55;color:#4f3b29;margin:0 0 12px;}
.wg-acc-desc p{margin:0 0 8px;}
.wg-acc-video{display:inline-flex;width:auto;background:#1c1917;}

/* Come arrivare */
.wg-addr{background:#fff;border:1px solid #f1e2d0;border-radius:16px;padding:4px 16px;margin:0 0 16px;}
.wg-addr-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #f3ece1;}
.wg-addr-row:last-child{border-bottom:none;}
.wg-addr-row span{flex:none;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);}
.wg-addr-row strong{font-size:16px;font-weight:600;color:var(--ink);text-align:right;}
.wg-navbtn{width:100%;margin:0 0 20px;}
.wg-arr{background:#fff;border:1px solid #f1e2d0;border-radius:16px;overflow:hidden;}
.wg-arr-item{display:flex;gap:13px;align-items:flex-start;padding:15px 16px;border-bottom:1px solid #f3ece1;}
.wg-arr-item:last-child{border-bottom:none;}
.wg-arr-ic{flex:none;width:42px;height:42px;border-radius:50%;background:var(--o5);color:var(--o6);display:flex;align-items:center;justify-content:center;font-size:20px;}
.wg-arr-tx{flex:1;min-width:0;}
.wg-arr-name{font-size:15.5px;font-weight:600;color:var(--ink);}
.wg-arr-desc{font-size:13.5px;color:#6b5640;line-height:1.45;margin-top:2px;}
.wg-arr-desc a{color:var(--o7);font-weight:600;text-decoration:none;border-bottom:1px solid var(--o2);}
.wg-arr-go{flex:none;align-self:center;color:#c9ad8d;font-size:24px;text-decoration:none;padding:2px 0 2px 6px;display:flex;align-items:center;}
.wg-arr-go:hover{color:var(--o6);}
/* Emergenze: numeri toccabili nel riquadro */
.wg-phones .wg-hours-row{padding:13px 0;}
.wg-tel{font-size:18px;font-weight:700;color:var(--o7);text-decoration:none;}
.wg-tel:hover{text-decoration:underline;}