.hide-scrollbar {
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none; /* Safari e Chrome */
}
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;800&display=swap');
        :root {
        --bg-geral: rgb(31 41 55);

        --bg-section-inicio: rgb(31 41 55);
        --bg-borda-inicio: rgb(202 138 4);
        --cor-fonte-titulo-inicio: rgb(255 255 255);
        --cor-fonte-subtitulo-inicio: rgb(255 255 255);
        --cor-fonte-negocio-inicio: rgb(255 255 255);
        --cor-fonte-descricao-inicio: rgb(255 255 255);
        --bg-botoes-inicio: rgb(202 138 4);
        --cor-icones-botoes-inicio: rgb(255 255 255);
        --cor-fonte-botoes-inicio: rgb(255 255 255);

        --bg-section-produtos-servicos:rgb(255 255 255);
        --cor-fonte-titulo-produtos-servicos: rgb(31 41 55);
        --cor-fonte-nome-produtos-servicos: rgb(31 41 55);
        --cor-fonte-descricao-item-produtos-servicos: rgb(75 85 99);
        --cor-fonte-preco-item-produtos-servicos: rgb(31 41 55);

        --bg-section-avaliacoes: rgb(255 255 255);

        --bg-section-sobre: rgb(255 255 255);
    }
    #conteudo-cartao {
        background-color: var(--bg-geral);
    }

    section#inicio {
        background-color: var(--bg-section-inicio);
        border: 2px solid var(--bg-borda-inicio);
    }
    section#inicio .text-titulo {
        color: var(--cor-fonte-titulo-inicio);
    }
    section#inicio .text-subtitulo {
        color: var(--cor-fonte-subtitulo-inicio);
    }
    section#inicio .text-negocio {
        color: var(--cor-fonte-negocio-inicio);
    }
    section#inicio .text-descricao {
        color: var(--cor-fonte-descricao-inicio);
    }
    section#inicio #botoes a {
        background-color: var(--bg-botoes-inicio);
    }
    section#inicio #botoes a i {
        color: var(--cor-icones-botoes-inicio);
    }
    section#inicio #botoes a span {
        color: var(--cor-fonte-botoes-inicio);
    }



    section#produtos-e-servicos {
        background-color: var(--bg-section-produtos-servicos);
    }
    section#produtos-e-servicos h2 {
        color: var(--cor-fonte-titulo-produtos-servicos);
    }
    section#produtos-e-servicos .text-nome-item {
        color: var(--cor-fonte-nome-item-produtos-servicos);
    }
    section#produtos-e-servicos .text-descricao-item {
        color: var(--cor-fonte-descricao-item-produtos-servicos);
    }
    section#produtos-e-servicos .text-preco-item {
        color: var(--cor-fonte-preco-item-produtos-servicos);
    }

    section#avaliacoes {
        background-color: var(--bg-section-avaliacoes);
    }
    section#sobre {
        background-color: var(--bg-section-sobre);
    }

    .cor-do-tema {
        color:rgb(14, 79, 150);
    }
    .bg-do-tema {
        background-color:rgb(14, 79, 150);
    }

/* Botão de abrir/fechar */
.icone-engrenagem {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 39;
    background: rgb(14, 79, 150);
    color: white;
    padding: 15px;
    cursor: pointer;
    font-size: 22px;
    transition: all 0.3s ease-in-out;
    box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}
.icone-engrenagem.editar-design {
    right: 0;
    border-radius: 10px 0 0 10px;
}
.icone-engrenagem.editar-dados {
    left: 0;
    border-radius: 0 10px 10px 0;
}


/* Área da tab lateral */
.switch__tab-area {
position: fixed;
right: -300px;
top: 10%;
bottom: 10%;
width: 280px;
background: #fff;
padding: 20px;
border-radius: 10px 0 0 10px;
box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.2);
transition: right 0.3s ease-in-out;
display: flex;
flex-direction: column;
}

/* Quando a tab estiver aberta */
.switch__tab-area.show {
right: 0;
}

/* Área com rolagem */
.switch__tab-list {
flex-grow: 1;
max-height: calc(100% - 50px);
overflow-y: auto;
padding-right: 10px;
}

/* Estilização da barra de rolagem */
.switch__tab-list::-webkit-scrollbar {
width: 6px;
}

.switch__tab-list::-webkit-scrollbar-thumb {
background-color: #007bff;
border-radius: 5px;
}

/* Estilo dos itens da tab */
.switch__tab-item {
display: flex;
align-items: center;
padding: 10px;
border-radius: 6px;
transition: background 0.2s;
cursor: pointer;
}

.switch__tab-item:hover {
background: #007bff;
color: white;
}

/* Conteúdo dentro da tab */
.switch__tab-content {
padding: 10px;
font-size: 14px;
color: #333;
}

.botao-drawer-compartilhar {
    
    border-radius: 0 0 10px 10px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 56px;
    z-index: 39;
    background: rgb(14, 79, 150);
    color: white;
    padding: 6px 16px;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.3s ease-in-out;
    box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}