/* ===== Sticky header for inner pages ===== */
.site-header--solid{
  position:sticky;top:0;background:rgba(255,255,255,.0);
  transition:background .3s ease, box-shadow .3s ease;
  padding:14px 0;
}
.site-header--solid.scrolled{
  background:#fff;box-shadow:0 6px 24px -16px rgba(0,0,0,.2);
}
.site-header--solid.scrolled .logo,
.site-header--solid.scrolled .main-nav a{color:var(--dark)}
.site-header--solid.scrolled .nav-toggle{color:var(--dark)}
.main-nav a.active{color:var(--primary)!important}

/* ===== Blog Hero ===== */
.blog-hero{
  position:relative;
  min-height:340px;
  display:flex;align-items:flex-end;
  padding:140px 0 50px;
  background:url('https://images.unsplash.com/photo-1499209974431-9dddcece7f88?w=1920') center/cover no-repeat;
  color:#fff;
  margin-top:-70px; /* sit under sticky header */
}
.blog-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,30,40,.55),rgba(20,30,40,.3))}
.blog-hero-content{position:relative;z-index:2}
.blog-hero h1{color:#fff;font-size:clamp(2.5rem,5vw,4rem);margin-bottom:8px}
.blog-hero p{color:rgba(255,255,255,.85);font-size:1.05rem}

/* ===== Blog Grid ===== */
.blog-section{background:#fcfbf8;padding:80px 0}
.blog-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:36px;
}
.blog-card{
  display:flex;flex-direction:column;
  background:#fff;border-radius:16px;overflow:hidden;
  box-shadow:0 6px 20px -12px rgba(0,0,0,.15);
  transition:transform .3s ease, box-shadow .3s ease;
}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px -18px rgba(0,0,0,.25)}
.blog-card-img{display:block;overflow:hidden;aspect-ratio:16/10;background:#eee}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.blog-card:hover .blog-card-img img{transform:scale(1.06)}
.blog-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-meta{display:flex;align-items:center;gap:8px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.blog-cat{font-weight:700;letter-spacing:.12em}
.cat-yoga{color:#1f8fb5}
.cat-mindfulness{color:#4caf6a}
.cat-nutricion{color:#e35d5b}
.cat-retiros{color:#f0a04b}
.cat-fisio{color:#8a5cf6}
.cat-destinos{color:#d6376e}
.dot{opacity:.5}
.blog-title{
  font-family:'Cormorant Garamond',serif;
  font-size:1.4rem;line-height:1.25;color:var(--dark);font-weight:600;
  margin:0;
}
.blog-card-body p{font-size:.92rem;color:var(--muted);margin:0}
.read-more{margin-top:auto;color:var(--primary);font-weight:500;font-size:.92rem;transition:gap .2s}
.read-more:hover{color:var(--primary-dark)}

/* Featured rhythm — every 7th card spans 2 cols on wide screens */
@media (min-width:1100px){
  .blog-card.featured{grid-column:span 2}
  .blog-card.featured .blog-card-img{aspect-ratio:21/9}
  .blog-card.featured .blog-title{font-size:1.7rem}
}

.load-more-wrap{display:flex;justify-content:center;margin-top:50px}

/* ===== Responsive ===== */
@media (max-width:960px){
  .blog-grid{grid-template-columns:repeat(2,1fr);gap:28px}
  .blog-hero{min-height:260px;padding:120px 0 40px}
}
@media (max-width:620px){
  .blog-grid{grid-template-columns:1fr;gap:24px}
  .blog-section{padding:60px 0}
}