.elementor-4593 .elementor-element.elementor-element-f95f935{--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-4593 .elementor-element.elementor-element-f95f935:not(.elementor-motion-effects-element-type-background), .elementor-4593 .elementor-element.elementor-element-f95f935 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://seeu.com.br/wp-content/uploads/2024/12/vermelho.png");}/* Start custom CSS for shortcode, class: .elementor-element-7d79252 */<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formulário Estilizado</title>
    <style>
        body {
            background: #722F37;
            font-family: Arial, sans-serif;
            padding: 20px;
        }

        form {
            background: rgba(255, 255, 255, 0.95);
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
            max-width: 500px;
            margin: 20px auto;
        }

        form label {
            display: block;
            color: #722F37;
            font-weight: 600;
            margin-bottom: 8px;
            font-size: 16px;
        }

        form input[type="text"],
        form input[type="email"],
        form textarea {
            width: 100%;
            padding: 12px 16px;
            border: 2px solid #E0E0E0;
            border-radius: 8px;
            font-size: 16px;
            color: #333;
            background: #FAFAFA;
            transition: all 0.3s ease;
            margin-bottom: 20px;
            box-sizing: border-box;
        }

        form input[type="text"]:focus,
        form input[type="email"]:focus,
        form textarea:focus {
            outline: none;
            border-color: #722F37;
            background: white;
            box-shadow: 0 0 0 3px rgba(114, 47, 55, 0.1);
        }

        form textarea {
            resize: vertical;
            min-height: 100px;
            line-height: 1.5;
        }

        form button[type="submit"] {
            width: 100%;
            background: linear-gradient(135deg, #722F37 0%, #8B1538 100%);
            color: white;
            padding: 14px 25px;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        form button[type="submit"]:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(114, 47, 55, 0.3);
        }
    </style>
</head>
<body>
    <form>
        <label for="nome">Nome Completo</label>
        <input type="text" id="nome" name="nome" required>

        <label for="email">E-mail</label>
        <input type="email" id="email" name="email" required>

        <label for="mensagem">Estamos aqui para te ajudar</label>
        <textarea id="mensagem" name="mensagem" placeholder="Escreva sua mensagem aqui..." required></textarea>

        <button type="submit">Enviar</button>
    </form>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'985be8a876b436f4',t:'MTc1ODk4NTYyNy4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>/* End custom CSS */