[{"id":"html","name":"Html","className":"HtmlPlugin","icon":"fas fa-code","hash":["u3crjj0z3zs"],"parent":null,"type":"draggable","classType":"section-htmlPlugin","value":"<!DOCTYPE html>\n<html lang=\"ca\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Broker Hipotecari | InModerna GSI</title>\n\n<style>\n:root{\n --blue:#1e40af;\n --blue-light:#eff6ff;\n --dark:#1f2937;\n --text:#555;\n --bg:#f5f7fb;\n --white:#ffffff;\n}\n\nbody{\n margin:0;\n font-family:'Segoe UI', sans-serif;\n background:var(--bg);\n color:var(--dark);\n}\n\n/* HERO */\n.hero{\n background:linear-gradient(rgba(0,0,0,0.58), rgba(0,0,0,0.58)),\n url('https://images.unsplash.com/photo-1560518883-ce09059eeffa') center/cover;\n min-height:85vh;\n display:flex;\n align-items:center;\n justify-content:center;\n text-align:center;\n color:white;\n padding:40px 20px;\n}\n\n.hero-box{\n max-width:850px;\n}\n\n.hero-badge{\n display:inline-block;\n background:rgba(255,255,255,0.16);\n border:1px solid rgba(255,255,255,0.35);\n padding:8px 18px;\n border-radius:30px;\n font-size:14px;\n font-weight:600;\n margin-bottom:18px;\n backdrop-filter:blur(6px);\n}\n\n.hero h1{\n font-size:58px;\n margin:0 0 14px;\n letter-spacing:2px;\n}\n\n.hero p{\n font-size:20px;\n opacity:0.94;\n max-width:720px;\n margin:auto;\n line-height:1.7;\n}\n\n.cta{\n margin-top:30px;\n}\n\n.cta a{\n background:white;\n color:var(--blue);\n padding:14px 30px;\n border-radius:30px;\n text-decoration:none;\n font-weight:700;\n display:inline-block;\n transition:0.3s;\n box-shadow:0 10px 25px rgba(0,0,0,0.18);\n}\n\n.cta a:hover{\n transform:translateY(-3px);\n}\n\n/* SECCIONES */\n.section{\n max-width:1200px;\n margin:80px auto;\n padding:0 20px;\n}\n\n.title{\n text-align:center;\n font-size:40px;\n margin-bottom:10px;\n color:var(--dark);\n}\n\n.subtitle{\n text-align:center;\n max-width:760px;\n margin:0 auto 35px;\n color:var(--text);\n font-size:17px;\n line-height:1.8;\n}\n\n.line{\n width:90px;\n height:4px;\n background:var(--blue);\n margin:0 auto 40px;\n border-radius:20px;\n}\n\n/* GRID */\n.grid{\n display:grid;\n grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n gap:22px;\n}\n\n.card{\n background:white;\n padding:28px 25px;\n border-radius:20px;\n box-shadow:0 10px 25px rgba(0,0,0,0.06);\n transition:0.3s;\n border:1px solid rgba(30,64,175,0.08);\n position:relative;\n overflow:hidden;\n}\n\n.card::before{\n content:'';\n position:absolute;\n top:0;\n left:0;\n width:100%;\n height:4px;\n background:var(--blue);\n opacity:0.8;\n}\n\n.card:hover{\n transform:translateY(-6px);\n box-shadow:0 16px 35px rgba(0,0,0,0.10);\n}\n\n.icon{\n width:48px;\n height:48px;\n border-radius:50%;\n background:var(--blue-light);\n color:var(--blue);\n display:flex;\n align-items:center;\n justify-content:center;\n font-size:22px;\n font-weight:700;\n margin-bottom:16px;\n}\n\n.card h3{\n margin:0 0 10px;\n font-size:22px;\n color:var(--dark);\n}\n\n.card p{\n color:var(--text);\n line-height:1.7;\n margin:0;\n}\n\n/* BLOQUE DESTACADO */\n.highlight{\n background:linear-gradient(135deg, #1e40af, #1d4ed8);\n color:white;\n padding:55px 35px;\n border-radius:24px;\n text-align:center;\n margin:60px 0;\n box-shadow:0 16px 40px rgba(30,64,175,0.25);\n}\n\n.highlight h2{\n margin:0 0 12px;\n font-size:34px;\n color:white;\n}\n\n.highlight p{\n max-width:760px;\n margin:0 auto 28px;\n font-size:18px;\n line-height:1.8;\n color:white;\n}\n\n.highlight-points{\n display:flex;\n justify-content:center;\n flex-wrap:wrap;\n gap:15px;\n margin-top:10px;\n}\n\n.highlight-points span{\n background:rgba(255,255,255,0.16);\n border:1px solid rgba(255,255,255,0.28);\n padding:10px 18px;\n border-radius:30px;\n font-weight:600;\n}\n\n/* IMAGEN HIBOTECA */\n.hiboteca-image{\n max-width:1200px;\n margin:20px auto 80px;\n padding:0 20px;\n text-align:center;\n}\n\n.hiboteca-image img{\n max-width:620px;\n width:100%;\n height:auto;\n display:block;\n margin:0 auto;\n border-radius:18px;\n box-shadow:0 14px 40px rgba(0,0,0,0.18);\n}\n\n/* FAQ */\n.faq{\n max-width:900px;\n margin:auto;\n}\n\n.faq details{\n background:white;\n margin-bottom:12px;\n border-radius:14px;\n box-shadow:0 6px 18px rgba(0,0,0,0.05);\n padding:18px 20px;\n border:1px solid rgba(30,64,175,0.08);\n}\n\n.faq summary{\n cursor:pointer;\n font-weight:700;\n color:var(--dark);\n list-style:none;\n}\n\n.faq summary::-webkit-details-marker{\n display:none;\n}\n\n.faq summary::after{\n content:'+';\n float:right;\n color:var(--blue);\n font-size:22px;\n line-height:18px;\n}\n\n.faq details[open] summary::after{\n content:'−';\n}\n\n.faq p{\n color:var(--text);\n line-height:1.7;\n margin:14px 0 0;\n}\n\n/* RESPONSIVE */\n@media(max-width:768px){\n .hero h1{\n font-size:40px;\n }\n\n .hero p{\n font-size:17px;\n }\n\n .title{\n font-size:32px;\n }\n\n .section{\n margin:60px auto;\n }\n\n .highlight{\n padding:40px 22px;\n }\n\n .highlight h2{\n font-size:28px;\n }\n}\n</style>\n</head>\n\n<body>\n\n\n<div class=\"hero\">\n <div class=\"hero-box\">\n <div class=\"hero-badge\">Servei hipotecari amb Hiboteca</div>\n\n <h1>Broker Hipotecari</h1>\n\n <p>\n T’ajudem a aconseguir la millor hipoteca del mercat negociant directament amb els bancs per tu.\n </p>\n\n <div class=\"cta\">\n <a href=\"https://hiboteca.com/landing/inmoderna-gsi\" target=\"_blank\" rel=\"noopener\">\n Accedir a Hiboteca\n </a>\n </div>\n </div>\n</div>\n\n\n<div class=\"section\">\n <h2 class=\"title\">Què fem per tu</h2>\n <p class=\"subtitle\">\n T’acompanyem durant tot el procés hipotecari perquè puguis comparar opcions, entendre les condicions i prendre una decisió amb més seguretat.\n </p>\n <div class=\"line\"></div>\n\n <div class=\"grid\">\n\n <div class=\"card\">\n <div class=\"icon\">🏦</div>\n <h3>Negociació amb bancs</h3>\n <p>Busquem i comparem ofertes de múltiples entitats financeres per trobar l’opció més adequada.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">📊</div>\n <h3>Anàlisi del teu perfil</h3>\n <p>Estudiem la teva situació econòmica per aconseguir les millors condicions possibles.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">%</div>\n <h3>Millors condicions</h3>\n <p>Busquem tipus d’interès competitius i més opcions de finançament, fins al 100% en alguns casos.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">📄</div>\n <h3>Gestió completa</h3>\n <p>Ens encarreguem de la documentació i del seguiment fins al moment de la signatura.</p>\n </div>\n\n </div>\n</div>\n\n\n<div class=\"section\">\n <div class=\"highlight\">\n <h2>Sense complicacions</h2>\n <p>\n Un únic interlocutor, assessorament personalitzat i transparència total durant tot el procés hipotecari.\n </p>\n\n <div class=\"highlight-points\">\n <span>Comparació bancària</span>\n <span>Assessorament proper</span>\n <span>Procés més àgil</span>\n </div>\n </div>\n</div>\n\n\n<div class=\"section\">\n <h2 class=\"title\">Per què triar-nos</h2>\n <p class=\"subtitle\">\n El nostre objectiu és que puguis accedir a una hipoteca amb bones condicions i amb tota la informació clara des del principi.\n </p>\n <div class=\"line\"></div>\n\n <div class=\"grid\">\n\n <div class=\"card\">\n <div class=\"icon\">⚡</div>\n <h3>Rapidesa</h3>\n <p>Respostes i ofertes en menys temps perquè puguis avançar amb seguretat.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">🔎</div>\n <h3>Comparació real</h3>\n <p>Analitzem diferents opcions del mercat bancari per trobar la proposta més interessant.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">✓</div>\n <h3>Transparència</h3>\n <p>Condicions clares, sense lletra petita i amb explicacions senzilles durant tot el procés.</p>\n </div>\n\n </div>\n</div>\n\n\n<div class=\"hiboteca-image\">\n <img src=\"https://www.inmoderna.es/images/67944_Gerard_juny%20imagen.jpg\" alt=\"Millors condicions Hiboteca - Juny 2026\">\n</div>\n\n\n<div class=\"section\">\n <h2 class=\"title\">Preguntes freqüents</h2>\n <div class=\"line\"></div>\n\n <div class=\"faq\">\n\n <details>\n <summary>Què és un broker hipotecari?</summary>\n <p>És un intermediari que negocia amb els bancs per aconseguir millors condicions hipotecàries per al client.</p>\n </details>\n\n <details>\n <summary>Quant puc finançar?</summary>\n <p>Depèn del teu perfil econòmic i de l’operació. En alguns casos es pot arribar fins al 100% de finançament.</p>\n </details>\n\n <details>\n <summary>Quant costa el servei?</summary>\n <p>El cost es defineix segons l’operació i el tipus de servei contractat, sempre amb informació clara abans d’avançar.</p>\n </details>\n\n </div>\n</div>\n\n</body>\n</html>","limit":-1,"order":101}]

