.header .grid-header { background: #051828; }
.cripton-header-brand { display: flex; align-items: center; flex: 0 0 auto; }
.cripton-header-brand img, .contenedor_logout .logo img { display: block; object-fit: contain; }
.header .cripton-header-brand { width: 112px; height: 32px; flex: 0 0 112px; }
.header .cripton-header-brand img { width: 112px; height: 32px; max-width: none; flex: none; }
.cripton-header-brand:focus-visible { outline: 2px solid #31ccd4; outline-offset: 3px; }
.sistema_nombre[hidden] { display: none; }
.cripton-login-brand { display: block; max-width: 100%; height: auto; }
body.page-login, body.page-change-password { background: #051828; }
.page-auth { --color-btn-fondo: #051828; --color-btn-texto: #ffffff; --color-hover-fondo: #31ccd4; --color-hover-texto: #051828; }
.page-auth .titulo_login { max-width: 100%; }
@media (max-width: 600px) {
  .page-auth .contenedor1 { padding: 24px 16px; }
  .page-auth .login-container { box-sizing: border-box; width: 100%; max-width: 400px; }
}