/* Closing Band — Figma node 4020:773 (1440 x 224) */

.closing {
  position: relative;
  height: 224px;
  /* GRADIENT_LINEAR, handles left-centre to right-centre */
  background: linear-gradient(to right, #cadce6 0%, #f9531a 100%);
}

.closing p {
  position: absolute; top: 64px; left: var(--gutter); width: 600px; margin: 0;
  font-size: 28px; font-weight: 700; line-height: 32.2px; color: var(--obsidian);
  transform: translateY(var(--figma-baseline-shift));
}

.closing .btn {
  position: absolute; top: 89.5px; left: 1148px;
  width: 212px; height: 45px; padding: 13px 24px; justify-content: center;
  background: var(--obsidian); color: var(--off-white);
}

/* Footer — Figma node 4020:777 (1440 x 410) */

.foot { position: relative; height: 410px; background: var(--obsidian); }

.foot__statement {
  position: absolute; top: 64px; left: 64px; width: 680px; margin: 0;
  font-size: 45px; font-weight: 500; line-height: 49.5px; color: var(--off-white);
  white-space: pre-line;
  transform: translateY(var(--figma-baseline-shift));
}

/* The footer now mirrors the site menu, so it carries six items instead of
   the frame's four. A fixed 296px box with space-between cannot hold them:
   it hugs the right gutter and sizes to its content, which also absorbs the
   longer Spanish and Catalan labels. */
.foot__nav {
  position: absolute; top: 64px; right: 64px;
  display: flex; align-items: center; gap: 24px;
  font-size: 12px; font-weight: 400; line-height: 14.4px;
}

.foot__nav a {
  color: var(--white); text-decoration: none; white-space: nowrap;
  transform: translateY(var(--figma-baseline-shift));
}

.foot__logo { position: absolute; top: 286px; left: 64px; width: 251px; height: 60px; }

/* Three links now sit on this line instead of two plain words, so it hugs the
   right gutter and sizes to its content rather than wrapping inside 266px. */
.foot__legal {
  position: absolute; top: 332px; right: 64px; margin: 0;
  font-size: 12px; font-weight: 400; line-height: 14.4px; color: var(--arena);
  white-space: nowrap;
  transform: translateY(var(--figma-baseline-shift));
}

.foot__legal a { color: var(--arena); text-decoration: none; }
.foot__legal a:hover { text-decoration: underline; }
.foot__legal a:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }