<!-- CreditoFacile.biz — Contatti / Contact -->
<style>
:root{--cf-blue:#0a3d8f;--cf-blue2:#1565c0;--cf-orange:#e65100;--cf-light:#f0f4fb;--cf-border:#dde5f4;--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-page{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-page *{box-sizing:border-box;}
#cf-page a{color:inherit;text-decoration:none;}
/* HERO */
.cf-hero{background:linear-gradient(135deg,#061e5e 0%,#0a3d8f 50%,#1565c0 100%);padding:56px 5% 64px;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'%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:700px;margin:0 auto;position:relative;}
.cf-hero-tag{display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:50px;padding:5px 18px;font-size:.78rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:16px;}
.cf-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.15;margin-bottom:12px;}
.cf-hero p{font-size:1rem;opacity:.85;max-width:520px;margin:0 auto;}
/* CONTENU */
.cf-body{background:var(--cf-light);padding:60px 5%;}
.cf-body-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;}
@media(max-width:768px){.cf-body-inner{grid-template-columns:1fr;gap:32px;}.cf-hero{padding:44px 6% 52px;}.cf-body{padding:40px 6%;}}
/* CARTE CONTACT */
.cf-contact-info{background:#fff;border-radius:20px;padding:36px 32px;box-shadow:0 4px 32px rgba(10,61,143,.08);border:1.5px solid var(--cf-border);}
.cf-contact-info h2{font-size:1.3rem;font-weight:800;color:var(--cf-blue);margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid var(--cf-border);}
.cf-contact-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px;}
.cf-contact-icon{width:44px;height:44px;border-radius:12px;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.3rem;flex-shrink:0;}
.cf-contact-item h4{font-size:.88rem;font-weight:700;color:var(--cf-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;}
.cf-contact-item p,.cf-contact-item a{font-size:.97rem;font-weight:600;color:#1a1a2e;}
.cf-contact-item a:hover{color:var(--cf-orange);}
.cf-response-badge{background:linear-gradient(135deg,rgba(10,61,143,.06),rgba(21,101,192,.08));border:1.5px solid var(--cf-border);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;margin-top:28px;}
.cf-response-badge span{font-size:1.5rem;}
.cf-response-badge p{font-size:.88rem;color:var(--cf-muted);line-height:1.4;}
.cf-response-badge strong{color:var(--cf-blue);}
/* FORMULAIRE */
.cf-form-card{background:#fff;border-radius:20px;padding:36px 32px;box-shadow:0 4px 32px rgba(10,61,143,.08);border:1.5px solid var(--cf-border);}
.cf-form-card h2{font-size:1.3rem;font-weight:800;color:var(--cf-blue);margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid var(--cf-border);}
.cf-field{margin-bottom:20px;}
.cf-field label{display:block;font-size:.82rem;font-weight:700;color:#2a3a5c;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;}
.cf-field input,.cf-field select,.cf-field textarea{width:100%;padding:14px 16px;border:2px solid #d0d8e8;border-radius:12px;font-size:.97rem;font-weight:500;color:#1a1a2e;background:#f7f9ff;transition:border .2s,box-shadow .2s;font-family:'Segoe UI',Arial,sans-serif;-webkit-appearance:none;appearance:none;}
.cf-field textarea{resize:vertical;min-height:120px;}
.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{outline:none;border-color:#1565c0;background:#fff;box-shadow:0 0 0 4px rgba(21,101,192,.12);}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:500px){.cf-row{grid-template-columns:1fr;}}
.cf-btn-send{width:100%;padding:16px;background:linear-gradient(135deg,#e65100,#f57c00);color:#fff;border:none;border-radius:12px;font-size:1.05rem;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 6px 20px rgba(230,81,0,.3);margin-top:8px;font-family:'Segoe UI',Arial,sans-serif;}
.cf-btn-send:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(230,81,0,.4);}
.cf-legal-note{font-size:.75rem;color:#aaa;margin-top:10px;text-align:center;line-height:1.5;}
.cf-success-msg{display:none;background:#e8f5e9;border:2px solid #a5d6a7;border-radius:12px;padding:20px;text-align:center;margin-top:16px;}
.cf-success-msg p{color:#2e7d32;font-weight:700;font-size:1rem;}
</style>
<div id="cf-page">
<!-- HERO -->
<section class="cf-hero">
<div class="cf-hero-inner">
<div class="cf-hero-tag" id="hero-tag">Siamo qui per te</div>
<h1 id="hero-title">Contattaci</h1>
<p id="hero-sub">Il nostro team di esperti risponde entro 24 ore. Consulenza gratuita, senza impegno.</p>
</div>
</section>
<!-- CORPO -->
<div class="cf-body">
<div class="cf-body-inner">
<!-- INFO -->
<div class="cf-contact-info">
<h2 id="info-title">Le nostre coordinate</h2>
<div class="cf-contact-item">
<div class="cf-contact-icon">📧</div>
<div>
<h4 id="lbl-email">Email</h4>
<a href="mailto:info@creditofacile.biz">info@creditofacile.biz</a>
</div>
</div>
<div class="cf-contact-item">
<div class="cf-contact-icon">🌐</div>
<div>
<h4 id="lbl-site">Sito web</h4>
<p>www.creditofacile.biz</p>
</div>
</div>
<div class="cf-contact-item">
<div class="cf-contact-icon">🇮🇹</div>
<div>
<h4 id="lbl-service">Servizio</h4>
<p id="val-service">Confronto crediti Italia & Francia</p>
</div>
</div>
<div class="cf-contact-item">
<div class="cf-contact-icon">🔒</div>
<div>
<h4 id="lbl-privacy">Privacy</h4>
<p id="val-privacy">Dati protetti · GDPR conforme</p>
</div>
</div>
<div class="cf-response-badge">
<span>⚡</span>
<p id="badge-text"><strong>Risposta garantita entro 24h</strong> · Consulenza 100% gratuita e senza impegno</p>
</div>
</div>
<!-- FORMULAIRE -->
<div class="cf-form-card">
<h2 id="form-title">Inviaci un messaggio</h2>
<form id="cf-contact-form">
<div class="cf-row">
<div class="cf-field">
<label id="lbl-nome">Nome</label>
<input type="text" id="cf-nome" placeholder="Mario Rossi" required>
</div>
<div class="cf-field">
<label id="lbl-mail">Email</label>
<input type="email" id="cf-mail" placeholder="mario@email.com" required>
</div>
</div>
<div class="cf-field">
<label id="lbl-oggetto">Oggetto</label>
<select id="cf-oggetto">
<option id="opt0" value="">-- Seleziona --</option>
<option id="opt1" value="mutuo">Mutuo Casa</option>
<option id="opt2" value="prestito">Prestito Personale</option>
<option id="opt3" value="cessione">Cessione del Quinto</option>
<option id="opt4" value="consolidamento">Consolidamento Debiti</option>
<option id="opt5" value="altro">Altro</option>
</select>
</div>
<div class="cf-field">
<label id="lbl-msg">Messaggio</label>
<textarea id="cf-msg" placeholder="Descrivici la tua situazione e come possiamo aiutarti..." required></textarea>
</div>
<button type="submit" class="cf-btn-send" id="btn-send">Invia il messaggio →</button>
<p class="cf-legal-note" id="legal-note">Inviando il modulo, accetti la nostra <a href="/privacy-policy/" style="color:#0a3d8f">Privacy Policy</a>.</p>
</form>
<div class="cf-success-msg" id="cf-success">
<p id="success-msg">✅ Messaggio inviato! Ti risponderemo entro 24 ore.</p>
</div>
</div>
</div>
</div>
</div>
<script>
/* Bilingue IT/FR */
(function(){
var lang = document.documentElement.lang || 'it';
var fr = lang.startsWith('fr');
var t = fr ? {
tag:'Nous sommes là pour vous', title:'Contactez-nous', sub:'Notre équipe d\'experts répond sous 24h. Conseil gratuit, sans engagement.',
infoTitle:'Nos coordonnées', lblEmail:'Email', lblSite:'Site web', lblService:'Service',
valService:'Comparaison crédit Italie & France', lblPrivacy:'Confidentialité', valPrivacy:'Données protégées · Conforme RGPD',
badge:'<strong>Réponse garantie sous 24h</strong> · Conseil 100% gratuit et sans engagement',
formTitle:'Envoyez-nous un message', lblNome:'Prénom & Nom', lblMail:'Email',
lblOggetto:'Sujet', opt0:'-- Sélectionner --', opt1:'Crédit immobilier', opt2:'Prêt personnel',
opt3:'Rachat sur salaire', opt4:'Regroupement de dettes', opt5:'Autre',
lblMsg:'Message', ph_msg:'Décrivez votre situation et comment nous pouvons vous aider...',
btnSend:'Envoyer le message →', legalNote:'En soumettant, vous acceptez notre',
successMsg:'✅ Message envoyé ! Nous vous répondrons sous 24h.'
} : null;
if (!t) return;
var ids = {
'hero-tag':t.tag,'hero-title':t.title,'hero-sub':t.sub,'info-title':t.infoTitle,
'lbl-email':t.lblEmail,'lbl-site':t.lblSite,'lbl-service':t.lblService,'val-service':t.valService,
'lbl-privacy':t.lblPrivacy,'val-privacy':t.valPrivacy,'form-title':t.formTitle,
'lbl-nome':t.lblNome,'lbl-mail':t.lblMail,'lbl-oggetto':t.lblOggetto,
'opt0':t.opt0,'opt1':t.opt1,'opt2':t.opt2,'opt3':t.opt3,'opt4':t.opt4,'opt5':t.opt5,
'lbl-msg':t.lblMsg,'btn-send':t.btnSend,'success-msg':t.successMsg
};
for (var id in ids) {
var el = document.getElementById(id);
if (el) el.innerHTML = ids[id];
}
var msgEl = document.getElementById('cf-msg');
if (msgEl) msgEl.placeholder = t.ph_msg;
var legEl = document.getElementById('legal-note');
if (legEl) legEl.innerHTML = t.legalNote + ' <a href="/privacy-policy/" style="color:#0a3d8f">Privacy Policy</a>.';
var badgeEl = document.getElementById('badge-text');
if (badgeEl) badgeEl.innerHTML = t.badge;
})();
/* Envoi formulaire → email via wp_mail */
document.getElementById('cf-contact-form').addEventListener('submit', function(e){
e.preventDefault();
var btn = document.getElementById('btn-send');
btn.disabled = true;
btn.textContent = '…';
var data = new FormData();
data.append('action','cf_contact_message');
data.append('nome', document.getElementById('cf-nome').value);
data.append('email', document.getElementById('cf-mail').value);
data.append('oggetto', document.getElementById('cf-oggetto').value);
data.append('messaggio', document.getElementById('cf-msg').value);
fetch('/wp-admin/admin-ajax.php', {method:'POST', body:data})
.then(function(r){ return r.json(); })
.catch(function(){})
.finally(function(){
document.getElementById('cf-contact-form').style.display = 'none';
document.getElementById('cf-success').style.display = 'block';
});
});
</script>
