.elementor-68 .elementor-element.elementor-element-62840d6d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-62840d6d:not(.elementor-motion-effects-element-type-background), .elementor-68 .elementor-element.elementor-element-62840d6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D66D0B;}.elementor-68 .elementor-element.elementor-element-17b5abf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-1e5c0641{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-4044aa4{--display:flex;--min-height:126px;--justify-content:center;}.elementor-68 .elementor-element.elementor-element-74ea6a5 .elementor-button{background-color:#6AB335;height:73px;width:351px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Roboto", Sans-serif;font-size:2.3em;font-weight:500;line-height:1.23em;}.elementor-68 .elementor-element.elementor-element-74ea6a5{margin:0px 300px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-68 .elementor-element.elementor-element-74ea6a5.elementor-element{--align-self:flex-start;}.elementor-68 .elementor-element.elementor-element-109bbef3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-757bbea8{width:var( --container-widget-width, 507.995px );max-width:507.995px;--container-widget-width:507.995px;--container-widget-flex-grow:0;}.elementor-68 .elementor-element.elementor-element-757bbea8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-68 .elementor-element.elementor-element-757bbea8 .elementor-heading-title{color:var( --e-global-color-5d6c21b );}.elementor-68 .elementor-element.elementor-element-2397b6cd{margin:0px 300px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-68 .elementor-element.elementor-element-2397b6cd .elementor-button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Roboto", Sans-serif;font-size:1.125em;font-weight:500;line-height:1.23em;}.elementor-68 .elementor-element.elementor-element-4f88be4c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-2bdd824{--display:flex;--min-height:134px;--justify-content:center;}.elementor-68 .elementor-element.elementor-element-7369078{--display:flex;}.elementor-68 .elementor-element.elementor-element-f71ce20{--display:flex;}.elementor-68 .elementor-element.elementor-element-cb0408e{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-68 .elementor-element.elementor-element-6891152e{--grid-template-columns:repeat(5, auto);margin:56px -12px calc(var(--kit-widget-spacing, 0px) + 0px) -266px;padding:0px 0px 0px 0px;--icon-size:25px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-68 .elementor-element.elementor-element-6891152e .elementor-social-icon{background-color:var( --e-global-color-c8c5c71 );}.elementor-68 .elementor-element.elementor-element-6891152e .elementor-social-icon i{color:var( --e-global-color-2f2db93 );}.elementor-68 .elementor-element.elementor-element-6891152e .elementor-social-icon svg{fill:var( --e-global-color-2f2db93 );}.elementor-68 .elementor-element.elementor-element-6891152e .elementor-social-icon:hover i{color:var( --e-global-color-1f3b2fc );}.elementor-68 .elementor-element.elementor-element-6891152e .elementor-social-icon:hover svg{fill:var( --e-global-color-1f3b2fc );}.elementor-68 .elementor-element.elementor-element-35d5a07f{--divider-border-style:solid;--divider-color:var( --e-global-color-1f3b2fc );--divider-border-width:1px;margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-68 .elementor-element.elementor-element-35d5a07f .elementor-divider-separator{width:100%;}.elementor-68 .elementor-element.elementor-element-35d5a07f .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-68 .elementor-element.elementor-element-73a617da{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-595567e6{text-align:left;}.elementor-68 .elementor-element.elementor-element-595567e6 img{width:100%;max-width:100%;height:111px;object-fit:contain;object-position:center center;}.elementor-68 .elementor-element.elementor-element-24856e04 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:0.875em;font-weight:400;color:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-68 .elementor-element.elementor-element-62840d6d{--padding-top:100px;--padding-bottom:32px;--padding-left:30px;--padding-right:30px;}.elementor-68 .elementor-element.elementor-element-74ea6a5 .elementor-button{font-size:1em;line-height:1.2em;}.elementor-68 .elementor-element.elementor-element-2397b6cd .elementor-button{font-size:1em;line-height:1.2em;}.elementor-68 .elementor-element.elementor-element-6891152e{margin:12px -11px calc(var(--kit-widget-spacing, 0px) + 0px) -272px;--grid-column-gap:8px;}.elementor-68 .elementor-element.elementor-element-35d5a07f{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-68 .elementor-element.elementor-element-24856e04 .elementor-heading-title{font-size:0.875em;}}@media(min-width:768px){.elementor-68 .elementor-element.elementor-element-62840d6d{--content-width:1200px;}.elementor-68 .elementor-element.elementor-element-17b5abf{--content-width:1200px;}.elementor-68 .elementor-element.elementor-element-1e5c0641{--content-width:1200px;}.elementor-68 .elementor-element.elementor-element-109bbef3{--content-width:1200px;}.elementor-68 .elementor-element.elementor-element-4f88be4c{--content-width:1200px;}.elementor-68 .elementor-element.elementor-element-73a617da{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-68 .elementor-element.elementor-element-62840d6d{--content-width:700px;}}@media(max-width:767px){.elementor-68 .elementor-element.elementor-element-62840d6d{--content-width:320px;--padding-top:60px;--padding-bottom:26px;--padding-left:20px;--padding-right:20px;}.elementor-68 .elementor-element.elementor-element-17b5abf{--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-68 .elementor-element.elementor-element-4044aa4{--min-height:96px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-68 .elementor-element.elementor-element-74ea6a5.elementor-element{--align-self:center;}.elementor-68 .elementor-element.elementor-element-74ea6a5 .elementor-button{height:64px;width:280px;font-size:2em;line-height:1.3em;}.elementor-68 .elementor-element.elementor-element-109bbef3{--content-width:500px;--min-height:223px;--justify-content:space-between;}.elementor-68 .elementor-element.elementor-element-109bbef3.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-68 .elementor-element.elementor-element-757bbea8{text-align:center;}.elementor-68 .elementor-element.elementor-element-2397b6cd{padding:0px 0px 0px 17px;}.elementor-68 .elementor-element.elementor-element-2397b6cd.elementor-element{--align-self:center;}.elementor-68 .elementor-element.elementor-element-2397b6cd .elementor-button{height:70px;width:280px;font-size:1.2em;line-height:1.3em;}.elementor-68 .elementor-element.elementor-element-4f88be4c{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-68 .elementor-element.elementor-element-cb0408e{--n-menu-dropdown-indicator-size:0px;--n-menu-toggle-icon-size:85px;}.elementor-68 .elementor-element.elementor-element-6891152e{text-align:center;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 89px;--grid-column-gap:44px;}.elementor-68 .elementor-element.elementor-element-6891152e.elementor-element{--align-self:center;}.elementor-68 .elementor-element.elementor-element-35d5a07f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-68 .elementor-element.elementor-element-24856e04{text-align:center;}.elementor-68 .elementor-element.elementor-element-24856e04 .elementor-heading-title{font-size:0.875em;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Rodapé Criativo e Moderno</title>
    <!-- Incluindo o Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Incluindo a biblioteca de ícones Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <!-- Usando a fonte Inter para um visual limpo e moderno -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap" rel="stylesheet">
    <style>
        /* Estilos personalizados para um design mais arrojado */
        body {
            font-family: 'Inter', sans-serif;
        }
        .footer-gradient {
            /* Um gradiente sutil para dar mais profundidade */
            background: linear-gradient(135deg, #f97316, #ea580c);
        }
        .whatsapp-text-glow {
            /* Um brilho sutil para destacar o texto do WhatsApp */
            color: #16A34A;
            text-shadow: 0 0 15px rgba(22, 163, 74, 0.5);
        }
        .simulate-button {
            /* Botão com gradiente e sombra mais forte */
            background: linear-gradient(to right, #ef4444, #dc2626);
            box-shadow: 0 10px 20px -5px rgba(220, 38, 38, 0.4);
            transition: all 0.3s ease-in-out;
        }
        .simulate-button:hover {
            transform: translateY(-3px) scale(1.05);
            box-shadow: 0 15px 25px -5px rgba(220, 38, 38, 0.5);
        }
        .social-icon {
            background-color: #1E3A8A;
            transition: all 0.3s ease;
        }
        .social-icon:hover {
            /* Efeito de rotação e cor no hover */
            transform: rotate(360deg) scale(1.1);
            background-color: #2563EB;
        }
        /* Divisor de seção em ângulo */
        .angled-separator {
            position: relative;
            height: 100px; /* Altura da "onda" */
        }
        .angled-separator::before {
            content: '';
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, #f97316, #ea580c);
            /* A mágica do clip-path para criar o ângulo */
            clip-path: polygon(0 100%, 100% 0, 100% 100%, 0% 100%);
            top: -99px; /* Puxa para cima para conectar com o rodapé */
        }
    </style>
</head>
<body class="bg-gray-200">
    <!-- Este div é apenas para criar espaço e mostrar o efeito do separador -->
    <div class="h-48 bg-gray-200"></div>

    <!-- O separador em ângulo -->
    <div class="angled-separator"></div>

    <!-- Início do Rodapé -->
    <footer class="footer-gradient text-white shadow-2xl -mt-1">
        <div class="container mx-auto px-6 py-16">
            <!-- Seção Superior do Rodapé -->
            <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 items-center">
                
                <!-- Coluna de Informações (Esquerda) -->
                <div class="lg:col-span-7">
                    <h2 class="text-3xl md:text-4xl font-black whatsapp-text-glow tracking-wide">WHATSAPP 54 9 9924-5315</h2>
                    <h1 class="text-4xl md:text-5xl font-bold mt-4 leading-tight">Maje Cred<br>Empréstimos e Adiantamento FGTS</h1>
                    <div class="mt-8 space-x-6 text-lg">
                        <a href="#" class="opacity-80 hover:opacity-100 hover:underline transition-opacity">Quem Somos</a>
                        <a href="#" class="opacity-80 hover:opacity-100 hover:underline transition-opacity">Política de Privacidade</a>
                    </div>
                </div>

                <!-- Coluna de Ação (Direita) -->
                <div class="lg:col-span-5 flex flex-col items-center justify-center bg-white/10 p-8 rounded-2xl shadow-lg backdrop-blur-sm border border-white/20">
                    <h3 class="text-2xl font-semibold text-center">Pronto para começar?</h3>
                    <a href="#" class="simulate-button text-white font-bold py-4 px-8 rounded-full shadow-lg mt-6 text-lg text-center block w-full">
                        QUERO SIMULAR AGORA
                    </a>
                    <div class="flex gap-5 mt-8">
                        <a href="#" class="social-icon w-12 h-12 flex items-center justify-center rounded-full text-white text-xl">
                            <i class="fab fa-facebook-f"></i>
                        </a>
                        <a href="#" class="social-icon w-12 h-12 flex items-center justify-center rounded-full text-white text-xl">
                            <i class="fab fa-instagram"></i>
                        </a>
                        <a href="#" class="social-icon w-12 h-12 flex items-center justify-center rounded-full text-white text-xl">
                            <i class="fab fa-pinterest-p"></i>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Linha Divisória -->
            <hr class="my-12 border-white/20">

            <!-- Seção Inferior do Rodapé -->
            <div class="flex flex-col md:flex-row items-center justify-between text-white/70">
                <!-- Logo -->
                <div class="mb-4 md:mb-0">
                     <img src="https://placehold.co/120x50/ffffff/ea580c?text=MAJECRED" alt="Logo Majecred" class="h-10 opacity-80">
                </div>
                <!-- Direitos Autorais -->
                <p class="text-sm text-center md:text-right">&copy; 2025 MAJE CRED - Todos os direitos reservados</p>
            </div>
        </div>
    </footer>
    <!-- Fim do Rodapé -->

</body>
</html>/* End custom CSS */