/**
 * Sticky footer: mantém o rodapé no fundo da página.
 * Quando o conteúdo é curto, o rodapé fica na parte inferior da viewport.
 * Quando o conteúdo é longo, o rodapé fica abaixo do conteúdo (não sobrepõe).
 */
html {
  height: 100%;
}

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

#wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}

#wrapper .container-fluid.pb-6 {
  flex: 1;
}