/* Páginas de destino /roteiros (geradas por tools/build_site.py). Arquivo próprio: o
   site.css fica em cache por 7 dias (_headers) e não teria estas regras para quem já
   visitou o site. */

/* As seções da home têm 72 px de respiro; dentro do texto do roteiro, não. */
.doc section {
  padding: 0;
}

.crumbs {
  font-size: 0.93rem;
  color: var(--ink-soft);
  margin-bottom: 18px;
}

.crumbs a {
  color: inherit;
}

.doc .day {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px 24px;
  margin-top: 16px;
}

.doc .day h3 {
  margin-top: 0;
}

.doc .stops {
  margin-bottom: 0;
}

.doc .cta-box {
  background: var(--accent-soft);
  border-radius: var(--radius);
  padding: 24px;
  margin-top: 2.4em;
}

.doc .cta-box h2 {
  margin-top: 0;
  padding-top: 0;
}

.doc .cta-box p:last-child {
  margin-bottom: 0;
}

.doc .destinos {
  list-style: none;
  padding: 0;
}

.doc .destinos li {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px 24px;
  margin-bottom: 12px;
}

.doc .destinos a {
  font-weight: 700;
  font-size: 1.1rem;
}

.doc .destinos p {
  margin: 6px 0 0;
  color: var(--ink-soft);
}

.doc .back {
  margin-top: 2em;
}