/* /src/css/pages/agenda.css */
.page-header { background-color: var(--cor-principal-azul-noturno); color: var(--cor-fundo-branco-gelo); text-align: center; padding: 60px 20px; }
.page-header h1 { color: var(--cor-branco-puro); font-size: 2.5rem; }
.page-header p { font-size: 1.1rem; color: #ccc; }

.agenda-section { padding: 60px 20px; }
.search-container { margin-bottom: 40px; }
#searchInput {
    width: 100%;
    padding: 15px;
    font-size: 1rem;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.event-list { display: grid; grid-template-columns: 1fr; gap: 30px; }
.event-item {
    background: var(--cor-branco-puro);
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.07);
    display: flex;
    flex-direction: column;
}
.event-image { width: 100%; height: 200px; object-fit: cover; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.event-details { padding: 25px; }
.event-meta { font-size: 0.9rem; color: var(--cor-secundaria-ametista); font-weight: 700; margin-bottom: 10px; }
.event-title { font-family: var(--fonte-titulos); color: var(--cor-principal-azul-noturno); }
.event-facilitator { font-size: 1rem; margin-bottom: 15px; }
.event-description { font-size: 0.95rem; margin-bottom: 20px; }
.event-action { background-color: var(--cor-secundaria-ametista); color: var(--cor-branco-puro); padding: 10px 20px; border-radius: 5px; font-weight: 700; }

@media (min-width: 768px) {
    .event-item { flex-direction: row; }
    .event-image { width: 250px; height: auto; object-fit: cover; border-radius: 8px 0 0 8px; }
    .event-details { display: flex; flex-direction: column; justify-content: center; }
}