/* ============================================================
   Blog — Academia Connie
   ============================================================ */
.bnav{
  position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;
  padding:14px clamp(20px,4vw,46px);background:rgba(247,241,232,.94);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--linea);
}
.bnav__logo{height:40px;width:auto}
.bnav__links{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.bnav__links a{font-size:13.5px;letter-spacing:.04em;color:var(--tinta);font-weight:300;transition:color .3s}
.bnav__links a:hover{color:var(--rosa)}
.bnav__cta{display:flex;align-items:center;gap:14px}
@media (max-width:860px){.bnav__links{display:none}}

/* breadcrumb */
.crumb{font-size:12.5px;letter-spacing:.08em;color:var(--texto-mute);text-transform:uppercase;margin-bottom:20px}
.crumb a:hover{color:var(--rosa)}

/* ---------- listing ---------- */
.blist{padding:clamp(48px,7vw,90px) 0 clamp(60px,8vw,110px)}
.blist__head{text-align:center;max-width:60ch;margin:0 auto clamp(44px,6vw,72px)}
.blist__head h1{font-size:clamp(40px,6vw,72px);color:var(--tinta);margin-bottom:18px}
.blist__head p{color:var(--texto-mute);font-size:18px}
.blist__feature{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center;margin-bottom:clamp(44px,6vw,72px)}
.blist__feature .post__img{aspect-ratio:4/3}
.blist__feature .fmeta{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--rosa);margin-bottom:14px}
.blist__feature h2{font-size:clamp(28px,3.6vw,42px);color:var(--tinta);margin-bottom:14px;line-height:1.08}
.blist__feature p{color:var(--texto-mute);margin-bottom:22px;max-width:46ch}
@media (max-width:780px){.blist__feature{grid-template-columns:1fr;gap:24px}}

/* ---------- article ---------- */
.bart__hero{position:relative;height:clamp(320px,52vh,540px);overflow:hidden;background:var(--tinta)}
.bart__hero img{width:100%;height:100%;object-fit:cover}
.bart__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,16,12,.2),rgba(19,16,12,.65))}
.bart__htext{position:absolute;left:0;right:0;bottom:0;z-index:1;color:var(--crema);
  max-width:860px;margin:0 auto;padding:0 28px clamp(34px,5vw,56px)}
.bart__cat{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--oro);margin-bottom:14px}
.bart__htext h1{font-size:clamp(32px,5vw,60px);color:var(--crema);line-height:1.06;max-width:18ch}
.bart__meta{display:flex;gap:18px;align-items:center;margin-top:18px;font-size:13.5px;color:rgba(247,241,232,.78);flex-wrap:wrap}
.bart__meta span{display:flex;align-items:center;gap:7px}
.bart__meta svg{width:15px;color:var(--oro)}

.bart__body{max-width:720px;margin:0 auto;padding:clamp(44px,6vw,76px) 28px clamp(56px,7vw,90px)}
.bart__lead{font-family:var(--serif);font-size:clamp(21px,2.7vw,27px);line-height:1.45;color:var(--tinta);font-weight:400;margin-bottom:32px}
.bart__body p{font-size:18px;line-height:1.78;color:var(--texto);margin-bottom:1.35em}
.bart__body h2{font-size:clamp(26px,3.4vw,36px);color:var(--tinta);margin:1.7em 0 .55em;line-height:1.12}
.bart__body h3{font-family:var(--serif);font-size:23px;color:var(--tinta);margin:1.4em 0 .4em}
.bart__body ul,.bart__body ol{margin:0 0 1.35em;padding-left:1.2em;color:var(--texto)}
.bart__body li{font-size:18px;line-height:1.7;margin-bottom:.6em;padding-left:.3em}
.bart__body strong{font-weight:500;color:var(--tinta)}
.bart__body blockquote{margin:1.6em 0;padding:6px 0 6px 26px;border-left:2px solid var(--oro);
  font-family:var(--serif);font-style:italic;font-size:24px;line-height:1.4;color:var(--rosa)}
.bart__pull{font-family:var(--serif);font-size:clamp(24px,3.2vw,32px);line-height:1.3;color:var(--tinta);
  text-align:center;margin:1.8em 0;font-weight:400}
.bart__pull em{font-style:italic;color:var(--rosa)}
.bart__divider{width:48px;height:1px;background:var(--oro);margin:2.4em auto;border:none}

/* CTA box */
.bcta{background:var(--tinta);color:var(--crema);border-radius:8px;padding:clamp(30px,4vw,46px);text-align:center;margin-top:48px}
.bcta h3{font-family:var(--serif);font-size:clamp(26px,3.4vw,36px);color:var(--crema);margin-bottom:12px}
.bcta h3 em{font-style:italic;color:#E6CF9F}
.bcta p{color:rgba(247,241,232,.74);max-width:42ch;margin:0 auto 24px}

/* related / next */
.bnext{background:var(--crema-2);padding:clamp(48px,6vw,80px) 0}
.bnext h4{text-align:center;font-family:var(--sans);font-weight:400;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--rosa);margin-bottom:34px}
.bnext__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.4vw,30px);max-width:900px;margin:0 auto}
@media (max-width:680px){.bnext__grid{grid-template-columns:1fr}}