body {
  width: 1925px;
  height: 1080px;
  background-color: #ffffff; /* cor de fundo nas páginas web */
  display: flex;
  flex-direction: column;
  min-height: 1080px;
}

.overlap {
  position: relative;
  width: 1787px;
  height: 960px;
  top: 56px;
  left: 65px;
}

.barras {
  position: absolute;
  width: 1787px;
  height: 960px;
  top: 0;
  left: 0;
}

.logonucleopar {
  position: absolute;
  width: 617px;
  height: 52px;
  top: 184px;
  left: 588px;
}

.msg {
  position: absolute;
  width: 550px;
  height: 90px;
  top: 260px;
  left: 620px;
  border: 1px solid;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(206, 91, 91);
  color: #000026;
}

.msg404 {
  position: absolute;
  width: 780px;
  height: auto;
  top: 285px;
  left: 580px;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  color: #000026;
}

.msg-text {
  font-family: "Pilat Extended-Regular", Helvetica;
  font-weight: 700;
  font-size: 27px;
  letter-spacing: 0;
  line-height: normal;
}

.user {
  position: absolute;
  width: 864px;
  height: 105px;
  top: 382px;
  left: 462px;
}

.overlap-group {
  position: relative;
  width: 862px;
  height: 105px;
  background-color: #ffffff;
  border-radius: 300px;
  border: 1px solid;
  border-color: #000000;
}

.text-wrapper {
  position: absolute;
  width: 416px;
  top: 30px;
  left: 56px;
  font-family: "Pilat Extended-Regular", Helvetica;
  font-weight: 400;
  font-size: 27px;
  letter-spacing: 0;
  line-height: normal;
}

.input-no-border {
  border: none;
  outline: none;
}

input {
  background-color:#ffffff;
  color: #000026;
}

/* Regra padrão para texto e fundo */
input[type="text"],
input[type="password"] {
  color: #000026;
  background-color: #ffffff !important;
}

/* Regras adicionais para ajustar a cor durante interações específicas */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="text"]:active,
input[type="password"]:active {
  color: #000026;  /* Cor do texto ao interagir */
  background-color: #ffffff;  /* Cor do fundo ao interagir */
}

.input-no-border:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; /* Cor correspondente ao fundo desejado */
  -webkit-text-fill-color: #000026 !important; /* Cor do texto */
}

.overlap-3 {
  position: relative;
  width: 389px;
  height: 105px;
  left: 470px;
  background-color: #ccff00;
  color:#000026;
  border-radius: 300px;
  border: 1px solid;
  border-color: #000000;
}

.text-wrapper-3 {
  position: absolute;
  width: 129px;
  top: 33px;
  left: 118px;
  font-family: "Pilat Extended-Regular", Helvetica;
  font-weight: 400;
  font-size: 27px;
  letter-spacing: 0;
  line-height: normal;
  background-color: #ccff00;
  color: #000026;
  
}

.seta {
  position: absolute;
  width: 39px;
  height: 39px;
  top: 36px;
  left: 302px;
}

.overlap-2 {
  position: relative;
  width: 115px;
  height: 105px;
  top: 480px;
  left: 465px;
}

.ellipse {
  position: relative;
  width: 105px;
  height: 105px;
  top: 0;
  left: 0;
  background-color: #000026;
  border-radius: 50%; /* Alterado para círculo */
  display: flex;
  align-items: center;
  justify-content: center;
}

.ellipse::before {
  content:'...';
  font-family: "Pilat Extended-Demi", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text-wrapper-2 {
  position: relative;
  width: 70px;
  height: 70px;
  font-family: "Pilat Extended-Regular", Helvetica;
  font-weight: 400;
  font-size: 27px;
  letter-spacing: 0;
  line-height: normal;
  background-color: #000026;
  color:#ffffff;
  top: 0px;
  margin: 0;
  padding: 0;
  overflow: hidden; /* Adicionado para garantir que o texto não ultrapasse os limites do círculo */
  opacity: 0;
}

.div {
  position: absolute;
  width: 416px;
  top: 32px;
  left: 56px;
  font-family: "Pilat Extended-Regular", Helvetica;
  font-weight: 400;
  color: #000026;
  font-size: 27px;
  letter-spacing: 0;
  line-height: normal;
}

.senha {
  position: absolute;
  width: 864px;
  height: 105px;
  top: 506px;
  left: 462px;
}

.esqueci-senha {
  position: absolute;
  width: 117px;
  height: 105px;
  top: 160px;
  left: 330px;
}

.entrar {
  position: absolute;
  width: 391px;
  height: 105px;
  top: 648px;
  left: 935px;
}

.header {
  text-align: center;
}