/* /gestionale/ — solo quello che i componenti comuni non hanno: i quattro piani affiancati (stessa scheda dei piani di
   componenti.css e dei livelli di /prezzi-siti-web/), il confronto a due righe di intestazione, avvio ed extra */

/* i quattro piani */
.gs-piani{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);align-items:stretch;margin:0;padding:0}
.gs-piano{position:relative;display:flex;flex-direction:column;gap:14px;background:var(--bianco);border-radius:var(--r);padding:clamp(22px,2.2vw,30px);box-shadow:0 0 0 1px var(--linea) inset;min-width:0}
.gs-piano--top{box-shadow:0 0 0 2px var(--rosso) inset}
.gs-piano h3{font-family:var(--f-tit);font-size:26px;line-height:1.15;margin:0}
.gs-var{display:block;color:var(--rosso-scuro)}
.gs-per{color:var(--ferro);margin:0;font-size:16px;line-height:1.5}
.gs-prezzi{display:grid;margin:0;border-top:1px solid var(--linea)}
.gs-prezzi>div{display:grid;gap:4px;padding-block:10px;border-bottom:1px solid var(--linea)}
.gs-prezzi dt{font:500 12px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--rosso-scuro)}
.gs-prezzi dd{margin:0;color:var(--ferro);font-size:15px}
.gs-prezzi dd b{font:800 clamp(26px,2.2vw,32px)/1.05 var(--f-tit);letter-spacing:-.02em;color:var(--grafite);font-variant-numeric:proportional-nums}
.gs-sdi{margin:0;font-size:16px;line-height:1.4}
.gs-sdi b{font-family:var(--f-tit);font-size:19px}
.gs-piu{margin:0;font:500 12px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ferro)}
.gs-piano .sc-punti{margin-top:0}
.gs-senza{margin:0;font-weight:700;color:var(--ferro)}
.gs-senza span{color:var(--rosso);margin-right:4px}
.gs-piano .btn{margin-top:auto}
.gs-nota-ti{margin:14px 0 0 calc(50% + clamp(14px,1.6vw,22px) / 2);font:400 14px/1.5 var(--f-mono);color:var(--ferro)}
@media (max-width:1180px){.gs-piani{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.gs-piani{grid-template-columns:minmax(0,1fr);max-width:560px}.gs-nota-ti{margin-left:0}}

/* confronto: testo e spunte, non prezzi (componenti.css mette l'ultima colonna in grassetto e senza a capo) */
.gs-conf{margin-top:0}
.gs-conf .tabella{table-layout:fixed;min-width:0}
.gs-conf .gs-c1{width:40%}
.gs-conf .tabella thead th{text-align:center;vertical-align:bottom}
.gs-conf .tabella thead tr:first-child th[rowspan]{vertical-align:middle}
.gs-conf .tabella thead .gs-ti{border-bottom:1px solid var(--linea)}
.gs-conf .tabella thead td{background:var(--sabbia);border-bottom:1px solid var(--linea)}
.gs-conf .tabella td{text-align:center;font-family:var(--f-txt);font-weight:700;letter-spacing:0;white-space:normal;font-variant-numeric:normal}
.gs-conf .tabella td:last-child{font-family:var(--f-txt);white-space:normal}
.gs-conf .tabella td>span[aria-hidden]{color:var(--ferro);font-weight:400}
.gs-conf .tabella td .spunta{width:20px;height:20px;color:var(--rosso);vertical-align:middle}
.gs-conf .tabella tbody th{font-weight:400}
.gs-conf .gs-gr th{background:var(--carta);font:500 12px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--rosso-scuro);padding-top:18px}
@media (max-width:640px){
  .gs-conf .tabella{font-size:15px}
  .gs-conf .tabella th,.gs-conf .tabella td{padding:10px 2px}
  .gs-conf .tabella tbody th{padding:10px 6px 10px 12px}
  .gs-conf .tabella .gs-gr th{padding-left:12px}
  .gs-conf .gs-c1{width:38%}
  .gs-conf .tabella td{font-size:14px}
  .gs-conf .gs-eur{display:none}
  .gs-conf .tabella thead th{font-size:11px;letter-spacing:.04em}
  .gs-conf .tabella td .spunta{width:18px;height:18px}
}

/* avvio ed extra */
.gs-avvio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.gs-col{background:var(--bianco);border:1px solid var(--linea);border-radius:var(--r);padding:clamp(20px,3vw,28px);display:grid;gap:10px;align-content:start;min-width:0}
.gs-col-et{margin:0;font:500 12px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--rosso-scuro)}
.gs-col-prezzo{margin:0;color:var(--ferro)}
.gs-col-prezzo b{font:800 clamp(28px,2.6vw,36px)/1.05 var(--f-tit);letter-spacing:-.02em;color:var(--grafite)}
.gs-col ul{margin:0;padding-left:1.15em;display:grid;gap:6px;list-style:disc}
.gs-col li::marker{color:var(--rosso)}
.gs-extra{list-style:none;margin:clamp(24px,3vw,36px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.gs-extra li{display:grid;gap:4px;align-content:start;padding-top:14px;border-top:1px solid var(--linea);min-width:0}
.gs-extra span{font-family:var(--f-mono);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ferro)}
.gs-extra b{font-family:var(--f-tit);font-size:1.3rem;line-height:1.2}
.gs-extra small{font-size:.95rem;color:var(--ferro)}
@media (max-width:640px){.gs-avvio,.gs-extra{grid-template-columns:minmax(0,1fr)}}