/* Calcolatore del costo del trasloco (/calcola-costo-trasloco): solo questa pagina, richiamato con l'impronta calc_asset_version */
.cc-lead{font-size:17px;color:var(--mute);margin:6px 0 18px}
.cc{border:1px solid var(--line);border-radius:16px;background:#fff;padding:20px 22px;box-shadow:0 8px 24px rgba(20,36,58,.07)}
.cc-q{margin:0 0 16px}.cc-q b{display:block;margin:0 0 8px;font-size:16px}
.cc-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cc-opt{display:flex;flex-wrap:wrap;gap:8px}
.cc-opt button{font:inherit;font-size:14px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;cursor:pointer}
.cc-opt button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.cc select{font:inherit;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.cc-chk{display:flex;align-items:center;gap:8px;font-size:14.5px;margin:8px 0 0;font-weight:400}
.cc-chk input{width:auto;box-shadow:none}
.cc-chks{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.cc-res{margin-top:8px;border-radius:14px;background:var(--hero);padding:16px 18px}
.cc-base span,.cc-meter span{display:block;font-size:13px;color:var(--mute)}
.cc-base strong{font-size:28px;color:var(--brand-d);line-height:1.2}
.cc-base small{display:block;font-size:13px;color:var(--mute)}
.cc-meter{margin:14px 0 8px}
.cc-bar{position:relative;height:10px;border-radius:5px;background:linear-gradient(90deg,#5aa02c,#f2c14e,#e2733b);margin:6px 0}
.cc-bar i{position:absolute;top:-4px;width:6px;height:18px;border-radius:3px;background:#14243a;transition:left .25s}
.cc-meter b{font-size:15px}
.cc-fattori{list-style:none;padding:0;margin:8px 0 14px;font-size:14.5px}
.cc-fattori li{padding:4px 0 4px 26px;position:relative}
.cc-fattori li:before{position:absolute;left:0;top:3px;font-weight:700}
.cc-fattori li.up:before{content:"\25B2";color:#e2733b}
.cc-fattori li.ok:before{content:"\2713";color:#5aa02c}
.cc-go{display:block;text-align:center}
.cc-note{font-size:12.5px;color:var(--mute);margin:10px 0 0}
@media (max-width:640px){.cc-row,.cc-chks{grid-template-columns:1fr}.cc{padding:16px}}
.cc-small button{padding:6px 12px;min-width:48px}
.cc-asc{margin-top:8px;align-items:center}
.cc-asc span{font-size:14px;color:var(--mute);margin-right:4px}
.cc-nums{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cc-tua strong{color:#14243a}
.cc-fattori li.parte:before{content:"+";color:#1498d5}
.cc-mesi{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;height:130px;margin:22px 0 4px}
.cc-mesi div{background:#dfe9f2;border-radius:6px 6px 0 0;position:relative}
.cc-mesi div.top{background:var(--brand)}
.cc-mesi div span{position:absolute;top:-18px;left:0;right:0;text-align:center;font-size:11px;color:var(--mute)}
.cc-mesi-l{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;font-size:11.5px;color:var(--mute);text-align:center}
@media (max-width:640px){.cc-nums{grid-template-columns:1fr}.cc-base strong{font-size:26px}}
.cc-trust{font-size:13.5px;color:var(--mute);margin:-8px 0 16px}
.cc-stima-box span{display:block;font-size:13px;color:var(--mute)}
.cc-stima-box strong{display:block;font-size:32px;color:#14243a;line-height:1.15}
.cc-stima-box small{display:block;font-size:13px;color:var(--mute)}
.cc-basel{margin:8px 0 0;font-size:14px;color:var(--mute)}.cc-basel b{color:var(--brand-d)}
.cc-dopo{margin:8px 0 6px;font-size:13.5px;color:var(--mute);text-align:center}
.cc-incl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 18px}
.cc-incl div{border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.cc-incl ul{margin:6px 0 0;padding-left:18px;font-size:14.5px}
.cc-fisso{display:none}
@media (max-width:900px){
  .cc-fisso{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 14px;background:rgba(255,255,255,.97);box-shadow:0 -6px 18px rgba(20,36,58,.12);gap:10px;align-items:center;transition:transform .2s}
  .cc-fisso.off{transform:translateY(110%)}
  .cc-fisso div{flex:1;font-size:12px;color:var(--mute)}.cc-fisso b{display:block;font-size:16px;color:#14243a}
}
@media (max-width:640px){.cc-incl{grid-template-columns:1fr}.cc-stima-box strong{font-size:26px}}
@media (max-width:900px){.lr-grid{display:flex;flex-direction:column}.lr-grid>.lr-side{order:2}}
/* tre passi: cerchi numerati uniti da una linea */
.cc-passi{display:flex;margin:14px 0 12px;padding:0;list-style:none;counter-reset:p}
.cc-passi li{flex:1;position:relative;text-align:center;padding:0 4px;counter-increment:p}
.cc-passi li:before{content:counter(p);display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 auto 6px;border-radius:50%;background:var(--brand-d);color:#fff;font-weight:700;font-size:14px;position:relative;z-index:1;box-shadow:0 0 0 4px var(--hero)}
.cc-passi li:after{content:"";position:absolute;top:15px;left:50%;width:100%;height:2px;background:#bcd6ee}
.cc-passi li:last-child:after{display:none}
.cc-passi b{display:block;font-size:13.5px;color:#14243a;line-height:1.25}
.cc-passi span{display:block;font-size:12px;color:var(--mute);line-height:1.3;margin-top:2px}
@media (max-width:640px){
  .cc-passi{flex-direction:column;gap:12px}
  .cc-passi li{text-align:left;padding:0 0 0 42px;min-height:30px}
  .cc-passi li:before{position:absolute;left:0;top:0;margin:0}
  .cc-passi li:after{top:30px;left:14px;width:2px;height:calc(100% - 18px)}
}
@media (max-width:900px){body.pv2{padding-bottom:64px}}