.page-hero-section { min-height: 420px; display: flex; align-items: center; background: linear-gradient(135deg, rgba(103,42,30,.88), rgba(63,22,15,.94)), radial-gradient(circle at top right, rgba(248,196,113,.32), transparent 38%); color: #fff; padding: 130px 0 80px; }
.page-hero-content { max-width: 820px; }
.page-hero-content h1 { color: #fff; font-size: clamp(42px, 6vw, 76px); line-height: 1; margin-bottom: 18px; }
.page-hero-content p { color: rgba(255,255,255,.78); font-size: 1.25rem; }
.events-section, .event-detail-section { background: #f8f9fa; }
.event-card { background: #fff; border-radius: 24px; overflow: hidden; box-shadow: 0 18px 45px rgba(31,41,55,.08); transition: .25s ease; }
.event-card:hover { transform: translateY(-8px); box-shadow: 0 28px 70px rgba(31,41,55,.14); }
.event-image img { width: 100%; height: 240px; object-fit: cover; }
.event-content { padding: 26px; }
.event-date { display: inline-flex; color: var(--primary-color, #8b0000); font-weight: 800; font-size: .9rem; margin-bottom: 10px; }
.event-content h2 { font-size: 1.6rem; }
.event-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.empty-state { background: #fff; border-radius: 24px; padding: 40px; text-align: center; box-shadow: 0 18px 45px rgba(31,41,55,.08); }
.event-detail-card { background: #fff; border-radius: 30px; overflow: hidden; box-shadow: 0 24px 70px rgba(31,41,55,.10); }
.event-detail-cover img { width: 100%; max-height: 520px; object-fit: cover; }
.event-detail-content { padding: clamp(28px, 5vw, 56px); }
.event-meta-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-bottom: 34px; }
.event-meta-grid div { background: #f8f9fa; border-radius: 18px; padding: 18px; }
.event-meta-grid strong { display: block; color: var(--primary-color, #8b0000); margin-bottom: 6px; }
.event-description { font-size: 1.08rem; line-height: 1.8; margin-bottom: 28px; }
.event-gallery-section { margin-top: 44px; }
.event-gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.event-gallery-grid img { width: 100%; height: 220px; object-fit: cover; border-radius: 20px; box-shadow: 0 14px 35px rgba(31,41,55,.10); }
@media (max-width: 900px) { .event-meta-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .event-meta-grid { grid-template-columns: 1fr; } }