*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}

body{background:#0f0f0f;color:#fff;}

/* NAV */
nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 8%;
  position:fixed;
  width:100%;
  background:rgba(0,0,0,0.7);
  backdrop-filter:blur(10px);
  z-index:1000;
}

nav a{
  color:#fff;
  margin-left:20px;
  text-decoration:none;
  font-size:0.9rem;
}

/* HERO */
.hero{
  height:100vh;
  background:url('https://images.unsplash.com/photo-1509042239860-f550ce710b93') center/cover no-repeat;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.hero h1{
  font-size:3rem;
}

.hero p{
  margin:15px 0;
  opacity:0.8;
}

.btn{
  display:inline-block;
  padding:12px 30px;
  background:#c08457;
  border-radius:30px;
  color:#fff;
  text-decoration:none;
  transition:0.3s;
}
.btn:hover{background:#a16207;}

/* SECCIONES */
section{padding:80px 8%;}

/* FEATURES */
.features{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px;
}
.feature{
  background:#1a1a1a;
  padding:30px;
  border-radius:15px;
  text-align:center;
  transition:0.3s;
}
.feature:hover{transform:translateY(-5px);}

/* MENU */
.menu{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px;
}
.menu-item{
  background:#1a1a1a;
  border-radius:15px;
  overflow:hidden;
}
.menu-item img{
  width:100%;
  height:180px;
  object-fit:cover;
}
.menu-item div{padding:15px;}

/* CTA */
.cta{
  background:#c08457;
  text-align:center;
  padding:60px;
  border-radius:20px;
}

/* CONTACT */
.contact{text-align:center;}
.contact a{color:#c08457;}

/* FOOTER */
footer{
  background:#000;
  text-align:center;
  padding:20px;
  font-size:0.8rem;
}