/* =============================================
   ARTÍCULOS PAGE
   assets/css/articulos.css
   ============================================= */

.section-articulos {
  background:var(--c-bg-alt);
}


/* Results meta */
.articulos-meta {
  font-size:.85rem; color:var(--c-text-soft);
  margin-bottom:1.75rem;
}
.articulos-meta span { font-weight:700; color:var(--c-text); }

/* Grid */
.articulos-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(330px,1fr));
  gap:2rem;
}

/* Empty state */
.empty-state {
  grid-column:1/-1; text-align:center;
  padding:4rem 2rem; color:var(--c-text-soft);
  font-style:italic;
}

/* Article Card */
.article-card {
  background:var(--c-card); border-radius:10px;
  overflow:hidden; box-shadow:var(--shadow-sm);
  border:1px solid var(--c-border);
  display:flex; flex-direction:column;
  transition:transform var(--t), box-shadow var(--t);
}
.article-card:hover {
  transform:translateY(-6px);
  box-shadow:var(--shadow-md);
}

.card-accent { height:4px; background:var(--c-gold); flex-shrink:0; }

.card-body {
  padding:1.75rem; display:flex;
  flex-direction:column; flex:1; gap:.75rem;
}

/* Category badge */
.card-cat {
  font-size:.7rem; font-weight:700; letter-spacing:.15em;
  text-transform:uppercase; display:inline-block;
  padding:.28rem .7rem; border-radius:100px; align-self:flex-start;
}
.cat-historia    { background:rgba(201,168,76,.14); color:#8a6910; }
.cat-entrevistas { background:rgba(13,27,42,.08);   color:var(--c-navy-mid); }
.cat-defensa     { background:rgba(74,55,40,.1);    color:var(--c-brown); }

/* Card title */
.card-title {
  font-family:var(--ff-serif); font-size:1.12rem;
  font-weight:600; color:var(--c-navy); line-height:1.35;
  flex:1;
}

/* Card description */
.card-desc {
  font-size:.88rem; color:var(--c-text-soft); line-height:1.65;
  display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;
}

/* Read link */
.card-link {
  font-size:.8rem; font-weight:700; letter-spacing:.07em;
  text-transform:uppercase; color:var(--c-gold);
  display:inline-flex; align-items:center; gap:.35rem;
  align-self:flex-start; padding-bottom:2px;
  border-bottom:1px solid transparent;
  transition:color var(--t), gap var(--t), border-color var(--t);
}
.card-link::after { content:'→'; transition:transform var(--t); }
.card-link:hover {
  color:var(--c-brown); gap:.65rem;
  border-bottom-color:var(--c-brown);
}
.card-link:hover::after { transform:translateX(3px); }

/* Fade-in animation for cards */
@keyframes cardIn {
  from { opacity:0; transform:translateY(16px); }
  to   { opacity:1; transform:translateY(0); }
}
.article-card.animated { animation:cardIn .4s ease both; }

/* Media profiles footer */
.media-profiles {
  margin-top:4rem; padding-top:3rem;
  border-top:1px solid var(--c-border);
}
.media-profiles-links {
  display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1rem;
}

/* ---- Responsive ---- */
@media (max-width:768px) {
  .articulos-grid { grid-template-columns:1fr; }
}