/* =========================================================================
   Estudio Música — Página para restablecer la contraseña.

   El diseño se toma prestado de la página de acceso: esta hoja solo añade lo
   que allí no hacía falta. La diferencia de fondo es que la página de acceso
   ocupa la pantalla entera con plantilla Canvas, y esta se monta como una
   página normal, con la cabecera y el pie del sitio alrededor.

   Selectores escopados igual que acceso.scoped.css.
   ========================================================================= */

/* La tarjeta se centra en el ancho que le dé el contenedor de la página, en
   lugar de dentro de una rejilla a pantalla completa. */
.acceso-flow.reiniciar-clave {
  display: block;
  width: 100%;
  padding: 8px 0 24px;
}

.acceso-flow.reiniciar-clave .acceso-card {
  margin: 0 auto;
}

/* En el acceso los avisos van pegados al campo del correo; aquí encabezan la
   tarjeta y necesitan aire por debajo. */
.acceso-flow.reiniciar-clave .acceso-alert {
  margin: 0 0 20px;
}

/* El botón del estado final es un enlace, no un <button>: sin esto hereda del
   tema el subrayado y el ancho del texto. */
.acceso-flow.reiniciar-clave a.btn {
  display: flex;
  width: 100%;
  text-decoration: none;
  box-sizing: border-box;
}

/* El «Volver al acceso» va centrado bajo el formulario, no alineado a la
   izquierda como el «¿Has olvidado tu contraseña?» del login. */
.acceso-flow.reiniciar-clave .forgot {
  display: block;
  margin-top: 18px;
  text-align: center;
}

.acceso-flow.reiniciar-clave .reiniciar-clave__nota {
  font-family: var(--font-body);
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--em-navy-soft);
  margin: 8px 0 0;
}