<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MJ Soluções em Crédito & Consórcios | Correspondente Financeiro</title>
<meta name="description" content="MJ Soluções em Crédito & Consórcios LTDA. Correspondente de instituições financeiras. Soluções em crédito consignado, consórcios, atendimento personalizado e suporte administrativo." />
<meta name="theme-color" content="#0b1b3a" />
<style>
:root {
--primary: #0b1b3a;
--primary-2: #102b5c;
--accent: #19c37d;
--accent-2: #00a36c;
--gold: #f6c453;
--bg: #f6f8fb;
--card: #ffffff;
--text: #172033;
--muted: #697386;
--line: rgba(15, 23, 42, 0.10);
--shadow: 0 24px 60px rgba(11, 27, 58, 0.14);
--radius: 24px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: Inter, Arial, Helvetica, sans-serif;
color: var(--text);
background: var(--bg);
line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.topbar {
background: #061226;
color: rgba(255,255,255,.86);
font-size: 14px;
padding: 10px 5%;
display: flex;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.topbar span { display: inline-flex; align-items: center; gap: 7px; }
header {
position: sticky;
top: 0;
z-index: 30;
background: rgba(255,255,255,.90);
backdrop-filter: blur(16px);
border-bottom: 1px solid var(--line);
}
.nav {
width: min(1180px, 90%);
margin: auto;
min-height: 76px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.brand {
display: flex;
align-items: center;
gap: 12px;
font-weight: 900;
color: var(--primary);
letter-spacing: -0.03em;
font-size: 18px;
}
.logo {
width: 44px;
height: 44px;
border-radius: 14px;
background: linear-gradient(135deg, var(--primary), var(--accent));
color: #fff;
display: grid;
place-items: center;
box-shadow: 0 12px 26px rgba(25,195,125,.25);
font-weight: 900;
}
nav ul {
list-style: none;
display: flex;
gap: 24px;
padding: 0;
margin: 0;
color: #2c3548;
font-weight: 700;
font-size: 14px;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
border: 0;
border-radius: 999px;
padding: 14px 22px;
background: var(--accent);
color: #062414;
font-weight: 900;
box-shadow: 0 14px 30px rgba(25,195,125,.26);
cursor: pointer;
transition: .25s ease;
white-space: nowrap;
}
.btn:hover { transform: translateY(-2px); background: #22d88e; }
.btn.dark { background: var(--primary); color: #fff; box-shadow: 0 14px 30px rgba(11,27,58,.24); }
.btn.outline { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.30); box-shadow: none; }
.hero {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 15% 10%, rgba(25,195,125,.28), transparent 30%),
radial-gradient(circle at 85% 15%, rgba(246,196,83,.22), transparent 28%),
linear-gradient(135deg, #07152c 0%, #0b1b3a 54%, #12326a 100%);
color: #fff;
padding: 86px 0 70px;
}
.hero::after {
content: "";
position: absolute;
inset: auto -12% -30% -12%;
height: 280px;
background: rgba(255,255,255,.06);
border-radius: 50% 50% 0 0;
}
.hero-grid {
position: relative;
z-index: 2;
width: min(1180px, 90%);
margin: auto;
display: grid;
grid-template-columns: 1.08fr .92fr;
gap: 46px;
align-items: center;
}
.eyebrow {
display: inline-flex;
gap: 8px;
align-items: center;
color: #bfffe1;
background: rgba(25,195,125,.12);
border: 1px solid rgba(25,195,125,.28);
border-radius: 999px;
padding: 8px 13px;
font-weight: 900;
font-size: 13px;
margin-bottom: 20px;
}
h1 {
font-size: clamp(38px, 5vw, 68px);
line-height: .98;
margin: 0 0 22px;
letter-spacing: -0.06em;
}
.hero p {
color: rgba(255,255,255,.82);
font-size: 18px;
max-width: 650px;
margin: 0 0 28px;
}
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.trust {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
margin-top: 34px;
max-width: 720px;
}
.trust-card {
border: 1px solid rgba(255,255,255,.16);
background: rgba(255,255,255,.08);
border-radius: 18px;
padding: 16px;
}
.trust-card strong { display:block; font-size: 22px; color: #fff; }
.trust-card span { color: rgba(255,255,255,.70); font-size: 13px; }
.hero-card {
background: rgba(255,255,255,.96);
color: var(--text);
border-radius: 32px;
box-shadow: var(--shadow);
padding: 28px;
position: relative;
}
.hero-card h3 { margin: 0 0 10px; font-size: 24px; color: var(--primary); letter-spacing: -0.03em; }
.simulation {
background: linear-gradient(180deg, #f8fbff, #eef5ff);
border: 1px solid var(--line);
border-radius: 24px;
padding: 20px;
margin-top: 18px;
}
.field { margin-bottom: 12px; }
.field label { display:block; font-size: 13px; font-weight: 900; color: var(--primary); margin-bottom: 7px; }
.field input, .field select, .field textarea {
width: 100%;
border: 1px solid rgba(15,23,42,.14);
border-radius: 14px;
padding: 13px 14px;
font: inherit;
background: #fff;
outline: none;
}
.field textarea { min-height: 96px; resize: vertical; }
.mini-note { font-size: 12px; color: var(--muted); margin-top: 12px; }
section { padding: 82px 0; }
.container { width: min(1180px, 90%); margin: auto; }
.section-head { max-width: 760px; margin-bottom: 36px; }
.kicker { color: var(--accent-2); font-weight: 900; text-transform: uppercase; letter-spacing: .12em; font-size: 13px; }
h2 { font-size: clamp(30px, 4vw, 46px); line-height: 1.05; letter-spacing: -0.05em; margin: 10px 0 14px; color: var(--primary); }
.section-head p { color: var(--muted); font-size: 17px; margin: 0; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; align-items: center; }
.card {
background: var(--card);
border: 1px solid var(--line);
border-radius: var(--radius);
padding: 26px;
box-shadow: 0 18px 45px rgba(15,23,42,.06);
}
.icon {
width: 52px;
height: 52px;
border-radius: 17px;
display: grid;
place-items: center;
font-size: 24px;
background: rgba(25,195,125,.12);
color: var(--accent-2);
margin-bottom: 18px;
}
.card h3 { margin: 0 0 10px; color: var(--primary); letter-spacing: -0.03em; font-size: 22px; }
.card p { margin: 0; color: var(--muted); }
.about-box {
background: linear-gradient(135deg, #ffffff, #eef6ff);
border: 1px solid var(--line);
border-radius: 32px;
padding: 34px;
box-shadow: var(--shadow);
}
.check-list { display: grid; gap: 12px; padding: 0; margin: 22px 0 0; list-style: none; }
.check-list li { display: flex; gap: 10px; align-items: flex-start; color: #374151; }
.check-list li::before { content: "✓"; color: var(--accent-2); font-weight: 900; }
.steps { counter-reset: step; display: grid; gap: 16px; }
.step {
counter-increment: step;
display: grid;
grid-template-columns: 58px 1fr;
gap: 16px;
align-items: start;
background: #fff;
border: 1px solid var(--line);
border-radius: 22px;
padding: 20px;
}
.step::before {
content: counter(step);
width: 48px;
height: 48px;
border-radius: 16px;
background: var(--primary);
color: #fff;
display: grid;
place-items: center;
font-weight: 900;
}
.step h3 { margin: 0 0 4px; color: var(--primary); }
.step p { margin: 0; color: var(--muted); }
.dark-section {
background: linear-gradient(135deg, #07152c, #102b5c);
color: #fff;
}
.dark-section h2 { color: #fff; }
.dark-section .section-head p { color: rgba(255,255,255,.72); }
.dark-section .card { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); box-shadow: none; }
.dark-section .card h3 { color: #fff; }
.dark-section .card p { color: rgba(255,255,255,.72); }
.legal-card {
background: #fff;
border-radius: 30px;
overflow: hidden;
border: 1px solid var(--line);
box-shadow: var(--shadow);
}
.legal-title {
background: var(--primary);
color: #fff;
padding: 22px 26px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
flex-wrap: wrap;
}
.legal-title h3 { margin: 0; font-size: 22px; }
.badge { background: var(--accent); color: #062414; border-radius: 999px; padding: 8px 13px; font-weight: 900; font-size: 13px; }
.legal-grid { display: grid; grid-template-columns: repeat(2, 1fr); }
.info-item { padding: 20px 24px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); }
.info-item:nth-child(even) { border-right: 0; }
.info-item span { display: block; color: var(--muted); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 5px; }
.info-item strong { color: var(--primary); }
.faq { display: grid; gap: 14px; }
details {
background: #fff;
border: 1px solid var(--line);
border-radius: 18px;
padding: 18px 20px;
}
summary { cursor: pointer; font-weight: 900; color: var(--primary); }
details p { color: var(--muted); margin-bottom: 0; }
.contact {
background: linear-gradient(135deg, #ffffff, #ecfff7);
border-radius: 34px;
padding: 34px;
box-shadow: var(--shadow);
border: 1px solid var(--line);
}
footer {
background: #061226;
color: rgba(255,255,255,.72);
padding: 36px 0;
font-size: 14px;
}
footer strong { color: #fff; }
.footer-grid { width: min(1180px, 90%); margin: auto; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.float-whatsapp {
position: fixed;
right: 22px;
bottom: 22px;
z-index: 40;
width: 62px;
height: 62px;
border-radius: 50%;
display: grid;
place-items: center;
background: #25d366;
color: #fff;
box-shadow: 0 18px 40px rgba(37,211,102,.40);
font-size: 30px;
}
@media (max-width: 900px) {
nav ul { display: none; }
.hero-grid, .grid-2, .grid-3, .trust, .legal-grid { grid-template-columns: 1fr; }
.hero { padding-top: 58px; }
.topbar { justify-content: center; text-align: center; }
.legal-grid .info-item { border-right: 0; }
.hero-actions .btn { width: 100%; }
.nav .btn { display: none; }
}
</style>
</head>
<body>
<div class="topbar">
<span>📍 AV Presidente Castelo Branco, 60 — Centro, Delmiro Gouveia/AL</span>
<span>📞 (82) 8804-1105 | ✉️ manaceis_jr@hotmail.com</span>
</div>
<header>
<div class="nav">
<a href="#inicio" class="brand" aria-label="MJ Soluções em Crédito & Consórcios">
<span class="logo">MJ</span>
<span>MJ Soluções<br />em Crédito</span>
</a>
<nav aria-label="Menu principal">
<ul>
<li><a href="#servicos">Serviços</a></li>
<li><a href="#como-funciona">Como funciona</a></li>
<li><a href="#empresa">Empresa</a></li>
<li><a href="#faq">FAQ</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
<a class="btn dark" href="#contato">Simular agora</a>
</div>
</header>
<main id="inicio">
<section class="hero">
<div class="hero-grid">
<div>
<span class="eyebrow">Correspondente de instituições financeiras</span>
<h1>Soluções em crédito com atendimento simples, seguro e transparente.</h1>
<p>
A MJ Soluções em Crédito & Consórcios LTDA atua para facilitar o acesso a soluções financeiras,
com orientação personalizada, organização documental e suporte completo durante o atendimento.
</p>
<div class="hero-actions">
<a class="btn" href="#contato">Quero uma simulação</a>
<a class="btn outline" href="#servicos">Conhecer serviços</a>
</div>
<div class="trust">
<div class="trust-card"><strong>Ativa</strong><span>Situação cadastral</span></div>
<div class="trust-card"><strong>ME</strong><span>Porte empresarial</span></div>
<div class="trust-card"><strong>2026</strong><span>Ano de abertura</span></div>
</div>
</div>
<aside class="hero-card" aria-label="Formulário de simulação">
<h3>Faça sua pré-simulação</h3>
<p style="color: var(--muted); margin: 0;">Preencha seus dados e fale com um especialista.</p>
<form class="simulation" onsubmit="sendWhatsapp(event)">
<div class="field">
<label for="nome">Nome completo</label>
<input id="nome" name="nome" placeholder="Digite seu nome" required />
</div>
<div class="field">
<label for="telefone">WhatsApp</label>
<input id="telefone" name="telefone" placeholder="(00) 00000-0000" required />
</div>
<div class="field">
<label for="servico">Tenho interesse em</label>
<select id="servico" name="servico">
<option>Crédito consignado</option>
<option>Consórcio</option>
<option>Refinanciamento</option>
<option>Portabilidade</option>
<option>Atendimento empresarial</option>
</select>
</div>
<button class="btn" style="width:100%;" type="submit">Enviar pelo WhatsApp</button>
<p class="mini-note">Atendimento sujeito à análise, elegibilidade, política de crédito e disponibilidade das instituições parceiras.</p>
</form>
</aside>
</div>
</section>
<section id="servicos">
<div class="container">
<div class="section-head">
<span class="kicker">Nossas soluções</span>
<h2>Atendimento completo para quem busca crédito e organização financeira.</h2>
<p>Estrutura preparada para orientar, organizar documentos e acompanhar o cliente com clareza em cada etapa.</p>
</div>
<div class="grid-3">
<article class="card">
<div class="icon">💳</div>
<h3>Crédito consignado</h3>
<p>Orientação para contratação de crédito com parcelas descontadas diretamente conforme regras da modalidade e perfil do cliente.</p>
</article>
<article class="card">
<div class="icon">🔁</div>
<h3>Portabilidade e refinanciamento</h3>
<p>Análise de oportunidades para reorganizar contratos existentes, buscar melhores condições e avaliar alternativas disponíveis.</p>
</article>
<article class="card">
<div class="icon">🏦</div>
<h3>Consórcios</h3>
<p>Suporte para quem deseja planejar a aquisição de bens ou serviços por meio de consórcio, com acompanhamento consultivo.</p>
</article>
<article class="card">
<div class="icon">📄</div>
<h3>Preparação de documentos</h3>
<p>Apoio administrativo na organização de informações, documentos e dados necessários para análise e atendimento.</p>
</article>
<article class="card">
<div class="icon">📊</div>
<h3>Informações cadastrais</h3>
<p>Atuação com atividades de cobranças e informações cadastrais, conforme atividades secundárias cadastradas.</p>
</article>
<article class="card">
<div class="icon">🤝</div>
<h3>Atendimento personalizado</h3>
<p>Atendimento humano, consultivo e direto para esclarecer dúvidas e conduzir o cliente com segurança.</p>
</article>
</div>
</div>
</section>
<section class="dark-section" id="como-funciona">
<div class="container grid-2">
<div>
<span class="kicker">Como funciona</span>
<h2>Um processo simples, rápido e orientado do início ao fim.</h2>
<p style="color: rgba(255,255,255,.74);">
Você informa sua necessidade, a equipe analisa as opções disponíveis e acompanha cada etapa com transparência.
</p>
<ul class="check-list">
<li>Atendimento por WhatsApp, telefone ou e-mail.</li>
<li>Coleta e organização de documentos.</li>
<li>Simulação conforme perfil e modalidade desejada.</li>
<li>Acompanhamento até a conclusão do atendimento.</li>
</ul>
</div>
<div class="steps">
<div class="step"><div><h3>Envie seus dados</h3><p>Informe nome, contato e tipo de solução desejada.</p></div></div>
<div class="step"><div><h3>Receba orientação</h3><p>A equipe avalia a melhor forma de atendimento conforme sua necessidade.</p></div></div>
<div class="step"><div><h3>Organize a documentação</h3><p>Você recebe suporte para reunir as informações necessárias.</p></div></div>
<div class="step"><div><h3>Acompanhe a proposta</h3><p>O processo é conduzido com clareza, segurança e comunicação direta.</p></div></div>
</div>
</div>
</section>
<section id="empresa">
<div class="container grid-2">
<div class="about-box">
<span class="kicker">Sobre a empresa</span>
<h2>MJ Soluções em Crédito & Consórcios LTDA</h2>
<p>
Empresa cadastrada como correspondente de instituições financeiras, com atuação em soluções de crédito,
consórcios, apoio administrativo, preparação documental, cobranças e informações cadastrais.
</p>
<ul class="check-list">
<li>Nome empresarial: MJ Soluções em Crédito & Consórcios LTDA.</li>
<li>Natureza jurídica: Sociedade Empresária Limitada.</li>
<li>Atividade principal: Correspondentes de instituições financeiras.</li>
<li>Situação cadastral: Ativa desde 10/04/2026.</li>
</ul>
</div>
<div class="legal-card">
<div class="legal-title">
<h3>Dados cadastrais</h3>
<span class="badge">CNPJ Ativo</span>
</div>
<div class="legal-grid">
<div class="info-item"><span>CNPJ</span><strong>66.193.452/0001-45</strong></div>
<div class="info-item"><span>Abertura</span><strong>10/04/2026</strong></div>
<div class="info-item"><span>Porte</span><strong>ME</strong></div>
<div class="info-item"><span>Situação</span><strong>Ativa</strong></div>
<div class="info-item"><span>CNAE principal</span><strong>66.19-3-02</strong><br />Correspondentes de instituições financeiras</div>
<div class="info-item"><span>Natureza jurídica</span><strong>206-2</strong><br />Sociedade Empresária Limitada</div>
<div class="info-item"><span>Endereço</span><strong>AV Presidente Castelo Branco, 60</strong><br />Bloco A Ala 02 — Centro</div>
<div class="info-item"><span>Cidade/UF</span><strong>Delmiro Gouveia/AL</strong><br />CEP 57.480-000</div>
<div class="info-item"><span>E-mail</span><strong>manaceis_jr@hotmail.com</strong></div>
<div class="info-item"><span>Telefone</span><strong>(82) 8804-1105</strong></div>
</div>
</div>
</div>
</section>
<section class="dark-section">
<div class="container">
<div class="section-head">
<span class="kicker">Segurança e transparência</span>
<h2>Atendimento com responsabilidade, clareza e proteção de dados.</h2>
<p>Informações financeiras exigem cuidado. Por isso, o site reforça orientação, consentimento, análise responsável e comunicação transparente.</p>
</div>
<div class="grid-3">
<article class="card"><h3>Sem promessas enganosas</h3><p>Condições dependem de análise, convênios, margem, política das instituições e disponibilidade.</p></article>
<article class="card"><h3>LGPD e privacidade</h3><p>Dados informados devem ser utilizados somente para atendimento, simulação e contato solicitado pelo cliente.</p></article>
<article class="card"><h3>Atendimento consultivo</h3><p>O cliente recebe explicações sobre etapas, documentos e possíveis alternativas antes de avançar.</p></article>
</div>
</div>
</section>
<section id="faq">
<div class="container grid-2">
<div class="section-head">
<span class="kicker">Dúvidas frequentes</span>
<h2>Perguntas comuns antes de solicitar atendimento.</h2>
<p>Veja respostas simples para entender melhor como funciona o processo.</p>
</div>
<div class="faq">
<details open>
<summary>A aprovação é garantida?</summary>
<p>Não. Toda contratação depende de análise de crédito, margem, documentação, regras da modalidade e política da instituição financeira.</p>
</details>
<details>
<summary>Quais documentos podem ser solicitados?</summary>
<p>Podem ser solicitados documento de identificação, comprovante de renda, comprovante de residência e outras informações necessárias conforme o caso.</p>
</details>
<details>
<summary>O atendimento é presencial ou online?</summary>
<p>O atendimento pode começar por WhatsApp, telefone ou e-mail. Caso necessário, a equipe orienta sobre os próximos passos.</p>
</details>
<details>
<summary>A empresa trabalha com consórcio?</summary>
<p>Sim. A empresa possui atuação em soluções de crédito e consórcios, com atendimento consultivo para orientar o cliente.</p>
</details>
</div>
</div>
</section>
<section id="contato">
<div class="container contact grid-2">
<div>
<span class="kicker">Fale conosco</span>
<h2>Solicite atendimento agora.</h2>
<p style="color: var(--muted);">
Envie uma mensagem com seus dados e informe qual solução você procura. A equipe retornará para orientar os próximos passos.
</p>
<p><strong>Telefone:</strong> (82) 8804-1105</p>
<p><strong>E-mail:</strong> manaceis_jr@hotmail.com</p>
<p><strong>Endereço:</strong> AV Presidente Castelo Branco, 60, Bloco A Ala 02, Centro, Delmiro Gouveia/AL, CEP 57.480-000.</p>
</div>
<form onsubmit="sendWhatsapp(event)">
<div class="field"><label for="nome2">Nome completo</label><input id="nome2" placeholder="Seu nome" required /></div>
<div class="field"><label for="telefone2">WhatsApp</label><input id="telefone2" placeholder="Seu WhatsApp" required /></div>
<div class="field"><label for="mensagem">Mensagem</label><textarea id="mensagem" placeholder="Conte o que você precisa"></textarea></div>
<button class="btn dark" type="submit" style="width:100%;">Chamar no WhatsApp</button>
<p class="mini-note">Ao enviar, você concorda em ser contatado para atendimento referente à sua solicitação.</p>
</form>
</div>
</section>
</main>
<footer>
<div class="footer-grid">
<div>
<strong>MJ Soluções em Crédito & Consórcios LTDA</strong><br />
CNPJ 66.193.452/0001-45 — Correspondente de instituições financeiras.
</div>
<div>
© <span id="year"></span> Todos os direitos reservados.<br />
Site institucional em HTML, CSS e JavaScript.
</div>
</div>
</footer>
<a class="float-whatsapp" href="https://wa.me/558288041105?text=Ol%C3%A1%2C%20quero%20fazer%20uma%20simula%C3%A7%C3%A3o." aria-label="Chamar no WhatsApp">☏</a>
<script>
document.getElementById('year').textContent = new Date().getFullYear();
function sendWhatsapp(event) {
event.preventDefault();
const form = event.target;
const nome = form.querySelector('input')?.value || '';
const telefone = form.querySelectorAll('input')[1]?.value || '';
const servico = form.querySelector('select')?.value || 'Atendimento';
const mensagem = form.querySelector('textarea')?.value || '';
const texto = `Olá, quero atendimento da MJ Soluções em Crédito.\nNome: ${nome}\nWhatsApp: ${telefone}\nInteresse: ${servico}\nMensagem: ${mensagem}`;
window.open(`https://wa.me/558288041105?text=${encodeURIComponent(texto)}`, '_blank');
}
</script>
</body>
</html>