/* ============================================================
   PARAFERNALIA · PAPER
   Publicación editorial. Mucho espacio blanco, fotografía grande.
   Jamás debe parecer WordPress.
   Textos Paper: Helvética Neue, solo Meteorite.
   Titulares Paper: Helvética Target Bold, Warm Red.
   Evenings: subtítulos/frases en Slate Gray o Rust.
   ============================================================ */

/* ---------- Portada /paper ---------- */
.paper-hero{
  max-width:1180px;margin:0 auto;
  padding:clamp(48px,8vh,96px) clamp(24px,5vw,64px) clamp(20px,3vh,32px);
}
.paper-hero h1{
  font-weight:700;
  font-size:clamp(2.8rem,7vw,5.4rem);
  line-height:1.05;letter-spacing:-.015em;
  color:var(--warm-red);
}
.paper-hero .lema{
  font-weight:500;
  font-size:clamp(1.15rem,1.9vw,1.5rem);
  color:var(--slate-gray);
  margin-top:10px;
}
.paper-categorias{
  max-width:1180px;margin:0 auto;
  padding:0 clamp(24px,5vw,64px) clamp(40px,6vh,64px);
  display:flex;flex-wrap:wrap;gap:10px 28px;
  font-weight:700;font-size:.74rem;
  letter-spacing:.18em;text-transform:uppercase;
}
.paper-categorias a{
  color:var(--outer-space);
  border-bottom:1px solid transparent;
  transition:color .3s,border-color .3s;
}
.paper-categorias a:hover{color:var(--warm-red);border-color:currentColor}

/* Artículo destacado */
.paper-destacado{
  max-width:1180px;margin:0 auto clamp(56px,9vh,100px);
  padding:0 clamp(24px,5vw,64px);
  display:grid;grid-template-columns:1.5fr 1fr;
  gap:clamp(24px,4vw,56px);align-items:center;
}
.paper-destacado img{width:100%;height:auto}
.paper-destacado .cat,
.paper-card .cat{
  display:inline-block;
  font-weight:700;font-size:.68rem;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--rust);
  margin-bottom:12px;
}
.paper-destacado h2{
  font-weight:700;
  font-size:clamp(1.7rem,3vw,2.6rem);
  line-height:1.12;
  color:var(--warm-red);
  margin-bottom:16px;
}
.paper-destacado h2 a{transition:color .3s}
.paper-destacado h2 a:hover{color:var(--outer-space)}
.paper-destacado .extracto{
  font-family:var(--font-texto);
  color:var(--meteorite);
  line-height:1.7;text-align:justify;
}

/* Rejilla editorial */
.paper-grid{
  max-width:1180px;margin:0 auto;
  padding:0 clamp(24px,5vw,64px) clamp(72px,11vh,130px);
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(32px,4vw,52px) clamp(24px,3vw,40px);
}
.paper-card{display:block}
.paper-card img{
  width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;
  margin-bottom:16px;
  transition:transform .5s var(--ease-suave);
}
.paper-card:hover img{transform:scale(1.02)}
.paper-card h2{
  font-weight:700;
  font-size:clamp(1.1rem,1.5vw,1.3rem);
  line-height:1.25;
  color:var(--outer-space);
  transition:color .3s;
}
.paper-card:hover h2{color:var(--warm-red)}

/* ---------- Artículo /paper/{slug} ---------- */
.articulo{
  max-width:760px;margin:0 auto;
  padding:clamp(48px,8vh,96px) clamp(24px,5vw,64px) clamp(56px,9vh,110px);
}
.articulo .cat{
  display:inline-block;
  font-weight:700;font-size:.7rem;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--rust);margin-bottom:14px;
}
.articulo h1{
  font-weight:700;
  font-size:clamp(2rem,4.6vw,3.4rem);
  line-height:1.1;letter-spacing:-.01em;
  color:var(--warm-red);
  margin-bottom:18px;
}
.articulo .entradilla{
  font-weight:500;
  font-size:clamp(1.2rem,1.9vw,1.5rem);
  line-height:1.45;
  color:var(--slate-gray);
  margin-bottom:clamp(24px,4vh,36px);
}
.articulo .destacada{width:100%;height:auto;margin-bottom:clamp(28px,4vh,44px)}

/* Cuerpo del artículo: Textos Paper */
.articulo .cuerpo-paper{
  font-family:var(--font-texto);
  color:var(--meteorite);
  font-size:clamp(1.02rem,1.25vw,1.12rem);
  line-height:1.85;
}
.articulo .cuerpo-paper p{text-align:justify;color:var(--meteorite)}
.articulo .cuerpo-paper p + p{margin-top:1.2em}
.articulo .cuerpo-paper h2{
  font-family:var(--font-titulares);
  font-weight:700;
  font-size:clamp(1.4rem,2.2vw,1.85rem);
  line-height:1.2;
  color:var(--warm-red);
  margin:clamp(36px,5vh,52px) 0 .6em;
}
.articulo .cuerpo-paper h3{
  font-family:var(--font-titulares);
  font-weight:700;
  font-size:clamp(1.1rem,1.6vw,1.35rem);
  color:var(--outer-space);
  margin:1.8em 0 .5em;
}
.articulo .cuerpo-paper ul{
  margin:1.1em 0 1.1em 1.2em;
}
.articulo .cuerpo-paper li{
  line-height:1.75;margin-bottom:.5em;
  padding-left:.3em;
}
.articulo .cuerpo-paper li::marker{color:var(--warm-red)}
.articulo .cuerpo-paper table{
  width:100%;border-collapse:collapse;
  margin:1.4em 0;font-size:.95em;
}
.articulo .cuerpo-paper th{
  font-family:var(--font-titulares);font-weight:700;
  font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--outer-space);
  text-align:left;padding:12px 14px;
  border-bottom:2px solid var(--warm-red);
}
.articulo .cuerpo-paper td{
  padding:12px 14px;
  border-bottom:1px solid rgba(28,30,33,.14);
  vertical-align:top;
}
.articulo .cuerpo-paper .frase-destacada{
  font-family:var(--font-titulares);
  font-weight:700;
  font-size:clamp(1.3rem,2.1vw,1.7rem);
  line-height:1.4;
  color:var(--rust);
  text-align:center;
  margin:clamp(32px,5vh,48px) auto;
  max-width:26ch;
}

/* Cierre del artículo */
.articulo .rel-titulo{
  font-family:var(--font-titulares);
  font-weight:700;
  font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--slate-gray);
  margin:clamp(40px,6vh,60px) 0 14px;
}
.articulo .relacionados a{font-family:var(--font-titulares)}
.articulo .caso-cta{margin-top:clamp(40px,6vh,64px)}

@media (max-width:900px){
  .paper-destacado{grid-template-columns:1fr}
  .paper-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .paper-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .paper-card img{transition:none}
}