:root {
  --navbar-height: 64px;
  --brand: #f2b705;
  --brand-orange: #ff8a12;
  --brand-yellow: #ffd83d;
  --dark: #1f2933;
  --dark-deep: #111827;
  --industrial-gray: #667078;
  --soft: #f7f7f4;
  --white: #ffffff;
}

html {
  scroll-behavior: smooth;
}

body {
  padding-top: var(--navbar-height);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #263238;
  background: #fff;
}

img {
  max-width: 100%;
}

section {
  scroll-margin-top: calc(var(--navbar-height) + 24px);
}

.btn-brand {
  background: var(--brand);
  border: 0;
  color: #1b1b1b;
  font-weight: 800;
  padding: 12px 22px;
  border-radius: 999px;
}

.btn-brand:hover {
  background: #ffd447;
  color: #000;
}

.whatsapp-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  width: 62px;
  height: 62px;
  z-index: 9999;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  font-size: 2rem;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(37,211,102,.45);
}

.whatsapp-float:hover {
  color: #fff;
  transform: scale(1.06);
}

@media (max-width: 991.98px) {
  :root {
    --navbar-height: 72px;
  }
}