/* Grid Setup */
.agenda-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 25px;
    padding: 20px 0;
}
@media (min-width: 1024px) { .agenda-grid { grid-template-columns: repeat(4, 1fr); } }

/* Card Style */
.agenda-card {
    background: #fff; border: 1px solid #c1c1c1; border-radius: 12px;
    display: flex; flex-direction: column; text-decoration: none !important;
    transition: 0.3s; overflow: hidden; color: #333;
}
.agenda-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }

.agenda-img-wrapper { position: relative; padding-top: 60%; background: #f5f5f5; }
.agenda-img-wrapper img { position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; }

.agenda-content { padding: 15px; flex-grow: 1; background-color: #212326 }
.agenda-category { font-size: 10px; font-weight: bold; color: #ff5f5f; text-transform: uppercase; }
.agenda-title { font-size: 16px; margin: 8px 0; font-weight: 700; color: white !important}
.agenda-subtitle { font-size: 13px; color: #f3f3f3; }

.agenda-footer { padding: 12px 15px; background: #e6e2f5; border-top: 1px solid #eee; font-size: 12px;color: black; }
.agenda-footer span { margin-right: 1em; margin-bottom: 4px; }
.agenda-footer .dashicons { font-size: 15px; width: 15px; height: 15px; margin-right: 5px; }

/* Single Page Style */
.agenda-single { max-width: 1000px; margin: 0 auto; padding: 20px; }
.agenda-single-grid { display: grid; grid-template-columns: 1fr 300px; gap: 40px; margin-top: 20px; }
@media (max-width: 768px) { .agenda-single-grid { grid-template-columns: 1fr; } }
.agenda-single-media img { width: 100%; border-radius: 15px; }
.info-card { background: #f1f1f1; padding: 25px; border-radius: 10px; }
.button-agenda { 
    display: block; background: #2271b1; color: #fff !important; 
    text-align: center; padding: 12px; border-radius: 5px; text-decoration: none; margin-top: 20px;
}