/* ============================================================
   Páginas estáticas del blog (/blog/ y /blog/<id>/).
   Las genera blog_automatico/generar_paginas.mjs; reutilizan estilos.css.
   ============================================================ */
.bp-main{padding:120px 0 90px;}
.bp-acciones{display:flex;align-items:center;gap:14px;}
.bp-tema svg{width:18px;height:18px;}
:root[data-tema="oscuro"] .bp-tema svg:last-child,
:root[data-tema="claro"] .bp-tema svg:first-child{display:none;}

.bp-articulo{max-width:780px;margin:0 auto;padding:0 32px;}
.bp-migas{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute-2);margin-bottom:22px;}
.bp-migas a:hover{color:var(--acento);}
.bp-articulo .art-title{font-size:clamp(32px,5vw,54px);}
.bp-cover{border-radius:8px;border:1px solid var(--linea);margin:0 0 34px;aspect-ratio:16/9;}
.art-content h2{font-family:var(--titulo);font-weight:600;text-transform:uppercase;letter-spacing:.03em;
  font-size:24px;line-height:1.15;color:var(--acento);margin:38px 0 14px;}
.art-content a{color:var(--acento);text-decoration:underline;text-underline-offset:3px;word-break:break-all;}

.bp-compartir{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 40px;
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);}
.bp-compartir a{color:var(--texto);border-bottom:1px solid var(--linea);padding-bottom:2px;}
.bp-compartir a:hover{color:var(--acento);border-color:var(--acento);}
.bp-articulo .art-coments .cta-ghost{margin-top:4px;}

.bp-relacionados{margin-top:90px;}
.bp-sub{font-family:var(--titulo);font-weight:500;text-transform:uppercase;letter-spacing:.03em;
  font-size:clamp(30px,4vw,44px);color:var(--texto);margin:0 0 30px;}
.bp .sec-head h1{font-size:clamp(46px,6vw,86px);margin:0;}

@media(max-width:1160px){.bp .nav-links{display:none;}}
@media(max-width:640px){
  .bp-main{padding-top:96px;}
  .bp-articulo{padding:0 20px;}
  .bp-acciones .cta{padding:9px 14px;letter-spacing:.1em;}
}