/* Voci di guida (centri, autorita', profili...) - veste Meccanica Calda */
.d2 .gl-testa{padding:56px 0 64px}
.d2 .gl-testa .wrap{display:block;max-width:820px}
.d2 .gl-briciole{font:600 12.5px Outfit,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muto);margin-bottom:18px}
.d2 .gl-briciole a{color:var(--dom);text-decoration:none}
.d2 .gl-briciole a:hover{text-decoration:underline;text-underline-offset:3px}
.d2 .gl-briciole span{margin:0 6px;color:var(--dom)}
.d2 .gl-testa h1{font-size:clamp(32px,3.8vw,48px);line-height:1.1;margin:0 0 18px}
.d2 .gl-testa .sotto{font-size:18px;line-height:1.6;color:var(--muto);max-width:62ch;margin:0}
.d2 .gl-figura{max-width:340px;margin:0 auto 44px}
.d2 .gl-figura img{display:block;width:100%;height:auto}
.d2 .gl-figura figcaption{margin-top:12px;font-size:13.5px;color:var(--muto);text-align:center}
.d2 .gl-corpo{padding:56px 0 88px}
.d2 .gl-corpo .wrap{display:block;max-width:820px}
.d2 .gl-prosa h2{font-size:clamp(24px,2.4vw,30px);line-height:1.2;margin:44px 0 16px}
.d2 .gl-prosa h3{font-size:20px;margin:30px 0 10px}
.d2 .gl-prosa p{font-size:18px;line-height:1.72;margin:0 0 18px;max-width:66ch}
.d2 .gl-prosa ul,.d2 .gl-prosa ol{margin:0 0 18px;padding-left:22px;max-width:66ch}
.d2 .gl-prosa li{margin-bottom:8px;font-size:18px;line-height:1.6}
.d2 .gl-prosa a{color:var(--dom);text-decoration:underline;text-underline-offset:3px}
.d2 .gl-prosa blockquote{margin:26px 0;padding:18px 22px;background:var(--tint);border-radius:12px}
.d2 .gl-prosa blockquote p{margin:0;font-size:17px}
.d2 .gl-figlie{padding:80px 0}
.d2 .gl-figlie .griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.d2 .gl-voce{display:flex;flex-direction:column;gap:8px;padding:24px;text-decoration:none;color:var(--ink)}
.d2 .gl-voce h3{margin:0;font-size:19px;line-height:1.25}
.d2 .gl-voce p{margin:0;font-size:14.5px;line-height:1.55;color:var(--muto)}
.d2 .gl-voce .lnk{margin-top:auto;padding-top:10px;color:var(--dom);font-weight:600;font-size:14.5px}
.d2 .gl-sorelle{padding:72px 0 88px;text-align:center}
.d2 .gl-sorelle .wrap{max-width:820px;display:block}
.d2 .gl-righe{margin:10px 0 0;line-height:2;font-size:15px}
.d2 .gl-righe a{color:var(--dom);text-decoration:none;font-weight:600;margin-right:16px}
.d2 .gl-righe a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.d2 .gl-figlie .griglia{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.d2 .gl-figlie .griglia{grid-template-columns:1fr}.d2 .gl-testa{padding:40px 0 48px}}

/* richiamo di meta' pagina: un consiglio dentro il testo, non un annuncio */
.d2 .gl-richiamo{margin:34px 0 0;padding:20px 24px;background:var(--tint);
  border-left:3px solid var(--dom);border-radius:0 12px 12px 0}
.d2 .gl-richiamo p{margin:0;font-size:16.5px;line-height:1.65;color:var(--ink)}
.d2 .gl-richiamo a{color:var(--dom);text-decoration:underline;text-underline-offset:3px;font-weight:600}

/* ─── Impaginato a scheda (voci dei Centri) ──────────────────────────────── */

/* gli altri centri, sempre a portata mentre si scorre */
.d2 .gl-barra{position:sticky;top:73px;z-index:9;overflow:hidden;background:var(--fondo);border-bottom:1px solid var(--linea)}
.d2 .gl-barra .wrap{display:flex;gap:6px;overflow-x:auto;padding-top:10px;padding-bottom:10px;
  scrollbar-width:none;-ms-overflow-style:none}
