body{
    font-family: Arial, Helvetica, sans-serif;

    /* Fundo com a mesma paleta da nav (laranja suave) */
    background-color: #FFF7ED; /* fallback */
    background-image: radial-gradient(1200px 800px at 10% 0%,
                        #FFF7ED 0%,
                        #FFEDD5 50%,
                        #FED7AA 100%);
    background-attachment: fixed; /* dá um toque mais “suave” ao rolar */
}

/* Caixa central (login) — mantida como estava */
.logo{
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute; /* ocupa somente o espaço dos elementos */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* centraliza a div no meio da página */
    padding: 80px; /* aumenta as bordas */
    border-radius: 15px;
}

/* Inputs — mantidos */
input{
    padding: 10px;
    border: 1px solid;
    border-radius: 5px;
}

/* Botão — mantido (já conversa com a paleta) */
button{
    background-color: rgb(228, 197, 156);
    border: none;
    padding: 10px;
    border-radius: 5px;
    width: 100%; /* preencher na div toda a borda */
    font-size: 15px;
    cursor: pointer;
}
button:hover{
    background-color: rgb(238, 130, 7);
}

/* Mensagens (mantidas) */
.msg-flash{
  margin: 12px 0;
  padding: 12px 14px;
  border-radius: 8px;
  background: #eef6ff;
  color: #084298;
  border: 1px solid #b6d4fe;
  transition: opacity .6s ease;
  opacity: 1;
}
.msg-flash.fade-out{
  opacity: 0;
}

/* === Botão "Cadastre-se" no tom da nav === */
.acoes-extra{ margin-top: 12px; }

.btn-cadastro{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 85%;                /* mesma largura do botão Entrar */
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #FDBA74;  /* laranja claro (borda) */
  background: #FFEDD5;        /* laranja clarinho (fundo) */
  color: #7A341A;             /* marrom-alaranjado (texto) */
  font-weight: 600;
  text-decoration: none;
  transition: background-color .2s, border-color .2s, box-shadow .2s, transform .05s;
}

.btn-cadastro:hover{
  background: #FED7AA;        /* hover */
  border-color: #F59E0B;
}

.btn-cadastro:focus-visible{
  outline: 2px solid #F59E0B; /* foco acessível */
  outline-offset: 3px;
  box-shadow: 0 0 0 4px #F59E0B22;
}

.btn-cadastro:active{
  transform: translateY(.5px);
}

/* Link "Esqueci minha senha" (discreto e alinhado) */
.acoes-inline{ margin-top:8px; text-align:center; }
.link-recuperar{
  color:#9A541F; text-decoration:none; font-size:14px; font-weight:600;
}
.link-recuperar:hover{ text-decoration:underline; }