:root {
  --color-primario: #6b4b3e; /* Marrón tierra */
  --color-secundario: #d4a373; /* Dorado suave */
  --color-fondo: #f8f4ec; /* Beige claro */
}
body {
  scroll-behavior: smooth;
  background-color: var(--color-fondo);
  font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
section { padding: 80px 0; }
.hero {
  color: white;
  text-align: center;
  padding: 140px 20px;
  background-size: cover;
  background-position: center;
}
.hero h1 { font-size: 3rem; font-weight: 700; text-shadow: 2px 2px 8px rgba(0,0,0,0.6); }
.navbar { background-color: var(--color-primario) !important; }
.navbar-brand, .nav-link { color: white !important; font-weight: 600; }
h2 { color: var(--color-primario); font-weight: 700; }
.card { border: none; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }
.card-title { color: var(--color-primario); font-weight: 700; }
footer { background-color: var(--color-primario); color: #eee; padding: 20px; text-align: center; }
.btn-primary { background-color: var(--color-secundario); border-color: var(--color-secundario); color: #2b1b16; }
@media (max-width: 576px) {
  .hero { padding: 100px 10px; }
  .hero h1 { font-size: 2rem; }
}