/* layout base para sticky footer */
html, body {
  height: 100%;
  margin: 0;
}

.page {
  min-height: 100vh;       /* ocupa a altura da janela */
  display: flex;
  flex-direction: column;  /* empilha header, main e footer */
}

/* a área central cresce e empurra o footer */
main.content {
  flex: 1 0 auto;
}

/* seu CSS existente */
body { background-color: #F3F6FB; }
a { text-decoration: none; color: black; }
.card-no-border { border: none !important; }
#topBanner { background-color: red; }
.container { max-width: 1000px; }
.cor { background-color: #097AC3; height: 280px; }
.footer { background-color: white; height: 150px; }