/* ============================================================
   EVANS CARNERO — insights-content.css
   Biblioteca de Insights (documento "Word maestro / Insights", 10/2026):
   artículo, landing de categoría y ajustes de la página Insights.
   Usa los tokens de site.css.
   ============================================================ */

/* ---------- PÁGINA INSIGHTS: la cabecera de categorías lleva un texto más largo ---------- */
.ic-head.ic-head--wide{max-width:760px;}
.insights-grid.insights-grid--flush{margin-bottom:0;}

/* ---------- ARTÍCULO: columna de lectura (680–760 px) ---------- */
.insight-article{padding-top:84px;}
.article-col{max-width:740px;margin:0 auto;}
.article-meta{
  display:flex;flex-wrap:wrap;gap:6px 0;
  margin-bottom:44px;padding-bottom:22px;border-bottom:1px solid var(--grey-100);
  font-size:13px;line-height:1.6;letter-spacing:.02em;color:var(--grey-500);
}
.article-meta > span + span::before{content:"·";margin:0 12px;color:var(--grey-300);}
.article-meta a{
  color:var(--black);font-weight:600;border-bottom:1px solid var(--grey-300);
  transition:border-color .3s var(--ease);
}
.article-meta a:hover{border-color:var(--black);}
.article-meta strong{color:var(--black);font-weight:600;}

.article-body{font-size:17.5px;line-height:1.85;color:var(--grey-700);}
.article-body > * + *{margin-top:22px;}
/* el primer párrafo funciona como entrada del artículo */
.article-body > p:first-child{font-size:20px;line-height:1.7;color:var(--black);}
.article-body h2{
  margin-top:60px;
  font-size:clamp(23px,2.4vw,29px);font-weight:700;line-height:1.25;color:var(--black);
}
.article-body h3{margin-top:40px;font-size:20px;font-weight:700;line-height:1.3;color:var(--black);}
.article-body h2 + *,
.article-body h3 + *{margin-top:16px;}
.article-body ul,
.article-body ol{padding-left:24px;}
.article-body ul{list-style:disc;}
.article-body ol{list-style:decimal;}
.article-body li + li{margin-top:8px;}
.article-body li::marker{color:var(--accent);}
.article-body a{color:var(--black);text-decoration:underline;text-underline-offset:3px;}
.article-body strong{font-weight:600;color:var(--black);}
.article-body blockquote{
  max-width:none;margin:38px 0;padding:6px 0 6px 24px;border-left:2px solid var(--black);
  font-size:22px;line-height:1.45;color:var(--black);
}
.article-body img{height:auto;}
.article-body figure{margin:38px 0;}
.article-body figcaption{margin-top:10px;font-size:13px;color:var(--grey-500);}
@media(max-width:768px){
  .insight-article{padding-top:64px;}
  .article-body{font-size:16.5px;line-height:1.8;}
  .article-body > p:first-child{font-size:18px;}
  .article-body h2{margin-top:48px;}
}

/* ---------- CATEGORÍA: artículo pilar destacado ---------- */
.pillar-card{
  display:grid;grid-template-columns:1.05fr .95fr;
  border:1px solid var(--grey-100);background:var(--white);
}
.pillar-media{
  display:flex;align-items:center;justify-content:center;min-height:340px;
  background:var(--dark-grad);overflow:hidden;
}
.pillar-media img{width:100%;height:100%;object-fit:cover;}
.pillar-icon{font-size:88px;line-height:1;}
.pillar-body{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:56px;}
.pillar-body h2{font-size:clamp(24px,2.6vw,34px);line-height:1.2;}
.pillar-body h2 a{transition:color .3s var(--ease);}
.pillar-body h2 a:hover{color:var(--accent);}
.pillar-body p{font-size:16px;line-height:1.75;color:var(--grey-700);}
.pillar-meta{font-size:12.5px;color:var(--grey-500);}
.pillar-body .btn-row{margin-top:10px;}
@media(max-width:900px){
  .pillar-card{grid-template-columns:1fr;}
  .pillar-media{min-height:220px;}
  .pillar-icon{font-size:64px;}
  .pillar-body{padding:32px 24px;}
}

/* ---------- CATEGORÍA: categorías relacionadas (la fila se reparte sola) ---------- */
.card-grid.related-cats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.info-card span.card-link{
  display:inline-flex;align-items:center;gap:8px;margin-top:auto;
  font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--black);
}
.info-card span.card-link .material-symbols-outlined{font-size:16px;transition:transform .3s var(--ease);}
.info-card:hover span.card-link .material-symbols-outlined{transform:translateX(4px);}

/* ---------- CATEGORÍA: paginación (solo aparece con muchos artículos) ---------- */
.navigation.pagination{margin-top:48px;}
.navigation.pagination .nav-links{display:flex;flex-wrap:wrap;gap:10px;}
.navigation.pagination .page-numbers{
  padding:10px 14px;border:1px solid var(--grey-100);background:var(--white);
  font-size:13px;font-weight:600;color:var(--grey-700);
}
.navigation.pagination .page-numbers.current{background:var(--black);border-color:var(--black);color:var(--white);}