/* Banner contestuali – look coerente con il sito: Adelle per i titoli, Manrope per il testo,
   colori e raggi dal sito (--vb-*), con valori di riserva uguali ai suoi. */
.vbq{
	--q-inchiostro:var(--vb-inchiostro,#26495d);--q-mare:var(--vb-mare,#2d576f);--q-cielo:var(--vb-cielo,#4f95bd);
	--q-nebbia:var(--vb-nebbia,#e7f0f4);--q-grigio:var(--vb-grigio,#596b74);--q-arancio:var(--vb-arancio,#ee7d17);
	--q-bordo:var(--vb-bordo,rgba(38,73,93,.16));--q-raggio:var(--vb-raggio,18px);
	position:fixed;left:0;right:0;bottom:0;z-index:99990;box-sizing:border-box;
	padding:18px 0 calc(16px + env(safe-area-inset-bottom));
	background:#fff;color:var(--q-inchiostro);font-family:var(--vb-font-testo,"Manrope",system-ui,sans-serif);font-size:16px;line-height:1.4;
	border-radius:28px 28px 0 0;box-shadow:0 -18px 40px rgba(38,73,93,.25);
	animation:vbq-su .35s ease-out both;
}
.vbq[hidden]{display:none}
@keyframes vbq-su{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.vbq{animation:none}}
.vbq__testa{padding:0 64px 12px 20px}
.vbq__occhiello{margin:0 0 2px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--q-cielo)}
.vbq__titolo{margin:0;font-family:var(--vb-font-titoli,"Adelle",Georgia,serif);font-weight:400;font-size:22px;line-height:1.2;color:var(--q-inchiostro)}
.vbq__chiudi{position:absolute;top:10px;right:12px;width:44px;height:44px;border:1px solid var(--q-bordo);border-radius:50%;background:#fff;color:var(--q-inchiostro);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.vbq__chiudi:hover{background:var(--q-nebbia)}
.vbq__lista{margin:0;padding:2px 20px 6px;list-style:none;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.vbq__lista::-webkit-scrollbar{display:none}
.vbq__lista li{flex:0 0 min(70%,280px);scroll-snap-align:start;margin:0;padding:0}
.vbq__card{display:flex;flex-direction:column;height:100%;box-sizing:border-box;background:#fff;border:1px solid var(--q-bordo);border-radius:var(--q-raggio);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 6px 16px rgba(38,73,93,.08)}
.vbq__foto{position:relative;display:block;aspect-ratio:16/10;background:var(--q-nebbia)}
.vbq__foto img{display:block;width:100%;height:100%;object-fit:cover}
.vbq__pill{position:absolute;left:10px;top:10px;padding:5px 11px;border-radius:999px;background:var(--q-arancio);color:#1b1b1b;font-size:13px;font-weight:600;line-height:1.2}
.vbq__corpo{display:block;padding:12px 14px 14px}
.vbq__zona{display:block;font-size:13px;color:var(--q-cielo);margin-bottom:2px}
.vbq__nome{display:block;font-family:var(--vb-font-titoli,"Adelle",Georgia,serif);font-size:18px;line-height:1.2;color:var(--q-inchiostro)}
.vbq__riga{display:block;margin-top:6px;font-size:13px;color:var(--q-grigio)}
.vbq__card:hover .vbq__nome,.vbq__card:focus-visible .vbq__nome{text-decoration:underline;text-underline-offset:3px}
.vbq p{margin:0}
.vbq__tutti{display:flex;align-items:center;justify-content:center;text-align:center;height:100%;min-height:160px;box-sizing:border-box;padding:16px;border-radius:var(--q-raggio);background:var(--q-nebbia);color:var(--q-inchiostro);font-weight:700;text-decoration:none}
.vbq__tutti:hover{background:#d9e7ed}
.vbq a{text-decoration:none}
.vbq a:focus-visible,.vbq__chiudi:focus-visible{outline:3px solid var(--q-cielo);outline-offset:2px}
@media (min-width:768px){
	.vbq{left:auto;right:20px;bottom:20px;width:400px;border-radius:var(--vb-raggio-grande,28px);padding-top:20px}
	.vbq__lista li{flex-basis:260px}
}