/* FISIQA QA — pantallas de acceso, cambio de contraseña y error. */
.pantalla-acceso {
  min-height: 100vh; display: grid; place-items: center; padding: 16px;
  background: radial-gradient(circle at 20% 0%, #e3f1f6 0%, transparent 55%), var(--fondo);
}
.acceso {
  width: min(400px, 100%); display: flex; flex-direction: column; gap: 14px; padding: 28px 24px;
  background: var(--superficie); border: 1px solid var(--borde); border-radius: 18px;
  box-shadow: 0 1px 2px rgba(16, 42, 56, .06), 0 10px 30px rgba(16, 42, 56, .10);
}
.acceso form { display: flex; flex-direction: column; gap: 14px; }
.acceso .campo { display: flex; flex-direction: column; gap: 6px; }
.acceso .campo-etiqueta { font-size: 13.5px; font-weight: 600; }
.acceso .entrada {
  width: 100%; min-height: 44px; padding: 8px 12px; border: 1px solid var(--borde); border-radius: 10px;
  background: var(--superficie); color: var(--tinta); font: inherit; font-size: 16px;
}
.acceso-logo { width: 190px; height: auto; align-self: center; }
.acceso-titulo { font-size: 19px; text-align: center; }
.acceso-sub { margin: 0; text-align: center; color: var(--texto-suave); font-size: 14px; }
.acceso-error { padding: 10px 12px; border-radius: 10px; background: var(--mal-fondo); color: var(--mal); font-size: 14px; }
.acceso-boton { width: 100%; min-height: 46px; margin-top: 4px; }
.acceso-pie { margin: 0; text-align: center; color: var(--texto-suave); font-size: 13px; }