html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}


.fundo_preto{
    background-color:#000000;
}

body {
    background: #1a0f0f; /* fundo escuro */
    color: #fff;
    text-align: center;
}

.logo {
    width: 260px;
    margin: 40px auto 30px auto;
    display: block;
}

.btn-custom {
    width: 90%;
    margin: 10px auto;
    padding: 15px;
    font-size: 1.2rem;
    font-weight: 600;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.btn-reserva {
    background: #5f2abf;
    color: #fff;
}

.btn-whatsapp, .btn-telefone {
    background: #04c442;
    color: #fff;
}

.btn-pedido {
    background: #fff;
    color: red;
}

.btn-facebook {
    background: #0d6efd;
    color: #fff;
}

.btn-instagram {
    background: linear-gradient(45deg, #feda75, #d62976, #962fbf, #4f5bd5);
    color: #fff;
}

.btn-localizacao {
    background: #e60000;
    color: #fff;
}

a, a:hover {
    color:white !important;
}

.vermelho, .vermelho:hover{
    color:red !important
}
.logo-circle {
    width: 220px; /* tamanho desejado */
    height: 220px; /* mantém circular */
    border-radius: 50%; /* forma o círculo */
    overflow: hidden; /* esconde bordas da imagem */
    margin: 30px auto; /* centraliza */
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff; /* opcional: borda branca */
}

.logo-circle img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* mantém a imagem proporcional */
    object-position: center; /* centraliza */
}