.recuperar-pass {
  background-image: url(/main/assets/img/Fondo.jpg);
  background-position: top center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-top: 5rem;
  min-height: 100dvh;
}

/* Estructura Grid */
.recuperar-pass_wrapper {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 76dvh;
}
.participa{
  text-decoration: none;
  font-size: 1.5rem;
  border-radius: 50px;
}
/* Centrado del panel */
.recuperar-pass_main {
  display: flex;
  justify-content: center;
  align-items: center;
}

.recuperar-pass_panel {
  background: rgba(16,18,22,.78);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  color: #f5f5f5;
  max-width: 480px;
  width: 90%;
  align-self: center;
  justify-self: center;
}

@supports (backdrop-filter: blur(6px)) {
  .recuperar-pass_panel {
    backdrop-filter: blur(6px);
  }
}

.recuperar-pass_panel .form-control {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.3);
  color: #fff;
}

.recuperar-pass_panel .form-control::placeholder {
  color: rgba(255,255,255,.7);
}

@media (max-width: 767.98px) {
  .recuperar-pass {
    margin-top: 0;
    background-image: url(/main/assets/img/Capa-2.png);
    background-position: top center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 78dvh;
  }
}