body{margin:0;font-family:Montserrat;background:#181f2b;color:#ffffff;}
.container{width:min(1100px,90%);margin:auto;}
.header{background:#0b1320;padding:.5rem 0;position:sticky;top:0;z-index:50;box-shadow:0 2px 6px rgba(0,0,0,.5);}
.header-flex{display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;gap:10px;}
.logo img{width:40px;height:40px;border-radius:50%;border:2px solid #d4af37;}
.logo h1{font-size:1.2rem;color:#d4af37;margin:0;}
.nav a{color:#ffffff;margin-left:1rem;text-decoration:none;font-weight:600;}
.nav a:hover{color:#d4af37;}

.hero{position:relative;text-align:center;overflow:hidden;}
.hero-img{width:100%;height:75vh;object-fit:cover;filter:brightness(0.5);}
.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff;}
.hero-content h2{font-size:clamp(1.8rem,3vw,2.6rem);color:#d4af37;margin-bottom:.5rem;}
.hero-content p{font-size:1.1rem;}

.about, .gallery, .social, .contact{padding:3rem 0;}
.about h2, .gallery h2, .social h2, .contact h2{color:#d4af37;margin-bottom:1rem;text-align:center;}
.about p{text-align:center;max-width:700px;margin:auto;line-height:1.6;}

.gallery .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;}
.gallery img{width:100%;border-radius:8px;transition:transform .3s ease;}
.gallery img:hover{transform:scale(1.03);}

.social-embeds{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;justify-content:center;}
.social-embeds iframe{width:100%;height:400px;border:none;border-radius:10px;}

.contact ul{list-style:none;padding:0;text-align:center;}
.contact li{margin:.5rem 0;}
.contact a{color:#d4af37;text-decoration:none;}

.footer{background:#0b1320;padding:1rem;text-align:center;font-size:.9rem;}
.footer a{color:#d4af37;text-decoration:none;}

.whatsapp{position:fixed;bottom:20px;right:20px;background:#d4af37;padding:10px;border-radius:50%;box-shadow:0 0 15px rgba(0,0,0,.3);}
.whatsapp img{width:40px;height:40px;display:block;}

@media(max-width:768px){
.hero-img{height:60vh;}
}