*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:#fdfaf7;color:#333}
h1,h2,h3{font-family:'Playfair Display',serif}

:root{
    --gold:hsla(36.28,53.09%,68.24%,1);
    --gold-dark:hsl(36,50%,55%);
    --red:#c41e3a;
}

/* MENU */
.header{position:fixed;top:0;width:100%;padding:1.5rem 5%;display:flex;justify-content:space-between;align-items:center;background:rgba(253,250,247,.95);backdrop-filter:blur(15px);z-index:1000}
.logo{font-size:2rem;color:var(--gold-dark);font-weight:700}
.hamburger{cursor:pointer;display:flex;flex-direction:column;gap:7px;z-index:1001}
.hamburger span{width:35px;height:4px;background:var(--gold-dark);border-radius:2px;transition:.4s}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(10px,10px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(10px,-10px)}

.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:.4s;z-index:998}
.menu-overlay.active{opacity:1;visibility:visible}

.menu-mobile{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.8);width:90%;max-width:500px;height:70vh;background:#fdfaf7;border-radius:30px;box-shadow:0 40px 100px rgba(0,0,0,.3);z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.6s}
.menu-mobile.active{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible}

.menu-content{text-align:center}
.menu-content a{display:block;font-size:3.2rem;color:var(--gold-dark);margin:1.2rem 0;text-decoration:none;transition:.3s}
.menu-content a:hover{color:#333}

.social-menu{margin-top:3rem}
.social-menu a{margin:0 20px;font-size:3rem;color:var(--gold-dark);transition:.3s}
.social-menu a:hover{color:var(--gold);transform:scale(1.2)}

/* HERO, NATAL, etc (mesmos estilos lindos de antes) */
.hero{height:100vh;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.8)),url('imagens/01.webp') center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:white}
.hero h1{font-size:7rem;line-height:1}
.hero h1 span{color:var(--gold)}
.btn{background:var(--gold);color:#333;padding:1.3rem 3.5rem;border-radius:50px;font-weight:600}

/* (o resto do CSS continua exatamente como na versão anterior – pacotes, sobre, galeria, etc.) */
.natal,.sobre,.galeria,.contato{padding:120px 8%}
.natal{background:linear-gradient(135deg,#fff1eb,#fdfaf7);text-align:center}
.natal h2{font-size:5rem;color:var(--gold-dark)}
.pacotes-natal{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}
.card{background:white;padding:3rem;border-radius:30px;box-shadow:0 25px 60px rgba(0,0,0,.12);transition:.5s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-20px)}
.card.popular{border:4px solid var(--gold)}
.ribbon{position:absolute;top:15px;right:-50px;background:var(--red);color:white;padding:10px 60px;transform:rotate(45deg)}
.preco{font-size:4rem;color:var(--gold-dark);font-weight:bold}
.card button{background:var(--gold);color:#333;width:100%;padding:1rem;border-radius:50px;margin-top:2rem;font-weight:600}
.desejo,.video{background:var(--gold);color:#333}
.desejo button,.video button{background:#333;color:white}

.sobre{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.sobre-foto img{max-width:500px;border-radius:25px;box-shadow:0 30px 70px rgba(0,0,0,.2)}
.galeria{background:#111;color:white;text-align:center}
.galeria h2{color:var(--gold)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:15px}
.grid img{width:100%;cursor:pointer;transition:.4s}
.grid img:hover{transform:scale(1.03)}

.contato{background:white;text-align:center}
.btn-contato{background:var(--gold);padding:1.5rem 4rem;border-radius:50px;font-size:1.3rem}
footer{background:#333;color:white;padding:3rem;text-align:center}

.modal,.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:9999;justify-content:center;align-items:center}
.modal-content{background:white;padding:3rem;border-radius:25px;max-width:500px;width:90%;position:relative}
.close{position:absolute;top:10px;right:20px;font-size:45px;cursor:pointer;color:#999}
#lightbox-img{max-width:90%;max-height:90%}

@media(max-width:968px){
    .hero h1{font-size:4.5rem}
    .sobre{grid-template-columns:1fr;text-align:center}
}