/* ============================================================
   Artículos de BLOG — Web V.2 (requiere common.css)
   ============================================================ */
body{background:var(--crema-cl)}

/* ---- Cabecera del artículo (banda arco) ---- */
.post-head{position:relative;overflow:hidden;padding:106px 0 0;color:var(--hueso);
  background:linear-gradient(155deg,var(--oliva) 0%,var(--bosque) 82%,var(--bosque-d) 100%)}
.post-head .container{position:relative;z-index:2}
.back-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--spartan);font-size:.82rem;color:#eef0e0;font-weight:600;margin-bottom:18px;transition:gap .3s}
.back-link:hover{gap:12px;color:#fff}
.post-cat{display:inline-block;background:rgba(244,241,233,.16);color:#fff;font-family:var(--spartan);font-size:.7rem;font-weight:600;letter-spacing:1px;padding:6px 15px;border-radius:999px;text-transform:uppercase;margin-bottom:16px}
.post-head h1{font-family:var(--tit);font-weight:500;font-size:clamp(1.8rem,5.5vw,2.7rem);color:#fff;line-height:1.14;margin-bottom:16px;max-width:820px}
.post-meta{font-family:var(--spartan);font-size:.82rem;color:#dfe3c6;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:36px}
.post-meta i{margin-right:6px}
.post-hero-img{position:relative;border-radius:24px 24px 0 0;overflow:hidden;box-shadow:0 -0 0 8px rgba(244,241,233,.14);max-width:900px;margin:0 auto;transform:translateY(1px)}
.post-hero-img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}

/* ---- Cuerpo tipográfico ---- */
.post-body{padding:52px 0 40px}
.post-lead{font-family:var(--tit);font-style:italic;font-size:1.35rem;color:var(--bosque);line-height:1.5;margin-bottom:28px}
.post-body h2{font-family:var(--tit);font-weight:600;font-size:1.6rem;color:var(--bosque);margin:34px 0 14px}
.post-body p{font-size:1.06rem;color:#4c4d42;line-height:1.85;margin-bottom:18px}
.post-body strong{color:var(--bosque)}
.post-body ul{margin:0 0 20px 4px;padding-left:22px}
.post-body li{font-size:1.04rem;color:#4c4d42;line-height:1.7;margin-bottom:10px}
.pull-quote{font-family:var(--tit);font-style:italic;font-size:1.5rem;color:var(--bosque);line-height:1.4;
  border-left:4px solid var(--terracota);padding:6px 0 6px 24px;margin:28px 0}
.post-figure{margin:30px 0}
.post-figure img{width:100%;border-radius:16px;box-shadow:var(--sombra);display:block}
.post-figure figcaption{font-size:.85rem;color:var(--gris);text-align:center;margin-top:10px;font-style:italic}
.post-related{display:flex;align-items:flex-start;gap:14px;background:var(--hueso);border:1px solid #ece9dd;border-radius:14px;padding:20px 24px;margin:30px 0;font-size:.96rem;color:#4c4d42}
.post-related i{color:var(--oliva);font-size:1.1rem;margin-top:2px}
.post-related a{color:var(--oliva);font-weight:600;text-decoration:underline}

/* ---- CTA final (banda arco) ---- */
.post-cta{position:relative;overflow:hidden;text-align:center;color:var(--hueso);background:linear-gradient(150deg,var(--oliva),var(--bosque));border-radius:24px;padding:48px 32px;margin:36px 0}
.post-cta h2{font-family:var(--tit);font-weight:500;font-size:1.9rem;color:#fff;margin:0 0 10px}
.post-cta p{color:#eaece0;font-size:1rem;max-width:540px;margin:0 auto 24px}

/* ---- Ficha de autora ---- */
.post-author{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #ece9dd;border-radius:16px;padding:24px;box-shadow:var(--sombra)}
.post-author img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}
.post-author strong{font-family:var(--tit);font-size:1.15rem;color:var(--bosque)}
.post-author p{font-size:.88rem;color:var(--texto);margin-top:4px}

@media(max-width:768px){
  .post-head h1{font-size:1.9rem}
  .post-lead{font-size:1.2rem}
  .pull-quote{font-size:1.25rem}
}