/* Estilos específicos para a página de Eventos */

/* Container central */
.eventos-page .page-center-wrapper {
    max-width: 980px;
    margin: 28px auto;
    padding: 20px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.eventos-page .page-title { font-size: 1.45rem; margin: 0 0 6px 0; color: #0b3b6f; }
.eventos-page .page-subtitle { margin: 0 0 14px 0; color: #666; font-size: 0.95rem; }

.eventos-page .news-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.eventos-page .news-card {
    background: #fffaf6;
    border: 1px solid #f0e7df;
    padding: 16px;
    border-radius: 10px;
    transition: transform .12s ease, box-shadow .12s ease;
}
.eventos-page .news-card:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(11,59,111,0.06); }

.eventos-page .news-date { display: block; color: #6b7280; font-size: 0.87rem; margin-bottom: 8px; }
.eventos-page .news-title { margin: 0 0 8px 0; font-size: 1.08rem; color: #072a4d; }
.eventos-page .news-summary { margin: 0 0 10px 0; color: #333; line-height: 1.45; font-size: 0.95rem; }
.eventos-page .news-category { display:inline-block; background: #fff1e6; color: #b35a00; padding: 5px 10px; border-radius: 999px; font-size: 0.78rem; }

.eventos-page .area-actions { display:flex; gap:10px; margin-top:18px; }

@media (max-width: 900px) {
    .eventos-page .news-grid { gap:12px; }
    .eventos-page .page-center-wrapper { margin:16px; padding:14px; }
}

@media (max-width: 520px) {
    .eventos-page .news-card { padding:12px; }
    .eventos-page .page-title { font-size:1.2rem; }
}