/* /server-hosting/ · stili solo di questa pagina (body.pg-server-hosting). */

/* prezzi: il prezzo con «€» resta su una riga, la nota «IVA inclusa» in evidenza */
.pg-server-hosting .pn-prezzo b{white-space:nowrap}
.pg-server-hosting .pn-nota{color:var(--rosso-scuro)}
.pg-server-hosting .piani{margin-top:12px}
.pg-server-hosting #piani .nota{margin-top:clamp(28px,3vw,40px)}
.pg-server-hosting #piani .nota a{color:var(--rosso-scuro);font-weight:700}

/* tabella dei tagli: barra proporzionale allo spazio (scala logaritmica, solo grafica) */
.sh-gb{display:inline-flex;align-items:center;gap:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.sh-gb i{display:block;width:72px;height:6px;border-radius:6px;background:linear-gradient(var(--rosso),var(--rosso)) 0 0/calc(var(--gb,0)*100%) 100% no-repeat,var(--linea)}
@media (max-width:640px){.pg-server-hosting .tabella{min-width:0;font-size:16px}.pg-server-hosting .tabella th,.pg-server-hosting .tabella td{padding:12px 14px}}
@media (max-width:480px){.sh-gb i{display:none}}

/* parametri della posta */
.sh-posta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.sh-pr{display:flex;flex-direction:column;background:var(--notte-2);border-radius:var(--r);padding:clamp(22px,2.4vw,30px);box-shadow:0 0 0 1px #2A2D35 inset}
.sh-pr--top{box-shadow:0 0 0 2px var(--brace) inset}
.sh-pr-testa h3{font:800 clamp(30px,2.8vw,40px)/1 var(--f-tit);letter-spacing:-.03em;color:#fff}
.sh-pr-testa p{margin-top:8px;font:500 13px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--brace)}
.sh-pr dl{margin:22px 0 0}
.sh-pr dl>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:12px 0;border-top:1px solid #2A2D35}
.sh-pr dt{font-size:15px;color:var(--cenere)}
.sh-pr dd{display:flex;align-items:center;gap:10px;margin:0}
.sh-pr code{font:500 17px/1.2 var(--f-mono);color:#fff;font-variant-numeric:tabular-nums}
.sh-copia{min-height:32px;padding:0 12px;border-radius:999px;border:1px solid #3A3D46;background:transparent;color:var(--nebbia);font:500 12px/1 var(--f-mono);letter-spacing:.04em;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}
.sh-copia:hover{border-color:var(--brace);color:#fff}
.sh-copia.ok{background:var(--brace);border-color:var(--brace);color:var(--notte)}
.sh-pr-nota{margin-top:auto;padding-top:16px;font-size:16px;color:var(--nebbia)}
.sh-pr-nota strong{color:#fff}
.sh-sicura{margin-top:clamp(24px,3vw,36px);display:grid;grid-template-columns:auto 1fr;gap:6px 24px;align-items:baseline;border-left:3px solid var(--brace);padding:4px 0 4px 22px;max-width:62em}
.sh-sicura-t{font:700 19px/1.3 var(--f-tit);color:#fff}
.sh-sicura p:not(.sh-sicura-t){color:var(--nebbia)}
.sh-sicura a{color:#fff;font-weight:700}
@media (max-width:1023px){.sh-posta{grid-template-columns:1fr;max-width:560px}.sh-sicura{grid-template-columns:1fr}}

/* caratteristiche: link nel testo */
.pg-server-hosting #caratteristiche .sc-p a{color:var(--rosso-scuro);font-weight:700}
.pg-server-hosting #insieme .h2{max-width:22ch}

/* 22/10/2026 listino di domini, posta e PEC, server virtuali (dal catalogo): tre riquadri affiancati, uno sotto l'altro sul telefono */
.sh-listino{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.sh-lst{background:var(--bianco);border:1px solid var(--linea);border-radius:var(--r);padding:clamp(20px,2.4vw,28px);display:flex;flex-direction:column;gap:10px;min-width:0;scroll-margin-top:90px}
.sh-lst h3{font-family:var(--f-tit);font-size:22px;margin:0}
.sh-lst>p{margin:0;color:var(--ferro);font-size:16px;line-height:1.5}
.sh-lst ul{list-style:none;margin:6px 0 0;padding:0;display:grid}
.sh-lst li{display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid var(--linea)}
.sh-lst li span{font-weight:700;min-width:0}
.sh-lst li b{font:800 20px/1.1 var(--f-tit);white-space:nowrap}
.sh-lst li small{grid-column:1/-1;color:var(--ferro);font-size:14px}
@media (max-width:900px){.sh-listino{grid-template-columns:minmax(0,1fr);max-width:560px}}