/* Blog — llistat i article */
.blog-list-head{padding-block:var(--sp-5) var(--sp-3);text-align:center;background:var(--sand-deep)}
.blog-list-head .container{max-width:820px}
.blog-list-head h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:.4rem 0 var(--sp-2)}
.blog-list-head .lede{margin-inline:auto}
.blog-list{padding-block:var(--sp-4) var(--sp-5)}
.blog-note{max-width:70ch;margin:var(--sp-4) auto 0;font-size:.95rem;color:var(--ink-soft);text-align:center}

.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(75,93,69,.12);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(35,36,31,.10)}
.blog-card-media{aspect-ratio:3/2;overflow:hidden;background:var(--sand-deep)}
.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.blog-card:hover .blog-card-media img{transform:scale(1.04)}
.blog-card-body{padding:var(--sp-3);display:flex;flex-direction:column;flex:1}
.blog-card-body h2,.blog-card-body h3{font-family:var(--font-body);font-weight:700;font-size:1.15rem;line-height:1.3;margin:.4rem 0 .5rem}
.blog-card-body p{flex:1;margin:0 0 .6rem;color:var(--ink-soft)}
.blog-badges{display:flex;align-items:center;gap:.6rem;margin:0}
.blog-pill{display:inline-block;background:var(--salud-tint);color:var(--salud-deep);border-radius:999px;padding:.15rem .7rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0}
.blog-time{font-size:.85rem;color:var(--ink-soft)}
.blog-byline{font-size:.88rem;color:var(--ink-soft);margin:.2rem 0 0!important;flex:0 0 auto}

.blog-featured{display:grid;grid-template-columns:1.05fr 1fr;background:#fff;border:1px solid rgba(75,93,69,.12);border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;margin-bottom:var(--sp-4);transition:transform .25s ease,box-shadow .25s ease}
.blog-featured:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(35,36,31,.12)}
.blog-featured-media{aspect-ratio:3/2;overflow:hidden;background:var(--sand-deep)}
.blog-featured-media img{width:100%;height:100%;object-fit:cover;display:block}
.blog-featured-body{padding:var(--sp-4);display:flex;flex-direction:column;justify-content:center}
.blog-featured-body h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;margin:.6rem 0 .7rem}
.blog-featured-body>p{margin:0 0 .8rem;color:var(--ink-soft)}
.blog-badge{display:inline-block;background:var(--salud-deep);color:#fff;border-radius:999px;padding:.15rem .7rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}

/* Article */
.blog-breadcrumb{font-size:.85rem;color:var(--ink-soft);padding-top:var(--sp-3)}
.blog-breadcrumb a{color:inherit}
.blog-article-head{text-align:center;padding-block:var(--sp-3) var(--sp-3)}
.blog-article-head .container{max-width:860px}
.blog-article-head h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.02;margin:.8rem 0 1rem}
.blog-byline{color:var(--ink-soft);font-size:.95rem;margin:0}
.blog-hero-img{max-width:1000px;margin:0 auto var(--sp-4);padding-inline:var(--sp-3)}
.blog-hero-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.blog-hero-img figcaption{font-size:.82rem;color:var(--ink-soft);margin-top:.45rem}
.blog-body{max-width:68ch;margin:0 auto;font-size:1.05rem;line-height:1.7}
.blog-body h2{font-size:1.6rem;margin-block:2.2rem .6rem}
.blog-body h3{font-size:1.2rem;margin-block:1.6rem .4rem}
.blog-body ul{padding-left:1.2rem}
.blog-body li{margin-bottom:.4rem}
.blog-body p{margin-block:.9rem}

.blog-prevnext{max-width:1000px;margin:var(--sp-4) auto;padding:var(--sp-2) var(--sp-3) 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.blog-prevnext a{display:block;text-decoration:none;color:inherit}
.blog-prevnext a:last-child{text-align:right}
.blog-prevnext span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:.2rem}
.blog-prevnext strong{font-weight:700;font-size:.98rem;line-height:1.3}

.blog-related{background:var(--sand-deep);padding-block:var(--sp-5)}
.blog-related h2{text-align:center;font-size:clamp(1.8rem,3.5vw,2.4rem);margin-bottom:var(--sp-4)}

@media(max-width:900px){
  .blog-grid{grid-template-columns:1fr 1fr}
  .blog-featured{grid-template-columns:1fr}
  .blog-prevnext{grid-template-columns:1fr;gap:var(--sp-2)}
  .blog-prevnext a:last-child{text-align:left}
}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}
.blog-figure{margin:var(--sp-4) 0}
.blog-figure img{display:block;width:100%;height:auto;border-radius:8px}
.blog-figure figcaption{font-size:.82rem;color:var(--ink-soft);margin-top:.4rem}
.blog-refs{font-size:.9rem;color:var(--ink-soft);line-height:1.55;padding-left:1.2rem}
.blog-refs li{margin-bottom:.55rem}