/* CSS – Bloco 001 (Referente ao Bloco 001 do index.html) */
.cabecalho-topo {
  background-color: black;
  color: white;
  height: 80px; /* espaço para logo */
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  font-family: sans-serif;
  font-weight: bold;
}

/* Espaço abaixo do cabeçalho */
body {
  background-color: #f4f4f4;
  margin: 0;
  padding: 0;
  padding-top: 80px; /* evita sobreposição da faixa */
}

/* CSS – Bloco 002 (Logo flutuante, separada do cabeçalho) */


/* Responsividade para mobile */
@media (max-width: 768px) {
  .cabecalho-topo {
    height: 60px;
    padding: 0 12px;
  }

  .logo-flutuante {
    top: 12px;
    left: 12px;
  }

  .logo-befree {
    height: 38px;
    max-width: 80px;
  }
}