/* ===== Rodapé do ecossistema · GLOBAL (todas as páginas) =====
   Auto-contido: cores literais + fontes explícitas (Anta/ABeeZee), não depende dos tokens
   de cada página (home.css, styles.css da mentoria, etc.). Fonte única do rodapé.
   Design "Manada": newsletter colada com o degradê-assinatura + colunas do ecossistema. */
.gl-ft { margin-top: 4rem; border-top: 1px solid oklch(94% 0.01 85 / .13);
  background: linear-gradient(180deg, oklch(14% 0.026 300), oklch(11% 0.022 295));
  color: oklch(94% 0.008 85); font-family: 'ABeeZee', system-ui, sans-serif; line-height: 1.5; }
.gl-ft * { box-sizing: border-box; }
.gl-ft .gl-wrap { max-width: 74rem; margin: 0 auto; padding-inline: clamp(1.25rem, 5vw, 3rem); }
.gl-ft a { text-decoration: none; }
/* newsletter (design Manada · degradê-assinatura das 4 cores) */
.gl-ft-news { background: linear-gradient(90deg,#F5B400 0%,#E8187A 48%,#7E5BEF 78%,#D4A0FF 100%); color: #fff; padding: clamp(2.5rem, 6vh, 4rem) 0; }
.gl-ft-news .gl-wrap { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; }
.gl-ft-news h2 { font-family: 'Anta', sans-serif; font-size: clamp(1.9rem, 3.8vw, 2.7rem); line-height: 1; letter-spacing: -.02em; text-transform: uppercase; margin: 0 0 .8rem; color: #fff; }
.gl-ft-news .lede { font-size: 1.02rem; line-height: 1.55; margin: 0; max-width: 46ch; color: rgb(255 255 255 / .95); }
.gl-ft-news__form { display: grid; gap: .75rem; }
.gl-ft-news__form .input-row { display: flex; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 18px oklch(11% 0.022 295 / .18); }
.gl-ft-news__form input[type=email] { flex: 1; min-width: 0; border: 0; background: transparent; padding: 1.05rem 1.3rem; color: oklch(11% 0.022 295); font-family: 'ABeeZee', sans-serif; font-size: 1rem; outline: none; }
.gl-ft-news__form input[type=email]::placeholder { color: #9b8da3; }
.gl-ft-news__form button { border: 0; cursor: pointer; padding: 0 1.8rem; font-family: 'Anta', sans-serif; font-size: .82rem; letter-spacing: .18em; text-transform: uppercase; color: #fff; background: oklch(11% 0.022 295); white-space: nowrap; transition: background .2s cubic-bezier(.16,1,.3,1); }
.gl-ft-news__form button:hover { background: #000; }
.gl-ft-news__form .meta { display: inline-flex; align-items: center; gap: .4rem; font-size: .82rem; font-style: italic; color: rgb(255 255 255 / .85); margin: 0; }
.gl-ft-news__form .meta::before { content: '\2192'; font-style: normal; font-family: 'Anta', sans-serif; }
/* colunas do ecossistema */
.gl-ft-eco .gl-wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem 2rem; padding-block: clamp(2.5rem, 5vh, 3.5rem); }
.gl-ft-col h5 { font-family: 'Anta', sans-serif; font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: #FF7A1A; margin: 0 0 1rem; }
.gl-ft-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .95rem; }
.gl-ft-col a { display: inline-flex; align-items: center; gap: .45rem; color: oklch(94% 0.008 85); font-size: .92rem; }
.gl-ft-col a:hover { color: oklch(80% 0.16 84); }
.gl-ft-col .micro { display: block; font-size: .74rem; color: oklch(94% 0.008 85 / .72); margin-top: .2rem; }
.gl-ft-col .pin { font-family: 'Anta', sans-serif; font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; color: oklch(11% 0.022 295); background: oklch(80% 0.16 84); border-radius: 999px; padding: .1rem .5rem; }
.gl-ft-col .live-dot { width: 7px; height: 7px; border-radius: 50%; background: #ff3b3b; box-shadow: 0 0 8px #ff3b3b; }
/* barra final */
.gl-ft-base { border-top: 1px solid oklch(94% 0.01 85 / .13); }
.gl-ft-base .gl-wrap { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; justify-content: space-between; align-items: center; padding-block: 1.5rem; font-size: .8rem; color: oklch(94% 0.008 85 / .72); }
.gl-ft-base a { color: oklch(94% 0.008 85 / .72); }
.gl-ft-base a:hover { color: oklch(80% 0.16 84); }
.gl-ft-base__legal { display: flex; flex-wrap: wrap; gap: .4rem .9rem; }
@media (max-width: 760px) {
  .gl-ft-news .gl-wrap { grid-template-columns: 1fr; }
  .gl-ft-eco .gl-wrap { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 460px) { .gl-ft-eco .gl-wrap { grid-template-columns: 1fr; } .gl-ft-news__form .input-row { flex-direction: column; } }