/**
 * @file
 * Premium UI improvements for the "Notícias" section in toledoprev_tailwind.
 * Targeting the correct View ID: noticias_destacado_resumido
 */

/* Main View Container */
.view-id-noticias_destacado_resumido,
.view-noticias-destacado-resumido {
  padding: 40px 0 !important;
  background-color: transparent !important;
}

/* View Title (H3 from the template) */
.view-id-noticias_destacado_resumido h3 {
  border-bottom: 3px solid #1d84c3 !important;
  padding-bottom: 10px !important;
  margin-bottom: 30px !important;
  color: #1d84c3 !important;
}

/* The Grid (Blazy) */
.view-id-noticias_destacado_resumido .blazy--grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)) !important;
  gap: 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

@media (max-width: 768px) {
  .view-id-noticias_destacado_resumido .blazy--grid {
    grid-template-columns: 1fr !important;
  }
}

/* Individual Grid Item (Card) */
.view-id-noticias_destacado_resumido li.grid {
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: 1px solid #f3f4f6 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.view-id-noticias_destacado_resumido li.grid:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  border-color: #1d84c3 !important;
}

/* Content inside the card */
.view-id-noticias_destacado_resumido .grid__content {
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

/* Date Field */
.view-id-noticias_destacado_resumido .views-field-created {
  font-size: 0.875rem !important;
  color: #1d84c3 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.025em !important;
}

/* Title Field */
.view-id-noticias_destacado_resumido .views-field-title a {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

.view-id-noticias_destacado_resumido .views-field-title a:hover {
  color: #1d84c3 !important;
}

/* Pager Styling */
.view-id-noticias_destacado_resumido .pager {
  margin-top: 40px !important;
}

.view-id-noticias_destacado_resumido .pager__item a {
  padding: 8px 16px !important;
  border-radius: 6px !important;
  background-color: #f9fafb !important;
  color: #374151 !important;
  border: 1px solid #e5e7eb !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}

.view-id-noticias_destacado_resumido .pager__item.is-active a {
  background-color: #1d84c3 !important;
  color: #ffffff !important;
  border-color: #1d84c3 !important;
}