/* ============================================================
   destinos.css - complemento para a pagina destinos.php
   Usa diferenciais.css como base principal
   ============================================================ */

/* Hero especifico desta pagina */
.page-hero--destinos {
  background:
    url('imagens/cataratas.png') center 40% / cover no-repeat;
}

/* Grade de navegacao rapida com 4 colunas (8 destinos) */
.dest-nav-grid {
  grid-template-columns: repeat(4, 1fr) !important;
}

/* Bloco de dica + distancia */
.dest-dica-inline {
  display: flex;
  gap: 0.7rem;
  align-items: flex-start;
  border: 1px solid;
  border-radius: 8px;
  padding: 0.9rem 1rem;
  margin-top: 0.5rem;
}

.dest-dist-inline {
  font-style: italic;
  font-size: 0.8rem;
  opacity: 0.7;
}

/* Responsive */
@media (max-width: 1024px) {
  .dest-nav-grid { grid-template-columns: repeat(4, 1fr) !important; }
}

@media (max-width: 720px) {
  .dest-nav-grid { grid-template-columns: repeat(2, 1fr) !important; }
}