/* NATURA BI — página de inicio de sesión corporativa (escritorio, tablet y móvil).
   Logo NATURA BI original: se muestra completo con su proporción (sin recorte, filtros ni cambios de color). */
html, body { margin: 0; min-height: 100%; }
body.nbi-login {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  padding: 24px 16px; box-sizing: border-box; background: #edede9; color: #000;
  font-family: "Natura Text", Helvetica, Arial, sans-serif;
}
.nbi-login-card {
  width: 100%; max-width: 440px; box-sizing: border-box; background: #fefefe; border-radius: 20px;   /* = fondo del PNG */
  padding: 32px 32px 24px; text-align: left; box-shadow: 0 6px 24px rgba(0, 0, 0, .08);
}
.nbi-login-logo {
  display: block; margin: 0 auto 8px; width: 100%; max-width: 300px; height: auto;   /* proporción original */
}
.nbi-login h1 {
  margin: 8px 0 4px; font: 500 26px/1.15 "Natura Display", "Natura Text", Helvetica, Arial, sans-serif;
}
.nbi-login-lead { margin: 0 0 20px; font-size: 14px; line-height: 1.45; color: #333; }
.nbi-alert { margin: 0 0 16px; padding: 10px 12px; border-radius: 10px; font-size: 13.5px; line-height: 1.4; }
.nbi-alert-error { background: #fff1e8; border-left: 4px solid #ff6600; }
.nbi-alert-info { background: #f4f4f1; border-left: 4px solid #999; }
/* Botón según las pautas de Microsoft: fondo blanco, borde gris #8C8C8C, texto #5E5E5E, logo de 21 px */
.nbi-ms-button {
  display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px;
  padding: 0 16px; border: 1px solid #8c8c8c; border-radius: 4px; background: #fff; color: #5e5e5e;
  font: 600 15px "Segoe UI", "Natura Text", Helvetica, Arial, sans-serif; text-decoration: none;
}
.nbi-ms-button:hover { background: #f3f3f3; }
.nbi-ms-button:focus-visible { outline: 3px solid #ff6600; outline-offset: 2px; }
.nbi-ms-button img { width: 21px; height: 21px; flex: 0 0 21px; }
.nbi-login-help { margin: 12px 0 0; font-size: 12.5px; color: #444; line-height: 1.45; }
.nbi-login-foot { margin: 20px 0 0; padding-top: 14px; border-top: 1px solid #edede9; font-size: 12px; color: #555; }
.nbi-login-foot a { color: #000; }
.nbi-login-credit { margin: 10px 0 0; font-size: 11px; color: #6b6b6b; letter-spacing: .02em; }
@media (max-width: 480px) {
  .nbi-login-card { padding: 24px 20px 18px; border-radius: 16px; }
  .nbi-login-logo { max-width: 240px; }
  .nbi-login h1 { font-size: 22px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .nbi-login-card { max-width: 480px; }
}