/* ============================================================
   CREW MANAGEMENT · 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(--acento);
}
.paper-hero .lema{
  font-weight:500;
  font-size:clamp(1.15rem,1.9vw,1.5rem);
  color:var(--texto-suave);
  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(--chinese-black);
  border-bottom:1px solid transparent;
  transition:color .3s,border-color .3s;
}
.paper-categorias a:hover{color:var(--acento);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(--acento-fuerte);
  margin-bottom:12px;
}
.paper-destacado h2{
  font-family:var(--font-titulares);font-weight:400;
  font-size:clamp(1.7rem,3vw,2.6rem);
  line-height:1.12;
  color:var(--acento);
  margin-bottom:16px;
}
.paper-destacado h2 a{transition:color .3s}
.paper-destacado h2 a:hover{color:var(--chinese-black)}
.paper-destacado .extracto{
  font-family:var(--font-texto);
  color:var(--onix);
  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-family:var(--font-titulares);font-weight:400;
  font-size:clamp(1.1rem,1.5vw,1.3rem);
  line-height:1.25;
  color:var(--chinese-black);
  transition:color .3s;
}
.paper-card:hover h2{color:var(--acento)}

/* ---------- 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(--acento-fuerte);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(--acento);
  margin-bottom:18px;
}
.articulo .entradilla{
  font-weight:500;
  font-size:clamp(1.2rem,1.9vw,1.5rem);
  line-height:1.45;
  color:var(--texto-suave);
  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(--onix);
  font-size:clamp(1.02rem,1.25vw,1.12rem);
  line-height:1.85;
}
.articulo .cuerpo-paper p{text-align:justify;color:var(--onix)}
.articulo .cuerpo-paper p + p{margin-top:1.2em}
.articulo .cuerpo-paper h2{
  font-family:var(--font-titulares);
  font-weight:400;
  font-size:clamp(1.4rem,2.2vw,1.85rem);
  line-height:1.2;
  color:var(--acento);
  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(--chinese-black);
  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(--acento)}
.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:400;
  font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--chinese-black);
  text-align:left;padding:12px 14px;
  border-bottom:2px solid var(--acento);
}
.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(--acento-fuerte);
  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(--texto-suave);
  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}
}

/* ---------- Firma del autor (foto circular tipo perfil) ---------- */
.firma-autor{
  display:flex;align-items:center;gap:14px;
  margin:0 0 clamp(24px,4vh,40px);
}
.autor-foto{
  width:52px;height:52px;border-radius:50%;
  object-fit:cover;flex:0 0 auto;
}
.autor-datos{display:flex;flex-direction:column;line-height:1.3}
.autor-nombre{
  font-family:var(--font-subtitulos);font-weight:500;
  font-size:clamp(15px,1.5vw,17px);color:var(--texto);
}
.autor-cargo{
  font-family:var(--font-texto);font-style:italic;
  font-size:clamp(13px,1.3vw,14px);color:var(--texto-suave);
}

/* ---------- FAQs del artículo (visibles + SEO) ---------- */
.faqs-post{
  max-width:760px;margin:clamp(40px,7vh,72px) auto clamp(32px,5vh,56px);
  padding-top:clamp(28px,4vh,44px);border-top:1px solid rgba(69,69,69,.18);
}
.faqs-post h2{
  font-family:var(--font-titulares);font-weight:400;
  font-size:clamp(24px,3vw,34px);color:var(--acento);margin:0 0 24px;
}
.faqs-post h2 .t2{color:var(--texto)}
.faqs-post .faq{border-bottom:1px solid rgba(69,69,69,.14);padding:16px 0}
.faqs-post .faq summary{
  cursor:pointer;list-style:none;
  font-family:var(--font-subtitulos);font-weight:500;
  font-size:clamp(16px,1.8vw,19px);color:var(--texto);
  display:flex;justify-content:space-between;gap:16px;align-items:baseline;
}
.faqs-post .faq summary::-webkit-details-marker{display:none}
.faqs-post .faq summary::after{content:"+";color:var(--acento);font-size:1.3em;line-height:1}
.faqs-post .faq[open] summary::after{content:"−"}
.faqs-post .faq p{
  font-family:var(--font-texto);font-size:clamp(15px,1.6vw,17px);
  line-height:1.7;color:var(--texto-suave);margin:12px 0 4px;text-align:justify;
}

/* ---------- Jerarquía Bodoni en el Paper ---------- */
.paper-hero .lema,.articulo .entradilla{
  font-family:var(--font-subtitulos);font-style:italic;font-weight:400;
}
.articulo .cat,.paper-card .cat,.paper-destacado .cat{
  font-family:var(--font-subtitulos);font-style:italic;font-weight:500;
  letter-spacing:.14em;text-transform:uppercase;color:var(--acento);
}
.cuerpo-paper h2{font-family:var(--font-titulares);font-weight:400}
.cuerpo-paper h3{font-family:var(--font-subtitulos);font-weight:500;font-style:normal;color:var(--acento-fuerte)}
.cuerpo-paper em,.cuerpo-paper i{font-style:italic}
.cuerpo-paper strong,.cuerpo-paper b{font-weight:700}
.cuerpo-paper blockquote{
  font-family:var(--font-subtitulos);font-style:italic;font-weight:500;
  font-size:clamp(18px,2.2vw,24px);line-height:1.5;
  border-left:2px solid var(--acento);margin:28px 0;padding:4px 0 4px 22px;color:var(--texto);
}

/* Título del Paper en negro de marca */
.paper-hero h1{color:var(--chinese-black)}

