*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#080808;--surface:#111;--surface2:#171717;--text:#f4f1ea;--muted:#a8a49b;--gold:#c9a45c;--gold2:#e5c77e;--border:rgba(255,255,255,.1)}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{text-decoration:none;color:inherit}
.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 6%;background:rgba(8,8,8,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.logo{font-size:1.6rem;font-weight:900;letter-spacing:.16em}.logo span{color:var(--gold)}
.nav{display:flex;gap:28px}.nav a{color:#ddd;font-size:.95rem}.nav a:hover{color:var(--gold)}
.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.6rem}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding:80px 8%;background:radial-gradient(circle at 80% 40%,rgba(201,164,92,.12),transparent 35%)}
.eyebrow{color:var(--gold);letter-spacing:.22em;font-size:.75rem;font-weight:700;margin-bottom:15px}
h1{font-size:clamp(4rem,10vw,8rem);line-height:.82;letter-spacing:-.05em}h1 span{font-size:.32em;letter-spacing:.02em;color:#ddd}
.hero-text{max-width:600px;color:var(--muted);font-size:1.1rem;margin:30px 0}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 22px;border-radius:4px;font-weight:800;border:1px solid var(--gold);cursor:pointer}.btn-gold{background:var(--gold);color:#090909}.btn-gold:hover{background:var(--gold2)}.btn-outline{color:var(--gold)}
.hero-card{height:430px;border:1px solid var(--border);background:linear-gradient(145deg,#191919,#070707);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.shine-ring{width:260px;height:260px;border-radius:50%;border:1px solid rgba(201,164,92,.5);box-shadow:0 0 80px rgba(201,164,92,.12)}
.hero-card-text{position:absolute;text-align:center;font-size:1rem;letter-spacing:.35em}.hero-card-text strong{font-size:1.7rem;color:var(--gold)}
.section{padding:110px 8%}.section-heading{text-align:center;max-width:720px;margin:0 auto 55px}.section-heading h2,.about h2,.cta h2{font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;margin-bottom:18px}.section-heading p:not(.eyebrow){color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{position:relative;background:var(--surface);border:1px solid var(--border);padding:34px;min-height:310px}.card.featured{border-color:rgba(201,164,92,.65)}.badge{position:absolute;top:14px;right:14px;background:var(--gold);color:#111;padding:4px 8px;font-size:.65rem;font-weight:900}.card-number{color:var(--gold);font-weight:900;margin-bottom:50px}.card h3{font-size:1.4rem;margin-bottom:12px}.card p{color:var(--muted)}.price{margin-top:25px;color:var(--gold);font-weight:800}.small-note{color:#777;font-size:.8rem;margin-top:18px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#0d0d0d}.about-image{min-height:430px}.placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#202020,#090909);border:1px solid var(--border);font-size:3rem;font-weight:900;letter-spacing:.2em;color:var(--gold)}.about-content>p:not(.eyebrow){color:var(--muted);margin-bottom:25px}.ticks{display:grid;gap:10px;color:#ddd}.ticks div::first-letter{color:var(--gold)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery-item{aspect-ratio:1.2;background:linear-gradient(135deg,#1e1e1e,#090909);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:#777;letter-spacing:.15em}
.cta{margin:20px 8%;padding:55px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#17130d,#0e0e0e);border:1px solid rgba(201,164,92,.25)}.cta h2{max-width:700px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;max-width:1000px;margin:auto}.contact-info{display:grid;align-content:start;gap:15px}.contact-box{display:flex;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--border)}.contact-box span:first-child{font-size:1.4rem}.contact-form{display:grid;gap:12px}.contact-form input,.contact-form textarea{width:100%;padding:15px;background:#111;border:1px solid var(--border);color:white;border-radius:3px;font:inherit}.contact-form input:focus,.contact-form textarea:focus{outline:1px solid var(--gold)}.form-note{font-size:.75rem;color:#777}
.footer{padding:50px 8%;border-top:1px solid var(--border);text-align:center;color:#888}.footer-links{display:flex;justify-content:center;gap:20px;margin:15px}.footer-links a:hover{color:var(--gold)}.copyright{font-size:.75rem}
.whatsapp{position:fixed;right:20px;bottom:20px;z-index:30;background:#25d366;color:#071108;padding:13px 18px;border-radius:999px;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.4)}
@media(max-width:800px){.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0b0b0b;padding:20px 6%;flex-direction:column}.nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:60px}.hero-card{height:300px}.cards,.gallery{grid-template-columns:1fr}.about,.contact-grid{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}.section{padding:80px 6%}.hero{padding-left:6%;padding-right:6%}}
