/* ═══════════════════════════════════════════════
   POST HERO
══════════════════════════════════════════════ */
.post-hero{
  background:var(--espresso);
  padding-top:var(--nav-h);
  overflow:hidden;
  position:relative;
}
.post-hero-inner{
  max-width:var(--hero-content-w);
  margin:0 auto;
  padding:0 40px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:64px;
  min-height:340px;
}
.post-hero-left{
  padding:56px 0 56px;
  display:flex;flex-direction:column;justify-content:center;
}
.post-hero-breadcrumb{
  display:flex;align-items:center;gap:8px;
  font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.5);margin-bottom:20px;
}
.post-hero-breadcrumb a{color:rgba(255,255,255,.5);transition:color .2s}
.post-hero-breadcrumb a:hover{color:var(--caramelo)}
.post-hero-breadcrumb span{color:rgba(255,255,255,.3)}
.post-hero-tag{
  display:inline-block;
  background:var(--caramelo);color:var(--espresso);
  font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:5px 14px;border-radius:var(--radius-full);
  margin-bottom:22px;width:fit-content;
}
.post-hero-title{
  font-family:var(--font-serif);font-size:clamp(36px,4.5vw,58px);font-weight:300;
  color:var(--white);line-height:1.1;margin-bottom:0;
}
.post-hero-right{
  padding:48px 0;
  display:flex;align-items:center;justify-content:flex-end;
}
.post-hero-img{
  width:100%;max-width:520px;
  aspect-ratio:4/3;
  border-radius:var(--radius-md);
  overflow:hidden;
}
.post-hero-img img{
  width:100%;height:100%;object-fit:cover;
  filter:brightness(.9) saturate(.9);
}

/* ─── META BAR ──────────────────────────────── */
.post-meta-bar{
  background:var(--white);
  border-bottom:1px solid var(--areia);
}
.post-meta-inner{
  max-width:var(--hero-content-w);
  margin:0 auto;
  padding:0 40px;
  display:flex;align-items:center;gap:32px;
  height:64px;
}
.post-meta-item{
  display:flex;align-items:center;gap:8px;
  font-size:12px;font-weight:400;color:var(--text-mid);
}
.post-meta-item svg{color:var(--text-light);flex-shrink:0}
.post-meta-sep{
  width:1px;height:20px;background:var(--areia);flex-shrink:0;
}
.post-meta-share{
  margin-left:auto;
  display:flex;align-items:center;gap:8px;
}
.post-meta-share-label{
  font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-light);margin-right:4px;
}
.share-btn{
  width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--areia);background:transparent;
  color:var(--text-mid);transition:all .2s;cursor:pointer;
}
.share-btn:hover{background:var(--espresso);border-color:var(--espresso);color:var(--white)}

/* ═══════════════════════════════════════════════
   POST BODY LAYOUT
══════════════════════════════════════════════ */
.post-body{
  padding:72px 0 80px;
}
.post-body-inner{
  max-width:var(--hero-content-w);
  margin:0 auto;
  padding:0 40px;
  display:grid;
  grid-template-columns:1fr 360px;
  gap:72px;
  align-items:start;
}

/* ─── ARTICLE CONTENT ─────────────────────── */
.post-content{}
.post-content p{
  font-family:var(--font-sans);font-size:15px;font-weight:400;
  color:var(--text-dark);line-height:1.95;
  margin-bottom:26px;
}
.post-content p:last-of-type{margin-bottom:0}
.post-content h2{
  font-family:var(--font-serif);font-size:28px;font-weight:300;
  color:var(--espresso);line-height:1.25;
  margin:44px 0 18px;
}
.post-content h3{
  font-family:var(--font-sans);font-size:16px;font-weight:600;
  color:var(--text-dark);letter-spacing:.01em;
  margin:32px 0 14px;
}
.post-content blockquote{
  border-left:3px solid var(--caramelo);
  padding:18px 24px;
  margin:36px 0;
  background:var(--creme);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
}
.post-content blockquote p{
  font-family:var(--font-serif);font-size:18px;font-weight:300;
  color:var(--mogno);font-style:italic;margin-bottom:0;line-height:1.7;
}

/* ─── AUTHOR BLOCK ───────────────────────── */
.post-author{
  margin-top:52px;
  border-top:1px solid var(--areia);
  padding-top:36px;
}
.post-author-inner{
  display:flex;align-items:center;gap:22px;
  background:var(--creme);
  border:1px solid var(--areia);
  border-radius:var(--radius-md);
  padding:28px 32px;
}
.post-author-avatar{
  width:60px;height:60px;border-radius:50%;
  background:var(--espresso);
  overflow:hidden;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.post-author-avatar img{width:100%;height:100%;object-fit:cover}
.post-author-avatar-initials{
  font-family:var(--font-serif);font-size:22px;font-weight:300;
  color:var(--caramelo);line-height:1;
}
.post-author-info{flex:1}
.post-author-name{
  font-family:var(--font-sans);font-size:15px;font-weight:600;
  color:var(--espresso);margin-bottom:2px;
}
.post-author-role{
  font-size:12px;font-weight:400;color:var(--text-mid);margin-bottom:6px;
}
.post-author-email{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:400;color:var(--terracota);
  transition:color .2s;
}
.post-author-email:hover{color:var(--espresso)}

/* ═══════════════════════════════════════════════
   SIDEBAR — POSTS RELACIONADOS
══════════════════════════════════════════════ */
.post-sidebar{
  position:sticky;top:calc(var(--nav-h) + 24px);
}
.sidebar-title{
  font-family:var(--font-serif);font-size:22px;font-weight:300;
  color:var(--espresso);margin-bottom:24px;
  padding-bottom:14px;
  border-bottom:1px solid var(--areia);
}
.related-card{
  display:flex;flex-direction:column;
  border:1px solid var(--areia);
  border-radius:var(--radius-md);
  overflow:hidden;
  background:var(--white);
  transition:box-shadow .25s,transform .25s;
  margin-bottom:18px;
}
.related-card:last-child{margin-bottom:0}
.related-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.related-card-img{
  width:100%;aspect-ratio:16/9;overflow:hidden;
  flex-shrink:0;
}
.related-card-img img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .45s ease;
}
.related-card:hover .related-card-img img{transform:scale(1.04)}
.related-card-body{
  padding:18px 20px 20px;
  display:flex;flex-direction:column;gap:8px;
}
.related-card-tag{
  font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--terracota);
}
.related-card-title{
  font-family:var(--font-serif);font-size:16px;font-weight:300;
  color:var(--espresso);line-height:1.35;
}
.related-card-date{
  font-size:11px;color:var(--text-light);
  display:flex;align-items:center;gap:5px;
}
.related-card-link{
  display:flex;align-items:center;gap:5px;
  font-size:11px;font-weight:600;letter-spacing:.04em;
  color:var(--terracota);margin-top:4px;
  transition:gap .2s,color .2s;
}
.related-card-link:hover{gap:9px;color:var(--espresso)}

