/* ==========================================
   AGENDAS PAGE STYLES
   Theme: Blue & White Modern (matches articles.css)
   ========================================== */

.agendas-section {
  padding: var(--spacing-4xl) 0;
  background: var(--white);
}

.agendas-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

.agenda-card {
  background: var(--white);
  border-radius: var(--radius-xl);
  overflow: hidden;
  transition: all var(--transition-normal);
  border: 1px solid var(--gray-200);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
}

.agenda-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-xl);
  border-color: var(--primary-light);
}

.agenda-image { position: relative; overflow: hidden; aspect-ratio: 16/10; background: var(--gray-100); width: 100%; }
.agenda-image a { display:block; width:100%; height:100%; }
.agenda-image img { width:100%; height:100%; object-fit:cover; display:block; transition: transform 0.5s ease; }
.agenda-card:hover .agenda-image img { transform: scale(1.1); }

.agenda-overlay { position:absolute; inset:0; background: linear-gradient(to bottom, transparent, rgba(0,0,0,.7)); display:flex; align-items:center; justify-content:center; opacity:0; transition: var(--transition-normal); }
.agenda-card:hover .agenda-overlay { opacity:1; }
.agenda-overlay i { font-size:3rem; color: var(--white); animation: pulse 1.5s infinite; }

@keyframes pulse { 0%,100% { transform: scale(1);} 50% { transform: scale(1.1);} }

.agenda-badge { position:absolute; top: var(--spacing-md); right: var(--spacing-md); background: var(--primary-color); color: var(--white); padding: var(--spacing-xs) var(--spacing-md); border-radius: var(--radius-lg); font-size: var(--font-size-sm); font-weight:600; display:flex; align-items:center; gap: var(--spacing-xs); box-shadow: var(--shadow-md); z-index:2; }

.agenda-content { padding: var(--spacing-xl); }
.agenda-meta { display:flex; gap: var(--spacing-lg); margin-bottom: var(--spacing-md); flex-wrap:wrap; }
.agenda-meta .meta-item { display:flex; align-items:center; gap: var(--spacing-xs); color: var(--text-tertiary); font-size: var(--font-size-sm); }
.agenda-meta .meta-item i { color: var(--primary-color); }

.agenda-title { font-size: var(--font-size-xl); font-weight:700; margin-bottom: var(--spacing-md); line-height:1.4; }
.agenda-title a { color: var(--text-primary); text-decoration:none; transition: var(--transition-normal); display:block; }
.agenda-title a:hover { color: var(--primary-color); }

.agenda-excerpt { color: var(--text-secondary); line-height:1.6; margin-bottom: var(--spacing-lg); display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient: vertical; overflow:hidden; text-overflow:ellipsis; }

/* Read More Button (reusing articles style) */
.btn-read-more { display:inline-flex; align-items:center; color: var(--primary-color); font-weight:600; text-decoration:none; transition: var(--transition-normal); gap: var(--spacing-sm); }
.btn-read-more:hover { color: var(--primary-dark); gap: var(--spacing-md); }
.btn-read-more i { transition: transform var(--transition-normal); }
.btn-read-more:hover i { transform: translateX(4px); }

/* Responsive */
@media (max-width: 768px) {
  .agendas-section { padding: var(--spacing-2xl) 0; }
  .agendas-grid { grid-template-columns: 1fr; gap: var(--spacing-xl); }
  .agenda-content { padding: var(--spacing-lg); }
  .agenda-meta { gap: var(--spacing-md); }
}

@media (max-width: 480px) {
  .agenda-title { font-size: var(--font-size-lg); }
}