/* FASE 2 — interfaccia configuratore, solo presentazione; nessun dato o flusso alterato */
:root{--pool-accent:#087db8;--pool-ink:#12354b;--pool-muted:#637b89;--pool-border:#dcebf1}
#contenutoForm{background:linear-gradient(180deg,#f1f9fc 0%,#fff 34%);padding:24px clamp(12px,2.5vw,32px) 42px;border:1px solid #e0edf4;border-radius:26px;box-shadow:0 20px 55px rgba(14,69,104,.08);margin:22px auto 48px;max-width:1220px}
#contenutoForm .container_12{max-width:100%;width:100%;margin:auto}#contenutoForm .grid_12{max-width:100%;width:100%;float:none;box-sizing:border-box;margin-left:0;margin-right:0}
#contenutoForm .navigazione{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none!important;margin:0 0 30px!important;padding:0!important;background:transparent!important;width:100%!important;overflow:visible!important}
#contenutoForm .navigazione>li{display:block!important;float:none!important;min-width:0!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;opacity:.6}
#contenutoForm .navigazione>li.attivo,#contenutoForm .navigazione>li.corrente,#contenutoForm .navigazione>li.ultimoCorrente{opacity:1}
#contenutoForm .navigazione>li .step{width:auto!important;min-height:70px!important;height:auto!important;display:flex!important;align-items:center;gap:10px;padding:12px!important;background:#fff!important;border:1px solid var(--pool-border)!important;border-radius:14px!important;box-shadow:none!important;box-sizing:border-box!important}
#contenutoForm .navigazione .numero{display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#e8f4fa!important;color:var(--pool-ink)!important;margin:0!important;float:none!important}
#contenutoForm .navigazione .numero span{color:inherit!important;font-size:14px!important;font-weight:800!important;line-height:1!important}
#contenutoForm .navigazione .testo{font-size:13px!important;font-weight:700!important;line-height:1.3!important;color:var(--pool-ink)!important;text-align:left!important;float:none!important;width:auto!important;white-space:normal!important}
#contenutoForm .navigazione>li.corrente .step,#contenutoForm .navigazione>li.ultimoCorrente .step{border-color:#55b4df!important;background:#edf8fe!important;box-shadow:0 5px 18px #087db81a!important}
#contenutoForm .navigazione>li.corrente .numero,#contenutoForm .navigazione>li.ultimoCorrente .numero{background:#087db8!important;color:#fff!important}
#contenutoForm h2.titolo{font-size:clamp(23px,3vw,34px)!important;max-width:920px;margin:20px auto 24px!important;text-align:center!important}
#contenutoForm h3.titolo{font-size:clamp(18px,2vw,23px)!important;font-weight:750!important;margin:26px 0 15px!important}
#contenutoForm ul[id$="_lista"]{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:16px;list-style:none!important;padding:8px 0 20px!important;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}
#contenutoForm ul[id$="_lista"]>li.bottone{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:9px!important;min-height:170px!important;height:auto!important;width:auto!important;max-width:100%!important;float:none!important;margin:0!important;padding:16px 12px!important;background:#fff!important;color:var(--pool-ink)!important;border:2px solid var(--pool-border)!important;border-radius:18px!important;box-shadow:0 5px 18px #0a476b0d!important;text-align:center!important;font-size:13px!important;font-weight:750!important;line-height:1.4!important;cursor:pointer!important;transition:transform .2s,border-color .2s,box-shadow .2s!important;box-sizing:border-box!important;overflow:hidden!important}
#contenutoForm ul[id$="_lista"]>li.bottone img{display:block!important;max-width:100%!important;width:auto!important;max-height:250px!important;height:auto!important;object-fit:contain!important;margin:0 auto!important;border:0!important;box-shadow:none!important}
#contenutoForm ul[id$="_lista"]>li.bottone:hover{border-color:#67bde1!important;transform:translateY(-3px)!important;box-shadow:0 12px 30px #087db81f!important}
#contenutoForm ul[id$="_lista"]>li.bottone.active,#contenutoForm ul[id$="_lista"]>li.bottone.selezionato,#contenutoForm ul[id$="_lista"]>li.bottone.is-selected{border-color:#087db8!important;background:#f0f9ff!important;box-shadow:0 0 0 3px #087db81a!important}
#contenutoForm ul[id$="_lista"]>li.bottone.active:after,#contenutoForm ul[id$="_lista"]>li.bottone.selezionato:after,#contenutoForm ul[id$="_lista"]>li.bottone.is-selected:after{content:'✓';position:absolute;top:9px;right:9px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#087db8;color:white;font-size:15px}
#contenutoForm #comandi{display:flex!important;gap:12px!important;justify-content:center!important;flex-wrap:wrap!important;padding:16px 0!important}
#contenutoForm #comandi .btn,#contenutoForm a[id^="next"],#contenutoForm a[id^="back"]{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px!important;min-width:145px;padding:12px 22px!important;border-radius:13px!important;font-weight:750!important;text-decoration:none!important}
#contenutoForm .btn-primary{background:#087db8!important;border-color:#087db8!important;color:#fff!important}#contenutoForm .btn-danger{background:#fff!important;border:1px solid #cadce7!important;color:#284d64!important}
#contenutoForm #configurazione,#contenutoForm #box3d,#contenutoForm #contatto{max-width:100%;box-sizing:border-box}#contenutoForm #contatto{background:#fff;border:1px solid #deebf2;border-radius:18px;padding:clamp(14px,3vw,28px)}
#contenutoForm img{max-width:100%;height:auto}#contenutoForm .separatore{border-color:#e4eef3!important}
@media(max-width:900px){#contenutoForm .navigazione{gap:5px}#contenutoForm .navigazione>li .step{padding:9px 6px!important;min-height:65px!important;flex-direction:column!important;justify-content:center!important}#contenutoForm .navigazione .testo{text-align:center!important;font-size:11px!important}#contenutoForm ul[id$="_lista"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:540px){#contenutoForm{border-radius:15px;padding:14px 10px 28px;margin:12px 0 28px}#contenutoForm .navigazione .testo{font-size:9px!important;overflow-wrap:anywhere}#contenutoForm .navigazione .numero{width:27px!important;height:27px!important;flex-basis:27px!important}#contenutoForm ul[id$="_lista"]>li.bottone{min-height:135px!important;padding:10px 7px!important;font-size:11px!important}#contenutoForm ul[id$="_lista"]>li.bottone img{max-height:110px!important}#contenutoForm #comandi .btn{flex:1 1 125px!important;min-width:0!important}}
@media(prefers-reduced-motion:reduce){#contenutoForm ul[id$="_lista"]>li.bottone{transition:none!important}}