/* Rodapé da home, compartilhado com a página do Summit. */
footer.site{--text:#f5f7fa;--mute:#d1d5dc;--dim:#aab2be;--hair:#ccd5e629;--lime:#d7ff47;--vidro:linear-gradient(125deg,#ffffff12,#ffffff07);--vidro-borda:#ccd5e63c;--vidro-desfoque:blur(16px) saturate(180%);--vidro-sombra:0 8px 28px #0003;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--mute);font-family:var(--body)}

footer.site{
  position:relative;overflow:hidden;padding-block:48px 28px;
  background:var(--vidro);
  backdrop-filter:var(--vidro-desfoque);-webkit-backdrop-filter:var(--vidro-desfoque);
  border-top:1px solid var(--vidro-borda);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
footer.site::before,footer.site::after{content:"";position:absolute;border-radius:50%;filter:blur(64px);pointer-events:none}
footer.site::before{width:380px;height:200px;left:-80px;top:-90px;background:rgba(215,255,71,.22)}
footer.site::after{width:340px;height:190px;right:-70px;bottom:-100px;background:rgba(1,90,255,.20)}
footer.site .wrap{position:relative;z-index:1}
/* colunas alinhadas pelo topo: sem isto o bloco da marca centraliza o
   próprio conteúdo e desalinha com os títulos das outras colunas */
.foot{display:grid;gap:30px 44px;grid-template-columns:1fr;align-items:start}
@media(min-width:820px){.foot{grid-template-columns:1.1fr .5fr .85fr .5fr}}
.foot__marca{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap}
.foot__marca img{height:88px;width:auto;flex:none}
.foot__marca p{flex:1 1 260px;min-width:0}
.foot h4{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);margin:0 0 15px;font-family:var(--body)}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;font-size:14px;color:var(--mute)}
.foot a:hover{color:var(--lime)}
.redes{display:flex;gap:10px;margin-top:0;flex-wrap:wrap}
.redes a{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:var(--vidro);border:1px solid var(--vidro-borda);color:var(--mute);
  transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease;
}
.redes a:hover{color:var(--lime);border-color:rgba(215,255,71,.45);background:rgba(215,255,71,.08);transform:translateY(-2px)}
.redes svg{width:18px;height:18px;fill:currentColor}
@media(max-width:819px){
  .redes{justify-content:center}
  .foot__marca{flex-direction:column;align-items:center;text-align:center;gap:14px}
  .foot__marca p{flex:0 1 auto}
  .foot__marca img{height:72px}
  /* empilhado, gap sozinho não separa: cada bloco ganha um filete acima */
  .foot{gap:0}
  .foot > * + *{margin-top:26px;padding-top:26px;border-top:1px solid var(--hair)}

  /* centralizado, as redes sobem para logo abaixo do logo e formam um
     bloco de identidade só com ele: sem filete e sem rótulo no meio */
  .foot__marca{order:0}
  .foot__redes{order:1}
  .foot > :not(.foot__marca):not(.foot__redes){order:2}
  .foot > .foot__redes{margin-top:16px;padding-top:0;border-top:0}
  .foot__redes h4{display:none}
}

.foot__legal{font-family:var(--mono);margin-top:32px;padding-top:18px;border-top:1px solid var(--hair);display:flex;flex-wrap:wrap;
  gap:8px 22px;justify-content:space-between;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#565B4B}

/* três itens não cabem numa linha de celular: o crédito do estúdio desce
   sozinho e o par de sempre — copyright e domínio — fica junto em cima */
@media(max-width:819px){
  .foot__legal{justify-content:center;text-align:center;gap:6px 22px}
  .foot__legal > :nth-child(2){order:1;flex-basis:100%}
}

.assina{
  margin-top:30px;
  background:var(--vidro);
  backdrop-filter:var(--vidro-desfoque);-webkit-backdrop-filter:var(--vidro-desfoque);
  border:1px solid var(--vidro-borda);box-shadow:var(--vidro-sombra);
  border-radius:16px;padding:clamp(18px,2.2vw,24px) clamp(18px,2.4vw,28px);
  display:grid;gap:16px;align-items:center;grid-template-columns:1fr}
@media(min-width:900px){
  .assina{grid-template-columns:auto 1fr auto;gap:clamp(22px,3.2vw,42px)}
}
.assina__rotulo{font-family:var(--mono);
  font-size:9.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--dim);margin-bottom:5px}
.assina__marca{display:inline-block;text-decoration:none}
.assina__nome{
  font-family:var(--display);font-weight:700;letter-spacing:-.03em;
  font-size:clamp(15.5px,1.35vw,18px);color:var(--text);display:block;line-height:1.1}
.assina__nome em{font-style:normal;color:var(--mute);font-weight:600}
.assina__fio{
  display:block;height:1px;margin-top:6px;background:var(--text);
  transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.22,1,.36,1)}
.assina__marca:hover .assina__fio,
.assina__marca:focus-visible .assina__fio{transform:scaleX(1)}
.assina__pitch{
  font-size:13px;line-height:1.55;color:var(--mute);max-width:44ch;margin:0}
.assina__cta{
  justify-self:start;display:inline-flex;align-items:center;gap:9px;
  padding:10px 18px;border-radius:999px;text-decoration:none;
  border:1px solid var(--vidro-borda);color:var(--text);
  font-size:12.5px;font-weight:600;white-space:nowrap;
  transition:border-color .2s,background .2s}
@media(min-width:900px){.assina__cta{justify-self:end}}
.assina__cta svg{
  width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.assina__cta:hover,.assina__cta:focus-visible{
  border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.07)}
.assina__cta:hover svg{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){
  .assina__fio,.assina__cta svg{transition:none}
}


body.summit-presale footer.site{background:#090b0e;border-color:#c9d8ed30}
footer.site .wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
footer.site a{color:inherit;text-decoration:none}
footer.site .small{font-size:14.5px;line-height:1.55;color:var(--dim)}
footer.site .assina{background:#ffffff08}
footer.site .foot__legal{color:var(--dim)}
@media(max-width:819px){footer.site .wrap{width:calc(100% - 44px)}footer.site .foot{text-align:center}footer.site .assina{text-align:center;justify-items:center}footer.site .assina__cta{justify-self:center}}
