/* Espai d'afiliació — shortcode [auth_form] del plugin Login against INTRANET USTEC.
   Verd USTEC (#015c43, accent #97d700), responsive. Els selectors van prefixats amb .ustec-identitat (i, al
   formulari, id + classe) per guanyar les regles del tema fill: `#espaiprivat input {width:300px}`,
   `#espaiprivat form {width:300px}` i el .primary de Flatsome (--fs-color-primary). */
.ustec-identitat { max-width: 480px; margin: 0 auto 1.5em; padding: 0 16px; box-sizing: border-box; }
.ustec-identitat .ustec-identitat-titol { margin-bottom: .75em; }
.ustec-identitat .ustec-identitat-accions { display: flex; flex-wrap: wrap; gap: .5em; margin: 0 0 .75em; }
.ustec-identitat .ustec-identitat-accions .button,
.ustec-identitat .ustec-identitat-boto { margin: 0; }
.ustec-identitat .button.primary.ustec-identitat-boto,
.ustec-identitat form#espaiprivat.ustec-identitat-form button.ustec-identitat-boto {
  background-color: #015c43; border-color: #015c43; color: #fff;
}
.ustec-identitat .button.primary.ustec-identitat-boto:hover,
.ustec-identitat .button.primary.ustec-identitat-boto:focus-visible,
.ustec-identitat form#espaiprivat.ustec-identitat-form button.ustec-identitat-boto:hover,
.ustec-identitat form#espaiprivat.ustec-identitat-form button.ustec-identitat-boto:focus-visible {
  background-color: #97d700; border-color: #97d700; color: #015c43;
}
.ustec-identitat .button.secondary.ustec-identitat-boto { background-color: transparent; border: 2px solid #015c43; color: #015c43; }
.ustec-identitat .button.secondary.ustec-identitat-boto:hover,
.ustec-identitat .button.secondary.ustec-identitat-boto:focus-visible { background-color: #015c43; border-color: #015c43; color: #fff; }
.ustec-identitat .ustec-identitat-ajuda,
.ustec-identitat .ustec-identitat-alternativa { font-size: .95em; margin: .25em 0 .75em; }
.ustec-identitat .ustec-identitat-error { color: #b71c1c; background: #fdecea; border-left: 4px solid #b71c1c; padding: .5em .75em; margin: 0 0 1em; }
.ustec-identitat .ustec-identitat-no-disponible { color: #5f5f5f; border-left: 4px solid #97d700; padding: .5em .75em; }
/* Formulari clàssic (transició): id + classe + element per passar per sobre de #espaiprivat input {width:300px} */
.ustec-identitat form#espaiprivat.ustec-identitat-form { display: flex; flex-direction: column; gap: .35em; width: 100%; max-width: 100%; margin: 0; }
.ustec-identitat form#espaiprivat.ustec-identitat-form label { font-weight: 600; margin-top: .5em; }
.ustec-identitat form#espaiprivat.ustec-identitat-form input.input { width: 100%; max-width: 100%; box-sizing: border-box; }
.ustec-identitat form#espaiprivat.ustec-identitat-form input.input:focus { border-color: #015c43; box-shadow: 0 0 0 2px rgba(1, 92, 67, .2); }
.ustec-identitat form#espaiprivat.ustec-identitat-form .button { align-self: flex-start; width: auto; margin-top: .75em; }
@media (max-width: 480px) {
  .ustec-identitat .ustec-identitat-accions { flex-direction: column; }
  .ustec-identitat .ustec-identitat-accions .button,
  .ustec-identitat form#espaiprivat.ustec-identitat-form .button { width: 100%; text-align: center; }
}