/* ============================================================
   E-Calor — stile pagine interne (comuni + blog)
   Usa le variabili di style.css
   ============================================================ */

.breadcrumb{font-size:.85rem;color:var(--ink-soft);padding:16px 0}
.breadcrumb a{color:var(--ice-3);font-weight:500}
.breadcrumb span{margin:0 6px;opacity:.5}

/* Hero compatto per sottopagine */
.subhero{
  background:
    radial-gradient(900px 420px at 90% -10%, rgba(92,200,245,.2), transparent 60%),
    radial-gradient(700px 380px at 0% 0%, rgba(242,96,12,.14), transparent 55%),
    var(--bg-alt);
  padding:40px 0 48px}
.subhero h1{font-size:clamp(1.7rem,3.6vw,2.6rem);margin-bottom:.35em}
.subhero .lead{font-size:1.12rem;color:var(--ink-soft);max-width:60ch}
.subhero .hero-cta{margin-top:22px}

/* Corpo articolo */
.article{padding:48px 0}
.article-body{max-width:740px;margin:0 auto}
.article-body h2{font-size:1.5rem;margin:1.6em 0 .5em}
.article-body h3{font-size:1.2rem;margin:1.4em 0 .4em}
.article-body p{font-size:1.06rem;color:#2c333f}
.article-body ul,.article-body ol{padding-left:1.3em;color:#2c333f}
.article-body li{margin-bottom:.5em}
.article-meta{color:var(--ink-soft);font-size:.9rem;margin-bottom:8px}
.article-body .callout{
  background:#fff6f0;border:1px solid #ffd9c2;border-radius:var(--radius-sm);
  padding:18px 20px;margin:1.6em 0}
.article-body .callout strong{color:var(--fire-3)}
.article-cta{
  background:var(--bg-dark);color:#fff;border-radius:var(--radius);
  padding:30px;margin:2.4em auto 0;max-width:740px;text-align:center}
.article-cta h3{color:#fff;font-size:1.3rem}
.article-cta p{color:#c2ccdb;margin-bottom:18px}

/* Lista blog */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.post-card .post-top{height:8px;background:var(--fire-grad)}
.post-card .post-in{padding:22px}
.post-card h3{font-size:1.12rem;margin-bottom:.4em}
.post-card p{color:var(--ink-soft);font-size:.95rem;margin:0 0 14px}
.post-card .card-link{color:var(--fire-3);font-weight:600}

/* Box comuni vicini */
.nearby{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.nearby a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.45em 1em;
  font-size:.92rem;font-weight:500;color:var(--ink-soft)}
.nearby a:hover{border-color:var(--ice-2);color:var(--ice-3)}

@media (max-width:980px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.post-grid{grid-template-columns:1fr}.article-body p{font-size:1rem}}