/* ES Informatica — blog (index/archive + single) nel design ES */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--card-sh);transition:.3s}
.post-card:hover{transform:translateY(-6px);box-shadow:0 24px 44px -16px rgba(20,50,120,.22);border-color:#c7d8f5}
.post-card__thumb{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#dbe7fb,#eaf1fd);overflow:hidden}
.post-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.post-card__thumb--empty{display:grid;place-items:center;color:#9db4e8}
.post-card__body{display:flex;flex-direction:column;gap:10px;padding:22px 22px 24px;flex:1}
.post-card__meta{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--blue)}
.post-card__title{font-size:17px;font-weight:700;line-height:1.35;color:var(--ink)}
.post-card:hover .post-card__title{color:var(--blue)}
.post-card__excerpt{font-size:13.5px;line-height:1.6;color:var(--muted);flex:1}
.post-card__more{font-size:13px;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:7px;margin-top:2px}

/* single post */
.single-head{max-width:820px;margin:0 auto;text-align:center}
.single-head .post-card__meta{display:block;margin-bottom:14px}
.single-head h1{font-size:clamp(30px,3.6vw,46px);line-height:1.14;letter-spacing:-1px;font-weight:800}
.single-meta{margin-top:18px;font-size:13.5px;color:var(--muted);display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.single-hero-img{max-width:960px;margin:34px auto 0;border-radius:22px;overflow:hidden;box-shadow:var(--card-sh)}
.single-hero-img img{width:100%;display:block}

/* paginazione */
.es-pagination{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:48px}
.es-pagination .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:600;color:var(--ink-2);transition:.2s}
.es-pagination .page-numbers:hover{border-color:var(--blue);color:var(--blue)}
.es-pagination .page-numbers.current{background:var(--blue);border-color:var(--blue);color:#fff}

@media(max-width:1020px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr}}