/* Layout (wrap que separa al footer del main content) */
#main {
    min-height: 95vh;
    padding-top: 30px;
}

.bg-main {
    background-color: var(--main-color);
}

.bg-main-light {
    background-color: var(--main-light-color);
}

.bg-main-lighter {
    background-color: var(--main-lighter-color);
}

/* Buttons */
.btn-custom-main {
  color: white;
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.footer {
  background-color: var(--main-color);
  color: white;
  padding-top: 20px;
}