/* ═══════════════════════════════════════════════════════════════
   Transmitta — tema claro e quente, laranja da marca.
   ═══════════════════════════════════════════════════════════════ */

:root {
  --bg: #FBF6F2;
  --bg-soft: #FFFFFF;
  --surface: #FFFFFF;
  --surface-strong: #F6EDE5;
  --line: rgba(31, 21, 15, .12);
  --text: #1F150F;
  --muted: rgba(31, 21, 15, .66);
  --accent: #C9430E;
  --accent-soft: rgba(249, 99, 22, .13);
  --on-accent: #FFFFFF;
  --glow: rgba(249, 99, 22, .4);
}

.btn-primary { background: #F4551F; color: #24130A; }
.list-label { color: rgba(31, 21, 15, .55); }

/* ── Hero compacto ──────────────────────────────────────────── */
.hero {
  position: relative;
  isolation: isolate;
  text-align: center;
  padding-block: clamp(32px, 5vw, 56px) clamp(8px, 2vw, 16px);
  overflow: clip;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(31, 21, 15, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31, 21, 15, .05) 1px, transparent 1px);
  background-size: 54px 54px;
  -webkit-mask-image: radial-gradient(ellipse 85% 65% at 50% 0%, #000 20%, transparent 72%);
  mask-image: radial-gradient(ellipse 85% 65% at 50% 0%, #000 20%, transparent 72%);
}
.hero::after {
  content: "";
  position: absolute;
  top: -170px;
  left: 50%;
  translate: -50% 0;
  width: min(680px, 95vw);
  height: 440px;
  z-index: -2;
  background: radial-gradient(ellipse at center, rgba(249, 99, 22, .15), transparent 62%);
  filter: blur(10px);
}
.hero h1 {
  font-size: clamp(1.6rem, 4.4vw, 2.3rem);
  font-weight: 800;
  margin: 10px auto 0;
}
.hero h1 .accent { color: var(--accent); }
.hero-lead {
  max-width: 560px;
  margin: 14px auto 0;
  color: var(--muted);
  font-size: clamp(.97rem, 1.8vw, 1.05rem);
}
.hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: clamp(24px, 4vw, 32px);
}

/* Linha de rota pontilhada — referência discreta ao transporte */
.route-line {
  display: flex;
  align-items: center;
  max-width: 380px;
  margin: clamp(26px, 4vw, 36px) auto 0;
  color: var(--accent);
}
.route-line .rl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: currentColor;
  flex: none;
}
.route-line .rl-dash {
  flex: 1;
  border-top: 2px dashed rgba(201, 67, 14, .4);
}
.route-line svg { flex: none; margin-inline: 8px; }

/* ── Lista ──────────────────────────────────────────────────── */
.page-list { padding-bottom: clamp(56px, 8vw, 80px); }
.link-row:hover { box-shadow: 0 14px 34px -18px rgba(68, 36, 16, .3); }