/* Una sola compagna di viaggio: credenziale cartacea e piano personale. */
.v-intro{position:relative;isolation:isolate;overflow:hidden}
.v-intro::after{content:'';position:absolute;z-index:-1;width:440px;aspect-ratio:1;right:-150px;top:-240px;border:1px solid #d8bc8640;border-radius:50%;box-shadow:0 0 0 50px #d8bc8610,0 0 0 100px #d8bc8608;pointer-events:none}
.qr-benvenuto{font-size:clamp(17px,2vw,20px);margin-bottom:10px;max-width:56ch}
.v-intro #v-sintesi{color:#d2e0e5;font-size:14px}
.v-azioni .qr-vr{display:inline-flex;align-items:center;gap:12px;padding:11px 18px;min-height:48px;border:1px solid var(--oro);border-radius:6px;color:var(--carta);font-size:14px;font-weight:650;text-decoration:none}
.qr-vr svg{flex-shrink:0;color:var(--oro)}
.qr-vr small{display:block;font-size:12px;font-weight:400;color:#d2e0e5}
.v-azioni .qr-vr:hover{background:#d8bc861c}
.v-azioni .qr-vr:focus-visible{outline-color:var(--oro)}
.v-nav{gap:clamp(12px,3vw,40px);overflow-x:auto;justify-content:safe center;scrollbar-width:thin}
.v-nav a{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.qr-progress-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:22px 0 10px}
#as-conta{font-family:Georgia,serif;font-size:26px;line-height:1.25;color:var(--blu)}
.qr-progress-head>span{font-size:12px;color:var(--pietra)}
#as-barra{height:5px;background:var(--bordo);border-radius:8px;overflow:hidden;margin-bottom:20px}
#as-riempi{width:0;height:100%;background:var(--lago);transition:width .2s}
#registro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.borgo-voce{display:flex;align-items:center;gap:12px;min-width:0;min-height:82px;border:1px solid var(--bordo);border-radius:7px;background:#fffdf7;padding:13px;text-align:left;color:var(--blu)}
.bv-cerchio{flex:0 0 32px;width:32px;height:32px;border:1px solid var(--bordo);border-radius:50%;display:grid;place-items:center;color:var(--pietra);font-size:12px}
.bv-info{min-width:0;display:grid;gap:3px;line-height:1.4}
.bv-info b{font-size:14px;font-weight:650;overflow-wrap:anywhere}
.bv-info small{font-size:12px;color:var(--pietra)}
.borgo-voce[aria-pressed=true]{background:#e7f0f1;border-color:var(--lago)}
.borgo-voce[aria-pressed=true] .bv-cerchio{background:var(--lago);border-color:var(--lago);color:#fff;font-size:18px}
#qr-salvataggio{font-size:13px;color:var(--pietra);min-height:1.65em;margin:12px 0}
.qr-fine{padding:20px;border:1px solid var(--oro);border-radius:7px;background:#f0e9da;margin-top:16px}
.qr-fine strong{display:block;color:var(--blu);margin-bottom:6px}
.v-map-point.visitato{fill:var(--oro);stroke:#806031}
#v-svg{overflow:hidden;background:#f5f3ed}
.v-map-base{pointer-events:none}
.v-map-halo{fill:none;stroke:#fffdf7;stroke-width:7;stroke-linejoin:round;stroke-linecap:round;opacity:.9}
.v-map-route{stroke:var(--blu);stroke-width:3}
.v-map-credit{display:flex;justify-content:space-between;gap:6px 14px;flex-wrap:wrap;padding:8px 18px;font-size:12px;line-height:1.5;background:#fffdf7;color:var(--pietra);border-top:1px solid var(--bordo)}
.v-map-credit a{color:var(--lago);padding-block:4px}
.qr-legenda{display:flex;flex-wrap:wrap;gap:16px;padding:14px 24px;font-size:12px;color:var(--pietra)}
.qr-legenda span{display:flex;align-items:center;gap:6px}
.qr-legenda i{width:10px;height:10px;border-radius:50%;background:var(--oro);border:1px solid #806031}
.qr-legenda i.qr-linea{height:3px;width:18px;background:var(--lago);border:0;border-radius:0}
.qr-details{margin-top:20px;border-block:1px solid var(--bordo)}
.qr-details>summary{padding:16px 0;cursor:pointer;color:var(--blu);font-weight:600;min-height:48px}
.qr-details>div{padding-bottom:20px}
.qr-details ol{padding-left:24px}.qr-details li+li{margin-top:12px}
.qr-details p,.qr-details li{font-size:14px}
.qr-tappa{margin-top:10px;border:1px solid var(--bordo);border-radius:7px;background:#fffdf7;overflow:hidden}
.qr-tappa>summary{cursor:pointer;min-height:60px;padding:16px;color:var(--blu);font-size:15px;font-weight:600;line-height:1.5}
.qr-tappa>summary span{display:block;font-weight:400;color:var(--pietra);font-size:13px;margin-top:4px}
.qr-tappa>div{padding:0 18px 18px;font-size:14px}
.qr-profilo-scroll{overflow-x:auto;overscroll-behavior-x:contain}
.qr-profile{width:100%;min-width:700px;display:block;margin:15px 0;color:var(--lago)}
.qr-profile text{font:24px system-ui,sans-serif;fill:var(--pietra)}
.qr-comunita{padding-top:44px;margin-bottom:42px}
.qr-community-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;margin-top:22px}
.qr-facebook{display:block;padding:26px;border-radius:8px;background:var(--blu);color:var(--carta);text-decoration:none}
.qr-facebook strong{display:block;font:26px/1.25 Georgia,serif;color:var(--oro);margin-bottom:10px}
.qr-facebook span{display:block;margin-top:18px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.qr-social{display:flex;flex-wrap:wrap;gap:10px 22px;margin:16px 0}.qr-social a{padding:7px 0;min-height:44px}
.qr-aiuto{padding:24px;border:1px solid var(--bordo);border-radius:8px}
.qr-aiuto h3{margin-bottom:12px}.qr-aiuto a{overflow-wrap:anywhere}
.qr-citazione{margin:36px 0 0;max-width:60ch;border-left:2px solid var(--oro);padding-left:22px;font:italic 23px/1.5 Georgia,serif;color:var(--blu)}
.qr-citazione cite{display:block;margin-top:10px;font:12px/1.5 system-ui,sans-serif;color:var(--pietra)}
.qr-noscript{padding-block:20px}
@media(max-width:850px){#qr-registro{order:0}#qr-percorso{order:5}.qr-community-grid{grid-template-columns:1fr}.v-nav{justify-content:flex-start;gap:18px;padding-block:8px}.v-sezione{scroll-margin-top:65px}}
@media(max-width:380px){#registro{grid-template-columns:1fr}.qr-progress-head{align-items:start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){#as-riempi{transition:none}}