/* Blog (25-09-2026): elenco, categorie, articolo. Vedi inc/blog.php. */
.blog{padding:40px 0 90px}
.blog--altri{padding-top:10px}
.blog--altri h2{font-size:clamp(1.6rem,2.8vw,2.2rem);margin-bottom:28px}
.bcats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.bcats__a{padding:9px 18px;border:1px solid var(--line);border-radius:999px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);transition:.25s}
.bcats__a:hover{border-color:var(--ink)}
.bcats__a.is-on{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--ink);transition:transform .3s,box-shadow .3s}
.bcard:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(28,23,20,.08)}
.bcard__media{display:block;aspect-ratio:87/50;background:var(--bg);overflow:hidden}
.bcard__img{width:100%;height:100%;object-fit:cover;display:block}
.bcard__body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 24px}
.bcard__meta{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);font-weight:600}
.bcard__title{font-family:var(--title);font-size:1.28rem;line-height:1.25}
.bcard__text{color:var(--ink-soft);font-size:.92rem;line-height:1.6}
.bempty{color:var(--ink-soft)}
.bpag{margin-top:44px;display:flex;justify-content:center}
.bpag .page-numbers{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;margin:0 3px;border:1px solid var(--line);border-radius:999px;padding:0 12px;color:var(--ink)}
.bpag .page-numbers.current{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.bpost{padding:44px 0 70px}
.bpost__img{max-width:870px;margin:0 auto 38px;border-radius:16px;overflow:hidden}
.bpost__img img{width:100%;height:auto;display:block}
.bpost__content{max-width:760px;margin:0 auto;font-size:1.04rem;line-height:1.8}
.bpost__content h2,.bpost__content h3{color:var(--ink);margin:1.6em 0 .6em;line-height:1.25}
.bpost__content p{margin:0 0 1.1em}
.bpost__content img{max-width:100%;height:auto;border-radius:10px}
.bpost__content ul,.bpost__content ol{margin:0 0 1.1em 1.2em}
@media (max-width:980px){.bgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.bgrid{grid-template-columns:1fr;gap:20px}.bpost{padding-top:28px}.bpost__content{font-size:1rem}}