/* FILTROS */

.news-filters {
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
}

.news-filter-btn {
  padding:.45rem 1.2rem;
  border-radius:999px;
  background:#1f2428;
  color:#cbd5e1;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-decoration:none;
  transition:.2s;
}

.news-filter-btn.active,
.news-filter-btn:hover {
  background:#0d6efd;
  color:white;
}

/* CATEGOR�A */

.news-category-section {
  margin-top:3.5rem;
}

.news-category-title {
  font-size:.85rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:1.4rem;
  padding-left:.3rem;
}

.news-category-title.marketing { color:#60a5fa; }
.news-category-title.colaboraciones { color:#c084fc; }
.news-category-title.comunicados { color:#f87171; }
.news-category-title.fecod { color:#4ade80; }

/* GRID */

.news-cards-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:1.6rem;
}

/* CARD */

.news-card {
  position:relative;
  border-radius:20px;
  overflow:hidden;
  background:#000;
}

.news-card-link {
  display:block;
  position:relative;
  height:100%;
  color:#fff;
  text-decoration:none;
}

.news-card-bg {
  width:100%;
  height:360px;
  object-fit:cover;
  transition:transform .4s ease;
}

.news-card-bg.placeholder {
  display:flex;
  align-items:center;
  justify-content:center;
  background:#1f2428;
  font-size:2.5rem;
  color:#555;
}

/* OVERLAY */

.news-card-overlay {
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.05),
      rgba(0,0,0,.85)
    );
  transition:opacity .3s ease;
}

/* CONTENT */

.news-card-content {
  position:absolute;
  bottom:0;
  padding:1.4rem;
  z-index:2;
}

.news-card-date {
  font-size:.7rem;
  letter-spacing:.12em;
  opacity:.8;
}

.news-card-title {
  font-size:1.05rem;
  font-weight:800;
  margin:.35rem 0 .8rem;
  line-height:1.25;
}

.news-card-btn {
  display:inline-block;
  padding:.35rem .9rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.4);
  font-size:.65rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* HOVER */

.news-card:hover .news-card-bg {
  transform:scale(1.06);
}

.news-card:hover .news-card-overlay {
  opacity:.65;
}

/* RESPONSIVE */

@media (max-width:768px) {
  .news-card-bg {
    height:300px;
  }
}

.pagination .page-link {
  background:#1f2428;
  border:none;
  color:#cbd5e1;
  font-size:.7rem;
}

.pagination .page-item.active .page-link {
  background:#0d6efd;
  color:#fff;
}

.pagination .page-link:hover {
  background:#2563eb;
  color:#fff;
}

.news-category-badge {
  display: inline-block;
  font-size: .65rem;
  letter-spacing: .1em;
  padding: .25rem .6rem;
  border-radius: 20px;
  text-transform: uppercase;
  margin-bottom: .5rem;
}

/* Colores por categoría */
.news-category-badge.marketing {
  background: #2563eb;
}

.news-category-badge.comunicados {
  background: #dc2626;
}

.news-category-badge.colaboraciones {
  background: #7c3aed;
}

.news-category-badge.socios {
  background: #16a34a;
}

.news-category-badge.fecod {
  background: #22c55e;
}