/* =============================================================
   LA PORTA — entrar, triar l'empresa, l'enllaç d'invitació i un
   error (P14, pas 6). La marca i una targeta al mig. Cap color
   escrit a mà: tot surt de tokens.css (invariant 11).
   ============================================================= */

body.porta { overflow: auto; }
.porta__cos {
  flex: 1 1 auto; min-height: 100%;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
  gap: var(--sp-5); padding: 12vh var(--sp-4) var(--sp-6);
}
.porta__marca {
  font-family: var(--font-marca); font-size: 30px; line-height: 1; font-weight: 500; letter-spacing: -0.02em; color: var(--ink);
}
.porta__targeta {
  width: min(420px, 100%);
  display: flex; flex-direction: column; gap: var(--sp-4);
  padding: var(--sp-5) var(--sp-6);
  background: var(--surface-card); border: 1px solid var(--border-strong); border-radius: var(--radius-sm);
}
.porta__targeta h1 { margin: 0; font-size: 18px; font-weight: var(--fw-bold); color: var(--ink); }
.porta__nota { margin: 0; font-size: var(--fs-grid); color: var(--c-text-dim); }
.porta__nota strong { color: var(--c-text); }
.porta__form { display: flex; flex-direction: column; gap: var(--sp-4); }
.porta__form .ent-camp input { height: 32px; }
.porta__form .boto, .porta__empreses .boto { height: 34px; justify-content: center; }
.porta__empreses { display: flex; flex-direction: column; gap: var(--sp-3); }
.porta__empreses .boto { width: 100%; font-weight: var(--fw-medium); }
.porta__peu { margin: 0; text-align: center; }
.porta__enllac { font: inherit; font-size: var(--fs-grid); color: var(--c-text-dim); background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; }
.porta__enllac:hover { color: var(--c-text); }
/* «¿Has olvidado la contraseña?»: s'obre i diu què fer. Quan el servidor enviï correus, l'enllaç arribarà sol. */
.porta__oblit { text-align: center; }
.porta__oblit summary { list-style: none; cursor: pointer; font-size: var(--fs-grid); color: var(--c-text-dim); text-decoration: underline; }
.porta__oblit summary::-webkit-details-marker { display: none; }
.porta__oblit summary:hover { color: var(--c-text); }
.porta__oblit p { margin-top: var(--sp-3); text-align: left; }

/* L'avís amb sessió (sense permís, no hi és): una targeta al mig, sota la barra. */
.porta__avis { max-width: 560px; margin: 10vh auto 0; }