[{"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=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Bróker Hipotecario | 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<!-- HERO -->\n<div class=\"hero\">\n <div class=\"hero-box\">\n <div class=\"hero-badge\">Servicio hipotecario con Hiboteca</div>\n\n <h1>Bróker Hipotecario</h1>\n\n <p>\n Te ayudamos a conseguir la mejor hipoteca del mercado negociando directamente con los bancos por ti.\n </p>\n\n <div class=\"cta\">\n <a href=\"https://hiboteca.com/landing/inmoderna-gsi\" target=\"_blank\" rel=\"noopener\">\n Acceder a Hiboteca\n </a>\n </div>\n </div>\n</div>\n\n<!-- QUÉ HACEMOS -->\n<div class=\"section\">\n <h2 class=\"title\">Qué hacemos por ti</h2>\n <p class=\"subtitle\">\n Te acompañamos durante todo el proceso hipotecario para que puedas comparar opciones, entender las condiciones y tomar una decisión con mayor seguridad.\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ón con bancos</h3>\n <p>Buscamos y comparamos ofertas de múltiples entidades financieras para encontrar la opción más adecuada.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">📊</div>\n <h3>Análisis de tu perfil</h3>\n <p>Estudiamos tu situación económica para conseguir las mejores condiciones posibles.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">%</div>\n <h3>Mejores condiciones</h3>\n <p>Buscamos tipos de interés competitivos y más opciones de financiación, hasta el 100% en algunos casos.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">📄</div>\n <h3>Gestión completa</h3>\n <p>Nos encargamos de la documentación y del seguimiento hasta el momento de la firma.</p>\n </div>\n\n </div>\n</div>\n\n<!-- DESTACADO -->\n<div class=\"section\">\n <div class=\"highlight\">\n <h2>Sin complicaciones</h2>\n <p>\n Un único interlocutor, asesoramiento personalizado y transparencia total durante todo el proceso hipotecario.\n </p>\n\n <div class=\"highlight-points\">\n <span>Comparación bancaria</span>\n <span>Asesoramiento cercano</span>\n <span>Proceso más ágil</span>\n </div>\n </div>\n</div>\n\n<!-- VENTAJAS -->\n<div class=\"section\">\n <h2 class=\"title\">Por qué elegirnos</h2>\n <p class=\"subtitle\">\n Nuestro objetivo es que puedas acceder a una hipoteca con buenas condiciones y con toda la información clara desde el principio.\n </p>\n <div class=\"line\"></div>\n\n <div class=\"grid\">\n\n <div class=\"card\">\n <div class=\"icon\">⚡</div>\n <h3>Rapidez</h3>\n <p>Respuestas y ofertas en menos tiempo para que puedas avanzar con seguridad.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">🔎</div>\n <h3>Comparación real</h3>\n <p>Analizamos diferentes opciones del mercado bancario para encontrar la propuesta más interesante.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">✓</div>\n <h3>Transparencia</h3>\n <p>Condiciones claras, sin letra pequeña y con explicaciones sencillas durante todo el proceso.</p>\n </div>\n\n </div>\n</div>\n\n<!-- IMAGEN HIBOTECA -->\n<div class=\"hiboteca-image\">\n <img src=\"https://www.inmoderna.es/images/67944_Gerard_juny%20imagen.jpg\" alt=\"Mejores condiciones Hiboteca - Junio 2026\">\n</div>\n\n<!-- FAQ -->\n<div class=\"section\">\n <h2 class=\"title\">Preguntas frecuentes</h2>\n <div class=\"line\"></div>\n\n <div class=\"faq\">\n\n <details>\n <summary>¿Qué es un bróker hipotecario?</summary>\n <p>Es un intermediario que negocia con los bancos para conseguir mejores condiciones hipotecarias para el cliente.</p>\n </details>\n\n <details>\n <summary>¿Cuánto puedo financiar?</summary>\n <p>Depende de tu perfil económico y de la operación. En algunos casos se puede llegar hasta el 100% de financiación.</p>\n </details>\n\n <details>\n <summary>¿Cuánto cuesta el servicio?</summary>\n <p>El coste se define según la operación y el tipo de servicio contratado, siempre con información clara antes de avanzar.</p>\n </details>\n\n </div>\n</div>\n\n</body>\n</html>","limit":-1,"order":101}]
Bróker Hipotecario | InModerna GSI
Servicio hipotecario con Hiboteca
Bróker Hipotecario
Te ayudamos a conseguir la mejor hipoteca del mercado negociando directamente con los bancos por ti.
Te acompañamos durante todo el proceso hipotecario para que puedas comparar opciones, entender las condiciones y tomar una decisión con mayor seguridad.
🏦
Negociación con bancos
Buscamos y comparamos ofertas de múltiples entidades financieras para encontrar la opción más adecuada.
📊
Análisis de tu perfil
Estudiamos tu situación económica para conseguir las mejores condiciones posibles.
%
Mejores condiciones
Buscamos tipos de interés competitivos y más opciones de financiación, hasta el 100% en algunos casos.
📄
Gestión completa
Nos encargamos de la documentación y del seguimiento hasta el momento de la firma.
Sin complicaciones
Un único interlocutor, asesoramiento personalizado y transparencia total durante todo el proceso hipotecario.
Comparación bancariaAsesoramiento cercanoProceso más ágil
Por qué elegirnos
Nuestro objetivo es que puedas acceder a una hipoteca con buenas condiciones y con toda la información clara desde el principio.
⚡
Rapidez
Respuestas y ofertas en menos tiempo para que puedas avanzar con seguridad.
🔎
Comparación real
Analizamos diferentes opciones del mercado bancario para encontrar la propuesta más interesante.
✓
Transparencia
Condiciones claras, sin letra pequeña y con explicaciones sencillas durante todo el proceso.
Preguntas frecuentes
¿Qué es un bróker hipotecario?
Es un intermediario que negocia con los bancos para conseguir mejores condiciones hipotecarias para el cliente.
¿Cuánto puedo financiar?
Depende de tu perfil económico y de la operación. En algunos casos se puede llegar hasta el 100% de financiación.
¿Cuánto cuesta el servicio?
El coste se define según la operación y el tipo de servicio contratado, siempre con información clara antes de avanzar.