* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', sans-serif; background: #111; color: #eee; }

nav {
  display: flex; justify-content: space-between; align-items: center;
  padding: 1rem 2rem; background: rgba(0,0,0,.9);
  position: fixed; width: 100%; top: 0; z-index: 10;
}
.logo { font-size: 1.3rem; font-weight: bold; letter-spacing: 2px; }
nav ul { display: flex; list-style: none; gap: 1.5rem; }
nav a { color: #eee; text-decoration: none; }
nav a:hover { color: #d4a24e; }

header {
  height: 100vh; display: flex; flex-direction: column;
  justify-content: center; align-items: center; text-align: center;
  background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.7)),
              url('images/hero.jpg') center/cover no-repeat;
}
header h1 { font-size: 3rem; margin-bottom: 1rem; }
.btn {
  margin-top: 1.5rem; padding: .8rem 2rem; background: #d4a24e;
  color: #111; text-decoration: none; border-radius: 30px; font-weight: bold;
}

section { padding: 5rem 2rem; max-width: 1100px; margin: auto; }
h2 { text-align: center; margin-bottom: 2rem; color: #d4a24e; }

.gallery {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
}
.gallery img {
  width: 100%; height: 250px; object-fit: cover;
  border-radius: 8px; cursor: pointer; transition: transform .3s;
}
.gallery img:hover { transform: scale(1.03); }

#lightbox {
  display: none; position: fixed; inset: 0; background: rgba(0,0,0,.95);
  z-index: 20; align-items: center; justify-content: center;
}
#lightbox img { max-width: 90%; max-height: 90%; }

#rolam p { max-width: 700px; margin: auto; line-height: 1.8; text-align: center; }

form { display: flex; flex-direction: column; gap: 1rem; max-width: 500px; margin: auto; }
input, textarea {
  padding: .8rem; border: none; border-radius: 6px; background: #222; color: #eee;
}
button {
  padding: .8rem; border: none; border-radius: 6px;
  background: #d4a24e; font-weight: bold; cursor: pointer;
}

footer { text-align: center; padding: 2rem; background: #000; }