html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  background-image: url("../img/mohamed-fareed-rbSNsoXk-3A-unsplash.jpg");
  background-size: cover; /* Utiliza "cover" en lugar de "contain" */
  background-position: center; /* Centra la imagen de fondo */
  position: relative; /* Usa "relative" en lugar de "absolute" */
}
body .unsuscribe-main {
  /* height: 90vh; */
  /* background-image: url("../img/ridhwan-nordin-62YFfNPCjUg-unsplash.jpg"); 
  background-image: url("../img/mohamed-fareed-rbSNsoXk-3A-unsplash.jpg");
  background-size: cover; /* Cubre todo el contenedor 
  position: absolute;
  background-position: center center; /* Centra la imagen */
  /* color: #fff; Color del texto */
  text-align: center; /* Alineación del contenido */
}
body .navbar {
  background-color: hsl(48, 100%, 96%);
  height: 10vh;
  color: #12171e;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
.navbar .navbar-brand .navbar-img--vencimiento:hover {
  box-shadow: 2px 2px 4px #12171e5c;
}
.unsuscribe-main .unsuscribe-main-content {
  min-width: 300px;
  /* background: rgba(255, 255, 255, 0.24); */
  border-radius: 4px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  /* border: 1px solid rgba(255, 255, 255, 0.3); */
  color: #f5f1e3;
}
footer {
  height: 10vh;
}
footer div p {
  color: #f5f1e3;
}
@media screen and (min-width: 576px) {
  .unsuscribe-main .unsuscribe-main-content {
    width: 100%;
    height: 50%;
    background: none;
  }
}