/* Overrides e ajustes finos (sem interferir no layout principal) */

/* Melhor foco (acessibilidade) */
.btn:focus,
.nav-link:focus,
.btn-reserve-nav:focus,
.faq-question:focus,
.menu-toggle:focus,
.lightbox-close:focus,
.lightbox-prev:focus,
.lightbox-next:focus {
  outline: 2px solid #DAA520;
  outline-offset: 3px;
}

/* Scrollbar (opcional) */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #DAA520; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #B8860B; }

/* Ajuste: cursor correto no conteúdo do lightbox */
.lightbox-content { cursor: default; }

/* Ajuste: reduzir “pulo” do blur em alguns browsers */
.navbar { -webkit-backdrop-filter: blur(10px); }

/* =========================
   AVENTURA (Explore)
   - Tamanho controlado (não gigante)
   - Título sobre a foto
   - Ícone de zoom no hover
   ========================= */

/* Grid um pouco mais compacto (mais cards por linha) */
.explore .explore-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

/* Tamanho padrão das imagens na Aventura */
.explore .explore-image {
  position: relative;
  height: 180px;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
}

/* Versão vertical (portrait) */
.explore .explore-image--portrait {
  height: 240px;
}

/* Imagem preenchendo a caixa */
.explore .explore-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.25s ease;
}

/* Zoom no hover */
.explore .explore-image:hover img {
  transform: scale(1.12);
}

/* Título na foto */
.explore .explore-photo-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  color: #fff;
  font-weight: 700;
  padding: 10px 12px;
  background: linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,0));
}

/* Overlay (ícone lupa) */
.explore .explore-image .gallery-overlay {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.explore .explore-image:hover .gallery-overlay {
  opacity: 1;
}

/* Mobile */
@media (max-width: 768px) {
  .explore .explore-image { height: 170px; }
  .explore .explore-image--portrait { height: 220px; }
}
/* EMERGÊNCIA: normalizar tipografia e navbar caso o CSS principal tenha falhas */
html{font-size:16px}
body{font-size:16px;line-height:1.6}
h1{font-size:clamp(2rem,4vw,3.5rem)}
h2{font-size:clamp(1.6rem,3vw,2.5rem)}
.nav-content{padding:12px 0}
.nav-menu{gap:18px}
/* LOGO MAIOR NA NAVBAR (desktop e mobile) */
.nav-content{padding:18px 0}
.logo-image{width:64px;height:64px;object-fit:contain}
.logo-text{font-size:1.75rem;line-height:1}
.navbar.scrolled .nav-content{padding:12px 0}
.navbar.scrolled .logo-image{width:54px;height:54px}
@media (max-width:768px){
  .logo-image{width:56px;height:56px}
  .logo-text{font-size:1.35rem}
}
/* ✅ FAQ: corrigir alinhamento do texto + seta */
.faq-question{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  width:100%;
}
.faq-question span{
  display:block;
  flex:1;
  text-align:left;
}
.faq-question i{
  flex:0 0 auto;
  margin-left:auto;
  line-height:1;
}