/* ================= EVENTS / MAIN ================= */
.events, .main {
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  padding:60px 20px; position:relative; overflow:hidden; background-size:cover; background-position:center;
  min-height: 400px;
}
.events { max-width: var(--max-content-width); margin: 40px auto; border-radius:10px; }
.events::before, .main::before { content:""; position:absolute; inset:0; background:rgba(255,255,255,0.85); z-index:0; }
.events > *, .main > * { position:relative; z-index:1; }
.events h1,h2{ font-size:2em; margin-bottom:15px; }
.events p{ font-size:1.1em; line-height:1.6; max-width:700px; margin:0 auto 30px; color:inherit; }
.main p { border: none; }

.events .images-container { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; margin-top:20px; }
.events .images-container img { flex:1 1 200px; max-width:450px; aspect-ratio:1.5/1; object-fit:cover; border-radius:10px; box-shadow:0 4px 8px rgba(0,0,0,0.12); transition: transform .28s ease; }
.events .images-container img:hover { transform: scale(1.05); }

.nav-events ul { display:flex; gap:10px; list-style:none; margin:10px; padding:5px; align-items:center; border-radius:25px; }
.nav-events a {
  display:inline-flex; align-items:center; justify-content:center; color:white; text-decoration:none; text-transform:uppercase;
  background: rgba(0,166,249,0.6); backdrop-filter: blur(6px); border:1px solid rgba(255,255,255,0.2); font-weight:700; font-size:1rem;
  padding:10px 15px; border-radius:20px; text-shadow:1px 1px 3px rgba(0,0,0,0.3); transition: background .18s ease;
}
.nav-events a:hover { background-color: rgba(120,170,60,0.9); }

@media (max-width:1200px) {
  .events { margin:20px 15px; padding:40px 20px; }
  .events .images-container img { flex:1 1 150px; max-width:300px; }
}
@media (max-width:700px) {
  .events .images-container img { flex:1 1 120px; max-width:300px; }
}

/* Section overlays and color specifics */
#section-2::before { background: rgba(0,0,0,0.7); }
#section-3::before { background: rgba(255,255,255,0.6); }
#section-2, #section-2 * { color: #cbcbcb; }
#section-1, #section-1 *, #section-3, #section-3 * { color: #333333; }