/* ============================================================
   TEMA C — "Promoção quente" (teste A/B/C, rodada visual)
   Override em cima de styles.css. Vibe: varejo de oferta —
   preço gigante, urgência, selo PROMO. Estilo 123milhas/Decolar.
   ============================================================ */
:root {
  --bg: #fff6ee;
  --hot: #e63946;
  --hot-dark: #c62b38;
  --promo: #ffefe6;
  --promo-border: #f3b39e;
  --shadow: 0 1px 3px rgba(160, 60, 30, .10), 0 6px 18px rgba(160, 60, 30, .08);
}

/* titulo com grito de promocao */
.hero h1 { color: #1c1b2e; }
.hero h1::after {
  content: " 🔥";
}

/* botao principal de busca em vermelho-promo */
.route-picker button { background: var(--hot); }
.route-picker button:hover { background: var(--hot-dark); }

/* cards: preco GIGANTE em vermelho + selo PROMO */
.route-card { position: relative; overflow: hidden; }
.route-card::before {
  content: "PROMO";
  position: absolute; top: 10px; right: -26px;
  background: var(--hot); color: #fff;
  font-size: .65rem; font-weight: 800; letter-spacing: .12em;
  padding: 3px 30px; transform: rotate(35deg);
}
.route-card:hover { border-color: var(--hot); }
.route-card-price strong { color: var(--hot); font-size: 1.8rem; }
.route-card-cta { color: var(--hot); }

.tag { background: var(--promo); border-color: var(--promo-border); color: var(--hot-dark); }

.region-title { text-transform: uppercase; letter-spacing: .04em; }

/* pagina do trecho */
.tab.active { background: var(--hot); border-color: var(--hot); }
.price-banner { border-left-color: var(--hot); }
.price-banner strong { color: var(--hot); font-size: 1.6rem; }
.option-price strong { color: var(--hot); }

/* calendario: dias com promo bem quentes */
.day.promo { background: var(--promo); border-color: var(--promo-border); }
.day.promo .p { color: var(--hot-dark); }
.day.promo:hover { background: var(--hot); border-color: var(--hot); }
.month-min { color: var(--hot-dark); font-weight: 700; }