/* Identitat de Local.IA (Diputació de Barcelona) — localia.cat.
 *
 * Primari: #003575, el blau del web de Local.IA (capçalera, enllaços).
 * Contrast amb text blanc ~12:1 (AAA). Logotip: logo-localia de
 * localia.cat/documents/d/local-ia/logo-localia (PNG 427x164).
 */
:root {
  --header-height: 60px;
  --footer-height: 110px;
  --primary-color: #003575;
  --font-base: "Lato", sans-serif;
  --main-padding: 50px;
  --mobile-padding: 12px;
  /* El logo de Sant Cugat és apaïsat (900x309, relació 2,91), no quadrat com
   * el de Vilanova. Mantenir els 140px d'alçada d'allà el faria de 408px
   * d'ample i se'n sortiria de la capçalera. */
  --logo-height: 48px;
  --logo-width: 125px;
  --z-logo: 3;
  --z-popup: 1000;
}

/* ── Formulari (mode form) ─────────────────────────────────────────────
 * Fons blanc: el tema del formulari pinta un verd clar al ::before de
 * .sd-root-modern. Els accents verds del tema (progrés, línia del títol)
 * passen al blau de Local.IA, i el botó del formulari també.
 */
.sd-root-modern::before { background-color: #fff !important; }
.sd-container-modern__title { box-shadow: 0 2px 0 0 var(--primary-color) !important; }
.sd-progress-buttons__list-element--passed::after,
.sd-progress-buttons__list-element--passed .sd-progress-buttons__button,
.sd-progress-buttons__list-element--current .sd-progress-buttons__button {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.sd-progress-buttons__list-element--current .sd-progress-buttons__button { background-color: #fff !important; }

/* Capçalera fixa: una franja blanca darrere del logotip (que és fixed,
 * z-index 3) perquè el formulari hi passi per sota en fer scroll, i prou
 * marge perquè el títol no comenci sota el logotip. */
main.form-page-container { padding-top: 96px; }
main.form-page-container::before {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 76px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  z-index: 2;
}

/* Botons i accents del tema del formulari amb el blau de Local.IA. */
.sd-root-modern { --sjs-primary-backcolor: var(--primary-color) !important; --sjs-primary-backcolor-dark: #002651 !important; }