
:root{
  --bg:#0b0b0b;
  --ink:#f7f7f7;
  --muted:#bdbdbd;
  --brand:#d4af37; /* dorado elegante */
  --ink-dark:#0f0f0f;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
img{max-width:100%;display:block;height:auto}
a{color:var(--ink);text-decoration:none}
.container{width:min(1120px,92%);margin:0 auto}
.topbar{position:sticky;top:0;background:#0a0a0ad9;backdrop-filter:saturate(180%) blur(8px);z-index:20;border-bottom:1px solid #ffffff12}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0}
.brand img{height:46px;width:auto;object-fit:contain;filter:brightness(1.5)}
.nav a{margin:0 .6rem;opacity:.9}
.nav a.btn{margin-left:1rem}
.btn{background:var(--brand);color:#1c1c1c;font-weight:700;padding:.7rem 1rem;border-radius:999px;display:inline-block;transition:transform .2s,opacity .2s}
.btn:hover{transform:translateY(-1px);opacity:.95}
.btn.ghost{background:transparent;border:1px solid var(--brand);color:var(--ink)}

.hero{position:relative;min-height:70vh;display:grid;align-items:end;padding-top:64px}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000088 0%,#000000aa 50%,#000000 100%);z-index:0}
.hero-content{position:relative;z-index:2;padding:3rem 0 2rem}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,6vw,3.8rem);line-height:1.05;margin:0}
.hero h1 span{font-weight:600;font-size:clamp(1.1rem,2.5vw,1.5rem);letter-spacing:.15em;text-transform:uppercase;color:var(--brand)}
.hero p{max-width:720px;margin:.8rem 0 1.2rem;color:#e9e9e9}
.cta-row{display:flex;gap:.8rem;flex-wrap:wrap}

.hero-slider{position:absolute;inset:0;z-index:1;overflow:hidden;opacity:.5}
.hero-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:fade 24s infinite}
.hero-slider img:nth-child(2){animation-delay:8s}
.hero-slider img:nth-child(3){animation-delay:16s}
@keyframes fade{
 0%{opacity:1;transform:scale(1)}
 27%{opacity:1}
 33%{opacity:0;transform:scale(1.02)}
 94%{opacity:0}
 100%{opacity:1;transform:scale(1)}
}

.section{padding:64px 0;background:var(--ink-dark)}
.section.alt{background:#141414}
.section h2{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,4.2vw,2.4rem);margin:0 0 1rem;color:var(--brand)}
.checks{list-style:none;padding:0;margin:.6rem 0 0}
.checks li{margin:.35rem 0;padding-left:1.4rem;position:relative}
.checks li::before{content:'✓';position:absolute;left:0;color:var(--brand)}
.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
@media (max-width:900px){.grid-2{grid-template-columns:1fr}}

.card{background:#0f0f0f;border:1px solid #ffffff1c;border-radius:16px;padding:20px;box-shadow:0 10px 24px #00000033}
.card h3{margin-top:0}
.fb-embed iframe{border-radius:10px}
.muted{color:var(--muted);margin:.2rem 0}

.flyer img{border-radius:12px;border:1px solid #ffffff22}

.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;border:1px solid #ffffff22}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}

.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.gallery img{border-radius:12px;cursor:zoom-in;border:1px solid #ffffff22;transition:transform .2s}
.gallery img:hover{transform:scale(1.01)}

.map-wrapper{position:relative;padding-bottom:56.25%;height:0;border-radius:16px;overflow:hidden;border:1px solid #ffffff22}
.map-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}

.form{max-width:760px;margin:0 auto}
.field{display:flex;flex-direction:column;margin:.6rem 0}
.field input,.field textarea{padding:.8rem;border-radius:12px;border:1px solid #ffffff22;background:#0e0e0e;color:#f1f1f1}
.field label{font-size:.9rem;color:#d9d9d9;margin-bottom:.25rem}

.footer{background:#0a0a0a;border-top:1px solid #ffffff12;padding:28px 0}
.footer .container{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;color:#bdbdbd}
.footer a{color:var(--brand)}

.wa-float{position:fixed;right:18px;bottom:18px;background:#25D366;border-radius:999px;padding:14px;display:grid;place-items:center;box-shadow:0 12px 24px #00000055;z-index:40}
.wa-float:hover{transform:translateY(-1px)}

.lightbox{position:fixed;inset:0;background:#000000ee;display:none;align-items:center;justify-content:center;padding:20px;z-index:50}
.lightbox img{max-width:92vw;max-height:90vh;border-radius:14px;border:1px solid #ffffff22;box-shadow:0 20px 60px #00000088}
.lightbox.show{display:flex}
.close-x{position:absolute;top:16px;right:16px;font-size:28px;background:#000;border:1px solid #ffffff22;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;cursor:pointer}
