:root {
  --cor_principal: #393A73;
  --cor_secundaria: #644A89;
}

body {
    overflow-x: hidden;
}

.capa {
    background: linear-gradient(var(--cor_principal) 0%, var(--cor_secundaria)  100%);
    height: 100vh;
}

.capa .logo {
    width: 100%;
    height: 80vh;
}

.capa .logo img {
    width: 40%;
}

.quem_e {
    padding: 10%;
}

.quem_e h1 {
    color: var(--cor_principal);
    margin-bottom: 35px;
}

.botao {
    border: none;
    padding: 10px;
    border-radius: 5px;
    margin-top: 35px
}

.intro_button {
    width: 80%;
    background: #ffffff;
    color: var(--cor_principal)
}

.intro_button:hover {
    background: #F0F0F0;
}

.quem_e .iniciar_conversa {
    background: var(--cor_principal);
    color: #ffffff;
}

.quem_e .iniciar_conversa:hover {
    background: var(--cor_secundaria);
}

.index .quem_e .iniciar_conversa {
    width: 60%;
}

.intro .quem_e .iniciar_conversa {
    width: 100%;
}

.chat {
    padding-bottom: 1vh;
    background: #F3F3F4;
}

.chat .cabecalho {
    height: 10vh;
    background: #ffffff;
}

.chat h1 {
    font-size: 1.4rem;
    margin-bottom: 0!important;
}

.chat .voltar, .chat .opcoes {
    font-size: 1.4rem;
    color: var(--bs-body-color);;
}

.chat .btn:first-child:active,
.btn.show {
    border: none!important;
}

.chat .conversa {
    height: 76vh;
    padding: 1vh 1%;
    background: #F3F3F4;
}

.chat .conversa #mensagens {
    overflow-y: scroll;
    height: 100%;
}

.chat .campo {
    height: 10vh;
    background: #F3F3F4;
}

.chat .mensagem {
    margin-top: 20px;
}

.chat .autor {
    font-size: 14px;
}

.chat .input-group-text {
    background: #ffffff;
    border-left: none;
}

.chat .campo input {
    border-right: 0;
}

.chat .campo  input#resposta:disabled {
    background: #ffffff;
}

#resposta {
    height: 56px;
}

.icone_enviar {
    cursor: pointer;
    background: var(--cor_principal);
    border-radius: 30px;
    padding: 10px;
    border: none!important;
    width: 48px;
    height: 48px;
}

.botao_enviar {
    width: 30px;
}

.span_enviar {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.referencias {
    margin-top: 10px;
    font-size: 12px;
}

.pergunta #text {
    background: #e2e2fb;
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
}

.resposta #text {
    background: #ffffff;
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
}

.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--bs-dropdown-link-color);
    font-weight: 600;
    background: none!important;
}

#modalEncerrar .modal-footer button,
#modalEncerrar .modal-footer button a {
    color: var(--cor_principal);
    text-decoration: none;
}

#aviso_erros {
    text-align: center;
    font-size: 0.8rem;
    margin: 0.5rem 0;
    color: #999999;
}

.feedback i {
    cursor: pointer;
    padding: 0 5px;
}