Broker Hipotecari | InModerna GSI

Servei hipotecari amb Hiboteca

Broker Hipotecari

T’ajudem a aconseguir la millor hipoteca del mercat negociant directament amb els bancs per tu.

Accedir a Hiboteca

Què fem per tu

T’acompanyem durant tot el procés hipotecari perquè puguis comparar opcions, entendre les condicions i prendre una decisió amb més seguretat.

🏦

Negociació amb bancs

Busquem i comparem ofertes de múltiples entitats financeres per trobar l’opció més adequada.

📊

Anàlisi del teu perfil

Estudiem la teva situació econòmica per aconseguir les millors condicions possibles.

Millors condicions

Busquem tipus d’interès competitius i més opcions de finançament, fins al 100% en alguns casos.

📄

Gestió completa

Ens encarreguem de la documentació i del seguiment fins al moment de la signatura.

Sense complicacions

Un únic interlocutor, assessorament personalitzat i transparència total durant tot el procés hipotecari.

   Comparació bancària
   Assessorament proper
   Procés més àgil
  

Per què triar-nos

El nostre objectiu és que puguis accedir a una hipoteca amb bones condicions i amb tota la informació clara des del principi.

⚡

Rapidesa

Respostes i ofertes en menys temps perquè puguis avançar amb seguretat.

🔎

Comparació real

Analitzem diferents opcions del mercat bancari per trobar la proposta més interessant.

✓

Transparència

Condicions clares, sense lletra petita i amb explicacions senzilles durant tot el procés.

Preguntes freqüents

Què és un broker hipotecari?

És un intermediari que negocia amb els bancs per aconseguir millors condicions hipotecàries per al client.

Quant puc finançar?

Depèn del teu perfil econòmic i de l’operació. En alguns casos es pot arribar fins al 100% de finançament.

Quant costa el servei?

El cost es defineix segons l’operació i el tipus de servei contractat, sempre amb informació clara abans d’avançar.