html,
body {
  height: 100%;
}

body.login-bg {
  background: url("../../assets/02-carousel.jpg") center/cover no-repeat fixed;
  position: relative;
}

/* Capa oscura + desenfoque */
body.login-bg::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45); /* controla oscuridad */
  backdrop-filter: blur(6px); /* ajusta intensidad del blur */
  -webkit-backdrop-filter: blur(6px);
  z-index: -1; /* queda detrás de todo */
}

/* Caja del formulario estilo "panel" */
body.login-bg .bg-white {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.login-logo-inside {
  position: absolute;
  top: 14px; /* ajustá según gusto */
  right: 34px;
  width: 48px; /* tamaño ajustable */
  height: auto;
  opacity: 0.9;
}
