@charset "utf-8";
/* CSS Document */
/*
body { margin:60px 40px 0; background:hsl(49,83%,91%); text-align:center; }
*/

.botoes
{
	text-align: center;
    /* padding: 15px; */
	padding-right:10px;
	max-width: 95%;
    /* border: solid rgb(0, 17, 255);  */
    /* border-radius: 5px; */

}

.botoes button {
    font-size: 1.1em;
    padding: 15px;
    display: inline-flex; /* Mantém o texto centralizado */
    align-items: center;
    justify-content: center;
    margin: 5px;
    border-radius: 6px;
    border: solid rgba(0, 0, 0, 0.2);
    border-width: 1px 1px 5px;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1), inset 0 0 3px rgba(255, 255, 255, 0.3);
    cursor: pointer;
    user-select: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* will-change: transform; */
}

.botoes img {
    margin-right: 5px; 
}

.botoes span {
    text-decoration: underline;
}

.botoes button:hover {
    /* transform: translateY(-3px); */
   	/* transform: scale(1.03); */
	transform: scale(1.00);
    box-shadow: 0 6px 0 rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.4);
}

.botoes button:active {
    transform: translateY(4px);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(255, 255, 255, 0.4);
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.botoes button[type=submit]
{
	text-align:left;
	font-size:1.1em; 
	padding:15px 16px; 
	display:inline-block; 
	margin:5px; 
	border-radius:6px; 
	border:solid rgba(0,0,0,0.2); 
	border-width:1px 1px 5px; 
	box-shadow:0 5px 0 rgba(0,0,0,0.1), inset 0 0 3px rgba(255,255,255,0.3); 
	cursor:pointer; 
	user-select:none; 
	transition:0.4s ease; 
	width:100%;
}
.botoes button[type=submit] a:hover 
{ 
	transform:translateY(-3px); 
	box-shadow:0 6px 0 rgba(0,0,0,0.1), inset 0 0 1px rgba(255,255,255,0.4); 
	width:100%;
/*	border-bottom-width:8px; */
}

.botoes button[type=submit] a:active
{ 
	transform:translateY(4px); 
	box-shadow:0 2px 0 rgba(0,0,0,0.1), inset 0 0 5px rgba(255,255,255,0.4); 
/*	border-bottom-width:2px; */
	transition:0.1s ease; 
	width:100%;
}


.botoes a {
    font-size: 1.1em;
    padding: 15px;
    display: inline-flex; /* Mantém o texto centralizado */
    align-items: center;
    justify-content: center;
    margin: 5px;
    border-radius: 6px;
    border: solid rgba(0, 0, 0, 0.2);
    border-width: 1px 1px 5px;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1), inset 0 0 3px rgba(255, 255, 255, 0.3);
    cursor: pointer;
    user-select: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* will-change: transform; */
}

.botoes a:hover {
    /* transform: translateY(-3px); */
   	/* transform: scale(1.03); */
	transform: scale(1.00);
    box-shadow: 0 6px 0 rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.4);
}

