<div style="
  background-color: #0A192F; /* Azul escuro de fundo */
  border: 3px solid #60C2FF; /* Azul claro para a borda */
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(96, 194, 255, 0.4); /* Efeito de luz azul suave */
  padding: 12px;
  overflow: hidden;
">
  <script type="module">
    import Chatbox from 'https://cdn.jsdelivr.net/npm/@chatvolt/embeds@latest/dist/chatbox/index.js';

    Chatbox.initStandard({
      agentId: 'cm91d06ff000adq4p15a2yypu',

      contact: {
        firstName: 'John',
        lastName: 'Doe',
        email: 'customer@email.com',
        phoneNumber: '+33612345644',
      },

      interface: {
        initialMessages: [
          'Olá! Como posso te ajudar hoje?',
        ],
      },

      context: "O usuário mora na cidade de São Paulo e está interessado em saber mais sobre o serviço de consultoria online.",
    });
  </script>

  <chatvolt-chatbox-standard style="
    width: 100%; 
    height: 650px; 
    background-color: #0A192F; 
    color: white; 
    border: none; 
    border-radius: 12px;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  " />
</div>