/* Configuração para tablets (tela média) */
/*
Cabeçalho - topo
Seção Hero - secao_hero
Seção Autoridade - secao_autoridade
Seção Depoimentos - secao-depoimentos
Seção de Destinos - secao_destinos e
  subseções:
  - Viagens Nacionais - secao-viagens nacionais
  - Viagens Internacionais - secao-viagens internacionais
  - Bate e Volta - secao-viagens bate-volta
  - Viagens Concluídas - secao-viagens concluidas
Seção Promoções - secao_promocoes
Seção Benefícios - secao_beneficios
Seção Redes Sociais - secao_redes_sociais
Seção localização - secao_localizacao
Rodapé da página - rodape

Classes para os subtítulos
WhatsApp Floating Button
Personalização do menu Bootstrap
Personalização de viagem concluída e alertas de vagas
*/
/* ============================================
   MOBILE – até 600px
============================================ */
@media only screen and (max-width: 600px) {

  .card-nacional {
    width: 100%;
  }

  .container {
    padding: 10px;
  }

  .container_logo p {
    font-size: 20px;
  }

  .container_logo img {
    width: 22px;
    height: 22px;
  }

  .navbar {
    padding: 0.5rem 1rem;
  }

  .navbar .menu {
    gap: 0.5rem;
  }

  .hero {
    padding: 20px 10px;
  }

  .section-title {
    font-size: 1.5em;
  }

  .section-subtitle {
    font-size: 0.9em;
  }

  .grid-nacional {
    gap: 15px;
  }

  .depoimento {
    max-width: 100%;
  }

  /* Depoimentos */
  .secao-depoimentos h2 {
    font-size: 1.6rem;
  }

  .carousel-item p {
    font-size: 0.95rem;
  }

  .carousel-item strong {
    font-size: 0.85rem;
  }

  .carousel-item .col-md-5 {
    margin: 10px auto;
    width: 90%;
  }

  /* Rodapé */
  .rodape {
    padding: 15px 10px;
    text-align: center;
  }

  .rodape p {
    font-size: 0.8em;
  }

  /* Subtítulos */
  .subtitulo {
    font-size: 1.5rem;
    letter-spacing: 1.8px;
  }
}

/* ============================================
   EXTRA SMALL – até 480px
============================================ */
@media (max-width: 480px) {
  .rodape {
    font-size: 0.85rem;
    padding: 30px 15px;
  }
}

/* ============================================
   TABLET – 601px a 1024px
============================================ */
@media only screen and (min-width: 601px) and (max-width: 1024px) {

  .card-nacional {
    width: 48%;
  }

  .container {
    padding: 15px;
  }

  .navbar {
    padding: 0.5rem 1rem;
  }

  .navbar .menu {
    gap: 0.75rem;
  }

  .hero {
    padding: 30px 15px;
  }

  .section-title {
    font-size: 2em;
  }

  .section-subtitle {
    font-size: 1em;
  }

  .grid-nacional {
    gap: 20px;
  }

  .depoimento {
    max-width: 45%;
  }

  .rodape {
    padding: 20px 15px;
    text-align: center;
  }

  .rodape p {
    font-size: 0.9em;
  }
}

/* ============================================
   AJUSTES GERAIS – até 768px
============================================ */
@media (max-width: 768px) {

  /* Hero */
  .container_texto_hero h1 {
    font-size: 2rem;
  }

  .container_texto_hero p {
    font-size: 1rem;
  }

  /* Benefícios */
  .secao_beneficios div h2 {
    font-size: 1.6rem;
  }

  .lista_beneficios h3 {
    font-size: 20px;
  }

  .lista_beneficios p {
    font-size: 16px;
  }

  /* Localização */
  .secao_localizacao div h2 {
    font-size: 1.5rem;
  }

  .secao_localizacao div p {
    font-size: 0.95rem;
  }

  /* Redes sociais */
  .container_texto_redes_sociais h2 {
    font-size: 1.8rem;
  }

  .secao_redes_sociais p {
    font-size: 1rem;
  }

  /* Navbar */
  .navbar {
    padding: 10px 16px;
  }

  .navbar-brand {
    font-size: 1.1em;
  }

  .navbar-nav .nav-link {
    font-size: 0.95em;
  }
}