/* ==========================================
   PÁGINA DE INGRESSOS
========================================== */

.selecao {
  position: relative;
  padding: 200px 0 190px;
  background: #cfe6f8 url("../img/water-park/bg-agua.webp") center / cover;
}
.selecao__titulo strong {
  display: inline;
}
.selecao .subtitulo {
  max-width: 720px;
}

.selecao__lista {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  margin-top: 56px;
  align-items: start;
}
.selecao__card:nth-child(2) {
  margin-top: 18px;
}
.selecao__card:nth-child(3) {
  margin-top: 8px;
}
.selecao__card:nth-child(4) {
  margin-top: 24px;
}
.selecao__card .local__topo {
  height: 118px;
  justify-content: space-between;
}
.selecao__card .local__topo > img:first-child {
  height: 74px;
}
.local__selo {
  height: 52px;
  width: auto;
}
.local__texto {
  padding: 24px 24px 0;
  font-size: 16px;
  line-height: 1.35;
}
.selecao__card dl {
  padding-top: 18px;
}
.selecao__card dd {
  font-size: 17px;
}
.selecao__card .local__mapa {
  margin-top: auto;
  padding-top: 30px;
}
.selecao .chegar__nota {
  margin-top: 46px;
}
.selecao .chegar__nota--pequena {
  margin-top: 10px;
}

.informacoes {
  position: relative;
  padding: 90px 0 200px;
  background: var(--creme);
}
.informacoes .faq__grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 690px);
  gap: 30px;
}
.informacoes .titulo {
  font-size: clamp(34px, 3.3vw, 64px);
}
.informacoes .subtitulo {
  max-width: 380px;
}
.informacoes .pergunta {
  border: 3px solid var(--azul);
  box-shadow: 4px 6px 0 var(--laranja);
}
.informacoes .pergunta:nth-child(2) {
  box-shadow: 4px 6px 0 var(--amarelo);
}
.informacoes .pergunta ol {
  padding: 0 80px 14px 50px;
  font-size: 15.5px;
  line-height: 1.3;
}
.informacoes .pergunta ol li + li {
  margin-top: 6px;
}

@media (max-width: 1280px) {
  .selecao__lista {
    gap: 22px;
  }
  .local__texto {
    padding: 20px 18px 0;
    font-size: 15px;
  }
}

@media (max-width: 1100px) {
  .informacoes .faq__grid {
    grid-template-columns: 1fr;
  }
  .selecao {
    padding-top: 180px;
  }
  .selecao__lista {
    grid-template-columns: repeat(2, 1fr);
    gap: 36px 30px;
  }
  .selecao__card:nth-child(n) {
    margin-top: 0;
  }
}

@media (max-width: 767.98px) {
  .selecao {
    padding: 150px 0 150px;
  }
  .selecao__lista {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 40px;
  }
  .selecao__card:nth-child(n) {
    transform: rotate(0);
  }
  .selecao__card .local__topo {
    height: 96px;
  }
  .selecao__card .local__topo > img:first-child {
    height: 60px;
  }
  .local__selo {
    height: 42px;
  }
  .informacoes {
    padding: 70px 0 160px;
  }
  .informacoes .pergunta ol {
    padding: 0 20px 14px 38px;
    font-size: 14px;
  }
}