/* CONTAINER PRINCIPAL */
.falkbot-messages {
    display: flex; 
    /* Centraliza a bolha de chat verticalmente com a imagem */
    align-items: center; 
    gap: 15px;
    /* Recomendação de tamanho fixo para manter a consistência do chat */
    max-width: 60vw; 
    margin: 20px auto; 
}

/* IMAGEM DO FALKINHO */
.falkbot-messages figure {
    flex-shrink: 0; 
    /* Tamanho da imagem do Falkinho (ajustado para ser maior que o 15vw anterior) */
    width: 10vw; 
    margin: 0;
    padding: 0;
}

.falkbot-messages figure img {
    width: 100%;
    height: auto;
    display: block;
}

/* BOLHA DE CHAT (A MENSAGEM) */
.falkbot-box {
    position: relative;
    flex-grow: 1;
    
    /* Estilo Clean e Moderno */
    background-color: #FFFFFF; 
    border-radius: 12px; 
    padding: 15px 20px; 
    font-size: 16px;
    color: #444; 
    line-height: 1.5;
    
    /* Box-shadow */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 
    
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Efeito sutil ao passar o mouse */
.falkbot-box:hover {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}


/* TRIÂNGULO / BICO DA BOLHA (PSEUDO-ELEMENTO) */
.fbot-chat:before {
    content: '';
    position: absolute;
    /* Posição vertical: 50% do topo */
    top: 50%; 
    /* Ajuste para centralizar o bico verticalmente */
    transform: translateY(-50%); 
    left: -18px; 
    
    /* Cria o triângulo usando bordas */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 18px 10px 0; 
    
    /* Bico na cor branca, combinando com o fundo da bolha */
    border-color: transparent #FFFFFF transparent transparent; 
}

/* BORDA/SOMBRA DO BICO (PSEUDO-ELEMENTO) */
.fbot-chat:after {
    content: '';
    position: absolute;
    /* Posição vertical: 50% do topo */
    top: 50%; 
    /* Ajuste para centralizar o bico verticalmente */
    transform: translateY(-50%); 
    left: -20px; /* Levemente mais à esquerda para simular a borda */
    
    /* Triângulo ligeiramente maior */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 20px 11px 0;
    
    /* Cor levemente escura para simular a borda externa/sombra */
    border-color: transparent rgba(0, 0, 0, 0.05) transparent transparent; 
    z-index: -1; 
}

/* ESTILIZAÇÃO DE DESTAQUES (LINKS OU BOLD) */
.falkbot-box a, .falkbot-box b {
    color: #03A9F4; 
    font-weight: 600;
    text-decoration: none;
}