.elementor-359 .elementor-element.elementor-element-99237c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-359 .elementor-element.elementor-element-6f7ea18.elementor-element{--align-self:center;}body.elementor-page-359:not(.elementor-motion-effects-element-type-background), body.elementor-page-359 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-6f7ea18 */<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gerador de Link do WhatsApp</title>
    <style>
        body {
            font-weight: bold;
            font-size: 14px;
            color: black;
            text-align: center;
        }
        #whatsappForm {
            display: inline-block;
            text-align: left;
        }
        h1 {
            text-align: center;
        }
        #linkGerado {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>Gerador de Link do WhatsApp</h1>
    <form id="whatsappForm">
        <label for="numero">Número de WhatsApp (com DDI e DDD):</label><br>
        <input type="text" id="numero" name="numero" placeholder="5562982374144" required><br><br>
        
        <label for="mensagem">Mensagem:</label><br>
        <textarea id="mensagem" name="mensagem" placeholder="Digite sua mensagem" required></textarea><br><br>
        
        <button type="button" onclick="gerarLink()">Gerar Link</button>
    </form>
    <br>
    <p id="linkGerado"></p>

    <script>
        function gerarLink() {
            const numero = document.getElementById('numero').value.trim();
            const mensagem = encodeURIComponent(document.getElementById('mensagem').value.trim());

            if (numero && mensagem) {
                const link = `https://wa.me/${numero}?text=${mensagem}`;
                document.getElementById('linkGerado').innerHTML = 
                    `Seu link do WhatsApp: <a href="${link}" target="_blank">${link}</a>`;
            } else {
                alert('Por favor, preencha todos os campos.');
            }
        }
    </script>
</body>
</html>/* End custom CSS */