/* ═══════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════ */
@media(max-width:1024px){
  .post-hero-inner{gap:40px}
  .post-body-inner{grid-template-columns:1fr 300px;gap:48px}
}
@media(max-width:900px){
  .post-hero-inner{grid-template-columns:1fr;gap:0;min-height:auto}
  .post-hero-left{padding:56px 0 32px}
  .post-hero-right{padding:0 0 48px;justify-content:flex-start}
  .post-hero-img{max-width:100%}
  .post-body-inner{grid-template-columns:1fr;gap:48px}
  .post-sidebar{position:static}
  .newsletter-inner{grid-template-columns:1fr;gap:30px}
  .nl-form{max-width:100%}
}
@media(max-width:767px){
  :root{--nav-h:92px}
  .d-br{display:none}
  .m-br{display:inline}
  .wrap,.nav-inner,.post-meta-inner,.post-body-inner,.post-hero-inner,.newsletter .wrap{padding-left:20px;padding-right:20px}
  .nav-links,.nav-cta{display:none}
  .nav-inner > nav{display:none}
  .logo-default{width:215px !important}
  .nav-burger{display:flex !important;margin-left:auto;padding:8px 4px 8px 12px}
  .social-float{display:none}
  .post-meta-bar{overflow-x:auto}
  .post-meta-inner{padding:0 20px;gap:18px;white-space:nowrap;min-width:max-content}
  .post-meta-share{display:none}
  .post-hero-left{padding:44px 0 24px}
  .post-hero-title{font-size:34px}
  .post-body{padding:44px 0 60px}
  .post-content p{font-size:14px}
  .post-author-inner{flex-direction:column;align-items:flex-start;gap:14px}
  .footer{padding:30px 0 0}
  .footer-grid{grid-template-columns:1fr;gap:0;border-bottom:none;padding-bottom:0}
  .footer-grid > div{text-align:center;padding:20px 0;border-top:1px solid var(--areia)}
  .footer-grid > div:first-child{border-top:none;padding-top:8px;padding-bottom:22px}
  .footer-tagline{max-width:260px;margin:0 auto;font-size:12px;line-height:1.45}
  .footer-col h5{margin-bottom:12px}
  .footer-col a{margin-bottom:10px;font-size:14px}
  .footer-contact-item{justify-content:center;font-size:14px;margin-bottom:8px}
  .footer-contact-icon{display:none}
  .footer-bottom{border-top:1px solid var(--areia);flex-direction:column;gap:10px;text-align:center;padding:16px 0 22px}
  section{overflow:hidden}
  /* Newsletter */
  .newsletter{
    padding:46px 0 56px;
    background:linear-gradient(140deg,#875230 0%,#be9e80 100%);
    overflow:visible;
  }
  .newsletter-inner{
    grid-template-columns:1fr;
    gap:24px;
    justify-items:center;
    text-align:center;
  }
  .nl-title{
    font-size:36px;
    line-height:1.02;
    text-align:center;
    max-width:300px;
    margin:0 auto;
  }
  .nl-form{
    grid-template-columns:1fr;
    width:100%;
    max-width:100%;
    min-width:0;
    row-gap:14px;
  }
  .nl-input{
    grid-column:1;
    grid-row:1;
    padding:10px 0 12px;
  }
  .nl-check{
    grid-column:1;
    grid-row:2;
    width:100%;
    white-space:normal;
  }
  .nl-btn{
    grid-column:1;
    grid-row:3;
    width:100%;
    justify-content:center;
  }
  /* Footer mobile */
  .footer{padding:30px 0 0;background:var(--off-white)}
  .footer-grid{grid-template-columns:1fr;gap:0;border-bottom:none;padding-bottom:0}
  .footer-grid > div{text-align:center;padding:20px 0;border-top:1px solid var(--areia)}
  .footer-grid > div:first-child{border-top:none;padding-top:8px;padding-bottom:22px}
  .footer-tagline{max-width:260px;margin:0 auto;font-size:12px;line-height:1.45}
  .footer-col h5{margin-bottom:12px}
  .footer-col a{margin-bottom:10px;font-size:14px}
  .footer-contact-item{justify-content:center;font-size:14px;margin-bottom:8px}
  .footer-contact-icon{display:none}
  .footer-bottom{border-top:1px solid var(--areia);flex-direction:column;gap:10px;text-align:center;padding:16px 0 22px}
}