/* ===== Footer elegante e compacto ===== */
.bia-footer{
  --c-text: var(--text, #eaf6ff);
  --c-sub:  var(--text-2, #bfefff);
  --c-hud:  var(--hud, #2fd1ff);
  --stroke: var(--stroke, rgba(255,255,255,.12));

  width:100%;
  margin-top:auto;
  border-top:1px solid var(--stroke);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.14));
  isolation:isolate;
}

/* faixa superior fininha com brilho */
.bia-footer::before{
  content:"";
  display:block;
  height:2px;
  background:linear-gradient(90deg, transparent, var(--c-hud), transparent);
  opacity:.28;
  filter:blur(.2px);
}

/* area principal */
.bf-wrap{
  width:min(1120px, 92vw);
  margin:0 auto;
  padding:14px 0;                 /* compacto */
  display:grid;
  grid-template-columns: 1fr auto;/* brand | redes */
  gap:16px;
  align-items:center;
}

/* brand */
.bf-brand{ display:flex; align-items:center; gap:12px; min-width:0 }
.bf-logo{
  width:40px; height:40px; border-radius:10px; object-fit:cover; flex:0 0 auto;
  box-shadow:0 4px 12px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.06) inset;
}
.bf-title{ margin:0; font:800 .95rem/1.1 ui-sans-serif,system-ui; letter-spacing:.02em; color:var(--c-text) }
.bf-desc{ margin:.15rem 0 0; color:var(--c-sub); font-size:.85rem; opacity:.9 }

/* bloco redes */
.bf-block{ display:flex; align-items:center; gap:10px }
.bf-h4{ margin:0; font:800 .82rem/1 ui-sans-serif,system-ui; color:#dff7ff; opacity:.85 }
.bf-social{ display:flex; align-items:center; gap:8px }
.bf-sbtn{
  width:30px; height:30px; display:grid; place-items:center;
  color:var(--c-hud); text-decoration:none; border-radius:999px;
  border:1px solid rgba(47,209,255,.7);
  background:rgba(47,209,255,.07);
  box-shadow:0 3px 10px rgba(0,0,0,.2);
  transition:background .2s, color .2s, transform .06s;
}
.bf-sbtn:hover{ background:var(--c-hud); color:#0b0f14 }
.bf-sbtn:active{ transform:translateY(1px) }
.bf-sbtn svg{ width:14px; height:14px }

/* copy */
.bf-copy{
  width:min(1120px, 92vw);
  margin:0 auto;
  padding:8px 0 12px;             /* baixo */
  border-top:1px dashed rgba(255,255,255,.07);
  text-align:center;
  color:var(--c-sub);
  font:600 .9rem/1.3 ui-sans-serif,system-ui;
}
.bf-legal{ margin-top:4px; font-size:.85rem }
.bf-legal a{ color:#58d6ff; text-decoration:none }
.bf-legal a:hover{ text-decoration:underline }

/* Acessibilidade */
.bf-sbtn:focus-visible{ outline:2px solid var(--c-hud); outline-offset:2px }

/* ===== Mobile super discreto ===== */
@media (max-width:600px){
  .bf-wrap{
    grid-template-columns: 1fr;   /* empilha */
    gap:10px;
    padding:10px 0;
  }
  .bf-logo{ width:32px; height:32px; border-radius:8px }
  .bf-title{ font-size:.92rem }
  .bf-desc{ display:none }        /* some a descrição para ficar baixinho */
  .bf-h4{ display:none }          /* oculta o título “Redes” no mobile */
  .bf-sbtn{ width:28px; height:28px }
  .bf-copy{ padding:6px 0 10px; font-size:.8rem }
}