.botoes a:active {
    transform: translateY(4px);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(255, 255, 255, 0.4);
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

/* botoes = .nomedobotao */
.pagina_inicial 
{
	background-color: hsla(0,44%,54%,1.00);
	color:rgba(255,255,255,0.95); 

}
.como_funciona 
{ 
	background:hsl(41,76%,65%);

}
.quem_somos 
{ 
	background:hsla(8,59%,59%,1.00); 
	color:rgba(255,255,255,0.95); 
	text-shadow:-1px -1px 1px rgba(0,0,0,0.1); 

}
.minha_conta 
{ 
	background:hsl(104,51%,62%); 
}
.quero_comecar 
{ 
	background:hsl(50,81%,65%); 
}
.fale_conosco 
{ 
	background:hsl(176,59%,59%);
}
.mais 
{ 
	background:#BCE3E4;
}

/*////////////////////////////////////////////////////////////////////////////////////////////*/

/*quero_comecar.php*/
.fazer_Login 
{
	background-color: hsla(148,59%,59%,1.00);
}
.quero_me_cadastrar 
{
	background-color: hsla(60,59%,59%,1.00);
}
.retornar 
{
	background-color: hsla(354,59%,59%,1.00);
}

/*////////////////////////////////////////////////////////////////////////////////////////////*/

/*pesquisas_em_andamento.php*/
.quero_responder 
{
	background-color: hsla(60,59%,59%,1.00);
}
.proxima_pergunta
{
	background-color: hsla(108,49%,38%,1.00);
}
.mais_informacoes
{
	background-color: hsla(117,100%,73%,1.00);
}
.entrar
{
	background-color: hsla(117,100%,73%,1.00);
}
.area_administrativa
{
	background-color: hsla(37,100%,75%,1.00);
}
/* .botao_verde
{
	background-color: hsla(117,100%,73%,1.00);
} */
.botao_verde
{
	/* background-color: rgb(139, 216, 127); */
	/* background-color: rgb(64, 211, 135);  */
	background-color: rgb(58, 189, 121);
	/* background-color: #5ab95d; */
}
.botao_verde_claro
{
	/* background-color: rgb(194, 251, 155); */
	background-color: rgb(126, 212, 69);
}
.botao_verde_amarelado
{
	/* background-color: hsla(80,80%,40%,1.00); */
	background-color: hsla(80,80%,40%,1.00);
}.botao_roxo_claro
{
	/*background-color: hsla(215, 100%, 50%,1.00);*/
	background-color: hsla(280, 33%, 59%,1.00);
	/*background:hsl(176,59%,59%);*/
}
.botao_rosa
{
	/*background-color: hsla(215, 100%, 50%,1.00);*/
	background-color: rgb(230, 138, 199);
	/*background:hsl(176,59%,59%);*/
}
.botao_amarelo
{
	/* background-color: hsla(71,100%,73%,1.00); */
	background-color: rgb(192, 211, 109);
}
.botao_amarelo_suave
{
	background-color: #e2d269;
}
.botao_amarelo_claro
{
	background-color: rgb(253, 255, 195);
}
.botao_laranja
{
	background-color: hsla(25,100%,75%,1.00);
}
.botao_vermelho
{
	background-color: hsla(0,100%,73%,1.00);
}
.botao_marrom
{
	background-color: rgb(187, 112, 112);
}
.botao_azul
{
	/*background-color: hsla(215, 100%, 50%,1.00);*/
	background-color: hsla(210, 59%, 59%,1.00);
	/*background:hsl(176,59%,59%);*/
}
.botao_azul_claro
{
	/*background-color: hsla(215, 100%, 50%,1.00);*/
	/* background-color: rgb(102, 174, 245); */
	background-color: rgb(91, 152, 214);
	/*background:hsl(176,59%,59%);*/
}
.botao_azul_escuro
{
	/*background-color: hsla(215, 100%, 50%,1.00);*/
	background-color: rgb(0, 8, 160);
	/*background:hsl(176,59%,59%);*/
}
.botao_cinza
{
	/*background-color: hsla(215, 100%, 50%,1.00);*/
	background-color: hsla(0, 0%, 86%, 1.0);
	/*background:hsl(176,59%,59%);*/
}
.botao_indigo
{
	/*background-color: hsla(215, 100%, 50%,1.00);*/
	background-color: hsla(274, 81%, 20%, 1.0);
	/*background:hsl(176,59%,59%);*/
}
.botao_roxo
{
	/*background-color: hsla(215, 100%, 50%,1.00);*/
	background-color: rgb(187, 51, 255);
	/*background:hsl(176,59%,59%);*/
}
.botao_roxo_claro
{
	/*background-color: hsla(215, 100%, 50%,1.00);*/
	background-color: hsla(280, 33%, 59%,1.00);
	/*background:hsl(176,59%,59%);*/
}
.botao_terracota 
{
	background-color: rgb(223, 107, 119);
}
.botao_ceramica
{
	background-color: rgb(122, 32, 41);
}
/*////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/

.botao_voltar_ao_topo
{
    /*Margem zero de todos os lados*/
    margin: 0;
 
    /* É para ser mostrada*/
    display:block;
 
    /* Posição é fixa*/
    position:fixed;
 
    /* Tamanho da div*/
    width:40px;
 
    /* Largura da div*/
    height:40px;
 
    /* Quantos pixels do rodape do navegador*/
    bottom: 5px;
 
    /* Quantos pixels terá do lado direito do navegador*/
    right:5px;
 
    /* Cor da Texto */
/*    color:#000000;*/
 
    /* Aparecera na frente de tudo*/
    z-index:100;
 
    /* Cor de fundo da div*/
/*    background-color:#DA4616;*/
 
    /* Alinhamento do texto */
    text-align:center;
 
    /* Texto em negrito*/
    font-weight:bold;
}
/*////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/
.botao-generico {
            display: inline-block;
            padding: 10px 20px;
            font-size: 16px;
            color: #fff;
            background-color: #6c757d;
            text-decoration: none;
            border-radius: 5px;
            border: none;
            cursor: pointer;
            text-align: center;
            transition: background-color 0.3s;
        }

        .botao-generico:hover {
            background-color: #5a6268;
        }

        .botao-generico:active {
            background-color: #343a40;
        }