{"id":6,"date":"2024-09-03T05:52:50","date_gmt":"2024-09-03T05:52:50","guid":{"rendered":"https:\/\/templates.animation-addons.com\/classic-architecture\/?page_id=6"},"modified":"2026-05-28T11:13:08","modified_gmt":"2026-05-28T11:13:08","slug":"viviendas-vpo-espartinas-villas-del-espartal-2","status":"publish","type":"page","link":"https:\/\/residencialelespartal.com\/","title":{"rendered":"Viviendas VPO Espartinas | Villas del Espartal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c0743b8 e-flex e-con-boxed e-con e-parent\" data-id=\"5c0743b8\" data-element_type=\"container\" data-e-type=\"container\" id=\"DOSIER\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/residencialelespartal.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/envato_video_gen_Feb_10_2026_12_49_43.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-a198c41 e-con-full e-flex e-con e-child\" data-id=\"a198c41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2c8052 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"d2c8052\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"212\" src=\"https:\/\/residencialelespartal.com\/wp-content\/uploads\/2024\/09\/LOGO-RESIDENCIAL-EL-ESPARTAL-V1-CA-12-02-26-cc-300x212.png\" class=\"attachment-medium size-medium wp-image-12357\" alt=\"\" srcset=\"https:\/\/residencialelespartal.com\/wp-content\/uploads\/2024\/09\/LOGO-RESIDENCIAL-EL-ESPARTAL-V1-CA-12-02-26-cc-300x212.png 300w, https:\/\/residencialelespartal.com\/wp-content\/uploads\/2024\/09\/LOGO-RESIDENCIAL-EL-ESPARTAL-V1-CA-12-02-26-cc-768x543.png 768w, https:\/\/residencialelespartal.com\/wp-content\/uploads\/2024\/09\/LOGO-RESIDENCIAL-EL-ESPARTAL-V1-CA-12-02-26-cc.png 842w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a080639 e-con-full e-flex e-con e-child\" data-id=\"a080639\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7809a3 elementor-widget elementor-widget-html\" data-id=\"d7809a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WIDGET CONTADOR DE VISITAS \u2014 GRUPO Q -->\r\n<!-- Comportamiento:\r\n* \u23f1\ufe0f Aparece a los 10 segundos exactos con animaci\u00f3n suave\r\n* \ud83d\udd25 Muestra \"X personas viendo esta promoci\u00f3n ahora\"\r\n* \ud83d\udd04 El n\u00famero cambia cada 35 segundos con animaci\u00f3n de flip\r\n* \u2715 Tiene bot\u00f3n para cerrar discreto\r\n* \ud83d\udfe2 Punto verde pulsante de \"en vivo\"\r\nL\u00f3gica del n\u00famero (realista):\r\n* Madrugada (0-7h) \u2192 8\u201314 personas\r\n* Ma\u00f1ana (7-10h) \u2192 18\u201332 personas\r\n* Mediod\u00eda (10-14h) \u2192 28\u201352 personas\r\n* Tarde (17-21h) \u2192 30\u201360 personas\r\n* Cada cambio fluct\u00faa \u00b13 del n\u00famero anterior, nunca da saltos bruscos\" -->\r\n\r\n<div id=\"gq-visitors\">\r\n  <div id=\"gq-dot\"><\/div>\r\n  <span id=\"gq-text\"><\/span>\r\n  <button id=\"gq-close\" onclick=\"document.getElementById('gq-visitors').remove()\">\u2715<\/button>\r\n<\/div>\r\n\r\n<style>\r\n  #gq-visitors {\r\n    display: none;\r\n    position: fixed;\r\n    top: 90px;\r\n    right: 24px;\r\n    z-index: 99999;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 12px 18px 12px 14px;\r\n    background: rgba(255, 255, 255, 0.18);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border: 1px solid rgba(255, 255, 255, 0.35);\r\n    border-radius: 50px;\r\n    box-shadow: 0 8px 32px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.08);\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #1a1a1a;\r\n    white-space: nowrap;\r\n    cursor: default;\r\n    user-select: none;\r\n  }\r\n\r\n  \/* La clase que JS a\u00f1ade para mostrarlo *\/\r\n  #gq-visitors.gq-visible {\r\n    display: flex;\r\n    animation: gqSlideIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    #gq-visitors {\r\n      top: auto;\r\n      bottom: 100px;\r\n      left: 50%;\r\n      right: auto;\r\n      transform: translateX(-50%);\r\n      font-size: 12px;\r\n      white-space: nowrap;\r\n      max-width: 92vw;\r\n    }\r\n\r\n    #gq-visitors.gq-visible {\r\n      animation: gqSlideInMobile 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;\r\n    }\r\n  }\r\n\r\n  @keyframes gqSlideInMobile {\r\n    from { opacity: 0; transform: translateX(-50%) translateY(16px) scale(0.92); }\r\n    to   { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }\r\n  }\r\n\r\n  @keyframes gqSlideIn {\r\n    from { opacity: 0; transform: translateY(-16px) scale(0.92); }\r\n    to   { opacity: 1; transform: translateY(0) scale(1); }\r\n  }\r\n\r\n  @keyframes gqFadeNum {\r\n    0%   { opacity: 1; transform: translateY(0); }\r\n    40%  { opacity: 0; transform: translateY(-6px); }\r\n    60%  { opacity: 0; transform: translateY(6px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .gq-num-change {\r\n    display: inline-block;\r\n    animation: gqFadeNum 0.5s ease both;\r\n  }\r\n\r\n  #gq-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: #22c55e;\r\n    box-shadow: 0 0 0 0 rgba(34,197,94,0.6);\r\n    animation: gqPulse 1.8s infinite;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  @keyframes gqPulse {\r\n    0%   { box-shadow: 0 0 0 0   rgba(34,197,94,0.6); }\r\n    70%  { box-shadow: 0 0 0 8px rgba(34,197,94,0); }\r\n    100% { box-shadow: 0 0 0 0   rgba(34,197,94,0); }\r\n  }\r\n\r\n  #gq-close {\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    font-size: 11px;\r\n    color: #888;\r\n    padding: 0 0 0 4px;\r\n    line-height: 1;\r\n    transition: color 0.2s;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  #gq-close:hover { color: #333; }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n\r\n  var DELAY_SHOW   = 10000; \/\/ ms hasta que aparece (10 segundos)\r\n  var INTERVAL_NEW = 35000; \/\/ ms entre cada cambio de n\u00famero\r\n  var MIN_VISITORS = 8;\r\n  var MAX_VISITORS = 60;\r\n\r\n  function rand(min, max) {\r\n    return Math.floor(Math.random() * (max - min + 1)) + min;\r\n  }\r\n\r\n  \/\/ N\u00famero base seg\u00fan franja horaria\r\n  function realisticBase() {\r\n    var h = new Date().getHours();\r\n    if (h >= 0  && h < 7)  return rand(MIN_VISITORS, 14);\r\n    if (h >= 7  && h < 10) return rand(18, 32);\r\n    if (h >= 10 && h < 14) return rand(28, 52);\r\n    if (h >= 14 && h < 17) return rand(24, 48);\r\n    if (h >= 17 && h < 21) return rand(30, MAX_VISITORS);\r\n    return rand(12, 28);\r\n  }\r\n\r\n  \/\/ Fluctuaci\u00f3n suave \u00b13\r\n  function fluctuate(current) {\r\n    var next = current + rand(-3, 4);\r\n    return Math.min(MAX_VISITORS, Math.max(MIN_VISITORS, next));\r\n  }\r\n\r\n  var widget  = document.getElementById('gq-visitors');\r\n  var textEl  = document.getElementById('gq-text');\r\n  var current = realisticBase();\r\n\r\n  function renderText(n, animate) {\r\n    var numSpan = animate\r\n      ? '<span class=\"gq-num-change\">\ud83d\udd25 ' + n + '<\/span>'\r\n      : '\ud83d\udd25 ' + n;\r\n    textEl.innerHTML = numSpan + ' personas viendo esta promoci\u00f3n ahora';\r\n  }\r\n\r\n  \/\/ Nada visible hasta que pasan los 10 segundos\r\n  setTimeout(function() {\r\n    renderText(current, false);\r\n    widget.classList.add('gq-visible'); \/\/ aqu\u00ed aparece todo a la vez\r\n\r\n    setInterval(function() {\r\n      current = fluctuate(current);\r\n      renderText(current, true);\r\n    }, INTERVAL_NEW);\r\n\r\n  }, DELAY_SHOW);\r\n\r\n})();\r\n<\/script>\r\n<!-- FIN WIDGET CONTADOR \u2014 GRUPO Q -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27b3905 e-con-full e-flex e-con e-parent\" data-id=\"27b3905\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fc156a elementor-widget elementor-widget-html\" data-id=\"5fc156a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"espartal-hero-cta\">\r\n  <style>\r\n    #espartal-hero-cta {\r\n      --esp-orange: #e9963e;\r\n      --esp-orange-dark: #c97822;\r\n      --esp-red: #c7222c;\r\n      --esp-text: #111111;\r\n      --esp-muted: #68727d;\r\n      --esp-line: rgba(17, 17, 17, 0.10);\r\n      --esp-white: #ffffff;\r\n      --esp-soft: #f8f6f3;\r\n\r\n      width: 100%;\r\n      font-family: inherit;\r\n      background: #ffffff;\r\n      color: var(--esp-text);\r\n      box-sizing: border-box;\r\n      border-bottom: 1px solid var(--esp-line);\r\n    }\r\n\r\n    #espartal-hero-cta * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #espartal-hero-cta a {\r\n      color: inherit;\r\n      text-decoration: none;\r\n    }\r\n\r\n    .espcta-wrap {\r\n      width: 100%;\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n      padding: 24px 22px;\r\n    }\r\n\r\n    .espcta-box {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) auto;\r\n      gap: 24px;\r\n      align-items: center;\r\n      padding: 24px 28px;\r\n      border-radius: 28px;\r\n      background: #ffffff;\r\n      border: 1px solid var(--esp-line);\r\n      box-shadow: 0 18px 50px rgba(17, 17, 17, 0.07);\r\n    }\r\n\r\n    .espcta-content {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 20px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .espcta-icon {\r\n      flex: 0 0 auto;\r\n      width: 54px;\r\n      height: 54px;\r\n      border-radius: 999px;\r\n      background: rgba(233, 150, 62, 0.13);\r\n      color: var(--esp-orange);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 24px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .espcta-text span {\r\n      display: block;\r\n      margin-bottom: 6px;\r\n      color: var(--esp-orange);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n    }\r\n\r\n    .espcta-text h2 {\r\n      margin: 0;\r\n      font-size: clamp(24px, 3vw, 36px);\r\n      line-height: 1.08;\r\n      letter-spacing: -0.04em;\r\n      font-weight: 850;\r\n      color: var(--esp-text);\r\n    }\r\n\r\n    .espcta-text h2 a {\r\n      color: var(--esp-text);\r\n      transition: color 0.2s ease;\r\n    }\r\n\r\n    .espcta-text h2 a:hover {\r\n      color: var(--esp-orange-dark);\r\n    }\r\n\r\n    .espcta-text p {\r\n      margin: 8px 0 0;\r\n      font-size: 15px;\r\n      line-height: 1.55;\r\n      color: var(--esp-muted);\r\n    }\r\n\r\n    .espcta-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n      justify-content: flex-end;\r\n    }\r\n\r\n    .espcta-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 48px;\r\n      padding: 0 22px;\r\n      border-radius: 999px;\r\n      font-size: 14px;\r\n      font-weight: 850;\r\n      line-height: 1;\r\n      transition: all 0.22s ease;\r\n      border: 1px solid transparent;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .espcta-btn-primary {\r\n      background: var(--esp-orange);\r\n      color: #ffffff !important;\r\n      box-shadow: 0 12px 24px rgba(233, 150, 62, 0.24);\r\n    }\r\n\r\n    .espcta-btn-primary:hover {\r\n      background: var(--esp-orange-dark);\r\n      color: #ffffff !important;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .espcta-btn-secondary {\r\n      background: #ffffff;\r\n      color: var(--esp-text) !important;\r\n      border-color: var(--esp-line);\r\n    }\r\n\r\n    .espcta-btn-secondary:hover {\r\n      border-color: var(--esp-orange);\r\n      color: var(--esp-orange-dark) !important;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .espcta-box {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .espcta-actions {\r\n        justify-content: flex-start;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .espcta-wrap {\r\n        padding: 18px 16px;\r\n      }\r\n\r\n      .espcta-box {\r\n        padding: 22px;\r\n        border-radius: 24px;\r\n      }\r\n\r\n      .espcta-content {\r\n        align-items: flex-start;\r\n        gap: 16px;\r\n      }\r\n\r\n      .espcta-icon {\r\n        width: 46px;\r\n        height: 46px;\r\n        font-size: 21px;\r\n      }\r\n\r\n      .espcta-actions {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .espcta-btn {\r\n        width: 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"espcta-wrap\">\r\n    <div class=\"espcta-box\">\r\n\r\n      <div class=\"espcta-content\">\r\n        <div class=\"espcta-icon\">\u260e<\/div>\r\n\r\n        <div class=\"espcta-text\">\r\n          <span>Informaci\u00f3n comercial<\/span>\r\n          <h2>\r\n            Ll\u00e1manos al <a href=\"tel:+34630245728\">630 245 728<\/a>\r\n          <\/h2>\r\n          <p>\r\n            Te informamos sobre disponibilidad, requisitos VPO y pr\u00f3ximos pasos para acceder a tu vivienda.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"espcta-actions\">\r\n        <a href=\"tel:+34630245728\" class=\"espcta-btn espcta-btn-primary\">Llamar ahora<\/a>\r\n        <a href=\"#form\" class=\"espcta-btn espcta-btn-secondary\">Solicitar informaci\u00f3n<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5de444 e-con-full e-flex e-con e-parent\" data-id=\"c5de444\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-572c5f3 elementor-widget elementor-widget-html\" data-id=\"572c5f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"espartal-after-hero\">\r\n  <style>\r\n    #espartal-after-hero {\r\n      --esp-orange: #e9963e;\r\n      --esp-orange-dark: #c97822;\r\n      --esp-red: #c7222c;\r\n      --esp-text: #111111;\r\n      --esp-muted: #68727d;\r\n      --esp-line: rgba(17, 17, 17, 0.10);\r\n      --esp-white: #ffffff;\r\n      --esp-bg: #fbfaf7;\r\n      --esp-soft: #f6f3ef;\r\n\r\n      width: 100%;\r\n      font-family: inherit;\r\n      color: var(--esp-text);\r\n      box-sizing: border-box;\r\n      overflow: hidden;\r\n\r\n      background:\r\n        radial-gradient(circle at 22% 18%, rgba(199, 34, 44, 0.115) 0%, rgba(199, 34, 44, 0.065) 22%, rgba(199, 34, 44, 0.018) 40%, transparent 58%),\r\n        radial-gradient(circle at 8% 85%, rgba(233, 150, 62, 0.10) 0%, rgba(233, 150, 62, 0.04) 32%, transparent 56%),\r\n        linear-gradient(90deg, #fbf8f6 0%, #fbfaf7 48%, #ffffff 100%);\r\n    }\r\n\r\n    #espartal-after-hero * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #espartal-after-hero a {\r\n      color: inherit;\r\n      text-decoration: none;\r\n    }\r\n\r\n    #espartal-after-hero img {\r\n      display: block;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .espah-wrap {\r\n      position: relative;\r\n      width: 100%;\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n      padding: 112px 22px 104px;\r\n    }\r\n\r\n    .espah-wrap::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 32px auto auto 12%;\r\n      width: 360px;\r\n      height: 360px;\r\n      border-radius: 999px;\r\n      background: radial-gradient(circle, rgba(199,34,44,0.08), transparent 68%);\r\n      filter: blur(8px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .espah-grid {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) 460px;\r\n      gap: 78px;\r\n      align-items: center;\r\n    }\r\n\r\n    .espah-content {\r\n      max-width: 720px;\r\n    }\r\n\r\n    .espah-logo-row {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 16px;\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .espah-living-logo {\r\n      width: 220px;\r\n      height: auto;\r\n    }\r\n\r\n    .espah-logo-line {\r\n      width: 74px;\r\n      height: 2px;\r\n      background: var(--esp-orange);\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .espah-title {\r\n      margin: 0;\r\n      max-width: 760px;\r\n      font-size: clamp(40px, 5.2vw, 70px);\r\n      line-height: 0.98;\r\n      letter-spacing: -0.06em;\r\n      font-weight: 850;\r\n      color: var(--esp-text);\r\n    }\r\n\r\n    .espah-title span {\r\n      color: var(--esp-orange);\r\n    }\r\n\r\n    .espah-copy {\r\n      margin: 28px 0 0;\r\n      max-width: 700px;\r\n      font-size: 18px;\r\n      line-height: 1.75;\r\n      color: var(--esp-muted);\r\n    }\r\n\r\n    .espah-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n      margin-top: 38px;\r\n    }\r\n\r\n    .espah-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 52px;\r\n      padding: 0 26px;\r\n      border-radius: 999px;\r\n      font-size: 14px;\r\n      font-weight: 850;\r\n      line-height: 1;\r\n      transition: all 0.22s ease;\r\n      border: 1px solid transparent;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .espah-btn-primary {\r\n      background: #111111;\r\n      color: #ffffff !important;\r\n      box-shadow: 0 14px 28px rgba(17,17,17,0.16);\r\n    }\r\n\r\n    .espah-btn-primary:hover {\r\n      background: #2a2a2a;\r\n      color: #ffffff !important;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .espah-btn-secondary {\r\n      background: #ffffff;\r\n      color: var(--esp-text) !important;\r\n      border-color: var(--esp-line);\r\n      box-shadow: 0 10px 24px rgba(17,17,17,0.045);\r\n    }\r\n\r\n    .espah-btn-secondary:hover {\r\n      border-color: var(--esp-orange);\r\n      color: var(--esp-orange-dark) !important;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .espah-note {\r\n      margin-top: 20px;\r\n      max-width: 640px;\r\n      font-size: 13px;\r\n      line-height: 1.6;\r\n      color: var(--esp-muted);\r\n    }\r\n\r\n    .espah-card {\r\n      position: relative;\r\n      padding: 18px;\r\n      border-radius: 34px;\r\n      background: rgba(255,255,255,0.86);\r\n      border: 1px solid rgba(17,17,17,0.08);\r\n      box-shadow: 0 28px 80px rgba(17,17,17,0.10);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .espah-card-top {\r\n      position: relative;\r\n      min-height: 250px;\r\n      padding: 30px;\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at 92% 6%, rgba(255,255,255,0.34), transparent 32%),\r\n        linear-gradient(135deg, #efa24b 0%, #e9963e 48%, #c97822 100%);\r\n    }\r\n\r\n    .espah-card-top::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -52px;\r\n      top: -58px;\r\n      width: 190px;\r\n      height: 190px;\r\n      border-radius: 999px;\r\n      background: rgba(255,255,255,0.18);\r\n    }\r\n\r\n    .espah-card-top::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: -56px;\r\n      bottom: -86px;\r\n      width: 250px;\r\n      height: 250px;\r\n      border-radius: 999px;\r\n      background: rgba(255,255,255,0.10);\r\n    }\r\n\r\n    .espah-price-label {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: inline-flex;\r\n      margin-bottom: 24px;\r\n      padding: 8px 13px;\r\n      border-radius: 999px;\r\n      background: rgba(255,255,255,0.92);\r\n      color: var(--esp-orange-dark);\r\n      font-size: 11px;\r\n      font-weight: 950;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n    }\r\n\r\n    .espah-price {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 0;\r\n      max-width: 350px;\r\n      font-size: clamp(42px, 4vw, 58px);\r\n      line-height: 0.94;\r\n      letter-spacing: -0.06em;\r\n      color: #ffffff;\r\n      font-weight: 950;\r\n      text-shadow: 0 12px 30px rgba(120, 67, 16, 0.24);\r\n    }\r\n\r\n    .espah-price small {\r\n      display: block;\r\n      margin-top: 16px;\r\n      max-width: 360px;\r\n      font-size: 15px;\r\n      line-height: 1.38;\r\n      letter-spacing: 0;\r\n      font-weight: 800;\r\n      color: rgba(255,255,255,0.95);\r\n    }\r\n\r\n    .espah-price sup {\r\n      font-size: 0.38em;\r\n      vertical-align: super;\r\n      letter-spacing: 0;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .espah-mini-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 12px;\r\n      margin-top: 14px;\r\n    }\r\n\r\n    .espah-mini {\r\n      min-height: 108px;\r\n      padding: 18px;\r\n      border-radius: 20px;\r\n      background: #ffffff;\r\n      border: 1px solid rgba(17,17,17,0.08);\r\n      box-shadow: 0 10px 24px rgba(17,17,17,0.035);\r\n    }\r\n\r\n    .espah-mini-icon {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 34px;\r\n      height: 34px;\r\n      margin-bottom: 13px;\r\n      border-radius: 999px;\r\n      background: rgba(233,150,62,0.13);\r\n      color: var(--esp-orange);\r\n      font-size: 17px;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .espah-mini strong {\r\n      display: block;\r\n      margin-bottom: 5px;\r\n      font-size: 15px;\r\n      line-height: 1.2;\r\n      color: var(--esp-text);\r\n    }\r\n\r\n    .espah-mini span {\r\n      display: block;\r\n      font-size: 13px;\r\n      line-height: 1.45;\r\n      color: var(--esp-muted);\r\n    }\r\n\r\n    .espah-strip {\r\n      position: relative;\r\n      z-index: 3;\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 14px;\r\n      margin-top: 54px;\r\n    }\r\n\r\n    .espah-strip-item {\r\n      padding: 22px;\r\n      border-radius: 24px;\r\n      background: rgba(255,255,255,0.76);\r\n      border: 1px solid rgba(17,17,17,0.08);\r\n      box-shadow: 0 14px 34px rgba(17,17,17,0.045);\r\n      backdrop-filter: blur(8px);\r\n    }\r\n\r\n    .espah-strip-item span {\r\n      display: block;\r\n      margin-bottom: 8px;\r\n      color: var(--esp-orange);\r\n      font-size: 12px;\r\n      font-weight: 950;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.07em;\r\n    }\r\n\r\n    .espah-strip-item strong {\r\n      display: block;\r\n      font-size: 18px;\r\n      line-height: 1.25;\r\n      color: var(--esp-text);\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .espah-wrap {\r\n        padding: 82px 22px 84px;\r\n      }\r\n\r\n      .espah-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 52px;\r\n      }\r\n\r\n      .espah-card {\r\n        max-width: 620px;\r\n      }\r\n\r\n      .espah-strip {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      #espartal-after-hero {\r\n        background:\r\n          radial-gradient(circle at 12% 10%, rgba(199, 34, 44, 0.10) 0%, rgba(199, 34, 44, 0.04) 36%, transparent 62%),\r\n          linear-gradient(180deg, #fbf8f6 0%, #ffffff 100%);\r\n      }\r\n\r\n      .espah-wrap {\r\n        padding: 58px 16px 64px;\r\n      }\r\n\r\n      .espah-grid {\r\n        gap: 38px;\r\n      }\r\n\r\n      .espah-logo-row {\r\n        margin-bottom: 22px;\r\n      }\r\n\r\n      .espah-living-logo {\r\n        width: 190px;\r\n      }\r\n\r\n      .espah-logo-line {\r\n        display: none;\r\n      }\r\n\r\n      .espah-title {\r\n        font-size: 39px;\r\n      }\r\n\r\n      .espah-copy {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .espah-actions {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .espah-btn {\r\n        width: 100%;\r\n      }\r\n\r\n      .espah-card {\r\n        padding: 12px;\r\n        border-radius: 26px;\r\n      }\r\n\r\n      .espah-card-top {\r\n        min-height: 250px;\r\n        padding: 22px;\r\n        border-radius: 20px;\r\n      }\r\n\r\n      .espah-price {\r\n        font-size: 43px;\r\n      }\r\n\r\n      .espah-mini-grid,\r\n      .espah-strip {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .espah-strip {\r\n        margin-top: 36px;\r\n      }\r\n\r\n      .espah-mini {\r\n        min-height: auto;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"espah-wrap\">\r\n\r\n    <div class=\"espah-grid\">\r\n\r\n      <div class=\"espah-content\">\r\n\r\n        <div class=\"espah-logo-row\">\r\n          <img decoding=\"async\"\r\n            class=\"espah-living-logo\"\r\n            src=\"https:\/\/www.grupoq.net\/wp-content\/uploads\/2026\/03\/LOGO-LIVING-VPO-ORIGINAL-V1-AM-03-03-2026-1.png\"\r\n            alt=\"Living VPO\"\r\n          >\r\n          <span class=\"espah-logo-line\"><\/span>\r\n        <\/div>\r\n\r\n        <h2 class=\"espah-title\">\r\n          Casas VPO con jard\u00edn para vivir <span>m\u00e1s cerca de todo<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"espah-copy\">\r\n          Una promoci\u00f3n pensada para quienes buscan dar el paso a una vivienda propia en Espartinas:\r\n          casas adosadas de 2 y 3 dormitorios, jard\u00edn privado, garaje y piscina comunitaria en un entorno\r\n          c\u00f3modo, conectado y con servicios pr\u00f3ximos.\r\n        <\/p>\r\n\r\n        <div class=\"espah-actions\">\r\n          <a href=\"#form\" class=\"espah-btn espah-btn-primary\">Solicitar informaci\u00f3n<\/a>\r\n          <a href=\"#vivienda\" class=\"espah-btn espah-btn-secondary\">Ver tipos de vivienda<\/a>\r\n        <\/div>\r\n\r\n        <p class=\"espah-note\">\r\n          Promoci\u00f3n sujeta a requisitos de Vivienda de Protecci\u00f3n Oficial y condiciones aplicables seg\u00fan normativa.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <aside class=\"espah-card\">\r\n        <div class=\"espah-card-top\">\r\n          <span class=\"espah-price-label\">Precio desde<\/span>\r\n\r\n          <h3 class=\"espah-price\">\r\n            153.542\u20ac <sup>+ IVA<\/sup>\r\n            <small>Viviendas adosadas de 2 y 3 dormitorios con jard\u00edn privado<\/small>\r\n          <\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"espah-mini-grid\">\r\n          <div class=\"espah-mini\">\r\n            <div class=\"espah-mini-icon\">2<\/div>\r\n            <strong>2 y 3 dormitorios<\/strong>\r\n            <span>Distribuciones pensadas para el d\u00eda a d\u00eda.<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"espah-mini\">\r\n            <div class=\"espah-mini-icon\">\ud83c\udf3f<\/div>\r\n            <strong>Jard\u00edn privado<\/strong>\r\n            <span>Un espacio exterior propio para disfrutar en casa.<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"espah-mini\">\r\n            <div class=\"espah-mini-icon\">P<\/div>\r\n            <strong>Garaje incluido<\/strong>\r\n            <span>Comodidad desde el primer momento.<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"espah-mini\">\r\n            <div class=\"espah-mini-icon\">\u2600<\/div>\r\n            <strong>Piscina comunitaria<\/strong>\r\n            <span>Zonas comunes para disfrutar en familia.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/aside>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"espah-strip\">\r\n      <div class=\"espah-strip-item\">\r\n        <span>Ubicaci\u00f3n<\/span>\r\n        <strong>Espartinas, Sevilla<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"espah-strip-item\">\r\n        <span>Entorno<\/span>\r\n        <strong>A 2 min. del C.C. El Espartal<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"espah-strip-item\">\r\n        <span>R\u00e9gimen<\/span>\r\n        <strong>Vivienda de Protecci\u00f3n Oficial<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"espah-strip-item\">\r\n        <span>Vida exterior<\/span>\r\n        <strong>Jard\u00edn privado en cada vivienda<\/strong>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb32313 e-con-full e-flex e-con e-parent\" data-id=\"eb32313\" data-element_type=\"container\" data-e-type=\"container\" id=\"form\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2f1337e e-flex e-con-boxed e-con e-child\" data-id=\"2f1337e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ca59fa elementor-widget elementor-widget-heading\" data-id=\"6ca59fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Solicita Informaci\u00f3n Sin Compromiso\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c409506 elementor-widget elementor-widget-heading\" data-id=\"c409506\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\nCompleta el formulario y te enviaremos toda la informaci\u00f3n sobre precios, planos, disponibilidad y c\u00f3mo inscribirte en el Registro VPO\n\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4501469 elementor-widget elementor-widget-heading\" data-id=\"4501469\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><strong>Respuesta en menos de 24 horas.<\/strong>\n\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff598a2 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"ff598a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Fuentes Google -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div id=\"formContainerEspartal\" style=\"width:100%;max-width:1200px;background:#fff;position:relative;overflow:hidden;margin:0 auto;\">\r\n    \r\n    <div style=\"display:grid;grid-template-columns:1fr 1fr;\">\r\n        \r\n        <!-- COLUMNA IZQUIERDA -->\r\n        <div style=\"background:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), url('https:\/\/residencialelespartal.com\/wp-content\/uploads\/2026\/03\/M5-SALON-scaled.png') center\/cover;padding:60px 50px;display:flex;flex-direction:column;justify-content:space-between;min-height:600px;position:relative;\">\r\n            <div>\r\n                <div style=\"width:50px;height:1px;background:rgba(255,255,255,0.4);margin-bottom:20px;\"><\/div>\r\n                <h3 style=\"color:#fff;font-size:13px;font-weight:400;letter-spacing:3px;margin:0;text-transform:uppercase;opacity:0.9;\">Grupo Q<\/h3>\r\n            <\/div>\r\n            <div>\r\n                <h1 style=\"color:#fff;font-size:clamp(32px, 5vw, 48px);font-weight:300;margin:0 0 20px;line-height:1.2;\">Residencial El<br><strong style=\"font-weight:600;\">Espartal<\/strong><br><span style=\"font-size:0.6em;font-weight:300;opacity:0.85;\">Viviendas VPO en Espartinas<\/span><\/h1>\r\n                <p style=\"color:rgba(255,255,255,0.8);font-size:15px;font-weight:300;margin:0;line-height:1.6;\">Descubre nuestra <strong style=\"font-weight:500;\">promoci\u00f3n de viviendas VPO<\/strong>, dise\u00f1adas para vivir con calidad cerca del Aljarafe.<\/p>\r\n            <\/div>\r\n            <div><\/div>\r\n        <\/div>\r\n        \r\n        <!-- COLUMNA DERECHA -->\r\n        <div style=\"padding:60px 50px;background:#fff;\">\r\n            \r\n            <div style=\"margin-bottom:40px;\">\r\n                <div style=\"width:40px;height:2px;background:linear-gradient(135deg, #d59451 0%, #ac4450 100%);margin-bottom:20px;\"><\/div>\r\n                <h2 style=\"font-size:clamp(22px, 3vw, 30px);font-weight:600;margin:0 0 12px;color:#2c3e50;\">Solicita informaci\u00f3n<\/h2>\r\n                <p style=\"color:#7f8c8d;font-size:14px;font-weight:300;margin:0;line-height:1.6;\">Completa el formulario y te contactamos en menos de 24 horas.<\/p>\r\n            <\/div>\r\n            \r\n            <form id=\"propertyFormEspartal\">\r\n                \r\n                <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;\">\r\n                    <div>\r\n                        <label style=\"display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;color:#2c3e50;\">Nombre *<\/label>\r\n                        <input type=\"text\" name=\"nombre\" required \r\n                            style=\"width:100%;padding:14px 0;border:none;border-bottom:1px solid #ddd;font-size:15px;font-family:'Montserrat',sans-serif;outline:none;background:transparent;box-sizing:border-box;\"\r\n                            onfocus=\"this.style.borderColor='#d59451'\" \r\n                            onblur=\"this.style.borderColor='#ddd'\"\r\n                            placeholder=\"Tu nombre\">\r\n                    <\/div>\r\n                    <div>\r\n                        <label style=\"display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;color:#2c3e50;\">Apellidos *<\/label>\r\n                        <input type=\"text\" name=\"apellidos\" required \r\n                            style=\"width:100%;padding:14px 0;border:none;border-bottom:1px solid #ddd;font-size:15px;font-family:'Montserrat',sans-serif;outline:none;background:transparent;box-sizing:border-box;\"\r\n                            onfocus=\"this.style.borderColor='#d59451'\" \r\n                            onblur=\"this.style.borderColor='#ddd'\"\r\n                            placeholder=\"Tus apellidos\">\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div style=\"margin-bottom:20px;\">\r\n                    <label style=\"display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;color:#2c3e50;\">Email *<\/label>\r\n                    <input type=\"email\" name=\"email\" required \r\n                        style=\"width:100%;padding:14px 0;border:none;border-bottom:1px solid #ddd;font-size:15px;font-family:'Montserrat',sans-serif;outline:none;background:transparent;box-sizing:border-box;\"\r\n                        onfocus=\"this.style.borderColor='#d59451'\" \r\n                        onblur=\"this.style.borderColor='#ddd'\"\r\n                        placeholder=\"tu@email.com\">\r\n                <\/div>\r\n                \r\n                <div style=\"margin-bottom:30px;\">\r\n                    <label style=\"display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;color:#2c3e50;\">Tel\u00e9fono *<\/label>\r\n                    <input type=\"tel\" name=\"telefono\" required \r\n                        style=\"width:100%;padding:14px 0;border:none;border-bottom:1px solid #ddd;font-size:15px;font-family:'Montserrat',sans-serif;outline:none;background:transparent;box-sizing:border-box;\"\r\n                        onfocus=\"this.style.borderColor='#d59451'\" \r\n                        onblur=\"this.style.borderColor='#ddd'\"\r\n                        placeholder=\"+34 600 123 456\">\r\n                <\/div>\r\n                \r\n                <!-- CHECKBOXES RGPD -->\r\n                <div style=\"margin-bottom:30px;\">\r\n                    <div style=\"display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;\">\r\n                        <input type=\"checkbox\" id=\"consentimiento_privacidad_esp\" name=\"consentimiento_privacidad\" required\r\n                            style=\"margin-top:4px;width:18px;height:18px;flex-shrink:0;cursor:pointer;accent-color:#d59451;\">\r\n                        <label for=\"consentimiento_privacidad_esp\" style=\"font-size:12px;color:#7f8c8d;line-height:1.6;font-weight:300;\">\r\n                            Acepto la pol\u00edtica de privacidad y el tratamiento de mis datos para recibir informaci\u00f3n comercial. \r\n                            <a href=\"#\" onclick=\"openPrivacyModalEsp(event)\" style=\"color:#d59451;text-decoration:none;border-bottom:1px solid #d59451;font-weight:500;\">Leer m\u00e1s<\/a>\r\n                        <\/label>\r\n                    <\/div>\r\n                    <div style=\"display:flex;gap:12px;align-items:flex-start;\">\r\n                        <input type=\"checkbox\" id=\"consentimiento_profiling_esp\" name=\"consentimiento_profiling\" required\r\n                            style=\"margin-top:4px;width:18px;height:18px;flex-shrink:0;cursor:pointer;accent-color:#d59451;\">\r\n                        <label for=\"consentimiento_profiling_esp\" style=\"font-size:12px;color:#7f8c8d;line-height:1.6;font-weight:300;\">\r\n                            Consiento el tratamiento automatizado de mis datos, incluyendo la elaboraci\u00f3n de perfiles, para recibir informaci\u00f3n personalizada. \r\n                            <a href=\"#\" onclick=\"openProfilingModalEsp(event)\" style=\"color:#d59451;text-decoration:none;border-bottom:1px solid #d59451;font-weight:500;\">Leer m\u00e1s<\/a>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <button type=\"submit\"\r\n                    style=\"width:100%;background:linear-gradient(135deg, #d59451 0%, #ac4450 100%);color:#fff;border:none;padding:18px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;cursor:pointer;\">\r\n                    Solicitar Informaci\u00f3n\r\n                <\/button>\r\n                \r\n                <p style=\"text-align:center;font-size:11px;color:#bdc3c7;margin:16px 0 0;letter-spacing:1px;\">\ud83d\udd12 Tus datos est\u00e1n protegidos<\/p>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- \u00c9XITO -->\r\n    <div id=\"successMessageEsp\" style=\"display:none;position:absolute;inset:0;background:#fff;padding:60px;flex-direction:column;align-items:center;justify-content:center;text-align:center;\">\r\n        <div style=\"width:80px;height:80px;border:2px solid #d59451;display:flex;align-items:center;justify-content:center;margin:0 auto 40px;\">\r\n            <svg width=\"40\" height=\"40\" fill=\"none\" stroke=\"#d59451\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n        <div style=\"width:40px;height:2px;background:#d59451;margin:0 auto 20px;\"><\/div>\r\n        <h3 style=\"font-size:36px;color:#2c3e50;margin:0 0 20px;font-weight:600;\">\u00a1Solicitud Recibida!<\/h3>\r\n        <p style=\"font-size:16px;color:#7f8c8d;margin:0 0 40px;line-height:1.7;max-width:400px;\">Hemos recibido tu solicitud correctamente. Te contactaremos en menos de 24 horas.<\/p>\r\n        <button onclick=\"resetFormEsp()\"\r\n            style=\"background:linear-gradient(135deg, #d59451 0%, #ac4450 100%);color:#fff;border:none;padding:16px 40px;font-family:'Montserrat',sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;\">\r\n            Volver al formulario\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- MODAL PRIVACIDAD -->\r\n<div id=\"privacyModalEsp\" style=\"display:none;position:fixed;inset:0;background:rgba(0,0,0,0.8);z-index:9999;overflow-y:auto;padding:20px;\">\r\n    <div style=\"max-width:800px;margin:40px auto;background:#fff;position:relative;\">\r\n        <button onclick=\"closePrivacyModalEsp()\" style=\"position:absolute;top:20px;right:20px;background:#d59451;color:#fff;border:none;width:40px;height:40px;font-size:24px;cursor:pointer;z-index:1;\">\u00d7<\/button>\r\n        <div style=\"padding:60px 50px;max-height:80vh;overflow-y:auto;\">\r\n            <h2 style=\"font-size:28px;font-weight:600;margin:0 0 30px;color:#2c3e50;\">Pol\u00edtica de Privacidad<\/h2>\r\n            <div style=\"font-size:14px;line-height:1.8;color:#555;\">\r\n                <p><strong>QUARTZIA SERVICIOS INMOBILIARIOS, S.L.<\/strong> de nacionalidad espa\u00f1ola, con domicilio social en Edificio Puerta Aljarafe, Parque Aljarafe, s\/n, 41940-Tomares (Sevilla) es la entidad que gestiona los datos personales obtenidos mediante la presente web.<\/p>\r\n                <p>La privacidad de sus datos es muy importante para nosotros. Nunca utilizaremos datos personales con una finalidad diferente a la indicada, ni los compartiremos con terceros salvo obligaci\u00f3n legal o autorizaci\u00f3n expresa del interesado.<\/p>\r\n                <p><strong>Responsable del tratamiento:<\/strong><br>\r\n                Quartzia Servicios Inmobiliarios, S.L. \u00b7 CIF: B-91.730.267<br>\r\n                Edificio Puerta Aljarafe, Parque Aljarafe, s\/n, 41940-Tomares (Sevilla)<br>\r\n                Tel: 902257325 \u00b7 grupoq@grupoq.net<\/p>\r\n                <p style=\"margin-top:24px;color:#bbb;font-size:11px;\">\u00daltima actualizaci\u00f3n: Marzo 2026<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- MODAL PROFILING -->\r\n<div id=\"profilingModalEsp\" style=\"display:none;position:fixed;inset:0;background:rgba(0,0,0,0.8);z-index:9999;overflow-y:auto;padding:20px;\">\r\n    <div style=\"max-width:800px;margin:40px auto;background:#fff;position:relative;\">\r\n        <button onclick=\"closeProfilingModalEsp()\" style=\"position:absolute;top:20px;right:20px;background:#d59451;color:#fff;border:none;width:40px;height:40px;font-size:24px;cursor:pointer;z-index:1;\">\u00d7<\/button>\r\n        <div style=\"padding:60px 50px;max-height:80vh;overflow-y:auto;\">\r\n            <h2 style=\"font-size:28px;font-weight:600;margin:0 0 10px;color:#2c3e50;\">Informaci\u00f3n sobre Protecci\u00f3n de Datos<\/h2>\r\n            <h3 style=\"font-size:18px;font-weight:400;margin:0 0 30px;color:#7f8c8d;\">y Elaboraci\u00f3n de Perfiles<\/h3>\r\n            <div style=\"font-size:14px;line-height:1.8;color:#555;\">\r\n                <p><strong>QUARTZIA SERVICIOS INMOBILIARIOS, S.L.<\/strong><br>\r\n                Tel: 902257325 \u00b7 grupoq@grupoq.net<\/p>\r\n                <p style=\"margin-top:24px;color:#bbb;font-size:11px;\">\u00daltima actualizaci\u00f3n: Marzo 2026<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@media (max-width: 900px) {\r\n    #formContainerEspartal > div {\r\n        grid-template-columns: 1fr !important;\r\n    }\r\n    #formContainerEspartal > div > div:first-child {\r\n        min-height: 360px !important;\r\n        padding: 40px 28px !important;\r\n    }\r\n    #formContainerEspartal > div > div:last-child {\r\n        padding: 40px 28px !important;\r\n    }\r\n}\r\n#propertyFormEspartal input::placeholder,\r\n#propertyFormEspartal textarea::placeholder { color: #ccc; }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    var PROXY_ENDPOINT_ESP = '\/wp-json\/gq\/v1\/leads';\r\n    var PROMOCION_ESP = 'Residencial El Espartal';\r\n\r\n    var form = document.getElementById('propertyFormEspartal');\r\n    if (form) {\r\n        form.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n\r\n            var fd = new FormData(this);\r\n\r\n            var visitorId = '';\r\n            try {\r\n                var vd = localStorage.getItem('gq_visitor');\r\n                if (vd) visitorId = JSON.parse(vd).id || '';\r\n            } catch(err) {}\r\n\r\n            var data = {\r\n                nombre: fd.get('nombre') || '',\r\n                apellidos: fd.get('apellidos') || '',\r\n                email: fd.get('email') || '',\r\n                telefono: fd.get('telefono') || '',\r\n                consentimiento_privacidad: fd.get('consentimiento_privacidad') ? 'Si' : 'No',\r\n                consentimiento_profiling: fd.get('consentimiento_profiling') ? 'Si' : 'No',\r\n                promocion: PROMOCION_ESP,\r\n                visitor_id: visitorId\r\n            };\r\n\r\n            var btn = this.querySelector('button[type=\"submit\"]');\r\n            var orig = btn.textContent;\r\n            btn.disabled = true;\r\n            btn.textContent = 'Enviando...';\r\n            btn.style.opacity = '0.6';\r\n\r\n            fetch(PROXY_ENDPOINT_ESP, {\r\n                method: 'POST',\r\n                headers: { 'Content-Type': 'application\/json' },\r\n                body: JSON.stringify(data),\r\n                credentials: 'same-origin'\r\n            })\r\n            .then(function(r) {\r\n                if (!r.ok) throw new Error('Error servidor');\r\n                return r.json();\r\n            })\r\n            .then(function(result) {\r\n                if (result.success) {\r\n                    document.getElementById('successMessageEsp').style.display = 'flex';\r\n                    if (typeof fbq !== 'undefined') {\r\n                        fbq('track', 'Lead', { content_name: PROMOCION_ESP, currency: 'EUR' });\r\n                    }\r\n                    form.reset();\r\n                } else {\r\n                    alert('Error: ' + (result.message || 'No se pudo enviar'));\r\n                }\r\n            })\r\n            .catch(function() {\r\n                alert('Error de conexion. Intentalo de nuevo.');\r\n            })\r\n            .finally(function() {\r\n                btn.disabled = false;\r\n                btn.textContent = orig;\r\n                btn.style.opacity = '1';\r\n            });\r\n        });\r\n    }\r\n\r\n    window.resetFormEsp = function() {\r\n        document.getElementById('successMessageEsp').style.display = 'none';\r\n    };\r\n\r\n    window.openPrivacyModalEsp = function(e) {\r\n        e.preventDefault();\r\n        document.getElementById('privacyModalEsp').style.display = 'block';\r\n        document.body.style.overflow = 'hidden';\r\n    };\r\n    window.closePrivacyModalEsp = function() {\r\n        document.getElementById('privacyModalEsp').style.display = 'none';\r\n        document.body.style.overflow = 'auto';\r\n    };\r\n    window.openProfilingModalEsp = function(e) {\r\n        e.preventDefault();\r\n        document.getElementById('profilingModalEsp').style.display = 'block';\r\n        document.body.style.overflow = 'hidden';\r\n    };\r\n    window.closeProfilingModalEsp = function() {\r\n        document.getElementById('profilingModalEsp').style.display = 'none';\r\n        document.body.style.overflow = 'auto';\r\n    };\r\n\r\n    document.addEventListener('click', function(e) {\r\n        if (e.target.id === 'privacyModalEsp') window.closePrivacyModalEsp();\r\n        if (e.target.id === 'profilingModalEsp') window.closeProfilingModalEsp();\r\n    });\r\n    document.addEventListener('keydown', function(e) {\r\n        if (e.key === 'Escape') {\r\n            window.closePrivacyModalEsp();\r\n            window.closeProfilingModalEsp();\r\n        }\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82cef5e e-con-full vivienda e-flex e-con e-parent\" data-id=\"82cef5e\" data-element_type=\"container\" data-e-type=\"container\" id=\"vivienda\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4cf21b elementor-widget elementor-widget-html\" data-id=\"c4cf21b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"espartal-tipologias-viviendas\">\r\n  <style>\r\n    #espartal-tipologias-viviendas {\r\n      --esp-orange: #e9963e;\r\n      --esp-orange-dark: #c97822;\r\n      --esp-red: #c7222c;\r\n      --esp-text: #111111;\r\n      --esp-muted: #68727d;\r\n      --esp-line: rgba(17, 17, 17, 0.10);\r\n      --esp-white: #ffffff;\r\n      --esp-soft: #f8f6f3;\r\n\r\n      width: 100%;\r\n      font-family: inherit;\r\n      color: var(--esp-text);\r\n      box-sizing: border-box;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at 20% 15%, rgba(199, 34, 44, 0.09) 0%, rgba(199, 34, 44, 0.035) 34%, transparent 58%),\r\n        linear-gradient(180deg, #fbfaf8 0%, #ffffff 100%);\r\n    }\r\n\r\n    #espartal-tipologias-viviendas * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #espartal-tipologias-viviendas img {\r\n      display: block;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .espviv-wrap {\r\n      width: 100%;\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n      padding: 92px 22px 96px;\r\n    }\r\n\r\n    .espviv-head {\r\n      display: grid;\r\n      grid-template-columns: 360px minmax(0, 1fr);\r\n      gap: 56px;\r\n      align-items: end;\r\n      margin-bottom: 44px;\r\n    }\r\n\r\n    .espviv-kicker {\r\n      display: inline-block;\r\n      margin-bottom: 14px;\r\n      color: var(--esp-red);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: .08em;\r\n    }\r\n\r\n    .espviv-head h2 {\r\n      margin: 0;\r\n      font-size: clamp(34px, 4.4vw, 58px);\r\n      line-height: 1.02;\r\n      letter-spacing: -.055em;\r\n      font-weight: 850;\r\n      color: var(--esp-text);\r\n    }\r\n\r\n    .espviv-head p {\r\n      margin: 0;\r\n      max-width: 760px;\r\n      font-size: 17px;\r\n      line-height: 1.72;\r\n      color: var(--esp-muted);\r\n    }\r\n\r\n    .espviv-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 28px;\r\n    }\r\n\r\n    .espviv-card {\r\n      overflow: hidden;\r\n      border-radius: 32px;\r\n      background: rgba(255,255,255,0.92);\r\n      border: 1px solid rgba(17,17,17,0.08);\r\n      box-shadow: 0 24px 64px rgba(17,17,17,0.08);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .espviv-image {\r\n      position: relative;\r\n      aspect-ratio: 1.28 \/ 1;\r\n      overflow: hidden;\r\n      background: #f2f2f2;\r\n    }\r\n\r\n    .espviv-image img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n    }\r\n\r\n    .espviv-body {\r\n      padding: 28px;\r\n    }\r\n\r\n    .espviv-title-row {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      justify-content: space-between;\r\n      gap: 18px;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .espviv-title h3 {\r\n      margin: 0 0 8px;\r\n      font-size: 34px;\r\n      line-height: 1;\r\n      letter-spacing: -.045em;\r\n      font-weight: 850;\r\n      color: var(--esp-text);\r\n    }\r\n\r\n    .espviv-title p {\r\n      margin: 0;\r\n      max-width: 440px;\r\n      font-size: 15px;\r\n      line-height: 1.55;\r\n      color: var(--esp-muted);\r\n    }\r\n\r\n    .espviv-chip {\r\n      flex: 0 0 auto;\r\n      padding: 10px 14px;\r\n      border-radius: 999px;\r\n      background: rgba(233,150,62,0.13);\r\n      color: var(--esp-orange-dark);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: .06em;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .espviv-summary {\r\n      display: grid;\r\n      grid-template-columns: 1.35fr 1fr;\r\n      gap: 12px;\r\n      margin-top: 22px;\r\n    }\r\n\r\n    .espviv-summary-item {\r\n      min-height: 116px;\r\n      padding: 18px 16px;\r\n      border-radius: 18px;\r\n      background: var(--esp-soft);\r\n      border: 1px solid rgba(17,17,17,0.06);\r\n    }\r\n\r\n    .espviv-summary-item span {\r\n      display: block;\r\n      margin-bottom: 8px;\r\n      font-size: 10.5px;\r\n      font-weight: 900;\r\n      color: var(--esp-orange);\r\n      text-transform: uppercase;\r\n      letter-spacing: .07em;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    .espviv-summary-item strong {\r\n      display: block;\r\n      font-size: 26px;\r\n      line-height: 1.05;\r\n      letter-spacing: -.04em;\r\n      color: var(--esp-text);\r\n    }\r\n\r\n    .espviv-summary-item em {\r\n      display: block;\r\n      margin-top: 7px;\r\n      font-style: normal;\r\n      font-size: 12px;\r\n      line-height: 1.35;\r\n      color: var(--esp-muted);\r\n    }\r\n\r\n    .espviv-note {\r\n      margin: 18px 0 0;\r\n      font-size: 12px;\r\n      line-height: 1.55;\r\n      color: var(--esp-muted);\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .espviv-head {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n      }\r\n\r\n      .espviv-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .espviv-wrap {\r\n        padding: 62px 16px 68px;\r\n      }\r\n\r\n      .espviv-head {\r\n        margin-bottom: 30px;\r\n      }\r\n\r\n      .espviv-head h2 {\r\n        font-size: 40px;\r\n      }\r\n\r\n      .espviv-head p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .espviv-body {\r\n        padding: 22px 18px;\r\n      }\r\n\r\n      .espviv-title-row {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n      }\r\n\r\n      .espviv-summary {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .espviv-summary-item {\r\n        min-height: auto;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"espviv-wrap\">\r\n\r\n    <div class=\"espviv-head\">\r\n      <div>\r\n        <span class=\"espviv-kicker\">Viviendas disponibles<\/span>\r\n        <h2>Dos formas de vivir El Espartal<\/h2>\r\n      <\/div>\r\n\r\n      <p>\r\n        Una selecci\u00f3n de viviendas de Residencial El Espartal para conocer sus superficies principales\r\n        y espacios exteriores.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"espviv-grid\">\r\n\r\n      <article class=\"espviv-card\">\r\n        <div class=\"espviv-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/residencialelespartal.com\/wp-content\/uploads\/2026\/05\/Tipo-I1.webp\" alt=\"Plano vivienda Tipo I2\">\r\n        <\/div>\r\n\r\n        <div class=\"espviv-body\">\r\n          <div class=\"espviv-title-row\">\r\n            <div class=\"espviv-title\">\r\n              <h3>Tipo I2<\/h3>\r\n              <p>Vivienda de 3 dormitorios con jard\u00edn privado.<\/p>\r\n            <\/div>\r\n            <span class=\"espviv-chip\">3 dormitorios<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"espviv-summary\">\r\n            <div class=\"espviv-summary-item\">\r\n              <span>C\u00f3mputo de superficies seg\u00fan V.P.O.<\/span>\r\n              <strong>81,97 m\u00b2<\/strong>\r\n              <em>Sup. \u00datil (4)<\/em>\r\n            <\/div>\r\n\r\n            <div class=\"espviv-summary-item\">\r\n              <span>Sup. Jard\u00edn<\/span>\r\n              <strong>22,19 m\u00b2<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <p class=\"espviv-note\">\r\n            Superficies D.I.A. seg\u00fan Decreto 218\/2005.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"espviv-card\">\r\n        <div class=\"espviv-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/residencialelespartal.com\/wp-content\/uploads\/2026\/05\/Tipo-A4.webp\" alt=\"Plano vivienda Tipo A4\">\r\n        <\/div>\r\n\r\n        <div class=\"espviv-body\">\r\n          <div class=\"espviv-title-row\">\r\n            <div class=\"espviv-title\">\r\n              <h3>Tipo A4<\/h3>\r\n              <p>Vivienda de 2 dormitorios con jard\u00edn privado.<\/p>\r\n            <\/div>\r\n            <span class=\"espviv-chip\">2 dormitorios<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"espviv-summary\">\r\n            <div class=\"espviv-summary-item\">\r\n              <span>C\u00f3mputo de superficies seg\u00fan V.P.O.<\/span>\r\n              <strong>66,97 m\u00b2<\/strong>\r\n              <em>Sup. \u00datil (4)<\/em>\r\n            <\/div>\r\n\r\n            <div class=\"espviv-summary-item\">\r\n              <span>Sup. Jard\u00edn<\/span>\r\n              <strong>36,62 m\u00b2<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <p class=\"espviv-note\">\r\n            Superficies D.I.A. seg\u00fan Decreto 218\/2005.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b26c0a4 e-con-full e-flex e-con e-parent\" data-id=\"b26c0a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8ebc65 elementor-widget elementor-widget-html\" data-id=\"f8ebc65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"gqvpo-cross-carousel\">\r\n  <style>\r\n    #gqvpo-cross-carousel {\r\n      --vpo-orange: #e9963e;\r\n      --vpo-orange-dark: #c97822;\r\n      --vpo-red: #c7222c;\r\n      --vpo-text: #111111;\r\n      --vpo-muted: #68727d;\r\n      --vpo-line: rgba(17, 17, 17, 0.10);\r\n      --vpo-white: #ffffff;\r\n      --vpo-soft: #f8f6f3;\r\n\r\n      width: 100%;\r\n      font-family: inherit;\r\n      color: var(--vpo-text);\r\n      background:\r\n        radial-gradient(circle at 18% 18%, rgba(199, 34, 44, 0.08) 0%, rgba(199, 34, 44, 0.025) 34%, transparent 58%),\r\n        linear-gradient(180deg, #ffffff 0%, #fbfaf8 100%);\r\n      overflow: hidden;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #gqvpo-cross-carousel * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #gqvpo-cross-carousel a {\r\n      color: inherit;\r\n      text-decoration: none;\r\n    }\r\n\r\n    #gqvpo-cross-carousel img {\r\n      display: block;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .gqvpo-cross-wrap {\r\n      width: 100%;\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n      padding: 86px 22px 92px;\r\n    }\r\n\r\n    .gqvpo-cross-head {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) auto;\r\n      gap: 32px;\r\n      align-items: end;\r\n      margin-bottom: 38px;\r\n    }\r\n\r\n    .gqvpo-cross-logo {\r\n      width: 220px;\r\n      height: auto;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .gqvpo-cross-kicker {\r\n      display: inline-block;\r\n      margin-bottom: 14px;\r\n      color: var(--vpo-red);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n    }\r\n\r\n    .gqvpo-cross-head h2 {\r\n      margin: 0;\r\n      max-width: 760px;\r\n      font-size: clamp(34px, 4.4vw, 58px);\r\n      line-height: 1.02;\r\n      letter-spacing: -0.055em;\r\n      font-weight: 850;\r\n      color: var(--vpo-text);\r\n    }\r\n\r\n    .gqvpo-cross-head h2 span {\r\n      color: var(--vpo-orange);\r\n    }\r\n\r\n    .gqvpo-cross-head p {\r\n      margin: 18px 0 0;\r\n      max-width: 720px;\r\n      font-size: 17px;\r\n      line-height: 1.72;\r\n      color: var(--vpo-muted);\r\n    }\r\n\r\n    .gqvpo-cross-controls {\r\n      display: flex;\r\n      gap: 10px;\r\n      align-items: center;\r\n    }\r\n\r\n    .gqvpo-cross-arrow {\r\n      width: 46px;\r\n      height: 46px;\r\n      border-radius: 999px;\r\n      border: 1px solid var(--vpo-line);\r\n      background: #ffffff;\r\n      color: var(--vpo-text);\r\n      font-size: 24px;\r\n      line-height: 1;\r\n      cursor: pointer;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: all 0.22s ease;\r\n      box-shadow: 0 10px 24px rgba(17,17,17,0.055);\r\n    }\r\n\r\n    .gqvpo-cross-arrow:hover {\r\n      border-color: var(--vpo-orange);\r\n      color: var(--vpo-orange-dark);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .gqvpo-cross-track-wrap {\r\n      position: relative;\r\n    }\r\n\r\n    .gqvpo-cross-track {\r\n      display: grid;\r\n      grid-auto-flow: column;\r\n      grid-auto-columns: calc((100% - 24px) \/ 2);\r\n      gap: 24px;\r\n      overflow-x: auto;\r\n      scroll-snap-type: x mandatory;\r\n      scroll-behavior: smooth;\r\n      padding: 4px 2px 18px;\r\n      scrollbar-width: none;\r\n    }\r\n\r\n    .gqvpo-cross-track::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .gqvpo-cross-card {\r\n      scroll-snap-align: start;\r\n      overflow: hidden;\r\n      border-radius: 32px;\r\n      background: rgba(255,255,255,0.92);\r\n      border: 1px solid rgba(17,17,17,0.08);\r\n      box-shadow: 0 24px 64px rgba(17,17,17,0.08);\r\n      backdrop-filter: blur(10px);\r\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n    }\r\n\r\n    .gqvpo-cross-card:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 30px 76px rgba(17,17,17,0.12);\r\n    }\r\n\r\n    .gqvpo-cross-image {\r\n      position: relative;\r\n      aspect-ratio: 1.45 \/ 0.92;\r\n      overflow: hidden;\r\n      background: #f2f2f2;\r\n    }\r\n\r\n    .gqvpo-cross-image img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: transform 0.45s ease;\r\n    }\r\n\r\n    .gqvpo-cross-card:hover .gqvpo-cross-image img {\r\n      transform: scale(1.035);\r\n    }\r\n\r\n    .gqvpo-cross-badge {\r\n      position: absolute;\r\n      top: 18px;\r\n      left: 18px;\r\n      padding: 9px 13px;\r\n      border-radius: 999px;\r\n      background: rgba(255,255,255,0.94);\r\n      color: var(--vpo-orange-dark);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n      box-shadow: 0 8px 22px rgba(0,0,0,0.08);\r\n    }\r\n\r\n    .gqvpo-cross-body {\r\n      padding: 28px;\r\n    }\r\n\r\n    .gqvpo-cross-body h3 {\r\n      margin: 0 0 10px;\r\n      font-size: 30px;\r\n      line-height: 1.05;\r\n      letter-spacing: -0.04em;\r\n      font-weight: 850;\r\n      color: var(--vpo-text);\r\n    }\r\n\r\n    .gqvpo-cross-location {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      margin-bottom: 18px;\r\n      padding: 8px 12px;\r\n      border-radius: 999px;\r\n      background: var(--vpo-soft);\r\n      color: var(--vpo-muted);\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .gqvpo-cross-body p {\r\n      margin: 0 0 24px;\r\n      font-size: 15px;\r\n      line-height: 1.65;\r\n      color: var(--vpo-muted);\r\n    }\r\n\r\n    .gqvpo-cross-link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 46px;\r\n      padding: 0 22px;\r\n      border-radius: 999px;\r\n      background: var(--vpo-orange);\r\n      color: #ffffff !important;\r\n      font-size: 14px;\r\n      font-weight: 850;\r\n      line-height: 1;\r\n      transition: all 0.22s ease;\r\n      box-shadow: 0 12px 24px rgba(233,150,62,0.24);\r\n    }\r\n\r\n    .gqvpo-cross-link:hover {\r\n      background: var(--vpo-orange-dark);\r\n      color: #ffffff !important;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .gqvpo-cross-head {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .gqvpo-cross-controls {\r\n        justify-content: flex-start;\r\n      }\r\n\r\n      .gqvpo-cross-track {\r\n        grid-auto-columns: 82%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .gqvpo-cross-wrap {\r\n        padding: 62px 16px 68px;\r\n      }\r\n\r\n      .gqvpo-cross-logo {\r\n        width: 195px;\r\n        margin-bottom: 22px;\r\n      }\r\n\r\n      .gqvpo-cross-head {\r\n        margin-bottom: 28px;\r\n      }\r\n\r\n      .gqvpo-cross-head h2 {\r\n        font-size: 40px;\r\n      }\r\n\r\n      .gqvpo-cross-head p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .gqvpo-cross-track {\r\n        grid-auto-columns: 92%;\r\n        gap: 16px;\r\n      }\r\n\r\n      .gqvpo-cross-body {\r\n        padding: 22px 18px;\r\n      }\r\n\r\n      .gqvpo-cross-body h3 {\r\n        font-size: 28px;\r\n      }\r\n\r\n      .gqvpo-cross-link {\r\n        width: 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"gqvpo-cross-wrap\">\r\n\r\n    <div class=\"gqvpo-cross-head\">\r\n      <div>\r\n        <img decoding=\"async\"\r\n          class=\"gqvpo-cross-logo\"\r\n          src=\"https:\/\/www.grupoq.net\/wp-content\/uploads\/2026\/03\/LOGO-LIVING-VPO-ORIGINAL-V1-AM-03-03-2026-1.png\"\r\n          alt=\"Living VPO\"\r\n        >\r\n\r\n        <span class=\"gqvpo-cross-kicker\">Otras promociones VPO<\/span>\r\n\r\n        <h2>\r\n          M\u00e1s oportunidades para encontrar <span>tu pr\u00f3xima vivienda<\/span>\r\n        <\/h2>\r\n\r\n        <p>\r\n          Conoce otras promociones de Living VPO desarrolladas por Grupo Q en diferentes ubicaciones\r\n          de Andaluc\u00eda.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"gqvpo-cross-controls\" aria-label=\"Controles del carrusel\">\r\n        <button class=\"gqvpo-cross-arrow\" type=\"button\" data-gqvpo-prev aria-label=\"Anterior\">\u2039<\/button>\r\n        <button class=\"gqvpo-cross-arrow\" type=\"button\" data-gqvpo-next aria-label=\"Siguiente\">\u203a<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gqvpo-cross-track-wrap\">\r\n      <div class=\"gqvpo-cross-track\" data-gqvpo-track>\r\n\r\n        <article class=\"gqvpo-cross-card\">\r\n          <div class=\"gqvpo-cross-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/www.grupoq.net\/wp-content\/uploads\/2026\/03\/01.-LA-PORTADA.png\"\r\n              alt=\"Edificio La Portada\"\r\n              loading=\"lazy\"\r\n            >\r\n            <span class=\"gqvpo-cross-badge\">Living VPO<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"gqvpo-cross-body\">\r\n            <h3>Edificio La Portada<\/h3>\r\n\r\n            <div class=\"gqvpo-cross-location\">\r\n              <span>\ud83d\udccd<\/span>\r\n              <span>Bormujos, Sevilla<\/span>\r\n            <\/div>\r\n\r\n            <p>\r\n              Viviendas protegidas en el Aljarafe sevillano, en una ubicaci\u00f3n pr\u00e1ctica y conectada\r\n              con Sevilla.\r\n            <\/p>\r\n\r\n            <a class=\"gqvpo-cross-link\" href=\"https:\/\/edificiolaportada.com\/\" target=\"_blank\" rel=\"noopener\">\r\n              Ver promoci\u00f3n\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"gqvpo-cross-card\">\r\n          <div class=\"gqvpo-cross-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/www.grupoq.net\/wp-content\/uploads\/2026\/03\/3-1.png\"\r\n              alt=\"Edificio Ilustraci\u00f3n\"\r\n              loading=\"lazy\"\r\n            >\r\n            <span class=\"gqvpo-cross-badge\">Living VPO<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"gqvpo-cross-body\">\r\n            <h3>Edificio Ilustraci\u00f3n<\/h3>\r\n\r\n            <div class=\"gqvpo-cross-location\">\r\n              <span>\ud83d\udccd<\/span>\r\n              <span>C\u00e1diz<\/span>\r\n            <\/div>\r\n\r\n            <p>\r\n              Una promoci\u00f3n de vivienda protegida en C\u00e1diz para quienes buscan acceder a un hogar\r\n              en la capital.\r\n            <\/p>\r\n\r\n            <a class=\"gqvpo-cross-link\" href=\"https:\/\/edificioilustracion.com\/\" target=\"_blank\" rel=\"noopener\">\r\n              Ver promoci\u00f3n\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const widget = document.querySelector('#gqvpo-cross-carousel');\r\n      if (!widget) return;\r\n\r\n      const track = widget.querySelector('[data-gqvpo-track]');\r\n      const prev = widget.querySelector('[data-gqvpo-prev]');\r\n      const next = widget.querySelector('[data-gqvpo-next]');\r\n\r\n      if (!track || !prev || !next) return;\r\n\r\n      function getScrollAmount() {\r\n        const card = track.querySelector('.gqvpo-cross-card');\r\n        if (!card) return 320;\r\n\r\n        const gap = parseFloat(window.getComputedStyle(track).columnGap || 24);\r\n        return card.getBoundingClientRect().width + gap;\r\n      }\r\n\r\n      prev.addEventListener('click', function () {\r\n        track.scrollBy({\r\n          left: -getScrollAmount(),\r\n          behavior: 'smooth'\r\n        });\r\n      });\r\n\r\n      next.addEventListener('click', function () {\r\n        track.scrollBy({\r\n          left: getScrollAmount(),\r\n          behavior: 'smooth'\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2715 \u260e Informaci\u00f3n comercial Ll\u00e1manos al 630 245 728 Te informamos sobre disponibilidad, requisitos VPO y pr\u00f3ximos pasos para acceder a tu vivienda. Llamar ahora Solicitar informaci\u00f3n Casas VPO con jard\u00edn para vivir m\u00e1s cerca de todo Una promoci\u00f3n pensada para quienes buscan dar el paso a una vivienda propia en Espartinas: casas adosadas de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/residencialelespartal.com\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/residencialelespartal.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/residencialelespartal.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/residencialelespartal.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/residencialelespartal.com\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":993,"href":"https:\/\/residencialelespartal.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":12996,"href":"https:\/\/residencialelespartal.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/12996"}],"wp:attachment":[{"href":"https:\/\/residencialelespartal.com\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}