/* =====================================================================
   landing-base.css
   ---------------------------------------------------------------------
   Classes de layout que o landing.css espera encontrar prontas.

   O layout original do ipediu carregava o Bootstrap inteiro só para usar
   meia dúzia de classes na navbar (.navbar, .collapse, .d-flex...). Aqui
   reproduzimos exatamente essas classes, para o ipediuV2 não precisar
   carregar um framework inteiro numa página que usa 2% dele.

   NÃO EDITE landing.css para acomodar este arquivo: landing.css é cópia
   fiel do layout do ipediu e deve continuar assim, para que uma futura
   atualização visual lá possa ser copiada por cima sem retrabalho.
   ===================================================================== */

/* ---------- Reset mínimo ---------- */
*, *::before, *::after { box-sizing: border-box; }

/* ---------- Utilitários de flex (equivalentes do Bootstrap) ---------- */
.d-flex              { display: flex !important; }
.d-block             { display: block !important; }
.align-items-center  { align-items: center !important; }
.justify-content-end { justify-content: flex-end !important; }
.ml-auto             { margin-left: auto !important; }
.text-center         { text-align: center !important; }

/* ---------- Navbar ---------- */
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: .5rem 1rem;
}
.fixed-top {
  position: fixed;
  top: 0; right: 0; left: 0;
  z-index: 1030;
}
.navbar-brand {
  display: inline-block;
  margin-right: 1rem;
  text-decoration: none;
  line-height: 1;
}
.navbar-nav {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0;
}
.navbar-nav .nav-item  { display: block; }
.navbar-nav .nav-link  { display: block; text-decoration: none; }
.align-items-lg-center { align-items: center; }

/* Botão "hambúrguer" (só aparece no mobile) */
.navbar-toggler {
  display: none;
  background: transparent;
  border: 1px solid transparent;
  border-radius: .25rem;
  cursor: pointer;
  line-height: 1;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

/* ---------- Colapso responsivo ----------
   No desktop o menu é sempre visível. Abaixo de 992px ele vira sanfona,
   controlada pela classe .mostrar que o JS da landing liga/desliga. */
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-expand-lg .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

/* Colapsa em sanfona já a partir de 1199px: são muitos itens no topo
   (inclui "Seja afiliado"), e o container do site é limitado a 1160px —
   abaixo disso a barra horizontal ficaria apertada. */
@media (max-width: 1199.98px) {
  .navbar-expand-lg .navbar-collapse {
    display: none !important;
    flex-basis: 100%;
  }
  .navbar-expand-lg .navbar-collapse.mostrar {
    display: block !important;
  }
  .navbar-toggler { display: inline-block; }
  .navbar-nav {
    flex-direction: column;
    align-items: stretch;
  }
  .navbar-nav .nav-link { padding: .65rem .5rem; }
}