/* ============================================================
   PAPER · roles de BRAND_IDENTITY
   Headlines: Playfair Display · Chinese Black
   Subtítulos: Bodoni Moda Medium Italic · Onix
   Cuerpo: Lato Regular · Chinese Black
   ============================================================ */
.paper-hero h1,.articulo h1,.paper-destacado h2,.paper-card h2,
.paper-destacado h2 a,.paper-card h2 a,.edicion h2,.suscripcion h2{
  font-family:var(--font-titulares);font-weight:400;
  color:var(--paper-headline);
}
/* Playfair Regular no tiene bold: pedir 700 hace que el navegador
   sustituya la fuente por Lato. Los titulares del Paper van en 400. */
.paper-hero h1,.articulo h1,.paper-destacado h2,.paper-card h2,.cuerpo-paper h2{font-weight:400}
.cuerpo-paper h2{
  font-family:var(--font-titulares);font-weight:400;color:var(--paper-headline);
}
.cuerpo-paper h3{
  font-family:var(--font-subtitulos);font-style:italic;font-weight:500;
  color:var(--paper-subtitle);
}
.cuerpo-paper,.cuerpo-paper p,.articulo .entradilla{
  font-family:var(--font-texto);color:var(--chinese-black);
}
.articulo .entradilla{font-family:var(--font-subtitulos);font-style:italic;color:var(--paper-subtitle)}
.cuerpo-paper blockquote{font-family:var(--font-acento);font-weight:600;font-style:italic;color:var(--paper-subtitle)}

/* FAQs: titulares Playfair, respuestas Lato Regular */
.faqs-post h2{font-family:var(--font-titulares);font-weight:400;color:var(--paper-headline)}
.faqs-post h2 .t2{color:var(--acento)}
.faqs-post .faq summary{
  font-family:var(--font-titulares);font-weight:400;color:var(--paper-headline);
}
.faqs-post .faq p{
  font-family:var(--font-texto);font-weight:400;color:var(--chinese-black);
}
.autor-nombre{font-family:var(--font-titulares);font-weight:400}
.autor-cargo{font-family:var(--font-texto);font-style:normal;color:var(--paper-subtitle)}

/* H2 del cuerpo en Chinese Black (la identidad reserva el naranja a acentos) */
.cuerpo-paper h2,.articulo .cuerpo-paper h2{color:var(--paper-headline)}
.faqs-post h2 .t2{color:var(--paper-subtitle)}

/* ---------- Suscripción al Newspaper ---------- */
.suscripcion{
  max-width:760px;margin:clamp(48px,8vh,90px) auto;padding:clamp(28px,4vh,44px) clamp(24px,4vw,48px);
  border-top:1px solid rgba(12,21,25,.15);border-bottom:1px solid rgba(12,21,25,.15);text-align:center;
}
.suscripcion h2{font-family:var(--font-titulares);font-weight:400;font-size:clamp(24px,3vw,34px);color:var(--paper-headline);margin:0 0 10px}
.suscripcion h2 .t2{color:var(--acento)}
.suscripcion p{font-family:var(--font-texto);color:var(--paper-subtitle);margin:0 0 22px;text-align:center}
.suscripcion form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.suscripcion input{
  font-family:var(--font-texto);font-size:1rem;padding:13px 16px;min-width:260px;
  border:1px solid rgba(12,21,25,.28);background:#fff;color:var(--texto);
}
.suscripcion button{
  font-family:var(--font-texto);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;
  background:var(--acento);color:#fff;border:0;padding:13px 26px;cursor:pointer;transition:background .3s;
}
.suscripcion button:hover{background:var(--acento-fuerte)}
.respuesta-sub{margin-top:14px;font-size:.95rem}
.respuesta-sub.bien{color:var(--acento)}
.respuesta-sub.mal{color:var(--paper-subtitle)}

/* ---------- Lista de ediciones del Newspaper ---------- */
.lista-ediciones{max-width:860px;margin:0 auto;padding:0 clamp(24px,5vw,64px)}
.edicion{
  display:flex;justify-content:space-between;align-items:baseline;gap:20px;
  padding:22px 0;border-bottom:1px solid rgba(12,21,25,.14);text-decoration:none;
}
.edicion h2{font-family:var(--font-titulares);font-weight:400;font-size:clamp(18px,2.2vw,24px);color:var(--paper-headline);margin:0}
.edicion:hover h2{color:var(--acento)}
.edicion .fecha{font-family:var(--font-texto);font-size:.9rem;color:var(--paper-subtitle);white-space:nowrap}

/* ---------- Titulares justificados (criterio editorial CREW) ---------- */
.paper-hero h1,
.articulo h1,
.paper-destacado h2,
.paper-destacado h2 a,
.paper-card h2,
.cuerpo-paper h2,
.cuerpo-paper h3,
.faqs-post .faq summary,
.edicion h2{
  text-align:justify;
  text-justify:inter-character;
  hyphens:none;-webkit-hyphens:none;
  word-spacing:-.015em;
}
/* Última línea sin estirar */
.paper-hero h1,.articulo h1,.paper-destacado h2,.paper-card h2,
.cuerpo-paper h2,.cuerpo-paper h3{text-align-last:left}

/* Los titulares muy grandes con pocas palabras por línea abren huecos
   descomunales al justificarse. Debajo de cierto ancho de columna se
   alinean a la izquierda: se ve ordenado sin los espacios rotos. */
.paper-destacado h2{text-align:left}
.paper-card h2{text-align:left}   /* columnas angostas del grid */