[{"id":"html","name":"Html","className":"HtmlPlugin","icon":"fas fa-code","hash":["n2znm004hhj"],"parent":null,"type":"draggable","classType":"section-htmlPlugin","value":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Mortgage Broker | 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/* SECTIONS */\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/* HIGHLIGHT BLOCK */\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/* HIBOTECA IMAGE */\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<!-- HERO -->\n<div class=\"hero\">\n <div class=\"hero-box\">\n <div class=\"hero-badge\">Mortgage service with Hiboteca</div>\n\n <h1>Mortgage Broker</h1>\n\n <p>\n We help you obtain the best mortgage on the market by negotiating directly with banks on your behalf.\n </p>\n\n <div class=\"cta\">\n <a href=\"https://hiboteca.com/landing/inmoderna-gsi\" target=\"_blank\" rel=\"noopener\">\n Access Hiboteca\n </a>\n </div>\n </div>\n</div>\n\n<!-- WHAT WE DO -->\n<div class=\"section\">\n <h2 class=\"title\">What we do for you</h2>\n <p class=\"subtitle\">\n We support you throughout the mortgage process so you can compare options, understand the conditions and make a safer decision.\n </p>\n <div class=\"line\"></div>\n\n <div class=\"grid\">\n\n <div class=\"card\">\n <div class=\"icon\">🏦</div>\n <h3>Bank negotiation</h3>\n <p>We search for and compare offers from multiple financial institutions to find the most suitable option.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">📊</div>\n <h3>Profile analysis</h3>\n <p>We study your financial situation to obtain the best possible conditions.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">%</div>\n <h3>Better conditions</h3>\n <p>We look for competitive interest rates and more financing options, up to 100% in some cases.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">📄</div>\n <h3>Full management</h3>\n <p>We handle the documentation and follow-up until the signing stage.</p>\n </div>\n\n </div>\n</div>\n\n<!-- HIGHLIGHT -->\n<div class=\"section\">\n <div class=\"highlight\">\n <h2>No complications</h2>\n <p>\n A single point of contact, personalised advice and total transparency throughout the mortgage process.\n </p>\n\n <div class=\"highlight-points\">\n <span>Bank comparison</span>\n <span>Personalised advice</span>\n <span>Faster process</span>\n </div>\n </div>\n</div>\n\n<!-- ADVANTAGES -->\n<div class=\"section\">\n <h2 class=\"title\">Why choose us</h2>\n <p class=\"subtitle\">\n Our goal is to help you access a mortgage with good conditions and clear information from the very beginning.\n </p>\n <div class=\"line\"></div>\n\n <div class=\"grid\">\n\n <div class=\"card\">\n <div class=\"icon\">⚡</div>\n <h3>Speed</h3>\n <p>Responses and offers in less time so you can move forward with confidence.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">🔎</div>\n <h3>Real comparison</h3>\n <p>We analyse different options in the banking market to find the most interesting proposal.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">✓</div>\n <h3>Transparency</h3>\n <p>Clear conditions, no fine print and simple explanations throughout the process.</p>\n </div>\n\n </div>\n</div>\n\n<!-- HIBOTECA IMAGE -->\n<div class=\"hiboteca-image\">\n <img src=\"https://www.inmoderna.es/images/67944_Gerard_juny%20imagen.jpg\" alt=\"Best Hiboteca conditions - June 2026\">\n</div>\n\n<!-- FAQ -->\n<div class=\"section\">\n <h2 class=\"title\">Frequently asked questions</h2>\n <div class=\"line\"></div>\n\n <div class=\"faq\">\n\n <details>\n <summary>What is a mortgage broker?</summary>\n <p>A mortgage broker is an intermediary who negotiates with banks to obtain better mortgage conditions for the client.</p>\n </details>\n\n <details>\n <summary>How much can I finance?</summary>\n <p>It depends on your financial profile and the transaction. In some cases, financing can reach up to 100%.</p>\n </details>\n\n <details>\n <summary>How much does the service cost?</summary>\n <p>The cost is defined according to the transaction and the type of service contracted, always with clear information before moving forward.</p>\n </details>\n\n </div>\n</div>\n\n</body>\n</html>","limit":-1,"order":101}]
Mortgage Broker | InModerna GSI
Mortgage service with Hiboteca
Mortgage Broker
We help you obtain the best mortgage on the market by negotiating directly with banks on your behalf.