.d2 .gl-barra .wrap::-webkit-scrollbar{display:none}
.d2 .gl-barra a{flex:0 0 auto;padding:7px 14px;border-radius:999px;font-size:14px;text-decoration:none;
  color:var(--muto);border:1px solid transparent;white-space:nowrap}
.d2 .gl-barra a:hover{border-color:var(--linea);color:var(--ink)}
.d2 .gl-barra a[aria-current]{background:var(--dom);color:#fff;font-weight:600}

/* testata a due colonne: il disegno accanto al titolo, non sotto */
.d2 .gl-testa-due .wrap{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:center;max-width:var(--maxw)}
.d2 .gl-disegno{margin:0}
.d2 .gl-disegno img{display:block;width:100%;height:auto}
.d2 .gl-disegno figcaption{margin-top:10px;font-size:13px;color:var(--muto);text-align:center}

/* i dati in chiaro, non annegati nel testo */
.d2 .gl-dati{padding:0;background:var(--carta);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.d2 .gl-dati .wrap{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;max-width:var(--maxw)}
.d2 .gl-dati div{padding:22px 0}
.d2 .gl-dati div+div{border-left:1px solid var(--linea);padding-left:24px}
.d2 .gl-dati dt{font:600 11.5px Outfit,sans-serif;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muto);margin-bottom:6px}
.d2 .gl-dati dd{margin:0;font-family:var(--num);font-size:24px;line-height:1.2;color:var(--ink);
  font-variant-numeric:tabular-nums}
.d2 .gl-dati dd small{display:block;font-family:Outfit,sans-serif;font-size:13.5px;color:var(--muto);
  margin-top:4px;letter-spacing:0}

/* apertura */
.d2 .gl-apertura{padding:52px 0 0}
.d2 .gl-apertura .wrap{display:block;max-width:720px}
.d2 .gl-apertura p{font-size:19px;line-height:1.7;margin:0 0 16px;max-width:none}

/* le due facce affiancate: e' la domanda vera di chi legge */
.d2 .gl-facce{padding:44px 0 0}
.d2 .gl-facce .wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch;max-width:1000px}
.d2 .gl-faccia{padding:30px 30px 26px;border-radius:14px;border:1px solid var(--linea);background:var(--carta)}
.d2 .gl-aperta{background:transparent;border-style:dashed}
.d2 .gl-faccia .etich{display:inline-flex;align-items:center;gap:9px;font:600 12px Outfit,sans-serif;
  letter-spacing:.09em;text-transform:uppercase;color:var(--dom);margin-bottom:14px}
.d2 .gl-aperta .etich{color:var(--muto)}
.d2 .gl-segno{width:12px;height:12px;border-radius:3px;background:var(--dom);flex:0 0 auto}
.d2 .gl-aperta .gl-segno{background:transparent;border:1.5px solid var(--muto)}
.d2 .gl-faccia h2{font-size:23px;line-height:1.25;margin:0 0 12px}
.d2 .gl-faccia p{margin:0 0 14px;font-size:16.5px;line-height:1.65;max-width:none}
.d2 .gl-faccia p:last-child{margin-bottom:0}

/* domande frequenti, adesso anche visibili */
.d2 .gl-faq{padding:64px 0 0}
.d2 .gl-faq .wrap{display:block;max-width:720px}
.d2 .gl-faq h2{font-size:clamp(24px,2.4vw,30px);margin:0 0 18px}
.d2 .gl-faq details{border-bottom:1px solid var(--linea);padding:16px 0}
.d2 .gl-faq summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;padding-right:28px;position:relative}
.d2 .gl-faq summary::-webkit-details-marker{display:none}
.d2 .gl-faq summary::after{content:"+";position:absolute;right:0;top:-2px;color:var(--dom);font-size:22px;line-height:1}
.d2 .gl-faq details[open] summary::after{content:"\2212"}
.d2 .gl-faq details p{margin:12px 0 0;color:var(--muto);font-size:16.5px;line-height:1.7;max-width:none}

