@font-face{
  font-family:"ABCDiatypeExpanded";
  src:url("https://y1nrmnwgpdmg1oxw.public.blob.vercel-storage.com/FONTS/ABCDiatypeExpanded-Light-Trial.woff2") format("woff2");
  font-weight:300; font-style:normal; font-display:swap;
}


:root{
  /* Tamanhos fáceis de ajustar */
  --ft-bg:#000;
  --ft-fg:#fff;

  --ft-logo-w-desktop: 100px; /* controle do logo desktop */
  --ft-logo-w-mobile:  150px; /* logo no mobile (fica em cima) */

  --ft-text-size: 10px;       /* texto legal desktop */
  --ft-text-size-mobile: 12px;

  --ft-icon-size: 28px;       /* redes desktop */
  --ft-icon-size-mobile: 36px;

  --ft-block-pad-y: 24px;     /* altura desktop */
  --ft-block-pad-y-mobile: 36px;

  --ft-gap-x: 28px;           /* espaçamento horizontal interno */
  --ft-gap-x-mobile: 18px;

  /* Mobile específicos (pode ajustar) */
  --ft-made-text-mobile: 14px;
  --ft-flag-w-mobile: 28px;
}

.site-footer{
  background:var(--ft-bg);
  color:var(--ft-fg);
  width:100%;
}

.site-footer .container.wide{
  max-width: 1440px;
}

.footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: var(--ft-gap-x);
  padding: var(--ft-block-pad-y) 20px;
}

/* Logo (img) + versão branca só no rodapé */
.ft-logo img{
  display:block;
  width: var(--ft-logo-w-desktop);
  height:auto;
}
.site-footer .ft-logo--white img{
  /* transforma logo preto em branco sem editar o SVG */
  filter: brightness(0) invert(1);
}

/* Texto legal */
.ft-legal{
  margin:0;
  font-size: var(--ft-text-size);
  line-height: 1.3;
  color:var(--ft-fg);
  text-align:center;
  opacity:.95;
}
.ft-legal a{
  color:var(--ft-fg);
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.35);
}
.ft-legal .dot{ margin:0 .5ch; opacity:.6 }

/* Bloco da direita */
.ft-right{
  display:flex; align-items:center; gap: var(--ft-gap-x);
}

/* Selo BR */
.ft-made{display:flex; align-items:center; gap:10px}
.ft-made .flag-br{display:inline-flex}
.ft-made .made-text{font-size:11px}

/* Redes */
.ft-social{display:flex; align-items:center; gap:14px}
.ft-social .ico{
  width: var(--ft-icon-size);
  height: var(--ft-icon-size);
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff;
}
.ft-social .ico svg{
  width:100%; height:100%; fill:#fff; color:#fff;
  transition: transform .12s ease, opacity .12s ease;
}
.ft-social .ico:hover svg{ transform:scale(1.06); opacity:.9 }

/* ================= Mobile ================= */
@media (max-width: 960px){
  .footer-inner{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap: 24px;
    padding: var(--ft-block-pad-y-mobile) 16px;
  }

  .ft-logo img{ width: var(--ft-logo-w-mobile) }

  .ft-right{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: var(--ft-gap-x-mobile);
  }

  /* reduzir fontes/flag do "Feito no Brasil" no mobile */
  .ft-made .made-text{ font-size: var(--ft-made-text-mobile); }
  .ft-made .flag-br svg{ width: var(--ft-flag-w-mobile); height:auto; }

  .ft-social .ico{ width: var(--ft-icon-size-mobile); height: var(--ft-icon-size-mobile) }

  .ft-legal{
    order: 3;
    font-size: var(--ft-text-size-mobile);
    opacity:.9;
  }
}
/* Desktop: reduzir a bandeira no rodapé */
.ft-made .flag-br svg{
  width: 28px;   /* ajuste aqui */
  height: auto;
}