*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#0d0d0d;color:#fff;line-height:1.7}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 8%;background:#111;position:sticky;top:0}
.logo{height:70px}
nav a{color:#d4af37;text-decoration:none;margin-left:18px}
.hero{min-height:90vh;background:linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.72)),url('assets/foto.jpg') center/cover;display:flex;align-items:center}
.hero-text{max-width:700px;margin-left:8%}
.badge{color:#d4af37;border:1px solid #d4af37;padding:8px 14px}
h1{font-size:4rem;color:#d4af37;margin:18px 0}
h2{font-size:2rem}
.btn{display:inline-block;margin-top:24px;background:#d4af37;color:#111;padding:15px 28px;border-radius:8px;text-decoration:none;font-weight:bold}
section{padding:80px 8%}
h3{color:#d4af37;font-size:2rem;margin-bottom:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.card{background:#171717;border:1px solid #d4af37;padding:24px;border-radius:12px;transition:.3s}
.card:hover{transform:translateY(-6px)}
footer{background:#111;padding:30px;text-align:center}
.whats{position:fixed;right:20px;bottom:20px;background:#25D366;color:#fff;padding:16px 22px;border-radius:999px;text-decoration:none}