/* Guidotarricone — galleria dei case study.
   Valori misurati sul prototipo v8: desktop a 1440 px, mobile a 375 px.
   Tutto sotto .gtcs-galleria per non toccare gli stili di Lay Theme. */

.gtcs-galleria{
  --gtcs-viola:#5421ce;
  --gtcs-viola-scuro:#34127e;
  --gtcs-pista:#e9e5ef;
  --gtcs-cursore:#4e20ca;
  margin:0;
}
.gtcs-galleria .gtcs-controlli{
  display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 0;
}
.gtcs-galleria .gtcs-suggerimento{
  font-size:14px;line-height:1.5;color:#333;letter-spacing:0;
}
.gtcs-galleria .gtcs-frecce{display:flex;gap:10px;flex-shrink:0}
.gtcs-galleria .gtcs-frecce button{
  -webkit-appearance:none;appearance:none;box-sizing:border-box;
  width:46px;height:46px;padding:0;margin:0;cursor:pointer;
  border:1px solid var(--gtcs-viola);border-radius:50%;
  background:#fff;color:var(--gtcs-viola-scuro);
  font:400 25px/1 -apple-system,Helvetica,Arial,sans-serif;
  display:flex;align-items:center;justify-content:center;
}
.gtcs-galleria .gtcs-frecce button:hover:not(:disabled){background:var(--gtcs-viola);color:#fff}
.gtcs-galleria .gtcs-frecce button:focus-visible{outline:3px solid var(--gtcs-viola);outline-offset:3px}
.gtcs-galleria .gtcs-frecce button:disabled{opacity:.35;cursor:default}

.gtcs-galleria .gtcs-pista{
  display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;scroll-padding-inline:5px;
  padding:20px 5px 32px;margin:10px 0 58px;
  scrollbar-width:thin;scrollbar-color:var(--gtcs-cursore) var(--gtcs-pista);
  cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-x;
  outline:0;
}
.gtcs-galleria .gtcs-pista:focus-visible{outline:3px solid var(--gtcs-viola);outline-offset:4px}
.gtcs-galleria .gtcs-pista.gtcs-trascina{cursor:grabbing;scroll-snap-type:none}

.gtcs-galleria .gtcs-voce{flex:0 0 auto;margin:0;padding:0;scroll-snap-align:start}
.gtcs-galleria .gtcs-voce img.gtcs-img{
  display:block;width:auto;height:auto;max-width:none;max-height:385px;
  border:0;border-radius:17px;
  box-shadow:0 5px 17px rgba(25,20,45,.11);
  pointer-events:none;-webkit-user-drag:none;
}
.gtcs-galleria .gtcs-avviso{font-size:14px;color:#b45309}
/* didascalia facoltativa: larga quanto la schermata */
.gtcs-galleria .gtcs-voce{display:flex;flex-direction:column}
.gtcs-galleria .gtcs-dida{width:0;min-width:100%;margin:10px 0 0;font-size:13px;line-height:1.35;color:#595959}

/* tendina "Mostra com'era prima" */
.gtcs-prima{margin:24px 0 0}   /* come lo stacco fra due paragrafi */
.gtcs-prima summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;font-size:16px;line-height:1.3;color:#5421ce}
.gtcs-prima summary::-webkit-details-marker{display:none}
.gtcs-prima summary::before{content:'+';display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1.5px solid currentColor;border-radius:50%;font-size:15px;line-height:1}
.gtcs-prima[open] summary::before{content:'\2013'}
.gtcs-prima summary:focus-visible{outline:3px solid #5421ce;outline-offset:3px;border-radius:4px}
.gtcs-prima-griglia{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}
.gtcs-prima-voce{margin:0;width:180px;display:flex;flex-direction:column}
.gtcs-prima-voce img{display:block;width:100%;height:auto;border-radius:13px;box-shadow:0 4px 14px rgba(25,20,45,.12)}
.gtcs-prima .gtcs-dida{margin:8px 0 0;font-size:13px;line-height:1.35;opacity:.8}
.row.gtcs-viola .gtcs-prima summary{color:#fff}
.row.gtcs-viola .gtcs-prima summary:focus-visible{outline-color:#fff}
.row.gtcs-lime .gtcs-prima summary,.row.gtcs-corallo .gtcs-prima summary{color:#111}

@media (max-width:720px){
  .gtcs-galleria .gtcs-suggerimento{font-size:13px}
  .gtcs-galleria .gtcs-frecce button{width:42px;height:42px}
  .gtcs-galleria .gtcs-pista{gap:16px;padding:20px 20px 32px 5px;margin-right:-20px;scroll-padding-inline:0}
  .gtcs-galleria .gtcs-voce{scroll-snap-align:center}
  .gtcs-galleria .gtcs-voce img.gtcs-img{max-height:min(68vh,470px);border-radius:16px}
}
@media (prefers-reduced-motion:reduce){
  .gtcs-galleria .gtcs-pista{scroll-behavior:auto}
}

/* pagine in inglese: copy originale italiana dell'interfaccia, in una tendina */
.gtcs-originale .gtcs-originale-testo{margin-top:12px;padding-left:14px;border-left:2px solid #d9cdfb}
.gtcs-originale .gtcs-originale-testo p,.gtcs-originale .gtcs-originale-testo li{font-family:NHaasGroteskTXPro-55Rg,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;color:#595959;margin:0 0 8px}
.gtcs-originale .gtcs-originale-testo ol{margin:0;padding-left:20px}
.row.gtcs-viola .gtcs-originale .gtcs-originale-testo p,.row.gtcs-viola .gtcs-originale .gtcs-originale-testo li{color:#e9e3ff}
.row.gtcs-corallo .gtcs-originale .gtcs-originale-testo p,.row.gtcs-corallo .gtcs-originale .gtcs-originale-testo li{color:#111}