.hero-noticias-section {
  height: 50vh;
  min-height: 320px;
  margin-top: 60px;
  background:
    linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, #000000 100%),
    url("../uploads/utilidades/hero_noticias.jpg") no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-bottom: 3px solid #e63946;
}
.hero_notis_tittle {
  font-size: 3rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.9);
}
.noticia-card {
  background: #111111;
  border: 1px solid #222222;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.noticia-card:hover {
  transform: translateY(-5px);
  border-color: #3ac8ed;
  box-shadow: 0 10px 25px rgba(58, 200, 237, 0.2);
}

.noticia-img-container {
  height: 220px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

/* Maneja perfectamente las imágenes de 2000px sin deformar */
.noticia-img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.5s ease;
}

.noticia-card:hover .noticia-img-container img {
  transform: scale(1.05);
}

.noticia-fecha {
  font-size: 0.8rem;
  color: #3ac8ed;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.pagination .page-link {
  background-color: #111111;
  border-color: #333333;
  color: #cccccc;
}

.pagination .page-link:hover {
  background-color: #1f1f1f;
  border-color: #3ac8ed;
  color: #3ac8ed;
}

.pagination .page-item.active .page-link {
  background-color: #e63946;
  border-color: #e63946;
  color: #ffffff;
}

.pagination .page-item.disabled .page-link {
  background-color: #0b0b0b;
  border-color: #222222;
  color: #555555;
}