.elementor-3977 .elementor-element.elementor-element-e4d3140:not(.elementor-motion-effects-element-type-background), .elementor-3977 .elementor-element.elementor-element-e4d3140 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F0F8;}.elementor-3977 .elementor-element.elementor-element-e4d3140{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;overflow:visible;}.elementor-3977 .elementor-element.elementor-element-e4d3140 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3977 .elementor-element.elementor-element-5af890e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-3977 .elementor-element.elementor-element-d7087d0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3977 .elementor-element.elementor-element-9988278:not(.elementor-motion-effects-element-type-background), .elementor-3977 .elementor-element.elementor-element-9988278 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F0F8;}.elementor-3977 .elementor-element.elementor-element-9988278 > .elementor-container{max-width:718px;}.elementor-3977 .elementor-element.elementor-element-9988278{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;overflow:visible;}.elementor-3977 .elementor-element.elementor-element-9988278 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3977 .elementor-element.elementor-element-30e8d1a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3977 .elementor-element.elementor-element-30e8d1a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3977 .elementor-element.elementor-element-30e8d1a > .elementor-element-populated, .elementor-3977 .elementor-element.elementor-element-30e8d1a > .elementor-element-populated > .elementor-background-overlay, .elementor-3977 .elementor-element.elementor-element-30e8d1a > .elementor-background-slideshow{border-radius:30px 30px 30px 30px;}.elementor-3977 .elementor-element.elementor-element-30e8d1a > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:100px 0px 100px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:64px 64px 64px 64px;}.elementor-3977 .elementor-element.elementor-element-30e8d1a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3977 .elementor-element.elementor-element-658a17e{text-align:center;}.elementor-3977 .elementor-element.elementor-element-658a17e .elementor-heading-title{font-size:11px;}.elementor-3977 .elementor-element.elementor-element-f3d942f > .elementor-widget-container{margin:-24px 0px 20px 0px;padding:0px 0px 10px 0px;}.elementor-3977 .elementor-element.elementor-element-f3d942f{text-align:center;color:#7A6F8E;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-field-group{padding-right:calc( 19px/2 );padding-left:calc( 19px/2 );margin-bottom:28px;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-form-fields-wrapper{margin-left:calc( -19px/2 );margin-right:calc( -19px/2 );margin-bottom:-28px;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-labels-inline .elementor-field-group > label{padding-left:8px;}body:not(.rtl) .elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-labels-inline .elementor-field-group > label{padding-right:8px;}body .elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-labels-above .elementor-field-group > label{padding-bottom:8px;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-field-type-html{padding-bottom:0px;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#F4F0F8;border-color:#D3D3D3;border-width:1px 1px 1px 1px;border-radius:9px 9px 9px 9px;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-field-group .elementor-select-wrapper select{background-color:#F4F0F8;border-color:#D3D3D3;border-width:1px 1px 1px 1px;border-radius:9px 9px 9px 9px;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-field-group .elementor-select-wrapper::before{color:#D3D3D3;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-button span{justify-content:center;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-button{border-style:none;border-radius:39px 39px 39px 39px;padding:0px 0px 0px 0px;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .e-form__buttons__wrapper__button-next{background-color:#EA7D35;color:#ffffff;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-button[type="submit"]{background-color:#EA7D35;color:#ffffff;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );color:#ffffff;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .e-form__buttons__wrapper__button-next:hover{background-color:#EA7D35;color:#ffffff;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-button[type="submit"]:hover{background-color:#EA7D35;color:#ffffff;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-message.elementor-message-success{color:#008344;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-message.elementor-message-danger{color:#F80000;}.elementor-3977 .elementor-element.elementor-element-65b86d1 .elementor-message.elementor-help-inline{color:#E4FF04;}.elementor-3977 .elementor-element.elementor-element-65b86d1{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-3977 .elementor-element.elementor-element-220aa8a:not(.elementor-motion-effects-element-type-background), .elementor-3977 .elementor-element.elementor-element-220aa8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F0F8;}.elementor-3977 .elementor-element.elementor-element-220aa8a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;overflow:visible;}.elementor-3977 .elementor-element.elementor-element-220aa8a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-3977 .elementor-element.elementor-element-30e8d1a{width:100%;}}/* Start custom CSS for section, class: .elementor-element-9988278 */<style>
    /* ================================================================
       AGÊNCIA KAL — ELEMENTOR FORM OVERRIDE STYLES
       Aplica o design system KAL ao formulário nativo do Elementor.
       ================================================================ */

    /* Form Container */
    .kal-form-section {
        background: var(--gray-100, #f4f0f8);
        padding: 80px 24px;
    }

    .kal-form-section .elementor-widget-container {
        max-width: 720px;
        margin: 0 auto;
    }

    /* Form Wrapper */
    .kal-form-section .elementor-form {
        background: var(--pure-white, #ffffff);
        border-radius: 24px;
        padding: 48px 40px;
        border: 1px solid var(--gray-200, #e0d8ea);
        box-shadow: 0 8px 40px rgba(77, 21, 115, 0.06);
    }

    /* Form Title (use heading widget above the form) */
    .kal-form-title {
        font-family: 'Outfit', sans-serif !important;
        font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
        font-weight: 700 !important;
        color: #1a1025 !important;
        text-align: center !important;
        letter-spacing: -0.02em !important;
        margin-bottom: 8px !important;
    }

    .kal-form-subtitle {
        font-family: 'Inter', sans-serif !important;
        font-size: 1rem !important;
        color: #7a6f8e !important;
        text-align: center !important;
        margin-bottom: 32px !important;
    }

    /* Labels */
    .kal-form-section .elementor-field-label {
        font-family: 'Outfit', sans-serif !important;
        font-size: 0.85rem !important;
        font-weight: 600 !important;
        color: #3d2f50 !important;
        margin-bottom: 8px !important;
    }

    /* Input Fields */
    .kal-form-section .elementor-field-textual {
        font-family: 'Inter', sans-serif !important;
        font-size: 0.95rem !important;
        color: #3d2f50 !important;
        background: #f4f0f8 !important;
        border: 1.5px solid #e0d8ea !important;
        border-radius: 12px !important;
        padding: 14px 18px !important;
        transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1) !important;
        outline: none !important;
    }

    .kal-form-section .elementor-field-textual:focus {
        border-color: #e66636 !important;
        background: #ffffff !important;
        box-shadow: 0 0 0 4px rgba(230, 102, 54, 0.1) !important;
    }

    .kal-form-section .elementor-field-textual::placeholder {
        color: #a99bbe !important;
        font-weight: 400 !important;
    }

    /* Textarea */
    .kal-form-section textarea.elementor-field-textual {
        min-height: 120px !important;
        resize: vertical !important;
    }

    /* Select/Dropdown */
    .kal-form-section select.elementor-field-textual {
        appearance: none !important;
        -webkit-appearance: none !important;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%237a6f8e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right 16px center !important;
        padding-right: 44px !important;
    }

    /* Submit Button */
    .kal-form-section .elementor-button {
        font-family: 'Outfit', sans-serif !important;
        font-size: 0.95rem !important;
        font-weight: 600 !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #e66636 0%, #eb8335 100%) !important;
        border: none !important;
        border-radius: 9999px !important;
        padding: 16px 40px !important;
        cursor: pointer !important;
        transition: all 400ms cubic-bezier(0.34, 1.56, 0.64, 1) !important;
        box-shadow: 0 4px 20px rgba(230, 102, 54, 0.3) !important;
        width: 100% !important;
        text-align: center !important;
    }

    .kal-form-section .elementor-button:hover {
        transform: translateY(-3px) scale(1.02) !important;
        box-shadow: 0 12px 40px rgba(230, 102, 54, 0.45) !important;
    }

    .kal-form-section .elementor-button:active {
        transform: translateY(0) scale(0.98) !important;
    }

    /* Success/Error Messages */
    .kal-form-section .elementor-message-success {
        font-family: 'Inter', sans-serif !important;
        color: #25D366 !important;
        background: rgba(37, 211, 102, 0.08) !important;
        border-radius: 12px !important;
        padding: 16px 20px !important;
        font-size: 0.9rem !important;
        text-align: center !important;
    }

    .kal-form-section .elementor-message-danger {
        font-family: 'Inter', sans-serif !important;
        color: #e66636 !important;
        background: rgba(230, 102, 54, 0.08) !important;
        border-radius: 12px !important;
        padding: 16px 20px !important;
        font-size: 0.9rem !important;
        text-align: center !important;
    }

    /* Field Groups Spacing */
    .kal-form-section .elementor-field-group {
        margin-bottom: 20px !important;
    }

    /* Required Asterisk */
    .kal-form-section .elementor-mark-required .elementor-field-label::after {
        color: #e66636 !important;
    }

    /* Responsive */
    @media (max-width: 768px) {
        .kal-form-section .elementor-form {
            padding: 32px 24px !important;
        }
    }
</style>

<!-- ══════════════════════════════════════════════════════════════
     ██  BLOCO 2 — FIM
     
     AGORA: Insira o WIDGET DE FORMULÁRIO do Elementor aqui.
     - Envolva a seção do Elementor com classe: kal-form-section
     - Use um heading widget com classe: kal-form-title
     - Use um text widget com classe: kal-form-subtitle
     
     Campos sugeridos:
     • Nome (obrigatório)
     • WhatsApp (obrigatório)
     • E-mail
     • Empresa
     • Principal objetivo (dropdown)
     • Mensagem (textarea)
     ══════════════════════════════════════════════════════════════ -->


<!-- ══════════════════════════════════════════════════════════════
     ██  BLOCO 3 — INÍCIO: Footer + WhatsApp Float + Scripts
     ══════════════════════════════════════════════════════════════ -->

<style>
    /* ================================================================
       AGÊNCIA KAL — FOOTER + WHATSAPP (CONTACT PAGE)
       ================================================================ */

    .footer {
        background: #1a1025;
        color: #a99bbe;
        padding: 64px 24px 32px;
    }

    .footer__inner {
        max-width: 1200px;
        margin: 0 auto;
    }

    .footer__brand {
        display: flex;
        align-items: center;
        gap: 24px;
        margin-bottom: 32px;
        padding-bottom: 32px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

    .footer__logo {
        height: 32px;
        max-height: 32px;
        width: auto;
        max-width: 150px;
        object-fit: contain;
        filter: brightness(0) invert(1);
        opacity: 0.7;
    }

    .footer__tagline {
        font-family: 'Outfit', sans-serif;
        font-size: 0.85rem;
        font-weight: 500;
        color: #7a6f8e;
    }

    .footer__links {
        display: flex;
        gap: 32px;
        margin-bottom: 32px;
        flex-wrap: wrap;
    }

    .footer__links a {
        font-family: 'Outfit', sans-serif;
        font-size: 0.8rem;
        font-weight: 500;
        color: #7a6f8e;
        transition: color 200ms;
    }

    .footer__links a:hover {
        color: #e66636;
    }

    .footer__bottom {
        display: flex;
        justify-content: space-between;
        font-size: 0.75rem;
        color: #5a4d6e;
    }

    .whatsapp-float {
        position: fixed;
        bottom: 24px;
        right: 24px;
        width: 60px;
        height: 60px;
        background: #25D366;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #ffffff;
        z-index: 999;
        box-shadow: 0 6px 24px rgba(37, 211, 102, 0.4);
        transition: all 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
        animation: whatsappBounce 3s ease-in-out infinite;
    }

    .whatsapp-float:hover {
        transform: scale(1.12) translateY(-3px);
        box-shadow: 0 10px 36px rgba(37, 211, 102, 0.5);
    }

    @keyframes whatsappBounce {

        0%,
        100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-5px);
        }
    }

    @media (max-width: 768px) {
        .footer__bottom {
            flex-direction: column;
            gap: 8px;
        }

        .footer__brand {
            flex-direction: column;
            align-items: flex-start;
        }

        .footer__links {
            gap: 16px;
        }
    }
</style>


<!-- ==================== WHATSAPP FLOAT ==================== -->
<a href="https://wa.me/5591982331043?text=Ol%C3%A1!%20Quero%20entender%20como%20a%20Ag%C3%AAncia%20KAL%20pode%20ajudar%20meu%20neg%C3%B3cio%20a%20crescer."
    class="whatsapp-float" id="whatsapp-float" target="_blank" rel="noopener" aria-label="Fale conosco pelo WhatsApp">
    <svg width="28" height="28" viewBox="0 0 24 24" fill="currentColor">
        <path
            d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" />
    </svg>
</a>

<script>
    (function () {
        'use strict';

        /* Scroll reveal */
        function initReveal() {
            const els = document.querySelectorAll('[data-reveal]');
            if (!els.length) return;
            const obs = new IntersectionObserver((entries) => {
                entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add('revealed'); obs.unobserve(e.target); } });
            }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });
            els.forEach((el) => obs.observe(el));
        }

        /* Nav scroll effect */
        function initNavScroll() {
            const nav = document.getElementById('nav');
            if (!nav) return;
            let ticking = false;
            window.addEventListener('scroll', () => {
                if (!ticking) {
                    requestAnimationFrame(() => { nav.classList.toggle('scrolled', window.scrollY > 50); ticking = false; });
                    ticking = true;
                }
            }, { passive: true });
        }

        /* Mobile menu */
        function initNav() {
            const burger = document.getElementById('nav-burger');
            const menu = document.getElementById('mobile-menu');
            if (!burger || !menu) return;
            burger.addEventListener('click', () => { burger.classList.toggle('active'); menu.classList.toggle('active'); });
            menu.querySelectorAll('a').forEach((link) => {
                link.addEventListener('click', () => { burger.classList.remove('active'); menu.classList.remove('active'); });
            });
        }

        function init() { initReveal(); initNav(); initNavScroll(); }
        if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); }
    })();
</script>/* End custom CSS */