<!-- ============================================================
CreditoFacile.biz — Mutuo Casa
Pagina prodotto — parziale HTML (no html/head/body)
Multilingue IT / FR auto-detección
============================================================ -->
<style>
:root{
--cf-blue:#0a3d8f; --cf-blue2:#1565c0;
--cf-orange:#e65100; --cf-orange2:#f57c00;
--cf-light:#f0f4fb; --cf-border:#dde5f4;
--cf-text:#1a1a2e; --cf-muted:#6b7a99;
}
body { overflow-x:hidden !important; }
.site-content,#content,#primary,.content-area,main,article,.entry-content {
max-width:100% !important; width:100% !important;
padding:0 !important; margin:0 !important; float:none !important;
}
#cf-mutuo {
width:100vw; position:relative; left:50%; transform:translateX(-50%);
margin:0; padding:0; box-sizing:border-box;
font-family:'Segoe UI',Arial,sans-serif; color:#1a1a2e; line-height:1.6; z-index:1;
}
#cf-mutuo * { box-sizing:border-box; }
#cf-mutuo a { color:inherit; text-decoration:none; }
#cf-mutuo img { max-width:100%; display:block; }
#cf-mutuo p,#cf-mutuo h1,#cf-mutuo h2,#cf-mutuo h3,
#cf-mutuo h4,#cf-mutuo ul,#cf-mutuo ol,#cf-mutuo li { margin:0; padding:0; font-size:inherit; }
/* HERO */
.cf-hero {
background:linear-gradient(135deg,#061e5e 0%,#0a3d8f 45%,#1565c0 100%);
padding:72px 5% 80px; text-align:center; color:#fff; position:relative; overflow:hidden;
}
.cf-hero::before {
content:''; position:absolute; inset:0;
background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.cf-hero-inner { max-width:800px; margin:0 auto; position:relative; }
.cf-hero-badge {
display:inline-block; background:rgba(255,255,255,.15); backdrop-filter:blur(8px);
border:1px solid rgba(255,255,255,.25); border-radius:50px;
padding:6px 18px; font-size:.82rem; font-weight:600; letter-spacing:.8px;
text-transform:uppercase; margin-bottom:20px; color:rgba(255,255,255,.9);
}
.cf-hero h1 {
font-size:clamp(1.8rem,4vw,3rem); font-weight:800; line-height:1.15;
margin-bottom:18px; text-shadow:0 2px 20px rgba(0,0,0,.2);
}
.cf-hero h1 span { color:#ffd54f; }
.cf-hero-sub {
font-size:clamp(1rem,2vw,1.2rem); opacity:.88; max-width:600px; margin:0 auto 32px;
}
.cf-hero-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.cf-hero-rate {
display:inline-block; background:rgba(255,215,64,.18); border:1.5px solid rgba(255,215,64,.4);
border-radius:50px; padding:8px 22px; font-size:1rem; font-weight:700; color:#ffd54f;
margin-bottom:28px; letter-spacing:.5px;
}
/* BUTTONS */
.cf-btn-primary {
padding:15px 40px; background:linear-gradient(135deg,#e65100,#f57c00);
color:#fff; border-radius:50px; font-size:1.05rem; font-weight:700;
box-shadow:0 6px 24px rgba(230,81,0,.4); transition:all .2s;
letter-spacing:.3px; display:inline-block; border:none; cursor:pointer;
}
.cf-btn-primary:hover { transform:translateY(-2px); box-shadow:0 10px 32px rgba(230,81,0,.5); color:#fff; }
.cf-btn-secondary {
padding:15px 40px; background:rgba(255,255,255,.12); backdrop-filter:blur(8px);
border:1.5px solid rgba(255,255,255,.35); color:#fff; border-radius:50px;
font-size:1.05rem; font-weight:600; transition:all .2s; display:inline-block; cursor:pointer;
}
.cf-btn-secondary:hover { background:rgba(255,255,255,.2); color:#fff; }
.cf-btn-white {
padding:15px 40px; background:#0a3d8f; color:#fff;
border-radius:50px; font-size:1.05rem; font-weight:800;
box-shadow:0 6px 24px rgba(10,61,143,.4); transition:all .2s; display:inline-block;
}
.cf-btn-white:hover { transform:translateY(-2px); box-shadow:0 10px 32px rgba(10,61,143,.5); color:#fff; background:#1565c0; }
/* STATS BAR */
.cf-stats { background:#fff; box-shadow:0 4px 32px rgba(10,61,143,.1); padding:28px 5%; }
.cf-stats-inner {
max-width:960px; margin:0 auto;
display:grid; grid-template-columns:repeat(4,1fr); gap:8px;
}
.cf-stat-item { text-align:center; padding:12px 8px; }
.cf-stat-item .num { font-size:clamp(1.6rem,3vw,2.4rem); font-weight:800; color:var(--cf-blue); line-height:1; }
.cf-stat-item .num span { font-size:.7em; color:var(--cf-orange); }
.cf-stat-item .lbl { font-size:.82rem; color:var(--cf-muted); margin-top:4px; font-weight:500; }
/* SECTIONS */
.cf-section { padding:64px 5%; }
.cf-section-inner { max-width:1100px; margin:0 auto; }
.cf-section-alt { background:var(--cf-light); }
.cf-section-dark { background:linear-gradient(135deg,#061e5e,#0a3d8f); color:#fff; }
.cf-section-tag {
display:inline-block; background:rgba(21,101,192,.1); color:var(--cf-blue2);
border-radius:50px; padding:5px 16px; font-size:.78rem; font-weight:700;
text-transform:uppercase; letter-spacing:1px; margin-bottom:12px;
}
.cf-section-dark .cf-section-tag { background:rgba(255,255,255,.15); color:rgba(255,255,255,.9); }
.cf-section-title { font-size:clamp(1.5rem,3vw,2.2rem); font-weight:800; line-height:1.2; margin-bottom:12px; }
.cf-section-sub { font-size:1rem; color:var(--cf-muted); max-width:620px; margin-bottom:40px; }
.cf-section-dark .cf-section-sub { color:rgba(255,255,255,.75); }
/* LOAN TYPE CARDS */
.cf-products-grid {
display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:24px; margin-top:8px;
}
.cf-product-card {
background:#fff; border-radius:16px; padding:32px 28px;
box-shadow:0 2px 20px rgba(10,61,143,.08); border:1.5px solid var(--cf-border);
transition:all .25s; position:relative; overflow:hidden;
}
.cf-product-card::before {
content:''; position:absolute; top:0; left:0; right:0; height:4px;
background:linear-gradient(90deg,var(--cf-blue),var(--cf-blue2));
transform:scaleX(0); transform-origin:left; transition:transform .25s;
}
.cf-product-card:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(10,61,143,.15); border-color:var(--cf-blue2); }
.cf-product-card:hover::before { transform:scaleX(1); }
.cf-product-icon {
width:56px; height:56px; border-radius:14px;
background:linear-gradient(135deg,rgba(10,61,143,.08),rgba(21,101,192,.12));
display:flex; align-items:center; justify-content:center;
font-size:1.6rem; margin-bottom:16px;
}
.cf-product-card h3 { font-size:1.15rem; font-weight:700; color:var(--cf-blue); margin-bottom:8px; }
.cf-product-card p { font-size:.9rem; color:var(--cf-muted); line-height:1.55; margin-bottom:16px; }
.cf-product-rate {
display:inline-block; background:rgba(21,101,192,.08); color:var(--cf-blue2);
border-radius:50px; padding:4px 14px; font-size:.82rem; font-weight:700;
}
/* STEPS */
.cf-steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:24px; }
.cf-step { text-align:center; padding:24px 20px; position:relative; }
.cf-step-num {
width:56px; height:56px; border-radius:50%;
background:linear-gradient(135deg,var(--cf-blue),var(--cf-blue2));
color:#fff; font-size:1.4rem; font-weight:800;
display:flex; align-items:center; justify-content:center;
margin:0 auto 16px; box-shadow:0 6px 20px rgba(10,61,143,.25);
}
.cf-step h3 { font-size:1rem; font-weight:700; margin-bottom:8px; color:var(--cf-blue); }
.cf-step p { font-size:.88rem; color:var(--cf-muted); }
.cf-step-arrow { position:absolute; right:-12px; top:28px; font-size:1.5rem; color:var(--cf-border); display:none; }
/* CALCULATOR */
.cf-calc-box {
background:#fff; border-radius:16px; box-shadow:0 4px 32px rgba(10,61,143,.1);
overflow:hidden; max-width:780px; margin:0 auto;
}
.cf-calc-header {
background:linear-gradient(135deg,#0a3d8f,#1565c0); padding:24px 28px; color:#fff; text-align:center;
}
.cf-calc-header h3 { font-size:1.25rem; font-weight:700; margin-bottom:4px; }
.cf-calc-header p { font-size:.88rem; opacity:.88; }
.cf-calc-body { padding:28px; }
.cf-form-row { display:flex; gap:16px; margin-bottom:16px; flex-wrap:wrap; }
.cf-form-col { flex:1; min-width:180px; }
.cf-form-col label { display:block; font-size:.78rem; font-weight:600; color:#445; margin-bottom:5px; text-transform:uppercase; letter-spacing:.5px; }
.cf-form-col input,.cf-form-col select {
width:100%; padding:10px 12px; border:1.5px solid #d0d8e8; border-radius:8px;
font-size:.93rem; color:#222; background:#fafcff; transition:border .2s;
}
.cf-form-col input:focus,.cf-form-col select:focus { outline:none; border-color:#1565c0; background:#fff; }
.cf-slider-wrap { margin-top:4px; }
.cf-slider {
width:100%; -webkit-appearance:none; height:5px; border-radius:3px;
background:#d0d8e8; outline:none; cursor:pointer;
}
.cf-slider::-webkit-slider-thumb {
-webkit-appearance:none; width:20px; height:20px; border-radius:50%;
background:#1565c0; cursor:pointer; border:3px solid #fff; box-shadow:0 2px 6px rgba(21,101,192,.3);
}
.cf-slider-labels { display:flex; justify-content:space-between; font-size:.72rem; color:#889; margin-top:3px; }
.cf-result-box {
background:linear-gradient(135deg,#e8f0fe,#f3f8ff);
border:1.5px solid #b0c4ef; border-radius:12px; padding:18px 20px; margin-top:6px;
}
.cf-result-main { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.cf-mensualite { text-align:center; }
.cf-mensualite .lbl { font-size:.78rem; color:#556; font-weight:600; text-transform:uppercase; letter-spacing:.5px; }
.cf-mensualite .montant { font-size:2rem; font-weight:800; color:#0a3d8f; line-height:1.1; }
.cf-mensualite .mois { font-size:.82rem; color:#778; }
.cf-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; flex:1; min-width:200px; }
.cf-detail-item { background:#fff; border-radius:8px; padding:8px 12px; border:1px solid #d8e4f4; }
.cf-detail-item .dl { font-size:.7rem; color:#778; font-weight:600; text-transform:uppercase; }
.cf-detail-item .dv { font-size:.97rem; font-weight:700; color:#223; margin-top:2px; }
.cf-calc-cta { margin-top:18px; text-align:center; }
.cf-calc-cta a { display:inline-block; }
/* LEAD FORM */
.cf-lead-section { background:var(--cf-light); }
.cf-lead-box {
background:#fff; border-radius:20px; padding:40px 44px;
box-shadow:0 4px 40px rgba(10,61,143,.1); max-width:780px; margin:0 auto;
}
.cf-lead-title { font-size:1.35rem; font-weight:800; color:var(--cf-blue); margin-bottom:6px; }
.cf-lead-sub { font-size:.9rem; color:var(--cf-muted); margin-bottom:28px; }
.cf-btn-submit {
width:100%; padding:14px; background:linear-gradient(135deg,#e65100,#f57c00);
color:#fff; border:none; border-radius:10px; font-size:1rem; font-weight:700;
cursor:pointer; transition:all .2s; box-shadow:0 4px 16px rgba(230,81,0,.25);
}
.cf-btn-submit:hover { background:linear-gradient(135deg,#bf360c,#e65100); transform:translateY(-1px); }
.cf-legal-txt { font-size:.7rem; color:#aaa; margin-top:8px; line-height:1.5; }
.cf-success-box {
display:none; background:#e8f5e9; border:1.5px solid #a5d6a7; border-radius:12px;
padding:24px; text-align:center; margin-top:16px;
}
.cf-success-box .icon { font-size:2rem; margin-bottom:8px; }
.cf-success-box p { font-size:1rem; color:#2e7d32; font-weight:700; }
/* FAQ */
.cf-faq { max-width:720px; margin:0 auto; }
.cf-faq-item { border:1.5px solid var(--cf-border); border-radius:12px; margin-bottom:12px; overflow:hidden; }
.cf-faq-q {
padding:18px 24px; font-weight:700; font-size:.97rem; cursor:pointer;
display:flex; justify-content:space-between; align-items:center;
background:#fff; color:var(--cf-blue); transition:background .15s;
}
.cf-faq-q:hover { background:#f7f9ff; }
.cf-faq-q .arrow { font-size:.9rem; transition:transform .2s; color:var(--cf-muted); }
.cf-faq-item.open .cf-faq-q .arrow { transform:rotate(180deg); }
.cf-faq-a { max-height:0; overflow:hidden; transition:max-height .3s ease; font-size:.9rem; color:var(--cf-muted); line-height:1.6; }
.cf-faq-item.open .cf-faq-a { max-height:320px; }
.cf-faq-a-inner { padding:0 24px 18px; }
/* CTA BOTTOM */
.cf-cta-final {
background:linear-gradient(135deg,#e65100,#f57c00);
padding:64px 5%; text-align:center; color:#fff;
}
.cf-cta-final h2 { font-size:clamp(1.4rem,3vw,2rem); font-weight:800; margin-bottom:12px; }
.cf-cta-final p { font-size:1rem; opacity:.9; margin-bottom:28px; max-width:500px; margin-left:auto; margin-right:auto; }
/* RESPONSIVE */
@media (max-width:768px){
.cf-hero { padding:52px 6% 64px; }
.cf-stats { padding:24px 6%; }
.cf-stats-inner { grid-template-columns:repeat(2,1fr); }
.cf-section { padding:48px 6%; }
.cf-cta-final { padding:48px 6%; }
.cf-hero-btns { flex-direction:column; align-items:center; gap:12px; }
.cf-btn-primary,.cf-btn-secondary { width:76%; margin:0 auto; text-align:center; padding:14px 20px; }
.cf-btn-white { width:76%; margin:0 auto; text-align:center; }
.cf-products-grid { grid-template-columns:1fr; gap:16px; }
.cf-steps { grid-template-columns:1fr; }
.cf-lead-box { padding:28px 20px; }
.cf-calc-body { padding:20px 16px; }
.cf-result-main { flex-direction:column; }
}
@media (max-width:480px){
.cf-btn-primary,.cf-btn-secondary,.cf-btn-white { width:86%; }
.cf-stats-inner { grid-template-columns:repeat(2,1fr); }
}
@media (min-width:768px){
.cf-step-arrow { display:block; }
.cf-steps { grid-template-columns:repeat(3,1fr); }
}
@keyframes cf-fade-up { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
.cf-animate { animation:cf-fade-up .6s ease forwards; opacity:0; }
</style>
<div id="cf-mutuo" style="width:100vw;position:relative;left:50%;transform:translateX(-50%);box-sizing:border-box">
<!-- HERO -->
<section class="cf-hero">
<div class="cf-hero-inner">
<div class="cf-hero-badge" id="m-badge">Da 3.5% TAEG · Fino a 500.000€</div>
<h1 id="m-hero-title">Il Tuo <span>Mutuo Casa</span><br>al Miglior Tasso</h1>
<p class="cf-hero-sub" id="m-hero-sub">
Confrontiamo centinaia di offerte dai migliori istituti italiani per trovarti il mutuo perfetto. Simulazione gratuita, risposta in 48 ore.
</p>
<div class="cf-hero-btns">
<a href="#richiesta" class="cf-btn-primary" id="m-btn1">Richiedi il tuo Mutuo →</a>
<a href="#calcolatore" class="cf-btn-secondary" id="m-btn2">Calcola la rata</a>
</div>
</div>
</section>
<!-- STATS BAR -->
<div class="cf-stats">
<div class="cf-stats-inner">
<div class="cf-stat-item">
<div class="num" id="ms1-num">500<span>K€</span></div>
<div class="lbl" id="ms1-lbl">Importo massimo</div>
</div>
<div class="cf-stat-item">
<div class="num" id="ms2-num">30<span>anni</span></div>
<div class="lbl" id="ms2-lbl">Durata massima</div>
</div>
<div class="cf-stat-item">
<div class="num" id="ms3-num">48<span>h</span></div>
<div class="lbl" id="ms3-lbl">Risposta garantita</div>
</div>
<div class="cf-stat-item">
<div class="num" id="ms4-num">150<span>+</span></div>
<div class="lbl" id="ms4-lbl">Banche partner</div>
</div>
</div>
</div>
<!-- HOW IT WORKS -->
<section class="cf-section">
<div class="cf-section-inner" style="text-align:center">
<div class="cf-section-tag" id="m-how-tag">Semplice e veloce</div>
<h2 class="cf-section-title" id="m-how-title">Come funziona</h2>
<p class="cf-section-sub" style="margin:0 auto 40px" id="m-how-sub">Tre semplici passaggi per ottenere il mutuo migliore per te.</p>
<div class="cf-steps">
<div class="cf-step">
<div class="cf-step-num">1</div>
<h3 id="m-step1-t">Richiedi il preventivo</h3>
<p id="m-step1-d">Compila il modulo in pochi minuti con le informazioni sull'immobile e la tua situazione finanziaria.</p>
<span class="cf-step-arrow">→</span>
</div>
<div class="cf-step">
<div class="cf-step-num">2</div>
<h3 id="m-step2-t">Confrontiamo le offerte</h3>
<p id="m-step2-d">Analizziamo le proposte di 150+ banche e istituti per trovare il tasso più conveniente per il tuo profilo.</p>
<span class="cf-step-arrow">→</span>
</div>
<div class="cf-step">
<div class="cf-step-num">3</div>
<h3 id="m-step3-t">Scegli e firma</h3>
<p id="m-step3-d">Un consulente dedicato ti guida fino alla firma. Tutto online, senza stress.</p>
</div>
</div>
</div>
</section>
<!-- LOAN TYPES -->
<section class="cf-section cf-section-alt">
<div class="cf-section-inner">
<div class="cf-section-tag" id="m-types-tag">Tipologie di mutuo</div>
<h2 class="cf-section-title" id="m-types-title">Quale mutuo fa per te?</h2>
<p class="cf-section-sub" id="m-types-sub">Dalla prima casa alla ristrutturazione, copriamo tutte le esigenze.</p>
<div class="cf-products-grid">
<div class="cf-product-card">
<div class="cf-product-icon">🏠</div>
<h3 id="mt1-title">Prima Casa</h3>
<p id="mt1-desc">Il tuo primo immobile residenziale. Accedi alle agevolazioni fiscali e ai tassi più competitivi riservati agli acquirenti prima casa.</p>
<div class="cf-product-rate" id="mt1-rate">Da 3.5% TAEG</div>
</div>
<div class="cf-product-card">
<div class="cf-product-icon">🏡</div>
<h3 id="mt2-title">Seconda Casa</h3>
<p id="mt2-desc">Acquista la tua casa vacanze o un secondo immobile. Finanziamento fino all'80% del valore con condizioni vantaggiose.</p>
<div class="cf-product-rate" id="mt2-rate">Da 4.0% TAEG</div>
</div>
<div class="cf-product-card">
<div class="cf-product-icon">🔨</div>
<h3 id="mt3-title">Ristrutturazione</h3>
<p id="mt3-desc">Finanza i lavori di ristrutturazione del tuo immobile. Importi fino a 150.000€, anche combinato con bonus fiscali.</p>
<div class="cf-product-rate" id="mt3-rate">Da 4.2% TAEG</div>
</div>
<div class="cf-product-card">
<div class="cf-product-icon">💰</div>
<h3 id="mt4-title">Mutuo Liquidità</h3>
<p id="mt4-desc">Ottieni liquidità mettendo a garanzia un immobile di proprietà. Ideale per investimenti o esigenze personali importanti.</p>
<div class="cf-product-rate" id="mt4-rate">Da 4.8% TAEG</div>
</div>
</div>
</div>
</section>
<!-- CALCULATOR -->
<section class="cf-section" id="calcolatore">
<div class="cf-section-inner">
<div style="text-align:center;margin-bottom:32px">
<div class="cf-section-tag" id="m-calc-tag">Strumento gratuito</div>
<h2 class="cf-section-title" id="m-calc-title">Calcola la tua rata mutuo</h2>
<p class="cf-section-sub" style="margin:0 auto" id="m-calc-sub">Inserisci importo, durata e tasso per scoprire subito la rata mensile.</p>
</div>
<div class="cf-calc-box">
<div class="cf-calc-header">
<h3 id="m-calc-hd">Simulatore Mutuo Casa</h3>
<p id="m-calc-hp">Calcolo istantaneo della rata mensile</p>
</div>
<div class="cf-calc-body">
<div class="cf-form-row">
<div class="cf-form-col">
<label id="m-lbl-imp">Importo mutuo (€)</label>
<input type="number" id="m-importo" value="200000" min="50000" max="500000" step="5000" oninput="mSync('importo');mCalc()">
<div class="cf-slider-wrap">
<input type="range" class="cf-slider" id="m-importo-slider" min="50000" max="500000" step="5000" value="200000" oninput="mSync('slider');mCalc()">
<div class="cf-slider-labels"><span>50.000€</span><span>500.000€</span></div>
</div>
</div>
<div class="cf-form-col">
<label id="m-lbl-dur">Durata (anni)</label>
<input type="number" id="m-durata" value="20" min="5" max="30" oninput="mCalc()">
<div class="cf-slider-wrap">
<input type="range" class="cf-slider" id="m-durata-slider" min="5" max="30" value="20" oninput="document.getElementById('m-durata').value=this.value;mCalc()">
<div class="cf-slider-labels"><span>5 anni</span><span>30 anni</span></div>
</div>
</div>
</div>
<div class="cf-form-row">
<div class="cf-form-col">
<label id="m-lbl-tasso">Tasso TAEG (%)</label>
<input type="number" id="m-tasso" value="3.5" min="0.5" max="15" step="0.1" oninput="mCalc()">
</div>
<div class="cf-form-col" style="display:flex;align-items:flex-end">
<button onclick="mCalc()" class="cf-btn-submit" id="m-btn-calc" style="margin-bottom:0">Calcola →</button>
</div>
</div>
<div class="cf-result-box" id="m-result-box">
<div class="cf-result-main">
<div class="cf-mensualite">
<div class="lbl" id="m-lbl-rata">Rata mensile</div>
<div class="montant" id="m-rata-val">—</div>
<div class="mois" id="m-su-mesi">su 240 mesi</div>
</div>
<div class="cf-detail-grid">
<div class="cf-detail-item"><div class="dl" id="m-lbl-tot">Totale rimborso</div><div class="dv" id="m-tot-val">—</div></div>
<div class="cf-detail-item"><div class="dl" id="m-lbl-int">Interessi totali</div><div class="dv" id="m-int-val">—</div></div>
<div class="cf-detail-item"><div class="dl">TAEG</div><div class="dv" id="m-taeg-val">—</div></div>
<div class="cf-detail-item"><div class="dl" id="m-lbl-dur2">Durata</div><div class="dv" id="m-dur-val">—</div></div>
</div>
</div>
</div>
<div class="cf-calc-cta" style="margin-top:18px">
<a href="#richiesta" class="cf-btn-primary" id="m-btn-cta-calc">Richiedi il tuo Mutuo →</a>
</div>
</div>
</div>
</div>
</section>
<!-- LEAD FORM -->
<section class="cf-section cf-lead-section" id="richiesta">
<div class="cf-section-inner">
<div style="text-align:center;margin-bottom:32px">
<div class="cf-section-tag" id="m-form-tag">Consulenza gratuita</div>
<h2 class="cf-section-title" id="m-form-title">Richiedi il tuo Mutuo</h2>
<p class="cf-section-sub" style="margin:0 auto" id="m-form-sub">Compila il modulo e ricevi le migliori offerte entro 48 ore. Completamente gratuito.</p>
</div>
<div class="cf-lead-box">
<div id="m-lead-form">
<div class="cf-form-row">
<div class="cf-form-col">
<label id="m-f-nome">Nome e Cognome</label>
<input type="text" id="m-nome" placeholder="Mario Rossi">
</div>
<div class="cf-form-col">
<label id="m-f-email">Email</label>
<input type="email" id="m-email" placeholder="mario@email.com">
</div>
</div>
<div class="cf-form-row">
<div class="cf-form-col">
<label id="m-f-tel">Telefono</label>
<input type="tel" id="m-tel" placeholder="+39 333 000 0000">
</div>
<div class="cf-form-col">
<label id="m-f-pays">Paese</label>
<select id="m-pays">
<option value="IT">🇮🇹 Italia</option>
<option value="FR">🇫🇷 France</option>
</select>
</div>
</div>
<div class="cf-form-row">
<div class="cf-form-col">
<label id="m-f-reddito">Reddito mensile netto</label>
<select id="m-reddito">
<option value="">-- Seleziona --</option>
<option value="<1500">< 1.500€</option>
<option value="1500-2500">1.500 – 2.500€</option>
<option value="2500-4000">2.500 – 4.000€</option>
<option value="4000-6000">4.000 – 6.000€</option>
<option value=">6000">> 6.000€</option>
</select>
</div>
<div class="cf-form-col">
<label id="m-f-importo">Importo desiderato (€)</label>
<select id="m-importo-form">
<option value="">-- Seleziona --</option>
<option value="50000-100000">50.000 – 100.000€</option>
<option value="100000-200000">100.000 – 200.000€</option>
<option value="200000-300000">200.000 – 300.000€</option>
<option value="300000-500000">300.000 – 500.000€</option>
<option value=">500000">> 500.000€</option>
</select>
</div>
</div>
<div class="cf-form-row">
<div class="cf-form-col">
<label id="m-f-durata">Durata preferita</label>
<select id="m-durata-form">
<option value="">-- Seleziona --</option>
<option value="5-10">5 – 10 anni</option>
<option value="10-15">10 – 15 anni</option>
<option value="15-20">15 – 20 anni</option>
<option value="20-25">20 – 25 anni</option>
<option value="25-30">25 – 30 anni</option>
</select>
</div>
<div class="cf-form-col" style="display:flex;align-items:flex-end">
<button class="cf-btn-submit" onclick="mSubmitLead()" id="m-btn-submit">Richiedi Consulenza Gratuita →</button>
</div>
</div>
<p class="cf-legal-txt" id="m-legal">Inviando il modulo, accetti la nostra <a href="/note-legali/" style="color:#aaa">Privacy Policy</a>. Nessun costo, nessun impegno.</p>
</div>
<div class="cf-success-box" id="m-success">
<div class="icon">✅</div>
<p id="m-success-msg">Richiesta inviata! Ti contatteremo entro 48h con le migliori offerte di mutuo.</p>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="cf-section">
<div class="cf-section-inner">
<div style="text-align:center;margin-bottom:36px">
<div class="cf-section-tag" id="m-faq-tag">FAQ</div>
<h2 class="cf-section-title" id="m-faq-title">Domande frequenti sul mutuo</h2>
</div>
<div class="cf-faq" id="m-faq-list"></div>
</div>
</section>
<!-- CTA BOTTOM -->
<section class="cf-cta-final">
<h2 id="m-cta-title">Pronto ad acquistare la tua casa?</h2>
<p id="m-cta-sub">Confrontiamo 150+ offerte di mutuo. Gratuito, senza impegno.</p>
<a href="#richiesta" class="cf-btn-white" id="m-cta-btn">Richiedi il tuo Mutuo — È Gratis →</a>
</section>
</div><!-- #cf-mutuo -->
<script>
(function(){
var T = {
IT:{
badge:"Da 3.5% TAEG \u00b7 Fino a 500.000\u20ac",
hero_title:"Il Tuo <span>Mutuo Casa</span><br>al Miglior Tasso",
hero_sub:"Confrontiamo centinaia di offerte dai migliori istituti italiani per trovarti il mutuo perfetto. Simulazione gratuita, risposta in 48 ore.",
btn1:"Richiedi il tuo Mutuo \u2192", btn2:"Calcola la rata",
ms1:"Importo massimo", ms2:"Durata massima", ms3:"Risposta garantita", ms4:"Banche partner",
how_tag:"Semplice e veloce", how_title:"Come funziona",
how_sub:"Tre semplici passaggi per ottenere il mutuo migliore per te.",
step1_t:"Richiedi il preventivo", step1_d:"Compila il modulo in pochi minuti con le informazioni sull'immobile e la tua situazione finanziaria.",
step2_t:"Confrontiamo le offerte", step2_d:"Analizziamo le proposte di 150+ banche e istituti per trovare il tasso pi\u00f9 conveniente per il tuo profilo.",
step3_t:"Scegli e firma", step3_d:"Un consulente dedicato ti guida fino alla firma. Tutto online, senza stress.",
types_tag:"Tipologie di mutuo", types_title:"Quale mutuo fa per te?",
types_sub:"Dalla prima casa alla ristrutturazione, copriamo tutte le esigenze.",
mt1_t:"Prima Casa", mt1_d:"Il tuo primo immobile residenziale. Accedi alle agevolazioni fiscali e ai tassi pi\u00f9 competitivi riservati agli acquirenti prima casa.", mt1_r:"Da 3.5% TAEG",
mt2_t:"Seconda Casa", mt2_d:"Acquista la tua casa vacanze o un secondo immobile. Finanziamento fino all'80% del valore con condizioni vantaggiose.", mt2_r:"Da 4.0% TAEG",
mt3_t:"Ristrutturazione", mt3_d:"Finanza i lavori di ristrutturazione del tuo immobile. Importi fino a 150.000\u20ac, anche combinato con bonus fiscali.", mt3_r:"Da 4.2% TAEG",
mt4_t:"Mutuo Liquidit\u00e0", mt4_d:"Ottieni liquidit\u00e0 mettendo a garanzia un immobile di propriet\u00e0. Ideale per investimenti o esigenze personali importanti.", mt4_r:"Da 4.8% TAEG",
calc_tag:"Strumento gratuito", calc_title:"Calcola la tua rata mutuo",
calc_sub:"Inserisci importo, durata e tasso per scoprire subito la rata mensile.",
calc_hd:"Simulatore Mutuo Casa", calc_hp:"Calcolo istantaneo della rata mensile",
lbl_imp:"Importo mutuo (\u20ac)", lbl_dur:"Durata (anni)", lbl_tasso:"Tasso TAEG (%)",
btn_calc:"Calcola \u2192", lbl_rata:"Rata mensile", lbl_tot:"Totale rimborso",
lbl_int:"Interessi totali", lbl_dur2:"Durata", anni:"anni", mesi:"mesi",
btn_cta_calc:"Richiedi il tuo Mutuo \u2192",
form_tag:"Consulenza gratuita", form_title:"Richiedi il tuo Mutuo",
form_sub:"Compila il modulo e ricevi le migliori offerte entro 48 ore. Completamente gratuito.",
f_nome:"Nome e Cognome", f_email:"Email", f_tel:"Telefono", f_pays:"Paese",
f_reddito:"Reddito mensile netto", f_importo:"Importo desiderato (\u20ac)",
f_durata:"Durata preferita", btn_submit:"Richiedi Consulenza Gratuita \u2192",
legal:"Inviando il modulo, accetti la nostra <a href='/note-legali/' style='color:#aaa'>Privacy Policy</a>. Nessun costo, nessun impegno.",
success:"Richiesta inviata! Ti contatteremo entro 48h con le migliori offerte di mutuo.",
faq_tag:"FAQ", faq_title:"Domande frequenti sul mutuo",
faq:[
{q:"Quanto posso richiedere per un mutuo?", a:"In genere le banche finanziano fino all'80% del valore dell'immobile (LTV 80%). Per la prima casa \u00e8 possibile arrivare fino al 95% con alcune garanzie aggiuntive come il Fondo di Garanzia Prima Casa."},
{q:"Qual \u00e8 la durata massima di un mutuo in Italia?", a:"La durata massima \u00e8 generalmente di 30 anni, ma alcuni istituti arrivano fino a 40 anni. La scelta dipende dall'et\u00e0 del richiedente e dal piano di ammortamento desiderato."},
{q:"Mutuo a tasso fisso o variabile: quale scegliere?", a:"Il tasso fisso garantisce una rata costante per tutta la durata del mutuo. Il tasso variabile segue l'Euribor e pu\u00f2 essere pi\u00f9 conveniente inizialmente ma comporta un rischio di aumento. La scelta dipende dalla propensione al rischio e dalle prospettive di mercato."},
{q:"Quali documenti servono per richiedere un mutuo?", a:"Servono documento di identit\u00e0, codice fiscale, ultime buste paga o dichiarazione dei redditi, estratto conto degli ultimi 3 mesi, compromesso o documentazione dell'immobile. I documenti precisi variano da banca a banca."},
{q:"In quanto tempo viene erogato il mutuo?", a:"I tempi medi vanno dai 30 ai 90 giorni dal momento della richiesta alla firma dell'atto notarile. I tempi dipendono dalla completezza del dossier, dalla perizia sull'immobile e dall'istruttoria bancaria."},
],
cta_title:"Pronto ad acquistare la tua casa?",
cta_sub:"Confrontiamo 150+ offerte di mutuo. Gratuito, senza impegno.",
cta_btn:"Richiedi il tuo Mutuo \u2014 \u00c8 Gratis \u2192",
},
FR:{
badge:"D\u00e8s 3.5% TAEG \u00b7 Jusqu'\u00e0 500.000\u20ac",
hero_title:"Votre <span>Cr\u00e9dit Immobilier</span><br>au Meilleur Taux",
hero_sub:"Nous comparons des centaines d'offres des meilleurs \u00e9tablissements pour trouver votre cr\u00e9dit id\u00e9al. Simulation gratuite, r\u00e9ponse en 48h.",
btn1:"Demander mon Cr\u00e9dit \u2192", btn2:"Calculer ma mensualit\u00e9",
ms1:"Montant maximum", ms2:"Dur\u00e9e maximale", ms3:"R\u00e9ponse garantie", ms4:"Banques partenaires",
how_tag:"Simple et rapide", how_title:"Comment \u00e7a marche",
how_sub:"Trois \u00e9tapes simples pour obtenir le meilleur cr\u00e9dit immobilier.",
step1_t:"Demandez un devis", step1_d:"Remplissez le formulaire en quelques minutes avec les informations sur le bien et votre situation financi\u00e8re.",
step2_t:"Nous comparons les offres", step2_d:"Nous analysons les propositions de 150+ banques pour trouver le taux le plus avantageux pour votre profil.",
step3_t:"Choisissez et signez", step3_d:"Un conseiller d\u00e9di\u00e9 vous accompagne jusqu'\u00e0 la signature. Tout en ligne, sans stress.",
types_tag:"Types de cr\u00e9dit", types_title:"Quel cr\u00e9dit vous convient ?",
types_sub:"De la r\u00e9sidence principale \u00e0 la r\u00e9novation, nous couvrons tous vos besoins.",
mt1_t:"R\u00e9sidence Principale", mt1_d:"Votre premi\u00e8re r\u00e9sidence. B\u00e9n\u00e9ficiez des avantages fiscaux et des taux les plus comp\u00e9titifs.", mt1_r:"D\u00e8s 3.5% TAEG",
mt2_t:"R\u00e9sidence Secondaire", mt2_d:"Achetez votre maison de vacances ou un second bien. Financement jusqu'\u00e0 80% de la valeur.", mt2_r:"D\u00e8s 4.0% TAEG",
mt3_t:"Travaux / R\u00e9novation", mt3_d:"Financez vos travaux de r\u00e9novation. Montants jusqu'\u00e0 150.000\u20ac, combinable avec des aides fiscales.", mt3_r:"D\u00e8s 4.2% TAEG",
mt4_t:"Cr\u00e9dit Hypoth\u00e9caire", mt4_d:"Obtenez des liquidit\u00e9s en donnant un bien en garantie. Id\u00e9al pour vos investissements ou projets importants.", mt4_r:"D\u00e8s 4.8% TAEG",
calc_tag:"Outil gratuit", calc_title:"Calculez votre mensualit\u00e9",
calc_sub:"Indiquez le montant, la dur\u00e9e et le taux pour conna\u00eetre votre mensualit\u00e9 imm\u00e9diatement.",
calc_hd:"Simulateur Cr\u00e9dit Immobilier", calc_hp:"Calcul instantan\u00e9 de votre mensualit\u00e9",
lbl_imp:"Montant du cr\u00e9dit (\u20ac)", lbl_dur:"Dur\u00e9e (ann\u00e9es)", lbl_tasso:"Taux TAEG (%)",
btn_calc:"Calculer \u2192", lbl_rata:"Mensualit\u00e9", lbl_tot:"Co\u00fbt total",
lbl_int:"Int\u00e9r\u00eats totaux", lbl_dur2:"Dur\u00e9e", anni:"ans", mesi:"mois",
btn_cta_calc:"Demander mon Cr\u00e9dit \u2192",
form_tag:"Conseil gratuit", form_title:"Demandez votre Cr\u00e9dit Immobilier",
form_sub:"Remplissez le formulaire et recevez les meilleures offres dans les 48h. Compl\u00e8tement gratuit.",
f_nome:"Nom et Pr\u00e9nom", f_email:"Email", f_tel:"T\u00e9l\u00e9phone", f_pays:"Pays",
f_reddito:"Revenus nets mensuels", f_importo:"Montant souhait\u00e9 (\u20ac)",
f_durata:"Dur\u00e9e souhait\u00e9e", btn_submit:"Demander un Conseil Gratuit \u2192",
legal:"En soumettant ce formulaire, vous acceptez notre <a href='/note-legali/' style='color:#aaa'>Politique de Confidentialit\u00e9</a>. Sans frais, sans engagement.",
success:"Demande envoy\u00e9e ! Nous vous contacterons dans les 48h avec les meilleures offres.",
faq_tag:"FAQ", faq_title:"Questions fr\u00e9quentes sur le cr\u00e9dit immobilier",
faq:[
{q:"Quel montant puis-je emprunter ?", a:"En g\u00e9n\u00e9ral les banques financent jusqu'\u00e0 80% de la valeur du bien (LTV 80%). Pour une r\u00e9sidence principale, il est possible d'atteindre 95% avec certaines garanties suppl\u00e9mentaires."},
{q:"Quelle est la dur\u00e9e maximale d'un cr\u00e9dit immobilier ?", a:"La dur\u00e9e maximale est g\u00e9n\u00e9ralement de 25 \u00e0 30 ans, certains \u00e9tablissements allant jusqu'\u00e0 35 ans. Le choix d\u00e9pend de l'\u00e2ge de l'emprunteur et du plan d'amortissement souhait\u00e9."},
{q:"Taux fixe ou taux variable : que choisir ?", a:"Le taux fixe garantit une mensualit\u00e9 constante sur toute la dur\u00e9e. Le taux variable suit l'Euribor et peut \u00eatre plus avantageux au d\u00e9part mais comporte un risque de hausse. Le choix d\u00e9pend de votre tol\u00e9rance au risque."},
{q:"Quels documents sont n\u00e9cessaires ?", a:"Pi\u00e8ce d'identit\u00e9, justificatifs de revenus (bulletins de salaire, avis d'imposition), relev\u00e9s bancaires des 3 derniers mois, compromis de vente ou documents du bien. Les documents pr\u00e9cis varient selon les \u00e9tablissements."},
{q:"Combien de temps prend l'obtention du cr\u00e9dit ?", a:"Les d\u00e9lais moyens vont de 30 \u00e0 90 jours de la demande jusqu'\u00e0 l'acte notari\u00e9. Les d\u00e9lais d\u00e9pendent de la compl\u00e9tude du dossier et des \u00e9valuations n\u00e9cessaires."},
],
cta_title:"Pr\u00eat \u00e0 acheter votre bien immobilier ?",
cta_sub:"Nous comparons 150+ offres de cr\u00e9dit. Gratuit, sans engagement.",
cta_btn:"Demander mon Cr\u00e9dit \u2014 C'est Gratuit \u2192",
}
};
var lang = 'IT';
var hl = (document.documentElement.lang||'').slice(0,2).toUpperCase();
if(T[hl]) lang = hl;
function s(id,html){ var e=document.getElementById(id); if(e) e.innerHTML=html; }
function st(id,txt){ var e=document.getElementById(id); if(e) e.textContent=txt; }
function applyLang(){
var t = T[lang];
s('m-badge',t.badge); s('m-hero-title',t.hero_title); st('m-hero-sub',t.hero_sub);
st('m-btn1',t.btn1); st('m-btn2',t.btn2);
st('ms1-lbl',t.ms1); st('ms2-lbl',t.ms2); st('ms3-lbl',t.ms3); st('ms4-lbl',t.ms4);
st('m-how-tag',t.how_tag); st('m-how-title',t.how_title); st('m-how-sub',t.how_sub);
st('m-step1-t',t.step1_t); st('m-step1-d',t.step1_d);
st('m-step2-t',t.step2_t); st('m-step2-d',t.step2_d);
st('m-step3-t',t.step3_t); st('m-step3-d',t.step3_d);
st('m-types-tag',t.types_tag); st('m-types-title',t.types_title); st('m-types-sub',t.types_sub);
st('mt1-title',t.mt1_t); st('mt1-desc',t.mt1_d); st('mt1-rate',t.mt1_r);
st('mt2-title',t.mt2_t); st('mt2-desc',t.mt2_d); st('mt2-rate',t.mt2_r);
st('mt3-title',t.mt3_t); st('mt3-desc',t.mt3_d); st('mt3-rate',t.mt3_r);
st('mt4-title',t.mt4_t); st('mt4-desc',t.mt4_d); st('mt4-rate',t.mt4_r);
st('m-calc-tag',t.calc_tag); st('m-calc-title',t.calc_title); st('m-calc-sub',t.calc_sub);
st('m-calc-hd',t.calc_hd); st('m-calc-hp',t.calc_hp);
st('m-lbl-imp',t.lbl_imp); st('m-lbl-dur',t.lbl_dur); st('m-lbl-tasso',t.lbl_tasso);
st('m-btn-calc',t.btn_calc); st('m-lbl-rata',t.lbl_rata);
st('m-lbl-tot',t.lbl_tot); st('m-lbl-int',t.lbl_int); st('m-lbl-dur2',t.lbl_dur2);
st('m-btn-cta-calc',t.btn_cta_calc);
st('m-form-tag',t.form_tag); st('m-form-title',t.form_title); st('m-form-sub',t.form_sub);
st('m-f-nome',t.f_nome); st('m-f-email',t.f_email); st('m-f-tel',t.f_tel);
st('m-f-pays',t.f_pays); st('m-f-reddito',t.f_reddito); st('m-f-importo',t.f_importo);
st('m-f-durata',t.f_durata); st('m-btn-submit',t.btn_submit);
s('m-legal',t.legal);
st('m-faq-tag',t.faq_tag); st('m-faq-title',t.faq_title);
st('m-cta-title',t.cta_title); st('m-cta-sub',t.cta_sub); st('m-cta-btn',t.cta_btn);
buildFAQ(t.faq);
mCalc();
}
function buildFAQ(items){
var list = document.getElementById('m-faq-list');
if(!list||!items) return;
list.innerHTML = items.map(function(item,i){
return '<div class="cf-faq-item" id="mfaq-'+i+'">'
+'<div class="cf-faq-q" onclick="mTogFAQ('+i+')">'
+'<span>'+item.q+'</span><span class="arrow">▼</span>'
+'</div>'
+'<div class="cf-faq-a"><div class="cf-faq-a-inner">'+item.a+'</div></div>'
+'</div>';
}).join('');
}
window.mTogFAQ = function(i){
var el=document.getElementById('mfaq-'+i);
if(el) el.classList.toggle('open');
};
window.mSync = function(type){
var imp = document.getElementById('m-importo');
var sl = document.getElementById('m-importo-slider');
if(type==='importo'&&sl&&imp) sl.value=imp.value;
else if(sl&&imp) imp.value=sl.value;
};
window.mCalc = function(){
var t = T[lang];
var montant = parseFloat(document.getElementById('m-importo').value)||200000;
var duree = parseFloat(document.getElementById('m-durata').value)||20;
var taux = parseFloat(document.getElementById('m-tasso').value)||3.5;
// sync slider
var sl = document.getElementById('m-importo-slider'); if(sl) sl.value=montant;
var ds = document.getElementById('m-durata-slider'); if(ds) ds.value=duree;
var n = duree*12, r = taux/100/12, mensualite;
if(r===0) mensualite=montant/n;
else mensualite=montant*r*Math.pow(1+r,n)/(Math.pow(1+r,n)-1);
var total = mensualite*n, interets = total-montant;
var fmt = function(v){ return Math.round(v).toLocaleString('fr-FR')+'\u20ac'; };
document.getElementById('m-rata-val').textContent = fmt(mensualite);
document.getElementById('m-tot-val').textContent = fmt(total);
document.getElementById('m-int-val').textContent = fmt(interets);
document.getElementById('m-taeg-val').textContent = taux.toFixed(1)+'%';
document.getElementById('m-dur-val').textContent = duree+' '+(t.anni||'anni');
var su = document.getElementById('m-su-mesi');
if(su) su.textContent = 'su '+n+' '+(t.mesi||'mesi');
};
window.mSubmitLead = function(){
var email = (document.getElementById('m-email').value||'').trim();
if(!email||!email.includes('@')){
alert(lang==='FR'?'Veuillez saisir un email valide.':'Inserisci un email valido.');
return;
}
var btn = document.getElementById('m-btn-submit');
if(btn){ btn.disabled=true; btn.textContent='...'; }
var data = {
nome: document.getElementById('m-nome').value||'',
email: email,
tel: document.getElementById('m-tel').value||'',
pays: document.getElementById('m-pays').value,
reddito: document.getElementById('m-reddito').value,
type_credit: 'mutuo',
montant: document.getElementById('m-importo-form').value,
duree: document.getElementById('m-durata-form').value,
lang: lang
};
fetch('/wp-json/creditofacile/v1/lead',{
method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(data)
}).then(function(){
document.getElementById('m-lead-form').style.display='none';
var s=document.getElementById('m-success'); if(s) s.style.display='block';
var msg=document.getElementById('m-success-msg'); if(msg) msg.textContent=T[lang].success;
}).catch(function(){
document.getElementById('m-lead-form').style.display='none';
var s=document.getElementById('m-success'); if(s) s.style.display='block';
});
};
// animated counters
function animateNum(el, target, suf){
var start=0, step=target/60;
var timer=setInterval(function(){
start+=step; if(start>=target){ start=target; clearInterval(timer); }
el.innerHTML=Math.round(start).toLocaleString('fr-FR')+'<span>'+suf+'</span>';
},16);
}
if('IntersectionObserver' in window){
var obs=new IntersectionObserver(function(entries){
entries.forEach(function(e){
if(e.isIntersecting){
animateNum(document.getElementById('ms1-num'),500,'K€');
animateNum(document.getElementById('ms2-num'),30,'anni');
animateNum(document.getElementById('ms3-num'),48,'h');
animateNum(document.getElementById('ms4-num'),150,'+');
obs.disconnect();
}
});
},{threshold:.3});
var el=document.querySelector('.cf-stats');
if(el) obs.observe(el);
}
// smooth scroll
document.querySelectorAll('a[href^="#"]').forEach(function(a){
a.addEventListener('click',function(e){
var tgt=document.querySelector(a.getAttribute('href'));
if(tgt){ e.preventDefault(); tgt.scrollIntoView({behavior:'smooth',block:'start'}); }
});
});
applyLang();
})();
</script>
