/* ============================================================
   ARTICULO EDITORIAL — formato de blog estilo revista (BBC Mundo)
   Todo scopeado bajo .articulo-editorial para no afectar el resto
   del sitio. Navbar y footer del sitio quedan fuera de este bloque,
   sin ningun cambio.
   ============================================================ */

.articulo-editorial{
  --art-paper:#F0EFE6;
  --art-paper-2:#E8E6D9;
  --art-ink:#1C231D;
  --art-ink-soft:#4B5249;
  --art-canopy:#24402F;
  --art-clay:#8B5A34;
  --art-river:#52706B;
  --art-gold:#B08A46;
  --art-rule: rgba(28,35,29,0.12);
  --art-measure: 700px;

  background: var(--art-paper);
  color: var(--art-ink);
  font-family: 'Manrope', sans-serif;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 20px;
}
.articulo-editorial a{ color:inherit; }

.articulo-editorial .art-main{
  max-width: var(--art-measure);
  margin: 0 auto;
  padding: 56px 24px 40px;
}

.articulo-editorial .eyebrow{
  font-family:'JetBrains Mono', monospace;
  font-size:0.7rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--art-canopy);
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
}
.articulo-editorial .eyebrow::before{
  content:"";
  width:22px;height:1px;
  background:var(--art-canopy);
  display:inline-block;
}

.articulo-editorial h1.headline{
  font-family:'Playfair Display', serif;
  font-weight:700;
  font-size:clamp(2rem, 4.6vw, 2.85rem);
  line-height:1.12;
  letter-spacing:-0.01em;
  margin:0 0 26px;
  color: var(--art-ink);
}

.articulo-editorial .byline{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:20px 0 30px;
  border-top:1px solid var(--art-rule);
}
.articulo-editorial .byline-date{
  font-family:'JetBrains Mono', monospace;
  font-size:0.74rem;
  letter-spacing:0.03em;
  color:var(--art-ink-soft);
}
.articulo-editorial .byline-name{
  font-weight:700;
  font-size:0.95rem;
  color:var(--art-ink);
}

.articulo-editorial .photo{
  aspect-ratio:1/1;
  width:100%;
  border-radius:2px;
  background:
    repeating-linear-gradient(135deg, rgba(36,64,47,0.07) 0 2px, transparent 2px 14px),
    var(--art-paper-2);
  border:1px solid var(--art-rule);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0 0 10px;
}
.articulo-editorial .photo-mark{
  width:34px;height:34px;
  border:1.5px solid var(--art-canopy);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--art-canopy);
  font-family:'Playfair Display', serif;
  font-style:italic;
  font-size:1.1rem;
}
.articulo-editorial .photo-label{
  font-family:'JetBrains Mono', monospace;
  font-size:0.68rem;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--art-ink-soft);
  text-align:center;
  max-width:70%;
}
.articulo-editorial .photo-real{
  aspect-ratio:1/1;
  width:100%;
  border-radius:2px;
  overflow:hidden;
  border:1px solid var(--art-rule);
  margin:0 0 10px;
}
.articulo-editorial .photo-real img{ width:100%; height:100%; object-fit:cover; display:block; }
.articulo-editorial .photo-credit{
  font-size:0.72rem;
  color:var(--art-ink-soft);
  font-style:italic;
  margin:0 0 34px;
}

.articulo-editorial article p{
  font-size:1.06rem;
  line-height:1.75;
  color:var(--art-ink);
  margin:0 0 22px;
}
.articulo-editorial article h2{
  font-family:'Playfair Display', serif;
  font-weight:600;
  font-size:1.55rem;
  line-height:1.25;
  margin:44px 0 18px;
  color: var(--art-ink);
}
.articulo-editorial article h3{
  font-family:'Playfair Display', serif;
  font-weight:600;
  font-size:1.18rem;
  margin:30px 0 12px;
  color: var(--art-ink);
}
.articulo-editorial article ul{
  margin:0 0 22px;
  padding-left:1.15em;
}
.articulo-editorial article li{
  font-size:1.02rem;
  line-height:1.7;
  margin-bottom:8px;
}
.articulo-editorial .pull-quote{
  margin:44px 0;
  padding:26px 0;
  border-top:1px solid rgba(28,35,29,0.16);
  border-bottom:1px solid rgba(28,35,29,0.16);
}
.articulo-editorial .pull-quote p{
  font-family:'Playfair Display', serif;
  font-style:italic;
  font-weight:400;
  font-size:1.35rem;
  line-height:1.55;
  color:var(--art-ink);
  margin:0;
}
.articulo-editorial .pull-quote strong{ font-style:normal; font-weight:600; }

.articulo-editorial article p a,
.articulo-editorial .pull-quote a{
  color:var(--art-river);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  font-weight:600;
}
.articulo-editorial article p a:hover,
.articulo-editorial .pull-quote a:hover{ color:var(--art-canopy); }

.articulo-editorial .field-tag{
  font-family:'Manrope', sans-serif;
  font-weight:700;
  font-size:0.8rem;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:var(--art-clay);
  border-left:2px solid var(--art-clay);
  padding-left:12px;
  margin:0 0 22px;
  line-height:1.4;
}

.articulo-editorial .related{
  margin-top:56px;
  padding-top:32px;
  border-top:1px solid var(--art-rule);
}
.articulo-editorial .related-title{
  font-family:'JetBrains Mono', monospace;
  font-size:0.72rem;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--art-ink-soft);
  margin-bottom:20px;
}
.articulo-editorial .related-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}
.articulo-editorial .related-card{ text-decoration:none; display:block; }
.articulo-editorial .related-card .thumb{
  aspect-ratio:1/1;
  width:100%;
  background:var(--art-paper-2);
  border:1px solid var(--art-rule);
  border-radius:2px;
  margin-bottom:10px;
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.articulo-editorial .related-card p{
  font-family:'Playfair Display', serif;
  font-weight:600;
  font-size:0.95rem;
  line-height:1.3;
  margin:0;
  color:var(--art-ink);
}

@media (max-width:640px){
  .articulo-editorial .related-grid{ grid-template-columns:1fr; }
}