/* WL Móveis Corporativos — Blog styles (listing + individual post, no hero module) */

/* ================= BLOG TOP (listing page title band) ================= */
  .blog-top{ padding:150px clamp(20px,5vw,56px) 56px; text-align:center; }
  .blog-top h1{ font-size:clamp(2rem,4vw,2.8rem); max-width:22ch; margin:0 auto; }

/* ================= BLOG LISTING GRID ================= */
  .blog-listing{ padding:0 0 120px; }
  .blog-listing__grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
  .post-card{
    display:flex; flex-direction:column; background:var(--panel-2); border:1px solid var(--line);
    border-radius:16px; overflow:hidden; text-decoration:none; transition:background-color 0.3s ease;
  }
  .post-card:hover{ background-color:#121215; }
  .post-card__img{ position:relative; height:200px; }
  .post-card__img img{ width:100%; height:100%; object-fit:cover; display:block; }
  .post-card__tag{
    position:absolute; top:14px; right:14px; z-index:2;
    font-family:'Space Mono',monospace; font-size:0.65rem; letter-spacing:0.06em; text-transform:uppercase;
    color:var(--ink); background:var(--bronze); padding:5px 10px; border-radius:6px;
  }
  .post-card__body{ padding:24px 24px 20px; display:flex; flex-direction:column; flex-grow:1; }
  .post-card__body h3{ font-size:1.1rem; line-height:1.35; margin-bottom:12px; }
  .post-card__body p{ color:var(--ivory-dim); font-size:0.9rem; flex-grow:1; }
  .post-card__cta{
    margin-top:16px; font-family:'Space Mono',monospace; font-size:0.72rem; text-transform:uppercase;
    letter-spacing:0.04em; color:var(--bronze-br);
  }
  .post-card__meta{
    padding:14px 24px; border-top:1px solid var(--line);
    font-family:'Space Mono',monospace; font-size:0.7rem; color:var(--stone);
  }
  @media (max-width:980px){ .blog-listing__grid{ grid-template-columns:repeat(2, 1fr); } }
  @media (max-width:640px){ .blog-listing__grid{ grid-template-columns:1fr; } }

/* ================= POST HERO (individual article top) ================= */
  .post-hero{ padding:150px clamp(20px,5vw,56px) 0; }
  .post-hero__inner{ max-width:var(--container); margin:0 auto; }
  .post-hero__back{
    display:inline-flex; align-items:center; gap:6px; font-family:'Space Mono',monospace;
    font-size:0.74rem; color:var(--stone); text-decoration:none; margin-bottom:28px;
  }
  .post-hero__back:hover{ color:var(--bronze-br); }
  .post-hero__tag{
    display:inline-block; font-family:'Space Mono',monospace; font-size:0.68rem; letter-spacing:0.06em;
    text-transform:uppercase; color:var(--ink); background:var(--bronze); padding:5px 12px; border-radius:6px;
    margin-bottom:18px;
  }
  .post-hero h1{ font-size:clamp(2rem,4vw,2.9rem); max-width:24ch; line-height:1.12; }
  .post-hero__meta{ margin-top:18px; font-family:'Space Mono',monospace; font-size:0.76rem; color:var(--stone); }
  .post-hero__img{
    margin-top:40px; max-width:var(--container); margin-left:auto; margin-right:auto;
    border:1px solid var(--line); border-radius:20px; overflow:hidden; height:min(46vw, 460px);
  }
  .post-hero__img img{ width:100%; height:100%; object-fit:cover; display:block; }
  @media (max-width:700px){ .post-hero{ padding-top:120px; } .post-hero__img{ height:240px; margin-top:28px; border-radius:16px; } }

/* ================= POST BODY (article prose) ================= */
  .post-body{ padding:64px 0 120px; }
  .post-body__inner{ max-width:74ch; margin:0 auto; }
  .post-body__inner h2{ font-size:clamp(1.35rem,2.4vw,1.7rem); margin-top:44px; margin-bottom:16px; }
  .post-body__inner h2:first-child{ margin-top:0; }
  .post-body__inner p{ color:var(--ivory-dim); font-size:1.02rem; line-height:1.75; margin-bottom:20px; }
  .post-body__quote{
    margin:36px 0; padding-left:22px; border-left:2px solid var(--bronze);
    font-family:'Fraunces',serif; font-style:italic; font-weight:440; font-size:1.25rem; color:var(--bronze-br);
  }
  .post-body__closing{ margin-top:44px; padding-top:32px; border-top:1px solid var(--line); }
  .post-body__closing p{ color:var(--ivory-dim); }
  .post-body__closing a{ color:var(--bronze-br); }

/* ---------- ATELIER (shared pattern, same as produto.css) ---------- */
  .atelier{ padding:0 0 120px; }
  .atelier__panel{
    display:grid; grid-template-columns:1fr 1fr; align-items:stretch;
    border:1px solid var(--line); border-radius:16px; overflow:hidden;
  }
  .atelier__img{ position:relative; min-height:340px; }
  .atelier__img img{ width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
  .atelier__copy{ padding:clamp(28px,4vw,52px); display:flex; flex-direction:column; justify-content:center; background:var(--panel-2); }
  .atelier__copy h2{ font-size:clamp(1.7rem,3vw,2.3rem); max-width:16ch; }
  .atelier__copy p{ margin-top:18px; color:var(--ivory-dim); font-size:0.96rem; max-width:42ch; }
  .atelier__copy .btn{ margin-top:26px; align-self:flex-start; }
  @media (max-width:860px){ .atelier__panel{ grid-template-columns:1fr; } .atelier__img{ min-height:240px; } }

/* ---------- NOT FOUND STRIP (shared pattern, same as produto.css) ---------- */
  .notfound{ padding:64px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .notfound__inner{ display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
  .notfound__text h3{ font-family:'Fraunces',serif; font-weight:480; font-size:clamp(1.6rem,3vw,2.1rem); max-width:16ch; }
  .notfound__text p{ color:var(--stone); font-size:0.92rem; margin-top:10px; }