*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;overflow-x:hidden;font-family:Poppins,sans-serif;background:#000;color:#fff}

/* HEADER */
.header{position:fixed;top:0;width:100%;z-index:1000;background:rgba(0,0,0,.6);backdrop-filter:blur(10px)}
.header-container{max-width:1200px;margin:auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}
.header-logo{height:46px}
.header-nav{display:flex;gap:24px}
.header-link{color:#fff;text-decoration:none}

/* HERO */
.hero{height:100vh;position:relative}
.hero-image{width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.85));opacity:0;transition:.4s}
.hero:hover .hero-overlay{opacity:1}
.hero-title{font-size:clamp(2rem,4vw,3.5rem);color:#ffc107}
.hero-button{margin-top:30px;padding:14px 30px;border-radius:40px;background:#ffc107;color:#000;text-decoration:none}

/* SECTIONS */
.section{max-width:1200px;margin:auto;padding:100px 20px}
.section-title{text-align:center;color:#ffc107;font-size:2.3rem;margin-bottom:40px}

/* EVENTS */
.carousel-item .row{justify-content:center}
.event-card{height:380px;border-radius:16px;overflow:hidden;cursor:pointer;position:relative;background:#000;display:flex;align-items:center;justify-content:center}
.event-image{width:100%;height:100%;object-fit:contain;background:#000;display:block}
.event-label{position:absolute;bottom:0;width:100%;padding:12px;background:rgba(0,0,0,.7);text-align:center}

/* ABOUT */
.section-about{text-align:center}
.about-text{max-width:800px;margin:auto;line-height:1.8}

/* CONTACT */
.section-contact{text-align:center}
.contact-whatsapp{display:inline-flex;align-items:center;gap:10px;background:#25D366;padding:14px 26px;border-radius:40px;color:#fff;text-decoration:none}

/* MODAL */
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.85);z-index:9999}
.modal.active{display:flex}
.modal-content{background:#111;padding:30px;border-radius:16px;text-align:center;width:90%;max-width:420px}
.modal-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:2rem;color:#fff}
.modal-whatsapp{display:inline-block;margin-top:20px;background:#25D366;padding:12px 22px;border-radius:30px;color:#fff;text-decoration:none}

/* FOOTER */
.footer{display:flex;flex-direction:column;align-items:center;margin-top:20px}

/* MOBILE */
@media(max-width:768px){
  .header-nav{display:none}
  .hero-overlay{opacity:1}
}