body {
    padding-top: 56px;
}

.splash-screen {
    background-color: #FFFFFF;
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    transition: opacity 1s ease-out;
}

.splash-screen.fade-out {
    opacity: 0;
}

.splash-screen img {
    max-width: 200px;
    transition: opacity 1s ease-in-out;
}

.splash-screen img.fade-out {
    opacity: 0;
}

/*Autovcomplete google*/
.pac-container {
    font-family: 'Arial', sans-serif; /* Fonte mais moderna */
    border: 1px solid #ddd; /* Borda mais suave */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Sombra mais sutil */
    border-radius: 10px; /* Bordas arredondadas */
    background-color: #fff; /* Fundo branco */
    z-index: 10000; /* Garante que fique acima de outros elementos */
}

.pac-item {
    padding: 10px 15px; /* Espaçamento interno */
    cursor: pointer; /* Cursor de ponteiro ao passar o mouse */
    display: flex; /* Usando flexbox para alinhamento */
    align-items: center; /* Alinhamento vertical */
}

.pac-item:hover {
    background-color: #f0f0f0; /* Cor de fundo ao passar o mouse */
}

.pac-item-query {
    margin-right: 10px; /* Espaçamento entre o ícone e o texto */
}

.pac-matched {
    font-weight: 600; /* Negrito mais suave */
    color: #333; /* Cor do texto destacado */
    font-size: 16px;
}

.pac-icon {
    margin-right: 10px; /* Espaçamento entre o ícone e o texto */
}

.pac-logo:after {
    display: none; /* Remove o logo do Google (opcional, mas pode ser necessário para manter um visual limpo) */
}

#div_msg {
    max-height: 400px; /* Ajuste conforme necessário */
    overflow-y: auto;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

/* Estilo da mensagem recebida (outra pessoa) */
.msg-received {
    background-color: #e5e5ea;
    color: black;
    padding: 10px 15px;
    border-radius: 12px 12px 12px 0;
    max-width: 75%;
    align-self: flex-start;
    margin-bottom: 8px;
}

/* Estilo da mensagem enviada (usuário) */
.msg-sent {
    background-color: #25d366; /* Verde WhatsApp */
    color: white;
    padding: 10px 15px;
    border-radius: 12px 12px 0 12px;
    max-width: 75%;
    align-self: flex-end;
    margin-bottom: 8px;
}

/* Estilo do texto dentro das mensagens */
.msg-text {
    font-size: 14px;
    word-wrap: break-word;
    display: block;
}

/* Adicionando estilos responsivos para telas menores */
@media (max-width: 600px) {
    .pac-container {
        width: 90% !important; /* Ajusta a largura para telas menores */
        left: 5% !important; /* Centraliza em telas menores */
    }
}