/* ═══════════════════════════════════════════════
   PERSPECTIVAS — estilos específicos
   (editorial: índice, artículos, suscripción)
   ═══════════════════════════════════════════════ */

/* ── HERO PERSPECTIVAS (índice) ── */
#persp-hero{background:var(--parchment);padding:calc(64px + 60px) 2.5rem 60px;text-align:center}
#persp-hero .inner{max-width:720px;margin:0 auto}
#persp-hero h1{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(28px,3.6vw,42px);color:var(--night);margin:0 0 .85rem}
#persp-hero .bajada{font-family:'Playfair Display',serif;font-style:italic;font-size:17px;color:var(--forest);margin:0 0 1.5rem}
#persp-hero .intro{font-size:15px;color:var(--ink-soft);line-height:1.85;max-width:640px;margin:0 auto}

/* ── FILTROS DE CATEGORÍA ── */
#persp-filtros{background:var(--white);border-bottom:.5px solid var(--border);padding:1.5rem 2.5rem;position:sticky;top:64px;z-index:50}
.filtros-inner{max-width:var(--max-w);margin:0 auto;display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}
.filtro-pill{font-size:12.5px;font-weight:500;color:var(--ink-soft);background:none;border:1px solid var(--border);padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .2s;white-space:nowrap}
.filtro-pill:hover{border-color:var(--gold)}
.filtro-pill.active{background:var(--night);color:var(--white);border-color:var(--night)}

