/* Riquadro "Trova la tua zona" sulle pagine informative, modelli e guide (_bozze/zona-box/inserisci.py) */
.zb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px;align-items:start;margin:4px 0 34px;padding:28px 30px;
  border-radius:24px;color:#eef1fb;background:radial-gradient(110% 90% at 0% 0%,#22397f,transparent 60%),
  radial-gradient(90% 80% at 100% 100%,rgba(194,119,47,.3),transparent 60%),linear-gradient(140deg,#0b1434,#13235a);
  box-shadow:0 30px 60px -36px rgba(13,24,64,.7);font-family:inherit}
.zb-k{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#e8a766}
.zb .zb-h{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.45rem,2.6vw,1.9rem);font-weight:600;line-height:1.12;color:#fff;margin:8px 0 10px}
.zb .zb-p{font-size:.95rem;line-height:1.6;color:rgba(238,241,251,.82);margin:0 0 18px}
.zb-cta{display:inline-block;background:#e8a766;color:#0d1840!important;font-weight:700;font-size:.92rem;padding:11px 20px;border-radius:30px;text-decoration:none!important;transition:.2s}
.zb-cta:hover{background:#fff}
.zb .zb-zl{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(238,241,251,.55);margin:0 0 10px}
.zb-rs{position:relative;display:flex;flex-wrap:wrap;gap:6px}
.zb-r{display:inline-block}
.zb-r summary{list-style:none;cursor:pointer;font-size:.84rem;font-weight:600;color:#fff;padding:6px 12px;border-radius:20px;
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);transition:.2s;user-select:none}
.zb-r summary::-webkit-details-marker{display:none}
.zb-r summary span{font-size:.7rem;color:rgba(238,241,251,.5);margin-left:3px}
.zb-r summary:hover{border-color:#e8a766}
.zb-r[open] summary{background:#e8a766;border-color:#e8a766;color:#0d1840}
.zb-r[open] summary span{color:#0d1840}
.zb-r>div{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;display:flex;flex-wrap:wrap;gap:6px;padding:14px;border-radius:16px;background:#13235a;border:1px solid rgba(232,167,102,.5);box-shadow:0 24px 50px -20px rgba(0,0,0,.6)}
.zb-r>div a{font-size:.86rem;color:#fff!important;text-decoration:none!important;padding:5px 11px;border-radius:16px;background:rgba(255,255,255,.08);transition:.2s}
.zb-r>div a:hover{background:#fff;color:#0d1840!important}
@media(max-width:760px){.zb{grid-template-columns:1fr;padding:22px 20px;gap:18px}}