html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Panel izquierdo login - maxima especificidad */
html body:has(input[type="password"]) #root div.root > div > div:first-child,
html body:has(input[type="password"]) #root div.root > div > div > div:first-child,
html body:has(input[type="password"]) #root div.root > div > div > div > div:first-child {
  background-color: #090638 !important;
}

/* Boton INICIAR SESION */
html #root .MuiButton-containedPrimary,
html #root button.MuiButton-containedPrimary,
html #root .MuiButton-root.MuiButton-containedPrimary {
  background-color: #0F70B7 !important;
}
html #root .MuiButton-containedPrimary:hover,
html #root button.MuiButton-containedPrimary:hover {
  background-color: #0a5a94 !important;
}