/* ── ARTÍCULO DESTACADO ── */
#persp-destacado{padding:70px 2.5rem;background:var(--white)}
.destacado-inner{max-width:var(--max-w);margin:0 auto}
.destacado-card{display:grid;grid-template-columns:1fr 1.3fr;gap:0;border:.5px solid var(--border);overflow:hidden;text-decoration:none}
.destacado-visual{background:var(--night);display:flex;align-items:center;justify-content:center;min-height:280px;position:relative}
.destacado-visual svg{width:60%;opacity:.85}
.destacado-content{padding:2.5rem 2.75rem;display:flex;flex-direction:column;justify-content:center}
.destacado-cat{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.destacado-content h2{font-family:'Playfair Display',serif;font-size:clamp(20px,2.6vw,27px);font-weight:500;color:var(--night);line-height:1.35;margin:0 0 1rem}
.destacado-content p{font-size:14.5px;color:var(--ink-soft);line-height:1.8;margin:0 0 1.5rem}
.destacado-meta{display:flex;gap:1rem;font-size:12px;color:var(--sage);margin-bottom:1.5rem}
.destacado-link{font-size:13px;color:var(--night);font-weight:500;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:1px;align-self:flex-start}
.destacado-link:hover{color:var(--gold);border-color:transparent}

/* ── GRID DE ARTÍCULOS ── */
#persp-grid{padding:0 2.5rem 70px;background:var(--white)}
.persp-grid-inner{max-width:var(--max-w);margin:0 auto}
.persp-grid-empty{text-align:center;padding:3rem 1rem;border:1px dashed var(--border);color:var(--sage);font-size:14px;font-style:italic}

/* ── SUSCRIPCIÓN ── */
#persp-suscripcion{background:var(--night);padding:70px 2.5rem;text-align:center}
.suscripcion-inner{max-width:560px;margin:0 auto}
.suscripcion-inner h2{font-family:'Playfair Display',serif;font-size:clamp(22px,2.8vw,30px);font-weight:400;color:var(--white);margin:0 0 .85rem}
.suscripcion-inner p{font-size:14.5px;color:rgba(255,255,255,.68);line-height:1.8;margin:0 0 1.75rem}
.suscripcion-form{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}
.suscripcion-form input{flex:1;min-width:180px;padding:13px 16px;border:.5px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:var(--white);font-family:'DM Sans',sans-serif;font-size:14px;border-radius:1px;outline:none}
.suscripcion-form input::placeholder{color:rgba(255,255,255,.4)}
.suscripcion-form input:focus{border-color:var(--gold)}
.suscripcion-note{font-size:11.5px;color:rgba(255,255,255,.4);margin-top:1rem}
#susc-success{display:none;color:var(--gold-light);font-size:14px;margin-top:1rem}

/* ── ARTÍCULO: ENCABEZADO ── */
.art-header{background:var(--parchment);padding:calc(64px + 50px) 2.5rem 50px}
.art-header-inner{max-width:760px;margin:0 auto}
.art-cat{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.art-header h1{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(26px,3.4vw,38px);color:var(--night);line-height:1.3;margin:0 0 1rem}
.art-subtitle{font-family:'Playfair Display',serif;font-style:italic;font-size:17px;color:var(--forest);line-height:1.6;margin:0 0 1.5rem}
.art-meta{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:12.5px;color:var(--sage);padding-top:1.25rem;border-top:.5px solid var(--border)}

/* ── ARTÍCULO: CUERPO ── */
.art-body{max-width:740px;margin:0 auto;padding:60px 2.5rem}
.art-body p{font-size:18px;color:var(--ink-soft);line-height:1.7;font-weight:300;margin:0 0 1.5rem}
.art-body h2{font-family:'Playfair Display',serif;font-size:23px;font-weight:500;color:var(--night);margin:2.5rem 0 1.25rem;line-height:1.35}
.art-body h3{font-family:'Playfair Display',serif;font-size:19px;font-weight:500;color:var(--night);margin:2rem 0 1rem}
.art-body ul,.art-body ol{margin:0 0 1.5rem;padding-left:1.5rem}
.art-body li{font-size:17px;color:var(--ink-soft);line-height:1.7;font-weight:300;margin-bottom:.6rem}
.art-body strong{color:var(--night);font-weight:500}
.art-body em{font-style:italic;color:var(--forest)}
.art-pullquote{font-family:'Playfair Display',serif;font-style:italic;font-size:22px;color:var(--night);line-height:1.5;border-left:3px solid var(--gold);padding-left:1.75rem;margin:2.5rem 0}
.art-cta-box{background:var(--parchment);padding:2rem 2.25rem;margin:3rem 0;border-left:3px solid var(--gold)}
.art-cta-box p{font-size:16px;margin-bottom:1.25rem;color:var(--night)}
.art-cta-box .art-cta-links{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}
.art-cta-box a.primary{font-size:13px;font-weight:500;color:var(--white);background:var(--night);padding:12px 24px;text-decoration:none;border-radius:1px}
.art-cta-box a.secondary{font-size:13.5px;color:var(--night);text-decoration:underline}

/* ── COMPARTIR ── */
.art-share{display:flex;gap:.75rem;align-items:center;padding:1.5rem 0;border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);margin:2.5rem 0}
.art-share span{font-size:12px;color:var(--sage);text-transform:uppercase;letter-spacing:.06em;margin-right:.5rem}
.art-share button,.art-share a{width:34px;height:34px;border-radius:50%;border:.5px solid var(--border);display:flex;align-items:center;justify-content:center;background:none;cursor:pointer;color:var(--ink-soft);transition:all .2s;text-decoration:none}
.art-share button:hover,.art-share a:hover{border-color:var(--gold);color:var(--night)}

/* ── FUENTES ── */
.art-fuentes{font-size:12.5px;color:var(--sage);line-height:1.9;margin-top:1rem}
.art-fuentes a{color:var(--sage);text-decoration:underline}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  #persp-hero,#persp-filtros,#persp-destacado,#persp-grid,#persp-suscripcion{padding-left:1.25rem;padding-right:1.25rem}
  .destacado-card{grid-template-columns:1fr}
  .destacado-visual{min-height:160px}
  .art-header{padding:calc(64px + 30px) 1.25rem 30px}
  .art-body{padding:40px 1.25rem}
  .art-body p,.art-body li{font-size:17px}
  .suscripcion-form{flex-direction:column}
}