/* Base: reset, tipografía, grilla y utilidades compartidas */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Raleway, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.43;
  letter-spacing: .05em;
  color: #b29053;
  background: #fff;
}
img { max-width: 100%; height: auto; vertical-align: middle; border: 0; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h5 { margin: 0; line-height: 1.2; letter-spacing: .05em; color: #fff; }
h1 { font-size: 48px; font-weight: 200; text-transform: capitalize; }
h2 { font-size: 32px; font-weight: 900; }
h3 { font-size: 26px; font-weight: 900; }
h5 { font-size: 18px; font-weight: 700; }
p { margin: 0 0 10px; color: #fff; }
::selection { background: #616161; color: #fff; }

.container { width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 15px; }
.row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.col { padding: 0 15px; width: 100%; }
section { position: relative; overflow-x: clip; }
section[id], a[id] { scroll-margin-top: 55px; }

.gold { color: #b29053 !important; }
.golden-gradient { background-image: linear-gradient(to top, #dbcb76, #b29053); }
.golden-gradient-back { background-image: linear-gradient(to right bottom, #ddd07f, #b29053); }

@media (max-width: 480px) {
  h1 { font-size: 11vw; }
}