/* ===== Rodapé ===== */
wop-footer, wop-final { display: block; }
.foot { position: relative; overflow: hidden; background: #f8f9fc; border-top: 1px solid var(--line); }
.foot__inner { padding: 72px var(--frame) 0 calc(var(--frame) + 14px); max-width: 1440px; margin: 0 auto; }
.foot__top { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 40px; }
.foot__logo img { width: 104px; height: auto; }
.foot__brand p { max-width: 320px; margin: 18px 0 24px; font-size: 15.5px; line-height: 1.6; color: var(--ink-2); }
.foot__head { margin-bottom: 18px; font: 500 12px/1 "JetBrains Mono", monospace; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.foot__col ul { list-style: none; display: grid; gap: 12px; }
.foot__col a, .foot__col span { font-size: 15px; color: var(--ink); }
.foot__col span { color: var(--ink-2); }
.foot__col a { background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: color .2s, background-size .35s cubic-bezier(.2,.8,.2,1); }
.foot__col a:hover { color: var(--brand-500); background-size: 100% 1px; }

/* assinatura gigante de ponta a ponta, em negrito e degradê índigo, sumindo em fade na base.
   O font-size é ajustado por JS para a palavra ocupar exatamente a largura da tela. */
.foot__word { width: 100%; margin-top: 56px; overflow: hidden; user-select: none;
  -webkit-mask-image: linear-gradient(180deg, #000 35%, transparent 100%); mask-image: linear-gradient(180deg, #000 35%, transparent 100%); }
.foot__word-in { display: flex; width: max-content; font-size: 200px; font-weight: 800; line-height: .78; letter-spacing: -.065em; white-space: nowrap; padding-top: .06em; }
.foot__word-in > span { display: inline-block; }
.foot__word-in > span > span { display: inline-block; padding-right: .065em; margin-right: -.065em; background: linear-gradient(180deg, var(--brand-500), var(--brand-400) 55%, var(--brand-200)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.foot__word + .foot__inner { padding-top: 0; }

.foot__bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 88px 26px 0; border-top: 1px solid var(--line); font: 500 12px/1.4 "JetBrains Mono", monospace; letter-spacing: .04em; color: var(--muted); }
.foot__top-btn { display: inline-flex; align-items: center; gap: 8px; border: 0; background: none; cursor: pointer; font: inherit; color: var(--ink-2); transition: color .2s; }
.foot__top-btn:hover { color: var(--brand-500); }
.foot__top-btn i { width: 7px; height: 7px; border: solid currentColor; border-width: 1.6px 0 0 1.6px; transform: translateY(2px) rotate(45deg); transition: transform .25s; }
.foot__top-btn:hover i { transform: translateY(-1px) rotate(45deg); }

@media (max-width: 960px) {
  .foot__top { grid-template-columns: 1fr 1fr 1fr; }
  .foot__brand { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .foot__inner { padding: 56px 16px 0; }
  .foot__top { grid-template-columns: 1fr 1fr; gap: 36px 20px; }
  .foot__col:last-child { grid-column: 1 / -1; }
  .foot__word { margin-top: 40px; }
  .foot__bar { flex-direction: column; align-items: flex-start; padding-right: 0; padding-bottom: 96px; } /* espaço para o botão flutuante do WhatsApp */
}