/* Diario pubblico – stile (si appoggia a style.css) */
.dr-colonna{max-width:760px}
.dr-stato{color:var(--muted,#5A6272);margin:0 0 1.25rem}
.dr-voce{background:#fff;border:1px solid var(--line,#D9DEE8);border-radius:var(--radius,14px);padding:1.25rem 1.25rem 1rem;margin:0 0 1.5rem}
.dr-quando{display:flex;flex-wrap:wrap;gap:.25rem .75rem;align-items:baseline;margin:0 0 .35rem;color:var(--muted,#5A6272);font-size:.95rem}
.dr-tappa{display:inline-block;background:var(--soft,#EAEFF7);color:var(--navy,#1B2B4B);font-weight:700;font-size:.82rem;padding:.05rem .65rem;border-radius:999px}
.dr-voce h2{font-size:clamp(1.3rem,4vw,1.7rem);margin:.15rem 0 .75rem}
.dr-testo p{margin:0 0 1rem;max-width:68ch}
.dr-foto{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:.5rem 0 .25rem;padding:0;list-style:none}
.dr-foto a{display:block;border-radius:10px;overflow:hidden;background:var(--soft,#EAEFF7);line-height:0;cursor:zoom-in;position:relative}
.dr-foto img{width:100%;height:150px;object-fit:cover;display:block;transition:transform .25s ease}
.dr-foto a:hover img{transform:scale(1.05)}
.dr-foto a:focus-visible{outline:3px solid var(--gold,#E0A93B);outline-offset:3px}
.dr-altri{text-align:center;margin:1.5rem 0 0}
@media (prefers-reduced-motion:reduce){.dr-foto img{transition:none}.dr-foto a:hover img{transform:none}}

/* ===== Visualizzatore a schermo intero (carosello) ===== */
html.lb-aperto{overflow:hidden}

.lb{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;
  background:rgba(8,12,22,.96);color:#fff;overflow:hidden;overscroll-behavior:contain}
@supports (height:100dvh){.lb{height:100dvh}}
.lb::backdrop{background:rgba(8,12,22,.96)}
.lb[open]{display:flex;flex-direction:column}

.lb-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.6rem .9rem;padding-top:max(.6rem,env(safe-area-inset-top));min-height:64px}
.lb-conta{font-weight:700;font-size:.95rem;letter-spacing:.04em;padding:.25rem .8rem;border-radius:999px;background:rgba(255,255,255,.14)}
.lb-conta[hidden]{display:none}

.lb-chiudi,.lb-nav{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;
  color:#fff;background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.55);padding:0;font:inherit}
.lb-chiudi{width:48px;height:48px;flex:0 0 48px;margin-left:auto}
.lb-chiudi:hover,.lb-nav:hover{background:rgba(255,255,255,.28)}
.lb-chiudi:focus-visible,.lb-nav:focus-visible{outline:3px solid var(--gold,#E0A93B);outline-offset:3px}

.lb-stage{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;
  padding:0 5rem;touch-action:pinch-zoom}
.lb-fig{position:relative;margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;will-change:transform}
.lb-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;
  background:#101828;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:filter .2s}
.lb-img.lb-attesa{filter:blur(3px) brightness(.85)}

.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;z-index:2}
.lb-nav[hidden]{display:none}
.lb-prec{left:1rem}
.lb-succ{right:1rem}

.lb-did{margin:0 auto;padding:.75rem 1.25rem;padding-bottom:max(.9rem,env(safe-area-inset-bottom));max-width:60rem;max-height:6.5rem;
  overflow:auto;text-align:center;font-size:1rem;line-height:1.45;color:#E8EDF7}
.lb-did[hidden]{display:none}

.lb-spin{position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;
  border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:lbGira .8s linear infinite;pointer-events:none}
.lb-spin[hidden]{display:none}
.lb-err{position:absolute;left:50%;bottom:.5rem;transform:translateX(-50%);margin:0;padding:.4rem .9rem;border-radius:8px;
  background:rgba(0,0,0,.65);font-size:.92rem;text-align:center;max-width:90%}
.lb-err[hidden]{display:none}

.lb-entra{animation:lbEntra .22s ease-out}
@keyframes lbEntra{from{opacity:0;transform:translateX(var(--lb-dx,0))}to{opacity:1;transform:none}}
@keyframes lbGira{to{transform:rotate(360deg)}}

/* Telefono: foto a tutta larghezza, frecce piu' piccole e trasparenti (si scorre anche con il dito) */
@media (max-width:700px){
  .lb-stage{padding:0 .25rem}
  .lb-top{min-height:56px;padding:.4rem .7rem;padding-top:max(.4rem,env(safe-area-inset-top))}
  .lb-nav{width:46px;height:46px;background:rgba(0,0,0,.45);border-color:rgba(255,255,255,.4)}
  .lb-prec{left:.35rem}
  .lb-succ{right:.35rem}
  .lb-img{border-radius:4px}
  .lb-did{padding:.6rem 1rem;padding-bottom:max(.8rem,env(safe-area-inset-bottom));font-size:.95rem;max-height:5.5rem}
}
@media (max-height:480px) and (orientation:landscape){
  .lb-top{min-height:48px;padding-top:.25rem;padding-bottom:.25rem}
  .lb-did{max-height:3.2rem;padding-top:.3rem}
}
@media (prefers-reduced-motion:reduce){
  .lb-entra{animation:none}
  .lb-spin{animation-duration:2s}
  .lb-img{transition:none}
}