/**
 * News Page Styles - USANDO DESIGN SYSTEM EXISTENTE
 * Siguiendo la misma lógica que tools.css
 */

/* ===== HERO SECTION COMO TOOLS ===== */
.bg-primary {
  background: linear-gradient(
    135deg,
    var(--color-primary-500, #0056b3) 0%,
    var(--color-primary-700, #003875) 100%
  ) !important;
}

/* ===== CARD IMPROVEMENTS ===== */
.bg-cover {
  background-size: cover;
  background-position: center;
}

/* ===== TOAST NOTIFICATIONS ===== */
.toast-success {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1055;
  background: var(--color-success-500, #198754);
  color: var(--color-on-success, #ffffff);
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 576px) {
  .display-5 {
    font-size: 2rem;
  }

  .lead {
    font-size: 1.1rem;
  }
}