@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');

:root {
  --oktober-black: #16100c;
  --oktober-ink: #2a1a12;
  --oktober-gold: #f8c010;
  --oktober-gold-bright: #f8d020;
  --oktober-red: #e2001a;
  --oktober-cream: #fff8e8;
  --oktober-paper: #f3e4c0;
  --font-display: 'Alfa Slab One', Georgia, serif;
  --font-body: 'DM Sans', Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-body);
}

body {
  background-color: #ffffff;
}

h1,
h2,
h3,
.brand-lockup span,
.signup-brand span,
.payment-brand span,
.title {
  font-family: var(--font-display) !important;
  letter-spacing: .025em;
}

.signup-brand img,
.payment-brand img,
.hero-logo,
.img-logo {
  content: url('/static/imagens/LOGO(2).png');
}

.brand-lockup span,
.signup-brand span,
.payment-brand span {
  color: var(--oktober-gold) !important;
}

button,
.btn,
.btn-hero-primary,
.btn-primary,
.btn-save,
.btn-confirm,
.modal-box button {
  background: linear-gradient(135deg, var(--oktober-gold-bright), var(--oktober-gold)) !important;
  border-color: #c99400 !important;
  color: var(--oktober-ink) !important;
  font-weight: 800;
}

button:hover,
.btn:hover,
.btn-hero-primary:hover,
.btn-primary:hover,
.btn-save:hover,
.btn-confirm:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

.btn-secondary,
.btn-outline,
.btn-hero-outline,
.route-map-link {
  background: transparent !important;
  color: var(--oktober-gold) !important;
  border-color: rgba(248, 192, 16, .72) !important;
}

.container,
.card,
.termo-res,
.paragrafos,
.signup-card,
.payment-card,
.modal-box {
  border-color: rgba(248, 192, 16, .34) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--oktober-gold) !important;
  box-shadow: 0 0 0 3px rgba(248, 192, 16, .18) !important;
}