/* Página de destino. Existe uma por caravana porque a cliente quer ranquear
   por destino ("Caravanas da Fé Aparecida", "Caravanas da Fé Madre Paulina") —
   uma home só nunca ranquearia para essas buscas. */

/* Capa com a foto do próprio santuário por baixo. O véu escuro garante o
   contraste do texto independente da foto que entrar no lugar. */
.roteiro-capa {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--branco);
  padding: clamp(48px, 9vw, 110px) 0;
}
.roteiro-capa__foto {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}
.roteiro-capa__veu {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(14, 42, 87, 0.74), rgba(10, 28, 58, 0.92));
}
.roteiro-capa h1 { color: var(--branco); }
.roteiro-capa .chapeu { color: var(--amarelo-claro); }
.roteiro-capa__texto { max-width: 640px; font-size: 1.12rem; }
.roteiro-capa__botoes { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 26px; }

.migalhas {
  background: var(--creme);
  padding: 12px 0;
  font-size: 0.92rem;
}
.migalhas a { color: var(--azul-claro); }

.inclui { max-width: 760px; }
.inclui__lista {
  list-style: none;
  padding: 0;
  margin: 24px 0 0;
  display: grid;
  gap: 14px;
}
.inclui__lista li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: var(--branco);
  border: 1px solid var(--borda);
  border-radius: 12px;
  padding: 16px 18px;
}
.inclui__lista li::before {
  content: "✓";
  color: var(--amarelo);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.4;
}

/* Datas e valores ficam fora do HTML de propósito: quem passa os números é a
   Elisandra, e o site nunca fecha venda — ele leva a pessoa para o WhatsApp. */
.passos {
  counter-reset: passo;
  display: grid;
  gap: 18px;
  margin-top: 28px;
  max-width: 760px;
}
.passo {
  display: flex;
  gap: 18px;
  align-items: flex-start;
}
.passo__numero {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--azul);
  color: var(--branco);
  display: grid;
  place-items: center;
  font-family: var(--fonte-titulo);
  font-size: 1.3rem;
}
.passo h3 { margin-bottom: 4px; }
.passo p { margin: 0; }

.outros-roteiros { margin-top: 8px; }

/* Galeria do destino */
.destino-galeria {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  margin-top: 28px;
}
.destino-galeria figure { margin: 0; }
.destino-galeria img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: var(--sombra);
}
.destino-galeria figcaption {
  margin-top: 8px;
  font-size: 0.94rem;
  color: var(--tinta-suave);
}