/* Páginas de autenticación (layout_auth_vuexy): fondo local + pie ciudad */

.auth-layout-root {
  min-height: 100vh;
  background-color: #0f2d3a;
  background-image: url("/img/fondo_auth_daily.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}

.auth-page {
  min-height: 100vh;
}

.auth-page--welcome {
  /* Tonalidad de respaldo si la imagen tarda en cargar */
  background-color: transparent;
}

.auth-welcome-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.75rem 1rem;
  text-align: center;
}

.auth-welcome-footer .lead {
  margin-bottom: 0;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/* Login: asegurar interacción del botón ver/ocultar contraseña */
.auth-layout-root .js-password-toggle {
  pointer-events: auto !important;
  position: relative;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  padding-inline: 0.75rem;
}

.auth-layout-root .js-password-toggle .icon-base {
  pointer-events: auto !important;
}