@media (max-width:900px){
  .d2 .gl-testa-due .wrap{grid-template-columns:1fr;gap:26px}
  .d2 .gl-disegno{max-width:260px;margin-inline:auto}
  .d2 .gl-dati .wrap{grid-auto-flow:row;grid-template-columns:1fr 1fr}
  .d2 .gl-dati div:nth-child(3){border-left:none;padding-left:0;border-top:1px solid var(--linea)}
  .d2 .gl-dati div:nth-child(4){border-top:1px solid var(--linea)}
  .d2 .gl-facce .wrap{grid-template-columns:1fr;gap:18px}
  .d2 .gl-faccia{padding:24px 22px}
}

/* si vede che la barra scorre: sfumatura sul lato dove c'e' altro */
.d2 .gl-barra{position:sticky}
.d2 .gl-barra::before,.d2 .gl-barra::after{content:"";position:absolute;top:0;bottom:0;width:64px;
  pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:2}
.d2 .gl-barra::before{left:0;background:linear-gradient(90deg,#FBF7F5 25%,rgba(251,247,245,0))}
.d2 .gl-barra::after{right:0;background:linear-gradient(270deg,#FBF7F5 25%,rgba(251,247,245,0))}
.d2 .gl-barra.scorre-sx::before{opacity:1}
.d2 .gl-barra.scorre-dx::after{opacity:1}

/* 3. tutti i blocchi di testo sulla stessa colonna delle due facce */
.d2 .gl-apertura .wrap,.d2 .gl-corpo .wrap,.d2 .gl-faq .wrap,.d2 .gl-sorelle .wrap{max-width:1000px}
.d2 .gl-apertura p,.d2 .gl-prosa p,.d2 .gl-prosa ul,.d2 .gl-prosa ol,
.d2 .gl-faq details p,.d2 .gl-richiamo p{max-width:none}

/* le domande stanno dentro una scheda come tutto il resto della pagina */
.d2 .gl-faq details{background:var(--carta);border:1px solid var(--linea);border-radius:12px;
  padding:18px 26px;margin-bottom:10px}
.d2 .gl-faq summary{padding-right:34px}
.d2 .gl-faq summary::after{right:2px;top:0}
.d2 .gl-faq details[open]{padding-bottom:22px}

/* le prossime voci della guida: schede, non una riga di link */
.d2 .gl-prossime{display:grid;gap:14px;margin:24px auto 0;max-width:680px}
.d2 .gl-prossima{display:block;background:var(--carta);border:1px solid var(--linea);border-radius:12px;
  padding:20px 24px;text-decoration:none;transition:border-color .18s ease,transform .18s ease}
.d2 .gl-prossima:hover{border-color:var(--dom);transform:translateX(3px)}
.d2 .gl-prossima-tit{display:block;font-family:"Playfair Display",Georgia,serif;font-weight:700;
  font-size:20px;color:var(--ink);line-height:1.25}
.d2 .gl-prossima-tit i{font-style:normal;color:var(--dom);margin-left:10px}
.d2 .gl-prossima-sot{display:block;margin-top:6px;font-size:15.5px;line-height:1.55;color:var(--muto)}

/* il blocco di chiusura sta al centro della pagina */
.d2 .gl-sorelle .etich{margin:0;max-width:none}
.d2 .gl-prossima{text-align:center}
.d2 .gl-prossima-sot{margin-left:auto;margin-right:auto;max-width:46ch}
@media (min-width:760px){
  .d2 .gl-prossime:has(> :nth-child(2)){grid-template-columns:repeat(2,1fr);max-width:820px}
}

/* la nota di Valentina nella chiusura: stessa carta, stessa storia */
.d2 .fine .fine-nota{display:flex;gap:16px;align-items:center;text-align:left;max-width:640px;
  margin:0 auto 28px;padding:18px 22px;border-radius:14px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18)}
.d2 .fine .fine-nota img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 auto;
  border:2px solid rgba(255,255,255,.4)}
.d2 .fine .fine-nota p{margin:0;max-width:none;font-size:16px;line-height:1.6;color:rgba(255,255,255,.94)}
@media (max-width:560px){
  .d2 .fine .fine-nota{flex-direction:column;text-align:center;gap:12px;padding:20px 18px}
}