/* Pantalles sense sessio (entrar, restablir, privacitat).
   Carrega despres d'app.css: les variables (--carbo, --brasa, --linia, --text...) venen del seu :root. */
body.auth{
  min-height:100vh; min-height:100dvh;
  background:var(--carbo); color:var(--text);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:18px; padding:24px 16px;
}
.auth-card{
  width:100%; max-width:400px;
  background:var(--blanc); border-radius:var(--r-l); box-shadow:var(--om-2);
  padding:32px 28px 28px;
}
.auth-card.ample{max-width:680px}
.auth-logo{display:block; width:168px; max-width:100%; height:auto; margin:0 auto 24px}
.auth-card h1{font-size:21px; font-weight:700; letter-spacing:-.015em; margin:0 0 6px}
.auth-card h2{font-size:15px; font-weight:700; margin:24px 0 6px}
.auth-card p{margin:0 0 12px; color:var(--text-2); font-size:14px; line-height:1.55}
.auth-card p.auth-ajuda{margin-bottom:16px}
.auth-card form{display:flex; flex-direction:column; gap:14px}

.camp{display:flex; flex-direction:column; gap:6px}
.camp label{font-size:12.5px; font-weight:500; color:var(--text)}
.camp input{
  width:100%; min-height:44px; padding:10px 14px;
  font-size:16px;                       /* 16 px: iOS no fa zoom en enfocar */
  border:1px solid var(--linia); border-radius:var(--r-m); background:var(--inox-2);
}
.camp input:focus{outline:none; border-color:var(--brasa); background:#fff; box-shadow:0 0 0 3px var(--brasa-suau)}

.auth-boto{
  min-height:44px; padding:10px 18px; margin-top:4px;
  background:var(--brasa); color:#fff; border:0; border-radius:99px;
  font-size:15px; font-weight:500;
}
.auth-boto:hover{background:#D24F12}
.auth-boto:disabled{opacity:.6; cursor:default}

.auth-enllac{
  display:inline-block; align-self:center; padding:10px 4px;      /* area tactil comoda */
  font-size:13.5px; color:var(--brasa); text-decoration:none;
}
.auth-enllac:hover{text-decoration:underline}

.auth-card .msg{
  margin:14px 0 0; padding:0; font-size:13.5px; line-height:1.45;
  color:#B3261E; overflow-wrap:anywhere;
}
.auth-card .msg:empty{display:none}
.auth-card .msg.ok{color:var(--ok)}
.auth-card .msg a{color:var(--brasa)}

.auth-peu{font-size:12.5px; color:#89A0AD; text-align:center}
.auth-peu a{color:#C3D4DD}