/* Identidade Lintravel: cores tiradas dos destaques do Instagram (@lintravel_) */
:root {
  --bg: #FAF7F2;
  --bg-2: #F3EEE5;
  --surface: #FFFFFF;
  --ink: #15302E;
  --ink-2: #566866;
  --ink-3: #8A9896;
  --line: #E8E1D5;
  --line-2: #D9D0C1;

  --teal: #2F7F7A;
  --teal-deep: #0F3A38;
  --teal-soft: #E3EFEC;
  --sage: #A8C4AE;
  --sage-soft: #EDF3EE;
  --sun: #EC8446;
  --sun-deep: #C9602A;
  --sun-soft: #FDEBDF;
  --amber-soft: #FFF3D9;
  --amber-ink: #7A5410;
  --ok: #2F7F52;
  --ok-soft: #E4F2E8;

  --serif: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif; /* títulos (SemiBold) */
  --sans: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;

  --r-sm: 12px;
  --r: 20px;
  --r-lg: 28px;
  --shadow: 0 1px 2px rgba(21, 48, 46, .05), 0 8px 24px -12px rgba(21, 48, 46, .18);
  --shadow-lg: 0 2px 6px rgba(21, 48, 46, .06), 0 24px 48px -20px rgba(21, 48, 46, .35);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 400 16px/1.55 var(--sans);
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
button { font: inherit; color: inherit; cursor: pointer; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ico { width: 1em; height: 1em; flex: none; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ico.fill { fill: currentColor; stroke: none; }

/* Logo Lin Travels (assets/img/logo). A altura vem de --logo-h em cada lugar. */
.marca { display: inline-flex; align-items: center; text-decoration: none; line-height: 0; }
.marca img { height: var(--logo-h, 40px); width: auto; display: block; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}