Abora Residencial | Life under the Spanish sun<\/title>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n :root {\r\n --abora-primary: #43676a;\r\n --abora-primary-dark: #365456;\r\n --abora-primary-darker: #2d4547;\r\n --abora-secondary: #ececec;\r\n --abora-white: #ffffff;\r\n --abora-black: #1a1a1a;\r\n --abora-text: #2d2d2d;\r\n --abora-text-light: #6b6b6b;\r\n }\r\n\r\n \/* ============================================\r\n PRELOADER\r\n ============================================ *\/\r\n #abora-preloader.abora-preloader {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-color: #43676a !important;\r\n z-index: 999999 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 40px !important;\r\n transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), visibility 1s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n #abora-preloader.abora-preloader.abora-preloader--hidden {\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n pointer-events: none !important;\r\n }\r\n \r\n #abora-preloader .abora-preloader__logo {\r\n width: 160px !important;\r\n height: auto !important;\r\n display: block !important;\r\n filter: brightness(0) invert(1) !important;\r\n animation: aboraPreloaderPulse 2s ease-in-out infinite;\r\n }\r\n \r\n #abora-preloader .abora-preloader__line {\r\n width: 120px !important;\r\n height: 1px !important;\r\n background-color: rgba(255,255,255,0.2) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-preloader .abora-preloader__line::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 40% !important;\r\n height: 100% !important;\r\n background-color: #ffffff !important;\r\n animation: aboraPreloaderSlide 1.5s ease-in-out infinite;\r\n }\r\n \r\n #abora-preloader .abora-preloader__text {\r\n font-family: 'Montserrat', -apple-system, sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.3em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255,255,255,0.6) !important;\r\n text-align: center !important;\r\n display: block !important;\r\n }\r\n \r\n @keyframes aboraPreloaderPulse {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0.6; }\r\n }\r\n \r\n @keyframes aboraPreloaderSlide {\r\n 0% { transform: translateX(-100%); }\r\n 100% { transform: translateX(350%); }\r\n }\r\n\r\n \/* ============================================\r\n HEADER\r\n ============================================ *\/\r\n #abora-header.abora-header {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n z-index: 9999 !important;\r\n padding: 20px 24px !important;\r\n background-color: transparent !important;\r\n box-sizing: border-box !important;\r\n transition: background-color 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease;\r\n }\r\n \r\n #abora-header.abora-header.abora-header--scrolled {\r\n background-color: rgba(255, 255, 255, 0.98) !important;\r\n backdrop-filter: blur(20px) !important;\r\n -webkit-backdrop-filter: blur(20px) !important;\r\n box-shadow: 0 4px 30px rgba(67, 103, 106, 0.08) !important;\r\n padding: 14px 24px !important;\r\n }\r\n \r\n #abora-header .abora-header__container {\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n #abora-header .abora-header__logo {\r\n flex-shrink: 0 !important;\r\n display: block !important;\r\n text-decoration: none !important;\r\n }\r\n \r\n #abora-header .abora-header__logo img {\r\n height: 32px !important;\r\n width: auto !important;\r\n display: block !important;\r\n filter: brightness(0) invert(1) !important;\r\n transition: filter 0.4s ease, height 0.4s ease;\r\n }\r\n \r\n #abora-header.abora-header--scrolled .abora-header__logo img {\r\n filter: none !important;\r\n height: 28px !important;\r\n }\r\n \r\n #abora-header .abora-header__right {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 24px !important;\r\n }\r\n \r\n #abora-header .abora-header__lang {\r\n position: relative !important;\r\n display: none !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #abora-header .abora-header__lang-btn {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.05em !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n cursor: pointer !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n background: none !important;\r\n border: none !important;\r\n padding: 8px !important;\r\n transition: color 0.3s ease;\r\n }\r\n \r\n #abora-header .abora-header__lang-btn svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n #abora-header .abora-header__lang.abora-lang-open .abora-header__lang-btn svg {\r\n transform: rotate(180deg) !important;\r\n }\r\n \r\n #abora-header.abora-header--scrolled .abora-header__lang-btn {\r\n color: #2d2d2d !important;\r\n }\r\n \r\n #abora-header .abora-header__lang-dropdown {\r\n position: absolute !important;\r\n top: 100% !important;\r\n right: 0 !important;\r\n margin-top: 8px !important;\r\n background-color: #ffffff !important;\r\n border-radius: 4px !important;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;\r\n min-width: 140px !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transform: translateY(-10px) !important;\r\n transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;\r\n z-index: 10000 !important;\r\n }\r\n \r\n #abora-header .abora-header__lang.abora-lang-open .abora-header__lang-dropdown {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transform: translateY(0) !important;\r\n }\r\n \r\n #abora-header .abora-header__lang-option {\r\n display: block !important;\r\n width: 100% !important;\r\n padding: 12px 16px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.05em !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n color: #2d2d2d !important;\r\n background: none !important;\r\n border: none !important;\r\n text-align: left !important;\r\n cursor: pointer !important;\r\n transition: background-color 0.2s ease, color 0.2s ease;\r\n }\r\n \r\n #abora-header .abora-header__lang-option:hover {\r\n background-color: #f5f5f5 !important;\r\n color: #43676a !important;\r\n }\r\n \r\n #abora-header .abora-header__lang-option.active {\r\n color: #43676a !important;\r\n font-weight: 600 !important;\r\n }\r\n \r\n #abora-header .abora-header__menu-btn {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n width: 44px !important;\r\n height: 44px !important;\r\n background-color: transparent !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n padding: 0 !important;\r\n gap: 6px !important;\r\n position: relative !important;\r\n z-index: 10001 !important;\r\n }\r\n \r\n #abora-header .abora-header__menu-btn span {\r\n display: block !important;\r\n width: 26px !important;\r\n height: 2px !important;\r\n background-color: #ffffff !important;\r\n transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, width 0.3s ease;\r\n }\r\n \r\n #abora-header .abora-header__menu-btn span:nth-child(2) {\r\n width: 20px !important;\r\n }\r\n \r\n #abora-header.abora-header--scrolled .abora-header__menu-btn span {\r\n background-color: #2d2d2d !important;\r\n }\r\n \r\n #abora-header .abora-header__menu-btn.abora-menu-open span {\r\n background-color: #ffffff !important;\r\n }\r\n \r\n #abora-header .abora-header__menu-btn.abora-menu-open span:nth-child(1) {\r\n transform: translateY(8px) rotate(45deg) !important;\r\n }\r\n \r\n #abora-header .abora-header__menu-btn.abora-menu-open span:nth-child(2) {\r\n opacity: 0 !important;\r\n width: 0 !important;\r\n }\r\n \r\n #abora-header .abora-header__menu-btn.abora-menu-open span:nth-child(3) {\r\n transform: translateY(-8px) rotate(-45deg) !important;\r\n }\r\n\r\n \/* ============================================\r\n MEGAMENU\r\n ============================================ *\/\r\n #abora-megamenu.abora-megamenu {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, #43676a 0%, #365456 40%, #2d4547 100%) !important;\r\n z-index: 9998 !important;\r\n display: flex !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n overflow-y: auto !important;\r\n }\r\n \r\n #abora-megamenu.abora-megamenu.abora-megamenu--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__container {\r\n width: 100% !important;\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n padding: 90px 24px 28px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: space-between !important;\r\n min-height: 100% !important;\r\n height: 100dvh !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__nav {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 0 !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 28px !important;\r\n font-weight: 400 !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 10px 0 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 14px !important;\r\n position: relative !important;\r\n background: none !important;\r\n border: none !important;\r\n transition: opacity 0.3s ease;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link:hover {\r\n opacity: 0.8 !important;\r\n }\r\n \r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__link {\r\n animation: aboraMegamenuSlideIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;\r\n }\r\n \r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__link:nth-child(1) { animation-delay: 0.05s !important; }\r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__link:nth-child(2) { animation-delay: 0.1s !important; }\r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__link:nth-child(3) { animation-delay: 0.15s !important; }\r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__link:nth-child(4) { animation-delay: 0.2s !important; }\r\n \r\n #abora-megamenu .abora-megamenu__link-number {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 500 !important;\r\n color: rgba(255, 255, 255, 0.4) !important;\r\n letter-spacing: 0.05em !important;\r\n min-width: 24px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link-text {\r\n position: relative !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link-text::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: -2px !important;\r\n left: 0 !important;\r\n width: 0 !important;\r\n height: 1px !important;\r\n background-color: #ffffff !important;\r\n transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link:hover .abora-megamenu__link-text::after {\r\n width: 100% !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link-arrow {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: rgba(255, 255, 255, 0.4) !important;\r\n margin-left: auto !important;\r\n opacity: 0 !important;\r\n transform: translateX(-10px) !important;\r\n transition: opacity 0.3s ease, transform 0.3s ease;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link:hover .abora-megamenu__link-arrow {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta-section {\r\n margin-top: 24px !important;\r\n padding-top: 20px !important;\r\n border-top: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n }\r\n \r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__cta-section {\r\n animation: aboraMegamenuSlideIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.3s forwards !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta-label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.15em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n margin: 0 0 12px 0 !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.1em !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n color: #43676a !important;\r\n background-color: #ffffff !important;\r\n padding: 14px 28px !important;\r\n border: none !important;\r\n transition: background-color 0.3s ease, transform 0.3s ease;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta:hover {\r\n background-color: #f0f0f0 !important;\r\n transform: translateY(-2px) !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta:hover svg {\r\n transform: translateX(4px);\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-section {\r\n margin-top: 20px !important;\r\n padding-top: 16px !important;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n }\r\n \r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__lang-section {\r\n animation: aboraMegamenuSlideIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.35s forwards !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.15em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.4) !important;\r\n margin: 0 0 10px 0 !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-list {\r\n display: flex !important;\r\n flex-wrap: wrap !important;\r\n gap: 8px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-option {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.05em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.6) !important;\r\n background: none !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n padding: 8px 14px !important;\r\n cursor: pointer !important;\r\n transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-option:hover {\r\n color: #ffffff !important;\r\n border-color: rgba(255, 255, 255, 0.4) !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-option.active {\r\n color: #ffffff !important;\r\n border-color: #ffffff !important;\r\n background-color: rgba(255, 255, 255, 0.1) !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__footer {\r\n margin-top: auto !important;\r\n padding-top: 20px !important;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n display: flex !important;\r\n flex-direction: row !important;\r\n justify-content: space-between !important;\r\n gap: 16px !important;\r\n }\r\n \r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__footer {\r\n animation: aboraMegamenuSlideIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.4s forwards !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__contact {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 2px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__contact-label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 9px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.15em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.4) !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__contact-value {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__contact-value:hover {\r\n text-decoration: underline !important;\r\n }\r\n \r\n @keyframes aboraMegamenuSlideIn {\r\n 0% { opacity: 0; transform: translateY(20px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @media screen and (max-height: 670px) {\r\n #abora-megamenu .abora-megamenu__container {\r\n padding: 80px 24px 20px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link {\r\n font-size: 24px !important;\r\n padding: 8px 0 !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta-section {\r\n margin-top: 16px !important;\r\n padding-top: 14px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta {\r\n padding: 12px 24px !important;\r\n font-size: 10px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-section {\r\n margin-top: 14px !important;\r\n padding-top: 12px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-option {\r\n padding: 6px 12px !important;\r\n font-size: 10px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__footer {\r\n padding-top: 14px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__contact-value {\r\n font-size: 12px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n MEGAMENU \u2014 TABLET+ (768px)\r\n ============================================ *\/\r\n @media screen and (min-width: 768px) {\r\n #abora-header.abora-header {\r\n padding: 28px 48px !important;\r\n }\r\n \r\n #abora-header.abora-header.abora-header--scrolled {\r\n padding: 16px 48px !important;\r\n }\r\n \r\n #abora-header .abora-header__logo img {\r\n height: 36px !important;\r\n }\r\n \r\n #abora-header.abora-header--scrolled .abora-header__logo img {\r\n height: 32px !important;\r\n }\r\n \r\n #abora-header .abora-header__lang {\r\n display: flex !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-section {\r\n display: none !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__container {\r\n padding: 140px 48px 80px !important;\r\n flex-direction: row !important;\r\n flex-wrap: wrap !important;\r\n align-content: flex-start !important;\r\n height: auto !important;\r\n justify-content: flex-start !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__nav {\r\n width: 55% !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link {\r\n font-size: 44px !important;\r\n padding: 12px 0 !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta-section {\r\n width: 45% !important;\r\n margin-top: 0 !important;\r\n padding-top: 0 !important;\r\n padding-left: 48px !important;\r\n border-top: none !important;\r\n border-left: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta {\r\n padding: 16px 32px !important;\r\n font-size: 12px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__footer {\r\n width: 100% !important;\r\n flex-direction: row !important;\r\n justify-content: flex-start !important;\r\n gap: 48px !important;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n padding-top: 32px !important;\r\n margin-top: 48px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__contact-label {\r\n font-size: 10px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__contact-value {\r\n font-size: 14px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n MEGAMENU \u2014 DESKTOP (1024px)\r\n ============================================ *\/\r\n @media screen and (min-width: 1024px) {\r\n #abora-header.abora-header {\r\n padding: 32px 64px !important;\r\n }\r\n \r\n #abora-header.abora-header.abora-header--scrolled {\r\n padding: 18px 64px !important;\r\n }\r\n \r\n #abora-header .abora-header__logo img {\r\n height: 40px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__container {\r\n padding: 160px 64px 100px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link {\r\n font-size: 52px !important;\r\n padding: 14px 0 !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link-arrow {\r\n width: 28px !important;\r\n height: 28px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__footer {\r\n gap: 64px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n MEGAMENU \u2014 LARGE DESKTOP (1440px)\r\n ============================================ *\/\r\n @media screen and (min-width: 1440px) {\r\n #abora-header.abora-header {\r\n padding: 36px 80px !important;\r\n }\r\n \r\n #abora-header.abora-header.abora-header--scrolled {\r\n padding: 20px 80px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__container {\r\n padding: 180px 80px 120px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link {\r\n font-size: 60px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n HERO\r\n ============================================ *\/\r\n #abora-hero.abora-hero {\r\n position: relative !important;\r\n width: 100% !important;\r\n min-height: 100vh !important;\r\n min-height: 100dvh !important;\r\n display: flex !important;\r\n overflow: hidden !important;\r\n box-sizing: border-box !important;\r\n background-color: #0a0a0a !important;\r\n }\r\n \r\n #abora-hero .abora-hero__bg {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 1 !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-hero .abora-hero__video {\r\n position: absolute !important;\r\n top: 50% !important;\r\n left: 50% !important;\r\n min-width: 100% !important;\r\n min-height: 100% !important;\r\n width: auto !important;\r\n height: auto !important;\r\n transform: translate(-50%, -50%) scale(1.05) !important;\r\n object-fit: cover !important;\r\n z-index: 2 !important;\r\n opacity: 0 !important;\r\n filter: brightness(0.8) !important;\r\n transition: opacity 1.2s ease-out, transform 6s ease-out;\r\n }\r\n \r\n #abora-hero.abora-hero--video-ready .abora-hero__video {\r\n opacity: 1 !important;\r\n transform: translate(-50%, -50%) scale(1) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__bg-fallback {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n z-index: 1 !important;\r\n filter: brightness(0.8) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 3 !important;\r\n background: \r\n linear-gradient(180deg, \r\n rgba(0,0,0,0.5) 0%, \r\n rgba(0,0,0,0.25) 25%,\r\n rgba(0,0,0,0.2) 50%,\r\n rgba(0,0,0,0.35) 75%,\r\n rgba(0,0,0,0.7) 100%\r\n ),\r\n linear-gradient(90deg,\r\n rgba(0,0,0,0.55) 0%,\r\n rgba(0,0,0,0.3) 30%,\r\n transparent 70%\r\n ) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__grain {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 4 !important;\r\n pointer-events: none !important;\r\n opacity: 0.03 !important;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\") !important;\r\n }\r\n\r\n #abora-hero .abora-hero__sidebar {\r\n position: absolute !important;\r\n left: 0 !important;\r\n top: 0 !important;\r\n bottom: 0 !important;\r\n width: 60px !important;\r\n z-index: 10 !important;\r\n display: none !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n padding: 120px 0 40px !important;\r\n box-sizing: border-box !important;\r\n border-right: 1px solid rgba(255,255,255,0.08) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__sidebar-top {\r\n writing-mode: vertical-rl !important;\r\n text-orientation: mixed !important;\r\n transform: rotate(180deg) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__sidebar-label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.25em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255,255,255,0.5) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__sidebar-line {\r\n width: 1px !important;\r\n height: 80px !important;\r\n background: linear-gradient(to bottom, rgba(255,255,255,0.4), transparent) !important;\r\n margin: 20px auto !important;\r\n }\r\n \r\n #abora-hero .abora-hero__sidebar-section {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.1em !important;\r\n color: rgba(255,255,255,0.3) !important;\r\n }\r\n\r\n #abora-hero .abora-hero__main {\r\n position: relative !important;\r\n z-index: 5 !important;\r\n width: 100% !important;\r\n min-height: 100vh !important;\r\n min-height: 100dvh !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: flex-end !important;\r\n padding: 100px 24px 60px !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n #abora-hero .abora-hero__content {\r\n max-width: 1440px !important;\r\n width: 100% !important;\r\n margin: 0 auto !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 0 !important;\r\n }\r\n\r\n #abora-hero .abora-hero__section-number {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 100px !important;\r\n font-weight: 300 !important;\r\n color: rgba(255,255,255,0.05) !important;\r\n line-height: 1 !important;\r\n position: absolute !important;\r\n top: 50% !important;\r\n right: 24px !important;\r\n transform: translateY(-50%) !important;\r\n z-index: 4 !important;\r\n pointer-events: none !important;\r\n display: none !important;\r\n }\r\n\r\n #abora-hero .abora-hero__location {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 16px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-icon {\r\n width: 32px !important;\r\n height: 32px !important;\r\n border: 1px solid rgba(255,255,255,0.4) !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-icon svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n color: #ffffff !important;\r\n opacity: 0.9 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.25em !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-divider {\r\n width: 40px !important;\r\n height: 1px !important;\r\n background-color: rgba(255,255,255,0.4) !important;\r\n display: none !important;\r\n }\r\n\r\n #abora-hero .abora-hero__headline-wrapper {\r\n position: relative !important;\r\n margin-bottom: 24px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 42px !important;\r\n font-weight: 500 !important;\r\n line-height: 1.1 !important;\r\n color: #ffffff !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n letter-spacing: -0.01em !important;\r\n max-width: 600px !important;\r\n text-shadow: 0 2px 20px rgba(0,0,0,0.4), 0 4px 40px rgba(0,0,0,0.2) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline em {\r\n font-style: italic !important;\r\n font-weight: 500 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline-line {\r\n position: absolute !important;\r\n left: -20px !important;\r\n top: 8px !important;\r\n width: 3px !important;\r\n height: 0 !important;\r\n background-color: #43676a !important;\r\n display: none !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animating .abora-hero__headline-line,\r\n #abora-hero.abora-hero--animated .abora-hero__headline-line {\r\n animation: aboraLineGrowVertical 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.6s forwards !important;\r\n }\r\n\r\n #abora-hero .abora-hero__subheadline {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.85 !important;\r\n color: rgba(255,255,255,0.95) !important;\r\n margin: 0 0 36px 0 !important;\r\n padding: 0 !important;\r\n max-width: 480px !important;\r\n text-shadow: 0 2px 15px rgba(0,0,0,0.4) !important;\r\n }\r\n\r\n #abora-hero .abora-hero__cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n align-self: flex-start !important;\r\n gap: 14px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.15em !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n color: #1a1a1a !important;\r\n background-color: #ffffff !important;\r\n padding: 18px 36px !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n z-index: 10 !important;\r\n transition: color 0.4s ease, box-shadow 0.4s ease;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;\r\n width: auto !important;\r\n max-width: none !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-color: #43676a !important;\r\n transform: translateX(-101%) !important;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta:hover::before {\r\n transform: translateX(0) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta-text,\r\n #abora-hero .abora-hero__cta svg {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n display: block !important;\r\n flex-shrink: 0 !important;\r\n transition: transform 0.4s ease;\r\n }\r\n \r\n #abora-hero .abora-hero__cta:hover {\r\n color: #ffffff !important;\r\n box-shadow: 0 6px 30px rgba(67, 103, 106, 0.35) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta:hover svg {\r\n transform: translateX(4px);\r\n }\r\n\r\n #abora-hero .abora-hero__scroll {\r\n position: absolute !important;\r\n bottom: 40px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n z-index: 10 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n cursor: pointer !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.3s ease;\r\n }\r\n \r\n #abora-hero.abora-hero--animated .abora-hero__scroll {\r\n opacity: 1 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll:hover {\r\n opacity: 0.8 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll-icon {\r\n width: 24px !important;\r\n height: 38px !important;\r\n border: 1.5px solid rgba(255,255,255,0.4) !important;\r\n border-radius: 12px !important;\r\n position: relative !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n padding-top: 8px !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll-dot {\r\n width: 3px !important;\r\n height: 8px !important;\r\n background-color: rgba(255,255,255,0.7) !important;\r\n border-radius: 1.5px !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animated .abora-hero__scroll-dot {\r\n animation: aboraScrollBounce 2s ease-in-out infinite !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 9px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255,255,255,0.5) !important;\r\n }\r\n\r\n \/* ============================================\r\n HERO ANIMATIONS\r\n ============================================ *\/\r\n #abora-hero .abora-hero__location,\r\n #abora-hero .abora-hero__headline,\r\n #abora-hero .abora-hero__subheadline,\r\n #abora-hero .abora-hero__cta,\r\n #abora-hero .abora-hero__sidebar {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n \r\n #abora-hero.abora-hero--will-animate .abora-hero__location,\r\n #abora-hero.abora-hero--will-animate .abora-hero__headline,\r\n #abora-hero.abora-hero--will-animate .abora-hero__subheadline,\r\n #abora-hero.abora-hero--will-animate .abora-hero__cta {\r\n opacity: 0 !important;\r\n transform: translateY(40px) !important;\r\n }\r\n \r\n #abora-hero.abora-hero--will-animate .abora-hero__sidebar {\r\n opacity: 0 !important;\r\n transform: translateX(-20px) !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animating .abora-hero__location {\r\n animation: aboraFadeInUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s forwards !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animating .abora-hero__headline {\r\n animation: aboraFadeInUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.45s forwards !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animating .abora-hero__subheadline {\r\n animation: aboraFadeInUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.6s forwards !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animating .abora-hero__cta {\r\n animation: aboraFadeInUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.75s forwards !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animating .abora-hero__sidebar {\r\n animation: aboraFadeInLeft 0.8s cubic-bezier(0.22, 1, 0.36, 1) 1s forwards !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animated .abora-hero__location,\r\n #abora-hero.abora-hero--animated .abora-hero__headline,\r\n #abora-hero.abora-hero--animated .abora-hero__subheadline,\r\n #abora-hero.abora-hero--animated .abora-hero__cta,\r\n #abora-hero.abora-hero--animated .abora-hero__sidebar {\r\n opacity: 1 !important;\r\n transform: translateY(0) translateX(0) !important;\r\n animation: none !important;\r\n }\r\n\r\n @keyframes aboraFadeInUp {\r\n 0% { opacity: 0; transform: translateY(40px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n @keyframes aboraFadeInLeft {\r\n 0% { opacity: 0; transform: translateX(-20px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n \r\n @keyframes aboraLineGrowVertical {\r\n 0% { height: 0; }\r\n 100% { height: 60px; }\r\n }\r\n \r\n @keyframes aboraScrollBounce {\r\n 0%, 100% { transform: translateY(0); opacity: 0.8; }\r\n 50% { transform: translateY(10px); opacity: 0.3; }\r\n }\r\n\r\n \/* ============================================\r\n HERO \u2014 TABLET+ (768px)\r\n ============================================ *\/\r\n @media screen and (min-width: 768px) {\r\n #abora-hero .abora-hero__main {\r\n padding: 120px 48px 80px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__section-number {\r\n display: block !important;\r\n font-size: 180px !important;\r\n right: 48px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location {\r\n margin-bottom: 28px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-divider {\r\n display: block !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline {\r\n font-size: 56px !important;\r\n max-width: 700px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline-wrapper {\r\n margin-bottom: 28px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__subheadline {\r\n font-size: 15px !important;\r\n max-width: 520px !important;\r\n margin-bottom: 44px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta {\r\n padding: 20px 44px !important;\r\n font-size: 12px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll {\r\n bottom: 50px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n HERO \u2014 DESKTOP (1024px)\r\n ============================================ *\/\r\n @media screen and (min-width: 1024px) {\r\n #abora-hero .abora-hero__sidebar {\r\n display: flex !important;\r\n width: 70px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__main {\r\n padding: 140px 64px 100px 100px !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #abora-hero .abora-hero__section-number {\r\n font-size: 280px !important;\r\n right: 64px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-icon {\r\n width: 36px !important;\r\n height: 36px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-text {\r\n font-size: 12px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline {\r\n font-size: 72px !important;\r\n max-width: 800px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline-line {\r\n display: block !important;\r\n left: -30px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline-wrapper {\r\n margin-bottom: 32px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__subheadline {\r\n font-size: 16px !important;\r\n max-width: 560px !important;\r\n margin-bottom: 48px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta {\r\n padding: 22px 52px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n HERO \u2014 LARGE DESKTOP (1440px)\r\n ============================================ *\/\r\n @media screen and (min-width: 1440px) {\r\n #abora-hero .abora-hero__sidebar {\r\n width: 80px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__main {\r\n padding: 160px 80px 120px 120px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__section-number {\r\n font-size: 360px !important;\r\n right: 80px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline {\r\n font-size: 84px !important;\r\n max-width: 900px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__subheadline {\r\n font-size: 17px !important;\r\n max-width: 600px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n HERO \u2014 HEIGHT CONSTRAINTS\r\n ============================================ *\/\r\n @media screen and (max-height: 900px) {\r\n #abora-hero .abora-hero__main {\r\n justify-content: flex-end !important;\r\n padding-top: 100px !important;\r\n padding-bottom: 50px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location {\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline-wrapper {\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__subheadline {\r\n margin-bottom: 28px !important;\r\n line-height: 1.7 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll {\r\n bottom: 25px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__sidebar {\r\n padding-top: 100px !important;\r\n padding-bottom: 30px !important;\r\n }\r\n }\r\n \r\n @media screen and (max-height: 750px) {\r\n #abora-hero .abora-hero__main {\r\n padding-top: 90px !important;\r\n padding-bottom: 40px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location {\r\n margin-bottom: 12px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-icon {\r\n width: 28px !important;\r\n height: 28px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-text {\r\n font-size: 10px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline {\r\n font-size: 36px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline-wrapper {\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__subheadline {\r\n font-size: 13px !important;\r\n margin-bottom: 24px !important;\r\n line-height: 1.65 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta {\r\n padding: 16px 32px !important;\r\n font-size: 10px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll {\r\n bottom: 20px !important;\r\n gap: 8px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll-icon {\r\n width: 20px !important;\r\n height: 32px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__section-number {\r\n font-size: 140px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__sidebar {\r\n display: none !important;\r\n }\r\n }\r\n \r\n @media screen and (max-height: 650px) {\r\n #abora-hero .abora-hero__main {\r\n padding-top: 80px !important;\r\n padding-bottom: 35px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location {\r\n margin-bottom: 10px !important;\r\n gap: 12px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline {\r\n font-size: 32px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline-wrapper {\r\n margin-bottom: 12px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__subheadline {\r\n font-size: 12px !important;\r\n margin-bottom: 20px !important;\r\n max-width: 400px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta {\r\n padding: 14px 28px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll {\r\n display: none !important;\r\n }\r\n \r\n #abora-hero .abora-hero__section-number {\r\n display: none !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 768px) and (max-height: 800px) {\r\n #abora-hero .abora-hero__headline {\r\n font-size: 48px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__subheadline {\r\n font-size: 14px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1024px) and (max-height: 800px) {\r\n #abora-hero .abora-hero__main {\r\n padding-left: 90px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline {\r\n font-size: 56px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__sidebar {\r\n width: 60px !important;\r\n padding-top: 90px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__section-number {\r\n font-size: 200px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1440px) and (max-height: 800px) {\r\n #abora-hero .abora-hero__headline {\r\n font-size: 64px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__section-number {\r\n font-size: 240px !important;\r\n }\r\n }\r\n\r\n body.abora-menu-active {\r\n overflow: hidden !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"abora-preloader\" id=\"abora-preloader\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\" \r\n alt=\"Abora\" \r\n class=\"abora-preloader__logo\">\r\n <div class=\"abora-preloader__line\"><\/div>\r\n <span class=\"abora-preloader__text\">Your seaside retreat awaits<\/span>\r\n <\/div>\r\n\r\n \r\n <header class=\"abora-header\" id=\"abora-header\">\r\n <div class=\"abora-header__container\">\r\n \r\n \r\n <a href=\"\/\" class=\"abora-header__logo\" aria-label=\"Abora Residencial - Home\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\" alt=\"Abora Residencial\">\r\n <\/a>\r\n \r\n \r\n <div class=\"abora-header__right\">\r\n \r\n \r\n <div class=\"abora-header__lang\" id=\"abora-lang-selector\">\r\n <button class=\"abora-header__lang-btn\" aria-label=\"Select language\" aria-expanded=\"false\">\r\n <span>EN<\/span>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"abora-header__lang-dropdown\">\r\n <button class=\"abora-header__lang-option active\" data-lang=\"en\" data-url=\"\/\">English<\/button>\r\n <button class=\"abora-header__lang-option\" data-lang=\"de\" data-url=\"\/de\/\">Deutsch<\/button>\r\n <button class=\"abora-header__lang-option\" data-lang=\"fr\" data-url=\"\/fr\/\">Fran\u00e7ais<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <button class=\"abora-header__menu-btn\" id=\"abora-menu-btn\" aria-label=\"Open menu\" aria-expanded=\"false\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <div class=\"abora-megamenu\" id=\"abora-megamenu\">\r\n <div class=\"abora-megamenu__container\">\r\n \r\n \r\n <nav class=\"abora-megamenu__nav\">\r\n <a href=\"#about\" class=\"abora-megamenu__link\">\r\n <span class=\"abora-megamenu__link-number\">01<\/span>\r\n <span class=\"abora-megamenu__link-text\">About Abora<\/span>\r\n <svg class=\"abora-megamenu__link-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"#tipology\" class=\"abora-megamenu__link\">\r\n <span class=\"abora-megamenu__link-number\">02<\/span>\r\n <span class=\"abora-megamenu__link-text\">Typologies<\/span>\r\n <svg class=\"abora-megamenu__link-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"#gallery\" class=\"abora-megamenu__link\">\r\n <span class=\"abora-megamenu__link-number\">03<\/span>\r\n <span class=\"abora-megamenu__link-text\">Gallery<\/span>\r\n <svg class=\"abora-megamenu__link-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"#location\" class=\"abora-megamenu__link\">\r\n <span class=\"abora-megamenu__link-number\">04<\/span>\r\n <span class=\"abora-megamenu__link-text\">Location<\/span>\r\n <svg class=\"abora-megamenu__link-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <\/nav>\r\n \r\n \r\n <div class=\"abora-megamenu__cta-section\">\r\n <span class=\"abora-megamenu__cta-label\">Exclusive access<\/span>\r\n <a href=\"#info-unlock\" class=\"abora-megamenu__cta\">\r\n <span>Unlock information<\/span>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\r\n <path d=\"M7 11V7a5 5 0 0 1 9.9-1\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-megamenu__lang-section\">\r\n <span class=\"abora-megamenu__lang-label\">Select language<\/span>\r\n <div class=\"abora-megamenu__lang-list\">\r\n <button class=\"abora-megamenu__lang-option active\" data-lang=\"en\" data-url=\"\/\">EN<\/button>\r\n <button class=\"abora-megamenu__lang-option\" data-lang=\"de\" data-url=\"\/de\/\">DE<\/button>\r\n <button class=\"abora-megamenu__lang-option\" data-lang=\"fr\" data-url=\"\/fr\/\">FR<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-megamenu__footer\">\r\n <div class=\"abora-megamenu__contact\">\r\n <span class=\"abora-megamenu__contact-label\">Phone<\/span>\r\n <a href=\"tel:+34911678138\" class=\"abora-megamenu__contact-value\">911 67 81 38<\/a>\r\n <\/div>\r\n <div class=\"abora-megamenu__contact\">\r\n <span class=\"abora-megamenu__contact-label\">Location<\/span>\r\n <span class=\"abora-megamenu__contact-value\">Costa de Adeje, Tenerife<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section class=\"abora-hero\" id=\"abora-hero\">\r\n \r\n \r\n <div class=\"abora-hero__bg\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-aereo-tenerife.jpg\" \r\n alt=\"Aerial view of Residencial Abora\" \r\n class=\"abora-hero__bg-fallback\"\r\n loading=\"eager\">\r\n <video \r\n class=\"abora-hero__video\" \r\n id=\"abora-hero-video\"\r\n autoplay \r\n muted \r\n loop \r\n playsinline\r\n preload=\"auto\"\r\n poster=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-aereo-tenerife.jpg\">\r\n <source src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/dron_1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-hero__overlay\"><\/div>\r\n \r\n \r\n <div class=\"abora-hero__grain\"><\/div>\r\n \r\n \r\n <span class=\"abora-hero__section-number\">01<\/span>\r\n \r\n \r\n <div class=\"abora-hero__sidebar\">\r\n <div class=\"abora-hero__sidebar-top\">\r\n <span class=\"abora-hero__sidebar-label\">Costa de Adeje<\/span>\r\n <\/div>\r\n <div class=\"abora-hero__sidebar-line\"><\/div>\r\n <span class=\"abora-hero__sidebar-section\">01<\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-hero__main\">\r\n <div class=\"abora-hero__content\">\r\n \r\n \r\n <div class=\"abora-hero__location\">\r\n <div class=\"abora-hero__location-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"abora-hero__location-text\">Costa de Adeje, Tenerife<\/span>\r\n <span class=\"abora-hero__location-divider\"><\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-hero__headline-wrapper\">\r\n <span class=\"abora-hero__headline-line\"><\/span>\r\n <h1 class=\"abora-hero__headline\">Life under the <em>Spanish sun<\/em><\/h1>\r\n <\/div>\r\n \r\n \r\n <p class=\"abora-hero__subheadline\">\r\n Premium homes by the sea, with terraces, natural light and exclusive common areas. A Mediterranean retreat with perfect weather all year round.\r\n <\/p>\r\n \r\n \r\n <a href=\"#about\" class=\"abora-hero__cta\">\r\n <span class=\"abora-hero__cta-text\">Discover your home<\/span>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-hero__scroll\" id=\"abora-scroll-trigger\">\r\n <div class=\"abora-hero__scroll-icon\">\r\n <span class=\"abora-hero__scroll-dot\"><\/span>\r\n <\/div>\r\n <span class=\"abora-hero__scroll-text\">Scroll<\/span>\r\n <\/div>\r\n \r\n <\/section>\r\n\r\n \r\n <script>\r\n (function() {\r\n 'use strict';\r\n \r\n var heroAnimated = false;\r\n var preloaderHidden = false;\r\n var PAGE_LOAD_TIME = Date.now();\r\n var MIN_PRELOADER_DURATION = 2800;\r\n \r\n \/* ============================================\r\n WPML LANGUAGE CONFIG\r\n ============================================ *\/\r\n var WPML_LANGUAGES = {\r\n 'en': { prefix: '', name: 'English', code: 'EN' },\r\n 'de': { prefix: '\/de', name: 'Deutsch', code: 'DE' },\r\n 'it': { prefix: '\/it', name: 'Italiano', code: 'IT' },\r\n 'fr': { prefix: '\/fr', name: 'Fran\u00e7ais', code: 'FR' }\r\n };\r\n \r\n var CURRENT_LANG = 'en';\r\n \r\n function detectCurrentLanguage() {\r\n var path = window.location.pathname;\r\n if (path.startsWith('\/de\/') || path === '\/de') return 'de';\r\n if (path.startsWith('\/it\/') || path === '\/it') return 'it';\r\n if (path.startsWith('\/fr\/') || path === '\/fr') return 'fr';\r\n return 'en';\r\n }\r\n \r\n function getPathWithoutLangPrefix(path) {\r\n var prefixes = ['\/de\/', '\/it\/', '\/fr\/', '\/de', '\/it', '\/fr'];\r\n for (var i = 0; i < prefixes.length; i++) {\r\n if (path.startsWith(prefixes[i])) {\r\n var newPath = path.substring(prefixes[i].length);\r\n return newPath.startsWith('\/') ? newPath : '\/' + newPath;\r\n }\r\n }\r\n return path;\r\n }\r\n \r\n function switchLanguage(targetLang) {\r\n if (!WPML_LANGUAGES[targetLang]) return;\r\n \r\n var currentPath = window.location.pathname;\r\n var cleanPath = getPathWithoutLangPrefix(currentPath);\r\n var newPrefix = WPML_LANGUAGES[targetLang].prefix;\r\n var newPath = newPrefix + (cleanPath === '\/' ? '\/' : cleanPath);\r\n \r\n if (newPath !== '\/' && newPath.endsWith('\/') && cleanPath !== '\/') {\r\n newPath = newPath.slice(0, -1);\r\n }\r\n \r\n if (targetLang === 'en' && cleanPath === '\/') {\r\n newPath = '\/';\r\n }\r\n \r\n window.location.href = window.location.origin + newPath + window.location.search + window.location.hash;\r\n }\r\n \r\n function initLanguageSelectors() {\r\n CURRENT_LANG = detectCurrentLanguage();\r\n \r\n var headerOptions = document.querySelectorAll('.abora-header__lang-option');\r\n var megamenuOptions = document.querySelectorAll('.abora-megamenu__lang-option');\r\n var langBtnSpan = document.querySelector('.abora-header__lang-btn span');\r\n \r\n if (langBtnSpan) {\r\n langBtnSpan.textContent = WPML_LANGUAGES[CURRENT_LANG].code;\r\n }\r\n \r\n headerOptions.forEach(function(opt) {\r\n opt.classList.remove('active');\r\n if (opt.getAttribute('data-lang') === CURRENT_LANG) {\r\n opt.classList.add('active');\r\n }\r\n });\r\n \r\n megamenuOptions.forEach(function(opt) {\r\n opt.classList.remove('active');\r\n if (opt.getAttribute('data-lang') === CURRENT_LANG) {\r\n opt.classList.add('active');\r\n }\r\n });\r\n \r\n headerOptions.forEach(function(option) {\r\n option.addEventListener('click', function() {\r\n var lang = this.getAttribute('data-lang');\r\n if (lang !== CURRENT_LANG) {\r\n switchLanguage(lang);\r\n }\r\n });\r\n });\r\n \r\n megamenuOptions.forEach(function(option) {\r\n option.addEventListener('click', function() {\r\n var lang = this.getAttribute('data-lang');\r\n if (lang !== CURRENT_LANG) {\r\n switchLanguage(lang);\r\n }\r\n });\r\n });\r\n }\r\n\r\n \/* ============================================\r\n PRELOADER\r\n ============================================ *\/\r\n var preloader = document.getElementById('abora-preloader');\r\n \r\n function hidePreloader() {\r\n if (preloader && !preloader.classList.contains('abora-preloader--hidden')) {\r\n preloader.classList.add('abora-preloader--hidden');\r\n setTimeout(function() {\r\n if (preloader && preloader.parentNode) {\r\n preloader.parentNode.removeChild(preloader);\r\n }\r\n }, 1000);\r\n }\r\n }\r\n \r\n \/* ============================================\r\n VIDEO HANDLING\r\n ============================================ *\/\r\n var hero = document.getElementById('abora-hero');\r\n var heroVideo = document.getElementById('abora-hero-video');\r\n \r\n function initVideo() {\r\n if (!heroVideo) return;\r\n \r\n function showVideo() {\r\n if (hero) {\r\n hero.classList.add('abora-hero--video-ready');\r\n }\r\n }\r\n \r\n heroVideo.play().then(function() {\r\n showVideo();\r\n }).catch(function(e) {\r\n console.log('Video autoplay prevented:', e);\r\n });\r\n \r\n heroVideo.addEventListener('canplay', showVideo);\r\n heroVideo.addEventListener('playing', showVideo);\r\n \r\n setTimeout(showVideo, 2000);\r\n }\r\n \r\n \/* ============================================\r\n HERO ANIMATIONS\r\n ============================================ *\/\r\n \r\n function triggerHeroAnimations() {\r\n if (heroAnimated || !hero) return;\r\n heroAnimated = true;\r\n \r\n hero.classList.add('abora-hero--will-animate');\r\n \r\n requestAnimationFrame(function() {\r\n requestAnimationFrame(function() {\r\n hero.classList.remove('abora-hero--will-animate');\r\n hero.classList.add('abora-hero--animating');\r\n \r\n initVideo();\r\n \r\n setTimeout(function() {\r\n hero.classList.remove('abora-hero--animating');\r\n hero.classList.add('abora-hero--animated');\r\n }, 2500);\r\n });\r\n });\r\n }\r\n \r\n function forceHeroVisible() {\r\n if (!hero) return;\r\n hero.classList.remove('abora-hero--will-animate');\r\n hero.classList.remove('abora-hero--animating');\r\n if (!hero.classList.contains('abora-hero--animated')) {\r\n hero.classList.add('abora-hero--animated');\r\n }\r\n hero.classList.add('abora-hero--video-ready');\r\n }\r\n \r\n \/* ============================================\r\n INITIALIZATION\r\n ============================================ *\/\r\n \r\n function showContent() {\r\n if (preloaderHidden) return;\r\n preloaderHidden = true;\r\n \r\n var elapsed = Date.now() - PAGE_LOAD_TIME;\r\n var remainingTime = Math.max(0, MIN_PRELOADER_DURATION - elapsed);\r\n \r\n setTimeout(function() {\r\n hidePreloader();\r\n setTimeout(triggerHeroAnimations, 200);\r\n }, remainingTime);\r\n }\r\n \r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', function() {\r\n showContent();\r\n initLanguageSelectors();\r\n });\r\n } else {\r\n showContent();\r\n initLanguageSelectors();\r\n }\r\n \r\n window.addEventListener('load', showContent);\r\n \r\n setTimeout(function() {\r\n if (!preloaderHidden) {\r\n preloaderHidden = true;\r\n hidePreloader();\r\n }\r\n forceHeroVisible();\r\n }, 7000);\r\n \r\n \/* ============================================\r\n HEADER SCROLL\r\n ============================================ *\/\r\n var header = document.getElementById('abora-header');\r\n var scrollThreshold = 100;\r\n var ticking = false;\r\n \r\n function handleScroll() {\r\n if (!header) return;\r\n if (window.scrollY > scrollThreshold) {\r\n header.classList.add('abora-header--scrolled');\r\n } else {\r\n header.classList.remove('abora-header--scrolled');\r\n }\r\n }\r\n \r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleScroll();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n handleScroll();\r\n \r\n \/* ============================================\r\n LANGUAGE SELECTOR (HEADER DROPDOWN)\r\n ============================================ *\/\r\n var langSelector = document.getElementById('abora-lang-selector');\r\n var isLangOpen = false;\r\n \r\n if (langSelector) {\r\n var langBtn = langSelector.querySelector('.abora-header__lang-btn');\r\n \r\n function openLang() {\r\n isLangOpen = true;\r\n langSelector.classList.add('abora-lang-open');\r\n if (langBtn) langBtn.setAttribute('aria-expanded', 'true');\r\n }\r\n \r\n function closeLang() {\r\n isLangOpen = false;\r\n langSelector.classList.remove('abora-lang-open');\r\n if (langBtn) langBtn.setAttribute('aria-expanded', 'false');\r\n }\r\n \r\n function toggleLang() {\r\n isLangOpen ? closeLang() : openLang();\r\n }\r\n \r\n if (langBtn) {\r\n langBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n toggleLang();\r\n });\r\n }\r\n \r\n document.addEventListener('click', function(e) {\r\n if (isLangOpen && !langSelector.contains(e.target)) {\r\n closeLang();\r\n }\r\n });\r\n }\r\n \r\n \/* ============================================\r\n MEGAMENU\r\n ============================================ *\/\r\n var menuBtn = document.getElementById('abora-menu-btn');\r\n var megamenu = document.getElementById('abora-megamenu');\r\n var body = document.body;\r\n var isMenuOpen = false;\r\n \r\n function openMenu() {\r\n isMenuOpen = true;\r\n if (menuBtn) {\r\n menuBtn.classList.add('abora-menu-open');\r\n menuBtn.setAttribute('aria-expanded', 'true');\r\n }\r\n if (megamenu) megamenu.classList.add('abora-megamenu--open');\r\n body.classList.add('abora-menu-active');\r\n }\r\n \r\n function closeMenu() {\r\n isMenuOpen = false;\r\n if (menuBtn) {\r\n menuBtn.classList.remove('abora-menu-open');\r\n menuBtn.setAttribute('aria-expanded', 'false');\r\n }\r\n if (megamenu) megamenu.classList.remove('abora-megamenu--open');\r\n body.classList.remove('abora-menu-active');\r\n }\r\n \r\n function toggleMenu() {\r\n isMenuOpen ? closeMenu() : openMenu();\r\n }\r\n \r\n if (menuBtn) {\r\n menuBtn.addEventListener('click', toggleMenu);\r\n }\r\n \r\n if (megamenu) {\r\n var megamenuLinks = megamenu.querySelectorAll('a');\r\n megamenuLinks.forEach(function(link) {\r\n link.addEventListener('click', closeMenu);\r\n });\r\n }\r\n \r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') {\r\n if (isMenuOpen) closeMenu();\r\n if (isLangOpen) closeLang();\r\n }\r\n });\r\n \r\n \/* ============================================\r\n SMOOTH SCROLL\r\n ============================================ *\/\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\r\n anchor.addEventListener('click', function(e) {\r\n var targetId = this.getAttribute('href');\r\n if (targetId === '#') return;\r\n \r\n var targetElement = document.querySelector(targetId);\r\n if (targetElement && header) {\r\n e.preventDefault();\r\n var headerHeight = header.offsetHeight;\r\n var targetPosition = targetElement.getBoundingClientRect().top + window.scrollY - headerHeight;\r\n \r\n window.scrollTo({\r\n top: targetPosition,\r\n behavior: 'smooth'\r\n });\r\n }\r\n });\r\n });\r\n \r\n \/* ============================================\r\n SCROLL TRIGGER\r\n ============================================ *\/\r\n var scrollTrigger = document.getElementById('abora-scroll-trigger');\r\n if (scrollTrigger) {\r\n scrollTrigger.addEventListener('click', function() {\r\n window.scrollTo({\r\n top: window.innerHeight,\r\n behavior: 'smooth'\r\n });\r\n });\r\n }\r\n \r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-205966d e-con-full e-flex e-con e-parent\" data-id=\"205966d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b3c3b7 animated-slow elementor-invisible elementor-widget elementor-widget-video\" data-id=\"0b3c3b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","mute":"yes","loop":"yes","_animation":"zoomIn","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/abora-engage-eng.mp4\" autoplay=\"\" loop=\"\" controls=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47e2736 elementor-widget elementor-widget-html\" data-id=\"47e2736\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div id=\"whatsapp-float\" class=\"whatsapp-float\">\r\n <button type=\"button\" class=\"whatsapp-btn\" id=\"whatsapp-trigger\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/12\/whatsapp-icon-1.png\" \r\n alt=\"WhatsApp\" \r\n class=\"whatsapp-icon\">\r\n <\/button>\r\n<\/div>\r\n\r\n\r\n<div id=\"whatsapp-modal\" class=\"wa-modal\">\r\n <div class=\"wa-modal-content\">\r\n <button type=\"button\" class=\"wa-modal-close\" id=\"wa-close\">×<\/button>\r\n <div class=\"wa-modal-header\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/12\/whatsapp-icon-1.png\" alt=\"WhatsApp\" class=\"wa-modal-icon\">\r\n <span>WhatsApp<\/span>\r\n <\/div>\r\n <p class=\"wa-modal-text\">By going forward, you must accept our Privacy Policty<\/p>\r\n <label class=\"wa-checkbox-label\">\r\n <input type=\"checkbox\" id=\"wa-privacy-check\">\r\n <span>I accept the <a href=\"https:\/\/aboraresidencial.com\/en\/privacy\/\" target=\"_blank\">Privacy Policy<\/a><\/span>\r\n <\/label>\r\n <a href=\"#\" \r\n id=\"whatsapp-dynamic-link\"\r\n target=\"_blank\" \r\n rel=\"noopener noreferrer\"\r\n class=\"wa-modal-btn disabled\">\r\n Continue to WhatsApp\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Bot\u00f3n flotante *\/\r\n.whatsapp-float {\r\n position: fixed !important;\r\n bottom: 30px !important;\r\n right: 30px !important;\r\n z-index: 999999999 !important;\r\n}\r\n\r\n.whatsapp-btn {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 60px !important;\r\n height: 60px !important;\r\n background: transparent !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4) !important;\r\n transition: all 0.3s ease !important;\r\n cursor: pointer !important;\r\n padding: 0 !important;\r\n margin-bottom: 55px !important;\r\n}\r\n\r\n.whatsapp-btn:hover {\r\n transform: scale(1.1) !important;\r\n box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6) !important;\r\n}\r\n\r\n.whatsapp-icon {\r\n width: 60px !important;\r\n height: 60px !important;\r\n object-fit: contain !important;\r\n}\r\n\r\n\/* Modal *\/\r\n.wa-modal {\r\n display: none;\r\n position: fixed !important;\r\n bottom: 160px !important;\r\n right: 30px !important;\r\n z-index: 9999999999 !important;\r\n animation: waSlideUp 0.3s ease !important;\r\n}\r\n\r\n.wa-modal.active {\r\n display: block !important;\r\n}\r\n\r\n@keyframes waSlideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n.wa-modal-content {\r\n background: #ffffff !important;\r\n border-radius: 16px !important;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;\r\n padding: 24px !important;\r\n width: 300px !important;\r\n position: relative !important;\r\n}\r\n\r\n.wa-modal-close {\r\n position: absolute !important;\r\n top: 12px !important;\r\n right: 12px !important;\r\n background: none !important;\r\n border: none !important;\r\n font-size: 24px !important;\r\n color: #999 !important;\r\n cursor: pointer !important;\r\n line-height: 1 !important;\r\n padding: 0 !important;\r\n width: 30px !important;\r\n height: 30px !important;\r\n}\r\n\r\n.wa-modal-close:hover {\r\n color: #333 !important;\r\n}\r\n\r\n.wa-modal-header {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n margin-bottom: 16px !important;\r\n font-family: 'Manrope', sans-serif !important;\r\n font-weight: 700 !important;\r\n font-size: 18px !important;\r\n color: #1E3A5F !important;\r\n}\r\n\r\n.wa-modal-icon {\r\n width: 32px !important;\r\n height: 32px !important;\r\n}\r\n\r\n.wa-modal-text {\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 14px !important;\r\n color: #555 !important;\r\n margin-bottom: 16px !important;\r\n line-height: 1.5 !important;\r\n}\r\n\r\n.wa-checkbox-label {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 10px !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 13px !important;\r\n color: #333 !important;\r\n cursor: pointer !important;\r\n margin-bottom: 20px !important;\r\n}\r\n\r\n.wa-checkbox-label input[type=\"checkbox\"] {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-top: 2px !important;\r\n accent-color: #25D366 !important;\r\n cursor: pointer !important;\r\n}\r\n\r\n.wa-checkbox-label a {\r\n color: #1E3A5F !important;\r\n text-decoration: underline !important;\r\n}\r\n\r\n.wa-modal-btn {\r\n display: block !important;\r\n width: 100% !important;\r\n padding: 14px 20px !important;\r\n background: #25D366 !important;\r\n color: #ffffff !important;\r\n font-family: 'Manrope', sans-serif !important;\r\n font-weight: 600 !important;\r\n font-size: 14px !important;\r\n text-align: center !important;\r\n text-decoration: none !important;\r\n border-radius: 8px !important;\r\n transition: all 0.3s ease !important;\r\n}\r\n\r\n.wa-modal-btn:hover {\r\n background: #20bd5a !important;\r\n color: #ffffff !important;\r\n}\r\n\r\n.wa-modal-btn.disabled {\r\n background: #ccc !important;\r\n pointer-events: none !important;\r\n color: #888 !important;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n .whatsapp-float {\r\n bottom: 20px !important;\r\n right: 20px !important;\r\n }\r\n \r\n .whatsapp-btn {\r\n width: 55px !important;\r\n height: 55px !important;\r\n }\r\n \r\n .whatsapp-icon {\r\n width: 55px !important;\r\n height: 55px !important;\r\n }\r\n \r\n .wa-modal {\r\n bottom: 150px !important;\r\n right: 20px !important;\r\n left: 20px !important;\r\n }\r\n \r\n .wa-modal-content {\r\n width: auto !important;\r\n }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n \/\/ ===== CONFIGURACI\u00d3N =====\r\n const config = {\r\n phoneNumber: '34919464706',\r\n projectName: 'Abora Residencial'\r\n };\r\n \r\n \/\/ Funci\u00f3n para obtener el nombre del usuario desde WordPress\r\n function getUserName() {\r\n if (window.wpUserData && window.wpUserData.firstName) {\r\n return window.wpUserData.firstName;\r\n }\r\n const adminBarUser = document.querySelector('#wp-admin-bar-my-account .display-name');\r\n if (adminBarUser) {\r\n return adminBarUser.textContent.trim().split(' ')[0];\r\n }\r\n return null;\r\n }\r\n \r\n \/\/ Verificar si el usuario est\u00e1 logueado\r\n function isUserLoggedIn() {\r\n return window.wpUserData && window.wpUserData.isLoggedIn === true;\r\n }\r\n \r\n \/\/ Construir el enlace de WhatsApp\r\n function buildWhatsAppLink() {\r\n const currentUrl = window.location.href;\r\n let message;\r\n \r\n if (isUserLoggedIn()) {\r\n const userName = getUserName();\r\n message = `Hi, my name is ${userName}, and I would like to get more info about ${config.projectName} (${currentUrl})`;\r\n } else {\r\n message = `Hi, I would like to know more about ${config.projectName} (${currentUrl})`;\r\n }\r\n \r\n const encodedMessage = encodeURIComponent(message);\r\n return `https:\/\/wa.me\/${config.phoneNumber}?text=${encodedMessage}`;\r\n }\r\n \r\n \/\/ Inicializar\r\n function init() {\r\n const trigger = document.getElementById('whatsapp-trigger');\r\n const modal = document.getElementById('whatsapp-modal');\r\n const closeBtn = document.getElementById('wa-close');\r\n const checkbox = document.getElementById('wa-privacy-check');\r\n const continueBtn = document.getElementById('whatsapp-dynamic-link');\r\n \r\n if (!trigger || !modal) return;\r\n \r\n \/\/ Establecer el enlace din\u00e1mico\r\n continueBtn.href = buildWhatsAppLink();\r\n \r\n \/\/ Abrir modal\r\n trigger.addEventListener('click', function() {\r\n \/\/ Actualizar enlace cada vez que se abre (por si cambi\u00f3 la URL)\r\n continueBtn.href = buildWhatsAppLink();\r\n modal.classList.toggle('active');\r\n });\r\n \r\n \/\/ Cerrar modal\r\n closeBtn.addEventListener('click', function() {\r\n modal.classList.remove('active');\r\n });\r\n \r\n \/\/ Activar\/desactivar bot\u00f3n seg\u00fan checkbox\r\n checkbox.addEventListener('change', function() {\r\n if (this.checked) {\r\n continueBtn.classList.remove('disabled');\r\n } else {\r\n continueBtn.classList.add('disabled');\r\n }\r\n });\r\n \r\n \/\/ Cerrar al hacer clic fuera\r\n document.addEventListener('click', function(e) {\r\n if (!modal.contains(e.target) && !trigger.contains(e.target)) {\r\n modal.classList.remove('active');\r\n }\r\n });\r\n \r\n \/\/ Debug\r\n console.log('WhatsApp Debug:', {\r\n logueado: isUserLoggedIn(),\r\n nombre: getUserName() || 'Sin nombre (no logueado)',\r\n proyecto: config.projectName,\r\n url: window.location.href\r\n });\r\n }\r\n \r\n \/\/ Ejecutar cuando el DOM est\u00e9 listo\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', init);\r\n } else {\r\n init();\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8313936 e-con-full e-flex e-con e-parent\" data-id=\"8313936\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-506294b elementor-widget elementor-widget-html\" data-id=\"506294b\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"about\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ============================================\r\n ABORA - BLOCK 02: INTRO v4 PREMIUM\r\n ============================================ *\/\r\n \r\n #abora-intro.abora-intro {\r\n position: relative !important;\r\n width: 100% !important;\r\n background-color: #ffffff !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-intro .abora-intro__wrapper {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n min-height: auto !important;\r\n }\r\n \r\n \/* --- IMAGE --- *\/\r\n #abora-intro .abora-intro__media {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 50vh !important;\r\n min-height: 350px !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-intro .abora-intro__image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n display: block !important;\r\n transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__image {\r\n transform: scale(1.02);\r\n }\r\n \r\n #abora-intro .abora-intro__media::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n pointer-events: none !important;\r\n opacity: 0.03 !important;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\") !important;\r\n }\r\n \r\n #abora-intro .abora-intro__badge {\r\n position: absolute !important;\r\n bottom: 24px !important;\r\n left: 24px !important;\r\n background-color: #ffffff !important;\r\n padding: 20px 28px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 16px !important;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__badge-icon {\r\n width: 44px !important;\r\n height: 44px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background-color: #43676a !important;\r\n border-radius: 50% !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__badge-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n color: #ffffff !important;\r\n }\r\n \r\n #abora-intro .abora-intro__badge-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 500 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 !important;\r\n line-height: 1.4 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__badge-text strong {\r\n display: block !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.1em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin-bottom: 2px !important;\r\n }\r\n \r\n \/* --- CONTENT --- *\/\r\n #abora-intro .abora-intro__content {\r\n padding: 60px 24px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #abora-intro .abora-intro__inner {\r\n max-width: 600px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n #abora-intro .abora-intro__tagline {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 14px !important;\r\n margin: 0 0 20px 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__tagline::before {\r\n content: '' !important;\r\n display: block !important;\r\n width: 32px !important;\r\n height: 1px !important;\r\n background-color: #43676a !important;\r\n flex-shrink: 0 !important;\r\n transform-origin: left center !important;\r\n }\r\n \r\n #abora-intro .abora-intro__tagline-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 34px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 28px 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__copy {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.85 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 0 24px 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__highlight {\r\n color: #43676a !important;\r\n font-weight: 500 !important;\r\n }\r\n \r\n \/* --- FEATURES GRID --- *\/\r\n #abora-intro .abora-intro__features {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 20px !important;\r\n margin: 32px 0 0 0 !important;\r\n padding: 32px 0 !important;\r\n border-top: 1px solid #ececec !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 14px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-icon {\r\n width: 46px !important;\r\n height: 46px !important;\r\n min-width: 46px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background-color: rgba(67, 103, 106, 0.08) !important;\r\n border-radius: 50% !important;\r\n transition: background-color 0.4s ease, transform 0.4s ease;\r\n }\r\n \r\n #abora-intro .abora-intro__feature:hover .abora-intro__feature-icon {\r\n background-color: #43676a !important;\r\n transform: scale(1.05) !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-icon svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: #43676a !important;\r\n transition: color 0.4s ease;\r\n }\r\n \r\n #abora-intro .abora-intro__feature:hover .abora-intro__feature-icon svg {\r\n color: #ffffff !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-content {\r\n flex: 1 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-title {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 600 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 !important;\r\n transition: color 0.3s ease;\r\n }\r\n \r\n #abora-intro .abora-intro__feature:hover .abora-intro__feature-title {\r\n color: #43676a !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.4 !important;\r\n color: #6b6b6b !important;\r\n margin: 2px 0 0 0 !important;\r\n }\r\n \r\n \/* --- DELIVERY BADGE --- *\/\r\n #abora-intro .abora-intro__delivery {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n margin: 24px 0 40px 0 !important;\r\n padding: 16px 24px !important;\r\n background-color: rgba(67, 103, 106, 0.06) !important;\r\n border-left: 3px solid #43676a !important;\r\n }\r\n \r\n #abora-intro .abora-intro__delivery-icon {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: #43676a !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__delivery-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.08em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__delivery-text strong {\r\n font-weight: 700 !important;\r\n color: #2d2d2d !important;\r\n }\r\n \r\n \/* PREMIUM CTA *\/\r\n #abora-intro .abora-intro__cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.12em !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n color: #ffffff !important;\r\n background-color: #43676a !important;\r\n padding: 18px 36px !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n transition: color 0.4s ease;\r\n }\r\n \r\n #abora-intro .abora-intro__cta::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-color: #2d2d2d !important;\r\n transform: translateX(-101%) !important;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__cta:hover::before {\r\n transform: translateX(0) !important;\r\n }\r\n \r\n #abora-intro .abora-intro__cta span,\r\n #abora-intro .abora-intro__cta svg {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__cta svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n transition: transform 0.4s ease;\r\n }\r\n \r\n #abora-intro .abora-intro__cta:hover svg {\r\n transform: translateX(5px);\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Tablet\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 768px) {\r\n #abora-intro .abora-intro__media {\r\n height: 55vh !important;\r\n min-height: 450px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__badge {\r\n bottom: 32px !important;\r\n left: 48px !important;\r\n padding: 24px 32px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__content {\r\n padding: 80px 48px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__title {\r\n font-size: 42px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__copy {\r\n font-size: 16px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__features {\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n gap: 24px 20px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n gap: 10px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-content {\r\n text-align: center !important;\r\n }\r\n \r\n #abora-intro .abora-intro__delivery {\r\n justify-content: center !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Desktop (Split Layout)\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 1024px) {\r\n #abora-intro .abora-intro__wrapper {\r\n flex-direction: row !important;\r\n min-height: 100vh !important;\r\n }\r\n \r\n #abora-intro .abora-intro__media {\r\n width: 50% !important;\r\n height: auto !important;\r\n min-height: 100vh !important;\r\n position: sticky !important;\r\n top: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__badge {\r\n bottom: 48px !important;\r\n left: 64px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__content {\r\n width: 50% !important;\r\n padding: 100px 64px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n }\r\n \r\n #abora-intro .abora-intro__inner {\r\n max-width: 520px !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__tagline-text {\r\n font-size: 12px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__title {\r\n font-size: 48px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__copy {\r\n font-size: 17px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__features {\r\n gap: 28px 24px !important;\r\n margin: 40px 0 0 0 !important;\r\n padding: 40px 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-icon {\r\n width: 52px !important;\r\n height: 52px !important;\r\n min-width: 52px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-title {\r\n font-size: 14px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__delivery {\r\n margin: 28px 0 48px 0 !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Large Desktop\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 1440px) {\r\n #abora-intro .abora-intro__badge {\r\n left: 80px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__content {\r\n padding: 120px 80px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__title {\r\n font-size: 54px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n PREMIUM ANIMATIONS\r\n ============================================ *\/\r\n \r\n @keyframes aboraIntroFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n @keyframes aboraIntroSlideIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n \r\n @keyframes aboraIntroLineGrow {\r\n 0% {\r\n transform: scaleX(0);\r\n }\r\n 100% {\r\n transform: scaleX(1);\r\n }\r\n }\r\n \r\n #abora-intro .abora-intro__tagline,\r\n #abora-intro .abora-intro__title,\r\n #abora-intro .abora-intro__copy,\r\n #abora-intro .abora-intro__features,\r\n #abora-intro .abora-intro__delivery,\r\n #abora-intro .abora-intro__cta,\r\n #abora-intro .abora-intro__badge {\r\n opacity: 1;\r\n transform: translateY(0) translateX(0);\r\n }\r\n \r\n #abora-intro .abora-intro__tagline::before {\r\n transform: scaleX(1);\r\n }\r\n \r\n #abora-intro.abora-intro--visible .abora-intro__tagline,\r\n #abora-intro.abora-intro--visible .abora-intro__title,\r\n #abora-intro.abora-intro--visible .abora-intro__copy,\r\n #abora-intro.abora-intro--visible .abora-intro__features,\r\n #abora-intro.abora-intro--visible .abora-intro__delivery,\r\n #abora-intro.abora-intro--visible .abora-intro__cta {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n \r\n #abora-intro.abora-intro--visible .abora-intro__tagline::before {\r\n transform: scaleX(0);\r\n }\r\n \r\n #abora-intro.abora-intro--visible .abora-intro__badge {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__badge {\r\n animation: aboraIntroSlideIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__tagline {\r\n animation: aboraIntroFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__tagline::before {\r\n animation: aboraIntroLineGrow 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.4s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__title {\r\n animation: aboraIntroFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__copy {\r\n animation: aboraIntroFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.4s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__features {\r\n animation: aboraIntroFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.55s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__delivery {\r\n animation: aboraIntroFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.7s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__cta {\r\n animation: aboraIntroFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.85s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--done .abora-intro__tagline,\r\n #abora-intro.abora-intro--done .abora-intro__title,\r\n #abora-intro.abora-intro--done .abora-intro__copy,\r\n #abora-intro.abora-intro--done .abora-intro__features,\r\n #abora-intro.abora-intro--done .abora-intro__delivery,\r\n #abora-intro.abora-intro--done .abora-intro__cta,\r\n #abora-intro.abora-intro--done .abora-intro__badge {\r\n opacity: 1 !important;\r\n transform: translateY(0) translateX(0) !important;\r\n animation: none !important;\r\n }\r\n \r\n #abora-intro.abora-intro--done .abora-intro__tagline::before {\r\n transform: scaleX(1) !important;\r\n animation: none !important;\r\n }\r\n<\/style>\r\n\r\n<section class=\"abora-intro\" id=\"abora-intro\">\r\n <div class=\"abora-intro__wrapper\">\r\n \r\n <div class=\"abora-intro__media\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-terraza-chiill-vistas-oceano-scaled.jpg\" \r\n alt=\"Terrace with ocean views at Residencial Abora\" \r\n class=\"abora-intro__image\"\r\n loading=\"lazy\">\r\n \r\n <div class=\"abora-intro__badge\">\r\n <div class=\"abora-intro__badge-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"abora-intro__badge-text\">\r\n <strong>Prime location<\/strong>\r\n Costa de Adeje, Tenerife\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-intro__content\">\r\n <div class=\"abora-intro__inner\">\r\n \r\n <div class=\"abora-intro__tagline\">\r\n <span class=\"abora-intro__tagline-text\">Playa Para\u00edso<\/span>\r\n <\/div>\r\n \r\n <h2 class=\"abora-intro__title\">Welcome to Residencial Abora<\/h2>\r\n \r\n <p class=\"abora-intro__copy\">\r\n In the heart of Costa de Adeje lies Residencial Abora. A complex with spacious terraces and sea views where every architectural note is carefully selected to create a vital melody full of <span class=\"abora-intro__highlight\">comfort and happiness<\/span>.\r\n <\/p>\r\n \r\n <div class=\"abora-intro__features\">\r\n \r\n <div class=\"abora-intro__feature\">\r\n <div class=\"abora-intro__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\r\n <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-intro__feature-content\">\r\n <h3 class=\"abora-intro__feature-title\">138 Homes<\/h3>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-intro__feature\">\r\n <div class=\"abora-intro__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M2 12c1.5-1.5 3-2 5-2s3.5.5 5 2 3 2 5 2 3.5-.5 5-2\"\/>\r\n <path d=\"M2 7c1.5-1.5 3-2 5-2s3.5.5 5 2 3 2 5 2 3.5-.5 5-2\"\/>\r\n <path d=\"M2 17c1.5-1.5 3-2 5-2s3.5.5 5 2 3 2 5 2 3.5-.5 5-2\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-intro__feature-content\">\r\n <h3 class=\"abora-intro__feature-title\">200m From the ocean<\/h3>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-intro__feature\">\r\n <div class=\"abora-intro__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 2v4\"\/>\r\n <path d=\"M12 18v4\"\/>\r\n <path d=\"M4.93 4.93l2.83 2.83\"\/>\r\n <path d=\"M16.24 16.24l2.83 2.83\"\/>\r\n <path d=\"M2 12h4\"\/>\r\n <path d=\"M18 12h4\"\/>\r\n <path d=\"M4.93 19.07l2.83-2.83\"\/>\r\n <path d=\"M16.24 7.76l2.83-2.83\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-intro__feature-content\">\r\n <h3 class=\"abora-intro__feature-title\">Maximum Efficiency<\/h3>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-intro__feature\">\r\n <div class=\"abora-intro__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M2 12c1.5-1.5 3-2 5-2s3.5.5 5 2 3 2 5 2 3.5-.5 5-2\"\/>\r\n <path d=\"M2 17c1.5-1.5 3-2 5-2s3.5.5 5 2 3 2 5 2 3.5-.5 5-2\"\/>\r\n <circle cx=\"9\" cy=\"5\" r=\"2.5\"\/>\r\n <path d=\"M9 7.5V10\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-intro__feature-content\">\r\n <h3 class=\"abora-intro__feature-title\">Community Pool<\/h3>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-intro__feature\">\r\n <div class=\"abora-intro__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M6 5v14\"\/>\r\n <path d=\"M18 5v14\"\/>\r\n <path d=\"M6 12h12\"\/>\r\n <path d=\"M3 8v8\"\/>\r\n <path d=\"M21 8v8\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-intro__feature-content\">\r\n <h3 class=\"abora-intro__feature-title\">Gym<\/h3>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-intro__feature\">\r\n <div class=\"abora-intro__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <path d=\"M3 9h18\"\/>\r\n <path d=\"M9 21V9\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-intro__feature-content\">\r\n <h3 class=\"abora-intro__feature-title\">Surfaces<\/h3>\r\n <p class=\"abora-intro__feature-text\">104 m\u00b2 to 223 m\u00b2<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <div class=\"abora-intro__delivery\">\r\n <svg class=\"abora-intro__delivery-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n <path d=\"M9 16l2 2 4-4\"\/>\r\n <\/svg>\r\n <p class=\"abora-intro__delivery-text\">Estimated Delivery <strong>Q2 2028<\/strong><\/p>\r\n <\/div>\r\n \r\n <a href=\"#tipology\" class=\"abora-intro__cta\">\r\n <span>Discover Tipologies<\/span>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n var introSection = document.getElementById('abora-intro');\r\n if (!introSection) return;\r\n \r\n var introAnimated = false;\r\n \r\n function isInViewport(element, offset) {\r\n var rect = element.getBoundingClientRect();\r\n var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n return rect.top <= windowHeight - (offset || 100);\r\n }\r\n \r\n function handleIntroAnimation() {\r\n if (introAnimated) return;\r\n \r\n if (isInViewport(introSection, 150)) {\r\n introSection.classList.add('abora-intro--visible');\r\n \r\n requestAnimationFrame(function() {\r\n requestAnimationFrame(function() {\r\n introSection.classList.remove('abora-intro--visible');\r\n introSection.classList.add('abora-intro--animated');\r\n \r\n setTimeout(function() {\r\n introSection.classList.add('abora-intro--done');\r\n }, 1800);\r\n });\r\n });\r\n \r\n introAnimated = true;\r\n }\r\n }\r\n \r\n var ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleIntroAnimation();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n setTimeout(handleIntroAnimation, 100);\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32f5599 elementor-widget elementor-widget-html\" data-id=\"32f5599\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n \/* ============================================\r\n ABORA - BLOCK 03: ABOUT v8\r\n Identical structure to Intro, image on the right\r\n ============================================ *\/\r\n \r\n #abora-about.abora-about {\r\n position: relative !important;\r\n width: 100% !important;\r\n background-color: #ffffff !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-about .abora-about__wrapper {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n min-height: auto !important;\r\n }\r\n \r\n \/* --- IMAGE --- *\/\r\n #abora-about .abora-about__media {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 50vh !important;\r\n min-height: 350px !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-about .abora-about__image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n display: block !important;\r\n transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n }\r\n \r\n \/* Subtle zoom on scroll into view *\/\r\n #abora-about.abora-about--animated .abora-about__image {\r\n transform: scale(1.02);\r\n }\r\n \r\n \/* Grain overlay on image *\/\r\n #abora-about .abora-about__media::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n pointer-events: none !important;\r\n opacity: 0.03 !important;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\") !important;\r\n }\r\n \r\n \/* Floating badge on image *\/\r\n #abora-about .abora-about__badge {\r\n position: absolute !important;\r\n bottom: 24px !important;\r\n left: 24px !important;\r\n background-color: #ffffff !important;\r\n padding: 20px 24px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 20px !important;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n #abora-about .abora-about__badge-stat {\r\n text-align: center !important;\r\n }\r\n \r\n #abora-about .abora-about__badge-stat:first-child {\r\n padding-right: 20px !important;\r\n border-right: 1px solid #ececec !important;\r\n }\r\n \r\n #abora-about .abora-about__badge-number {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 32px !important;\r\n font-weight: 500 !important;\r\n color: #43676a !important;\r\n line-height: 1 !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-about .abora-about__badge-label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.1em !important;\r\n text-transform: uppercase !important;\r\n color: #6b6b6b !important;\r\n display: block !important;\r\n margin-top: 4px !important;\r\n }\r\n \r\n \/* --- CONTENT --- *\/\r\n #abora-about .abora-about__content {\r\n padding: 60px 24px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #abora-about .abora-about__inner {\r\n max-width: 600px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n \/* Tagline with animated line *\/\r\n #abora-about .abora-about__tagline {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 14px !important;\r\n margin: 0 0 20px 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-about .abora-about__tagline::before {\r\n content: '' !important;\r\n display: block !important;\r\n width: 32px !important;\r\n height: 1px !important;\r\n background-color: #43676a !important;\r\n flex-shrink: 0 !important;\r\n transform-origin: left center !important;\r\n }\r\n \r\n #abora-about .abora-about__tagline-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n \/* Title *\/\r\n #abora-about .abora-about__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 34px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 28px 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n \/* Copy *\/\r\n #abora-about .abora-about__copy {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.85 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 0 32px 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-about .abora-about__highlight {\r\n color: #43676a !important;\r\n font-weight: 500 !important;\r\n }\r\n \r\n \/* --- FEATURES --- *\/\r\n #abora-about .abora-about__features {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 24px !important;\r\n margin: 0 0 40px 0 !important;\r\n }\r\n \r\n #abora-about .abora-about__feature {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 16px !important;\r\n }\r\n \r\n #abora-about .abora-about__feature-icon {\r\n width: 48px !important;\r\n height: 48px !important;\r\n min-width: 48px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background-color: rgba(67, 103, 106, 0.08) !important;\r\n border-radius: 50% !important;\r\n transition: background-color 0.4s ease, transform 0.4s ease;\r\n }\r\n \r\n #abora-about .abora-about__feature:hover .abora-about__feature-icon {\r\n background-color: #43676a !important;\r\n transform: scale(1.05) !important;\r\n }\r\n \r\n #abora-about .abora-about__feature-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n color: #43676a !important;\r\n transition: color 0.4s ease;\r\n }\r\n \r\n #abora-about .abora-about__feature:hover .abora-about__feature-icon svg {\r\n color: #ffffff !important;\r\n }\r\n \r\n #abora-about .abora-about__feature-content {\r\n flex: 1 !important;\r\n padding-top: 4px !important;\r\n }\r\n \r\n #abora-about .abora-about__feature-title {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 600 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 4px 0 !important;\r\n transition: color 0.3s ease;\r\n }\r\n \r\n #abora-about .abora-about__feature:hover .abora-about__feature-title {\r\n color: #43676a !important;\r\n }\r\n \r\n #abora-about .abora-about__feature-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.6 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 !important;\r\n }\r\n \r\n \/* PREMIUM CTA - Fill from left *\/\r\n #abora-about .abora-about__cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.12em !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n color: #ffffff !important;\r\n background-color: #43676a !important;\r\n padding: 18px 36px !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n transition: color 0.4s ease;\r\n }\r\n \r\n #abora-about .abora-about__cta::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-color: #2d2d2d !important;\r\n transform: translateX(-101%) !important;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n #abora-about .abora-about__cta:hover::before {\r\n transform: translateX(0) !important;\r\n }\r\n \r\n #abora-about .abora-about__cta span,\r\n #abora-about .abora-about__cta svg {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n #abora-about .abora-about__cta svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n transition: transform 0.4s ease;\r\n }\r\n \r\n #abora-about .abora-about__cta:hover svg {\r\n transform: translateX(5px);\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Tablet\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 768px) {\r\n #abora-about .abora-about__media {\r\n height: 55vh !important;\r\n min-height: 450px !important;\r\n }\r\n \r\n #abora-about .abora-about__badge {\r\n bottom: 32px !important;\r\n left: 48px !important;\r\n padding: 24px 28px !important;\r\n }\r\n \r\n #abora-about .abora-about__badge-number {\r\n font-size: 36px !important;\r\n }\r\n \r\n #abora-about .abora-about__content {\r\n padding: 80px 48px !important;\r\n }\r\n \r\n #abora-about .abora-about__title {\r\n font-size: 42px !important;\r\n }\r\n \r\n #abora-about .abora-about__copy {\r\n font-size: 16px !important;\r\n }\r\n \r\n #abora-about .abora-about__features {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 28px 32px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Desktop (Split Layout)\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 1024px) {\r\n #abora-about .abora-about__wrapper {\r\n flex-direction: row !important;\r\n min-height: 100vh !important;\r\n }\r\n \r\n \/* INVERTED: Content first (left), image after (right) *\/\r\n #abora-about .abora-about__content {\r\n width: 50% !important;\r\n padding: 100px 64px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n order: 1 !important;\r\n }\r\n \r\n #abora-about .abora-about__media {\r\n width: 50% !important;\r\n height: auto !important;\r\n min-height: 100vh !important;\r\n position: sticky !important;\r\n top: 0 !important;\r\n order: 2 !important;\r\n }\r\n \r\n #abora-about .abora-about__badge {\r\n bottom: 48px !important;\r\n left: 64px !important;\r\n }\r\n \r\n \/* Inner aligned same as in Intro *\/\r\n #abora-about .abora-about__inner {\r\n max-width: 520px !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-about .abora-about__tagline-text {\r\n font-size: 12px !important;\r\n }\r\n \r\n #abora-about .abora-about__title {\r\n font-size: 48px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n \r\n #abora-about .abora-about__copy {\r\n font-size: 17px !important;\r\n }\r\n \r\n #abora-about .abora-about__feature-icon {\r\n width: 52px !important;\r\n height: 52px !important;\r\n min-width: 52px !important;\r\n }\r\n \r\n #abora-about .abora-about__feature-title {\r\n font-size: 15px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Large Desktop\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 1440px) {\r\n #abora-about .abora-about__badge {\r\n left: 80px !important;\r\n }\r\n \r\n #abora-about .abora-about__content {\r\n padding: 120px 80px !important;\r\n }\r\n \r\n #abora-about .abora-about__title {\r\n font-size: 54px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n PREMIUM ANIMATIONS\r\n ============================================ *\/\r\n \r\n @keyframes aboraAboutFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n @keyframes aboraAboutSlideIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n \r\n @keyframes aboraAboutLineGrow {\r\n 0% {\r\n transform: scaleX(0);\r\n }\r\n 100% {\r\n transform: scaleX(1);\r\n }\r\n }\r\n \r\n \/* Initial visible state (fallback) *\/\r\n #abora-about .abora-about__tagline,\r\n #abora-about .abora-about__title,\r\n #abora-about .abora-about__copy,\r\n #abora-about .abora-about__features,\r\n #abora-about .abora-about__cta,\r\n #abora-about .abora-about__badge {\r\n opacity: 1;\r\n transform: translateY(0) translateX(0);\r\n }\r\n \r\n #abora-about .abora-about__tagline::before {\r\n transform: scaleX(1);\r\n }\r\n \r\n \/* Animation preparation *\/\r\n #abora-about.abora-about--visible .abora-about__tagline,\r\n #abora-about.abora-about--visible .abora-about__title,\r\n #abora-about.abora-about--visible .abora-about__copy,\r\n #abora-about.abora-about--visible .abora-about__features,\r\n #abora-about.abora-about--visible .abora-about__cta {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n \r\n #abora-about.abora-about--visible .abora-about__tagline::before {\r\n transform: scaleX(0);\r\n }\r\n \r\n #abora-about.abora-about--visible .abora-about__badge {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n \r\n \/* Active animations - premium timing *\/\r\n #abora-about.abora-about--animated .abora-about__badge {\r\n animation: aboraAboutSlideIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\r\n }\r\n \r\n #abora-about.abora-about--animated .abora-about__tagline {\r\n animation: aboraAboutFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards;\r\n }\r\n \r\n #abora-about.abora-about--animated .abora-about__tagline::before {\r\n animation: aboraAboutLineGrow 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.4s forwards;\r\n }\r\n \r\n #abora-about.abora-about--animated .abora-about__title {\r\n animation: aboraAboutFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards;\r\n }\r\n \r\n #abora-about.abora-about--animated .abora-about__copy {\r\n animation: aboraAboutFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.4s forwards;\r\n }\r\n \r\n #abora-about.abora-about--animated .abora-about__features {\r\n animation: aboraAboutFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.55s forwards;\r\n }\r\n \r\n #abora-about.abora-about--animated .abora-about__cta {\r\n animation: aboraAboutFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.7s forwards;\r\n }\r\n \r\n \/* Final state *\/\r\n #abora-about.abora-about--done .abora-about__tagline,\r\n #abora-about.abora-about--done .abora-about__title,\r\n #abora-about.abora-about--done .abora-about__copy,\r\n #abora-about.abora-about--done .abora-about__features,\r\n #abora-about.abora-about--done .abora-about__cta,\r\n #abora-about.abora-about--done .abora-about__badge {\r\n opacity: 1 !important;\r\n transform: translateY(0) translateX(0) !important;\r\n animation: none !important;\r\n }\r\n \r\n #abora-about.abora-about--done .abora-about__tagline::before {\r\n transform: scaleX(1) !important;\r\n animation: none !important;\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"abora-about\" id=\"abora-about\">\r\n <div class=\"abora-about__wrapper\">\r\n \r\n \r\n <div class=\"abora-about__media\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-terraza-panoramica.jpg\" \r\n alt=\"Panoramic views from Abora, Tenerife\" \r\n class=\"abora-about__image\"\r\n loading=\"lazy\">\r\n \r\n \r\n <div class=\"abora-about__badge\">\r\n <div class=\"abora-about__badge-stat\">\r\n <span class=\"abora-about__badge-number\">300<\/span>\r\n <span class=\"abora-about__badge-label\">Sunny days<\/span>\r\n <\/div>\r\n <div class=\"abora-about__badge-stat\">\r\n <span class=\"abora-about__badge-number\">22\u00b0<\/span>\r\n <span class=\"abora-about__badge-label\">Yearly average<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-about__content\">\r\n <div class=\"abora-about__inner\">\r\n \r\n \r\n <div class=\"abora-about__tagline\">\r\n <span class=\"abora-about__tagline-text\">Discover the island<\/span>\r\n <\/div>\r\n \r\n \r\n <h2 class=\"abora-about__title\">Why Tenerife is Europe's best-kept secret<\/h2>\r\n \r\n \r\n <p class=\"abora-about__copy\">\r\n Tenerife offers <span class=\"abora-about__highlight\">light, ocean, safety<\/span> and a unique lifestyle. An ideal destination for those seeking quality of life, solid investment and a direct connection to Europe.\r\n <\/p>\r\n \r\n \r\n <div class=\"abora-about__features\">\r\n \r\n \r\n <div class=\"abora-about__feature\">\r\n <div class=\"abora-about__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\r\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line>\r\n <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line>\r\n <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line>\r\n <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line>\r\n <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line>\r\n <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-about__feature-content\">\r\n <h3 class=\"abora-about__feature-title\">Perfect climate<\/h3>\r\n <p class=\"abora-about__feature-text\">22-28\u00b0C all year round, no extremes<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-about__feature\">\r\n <div class=\"abora-about__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <path d=\"M12 6v12\"\/>\r\n <path d=\"M15 9.5c0-1.5-1.5-2.5-3-2.5s-3 1-3 2.5 1.5 2 3 2.5 3 1.5 3 3-1.5 2.5-3 2.5-3-1-3-2.5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-about__feature-content\">\r\n <h3 class=\"abora-about__feature-title\">Tax benefits<\/h3>\r\n <p class=\"abora-about__feature-text\">Special regime for investors<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-about__feature\">\r\n <div class=\"abora-about__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <path d=\"M2 12h20\"\/>\r\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-about__feature-content\">\r\n <h3 class=\"abora-about__feature-title\">Connected to Europe<\/h3>\r\n <p class=\"abora-about__feature-text\">Direct flights, 4h from any capital<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-about__feature\">\r\n <div class=\"abora-about__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n <path d=\"M9 12l2 2 4-4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-about__feature-content\">\r\n <h3 class=\"abora-about__feature-title\">Guaranteed safety<\/h3>\r\n <p class=\"abora-about__feature-text\">One of the safest regions in Spain<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n \r\n <a href=\"#info-unlock\" class=\"abora-about__cta\">\r\n <span>Unlock information<\/span>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n var aboutSection = document.getElementById('abora-about');\r\n if (!aboutSection) return;\r\n \r\n var aboutAnimated = false;\r\n \r\n function isInViewport(element, offset) {\r\n var rect = element.getBoundingClientRect();\r\n var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n return rect.top <= windowHeight - (offset || 100);\r\n }\r\n \r\n function handleAboutAnimation() {\r\n if (aboutAnimated) return;\r\n \r\n if (isInViewport(aboutSection, 150)) {\r\n aboutSection.classList.add('abora-about--visible');\r\n \r\n requestAnimationFrame(function() {\r\n requestAnimationFrame(function() {\r\n aboutSection.classList.remove('abora-about--visible');\r\n aboutSection.classList.add('abora-about--animated');\r\n \r\n \/\/ Final state after animations\r\n setTimeout(function() {\r\n aboutSection.classList.add('abora-about--done');\r\n }, 1500);\r\n });\r\n });\r\n \r\n aboutAnimated = true;\r\n }\r\n }\r\n \r\n var ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleAboutAnimation();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n \/\/ Initial check\r\n setTimeout(handleAboutAnimation, 100);\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6dd4b7f elementor-widget elementor-widget-html\" data-id=\"6dd4b7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n \/* ============================================\r\n ABORA - BLOCK 04: LIFESTYLE v2 PREMIUM\r\n ============================================ *\/\r\n \r\n #abora-lifestyle.abora-lifestyle {\r\n position: relative !important;\r\n width: 100% !important;\r\n background-color: #f8f8f8 !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n \/* --- HEADER --- *\/\r\n #abora-lifestyle .abora-lifestyle__header {\r\n padding: 80px 24px 48px !important;\r\n text-align: center !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__header-inner {\r\n max-width: 600px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n \/* Tagline with animated line *\/\r\n #abora-lifestyle .abora-lifestyle__tagline {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 14px !important;\r\n margin: 0 0 20px 0 !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__tagline::before,\r\n #abora-lifestyle .abora-lifestyle__tagline::after {\r\n content: '' !important;\r\n display: block !important;\r\n width: 32px !important;\r\n height: 1px !important;\r\n background-color: #43676a !important;\r\n transform-origin: center center !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__tagline-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 34px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 16px 0 !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__subtitle {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.8 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 !important;\r\n }\r\n \r\n \/* --- CARDS CONTAINER --- *\/\r\n #abora-lifestyle .abora-lifestyle__cards {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n }\r\n \r\n \/* --- CARD --- *\/\r\n #abora-lifestyle .abora-lifestyle__card {\r\n position: relative !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n min-height: 450px !important;\r\n overflow: hidden !important;\r\n cursor: pointer !important;\r\n }\r\n \r\n \/* Card image *\/\r\n #abora-lifestyle .abora-lifestyle__card-media {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n display: block !important;\r\n transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\r\n }\r\n \r\n \/* Grain overlay *\/\r\n #abora-lifestyle .abora-lifestyle__card-media::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n pointer-events: none !important;\r\n opacity: 0.04 !important;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\") !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n \/* Card overlay - more dramatic *\/\r\n #abora-lifestyle .abora-lifestyle__card-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 2 !important;\r\n background: linear-gradient(\r\n to top,\r\n rgba(15, 15, 15, 0.9) 0%,\r\n rgba(15, 15, 15, 0.5) 40%,\r\n rgba(15, 15, 15, 0.2) 100%\r\n ) !important;\r\n transition: background 0.5s ease;\r\n }\r\n \r\n \/* Icon - CENTERED in the card *\/\r\n #abora-lifestyle .abora-lifestyle__card-icon {\r\n position: absolute !important;\r\n top: 35% !important;\r\n left: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n z-index: 4 !important;\r\n width: 72px !important;\r\n height: 72px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background-color: rgba(255, 255, 255, 0.1) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.25) !important;\r\n border-radius: 50% !important;\r\n backdrop-filter: blur(16px) !important;\r\n -webkit-backdrop-filter: blur(16px) !important;\r\n transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), \r\n background-color 0.4s ease, \r\n border-color 0.4s ease,\r\n box-shadow 0.4s ease,\r\n top 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-icon svg {\r\n width: 30px !important;\r\n height: 30px !important;\r\n color: #ffffff !important;\r\n transition: transform 0.4s ease;\r\n }\r\n \r\n \/* Card content container - bottom *\/\r\n #abora-lifestyle .abora-lifestyle__card-content {\r\n position: relative !important;\r\n z-index: 3 !important;\r\n margin-top: auto !important;\r\n padding: 40px 24px !important;\r\n max-width: 450px !important;\r\n }\r\n \r\n \/* Title *\/\r\n #abora-lifestyle .abora-lifestyle__card-title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 28px !important;\r\n font-weight: 500 !important;\r\n line-height: 1.2 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 12px 0 !important;\r\n }\r\n \r\n \/* Decorative line under title *\/\r\n #abora-lifestyle .abora-lifestyle__card-line {\r\n width: 40px !important;\r\n height: 2px !important;\r\n background-color: #43676a !important;\r\n margin-bottom: 16px !important;\r\n transform-origin: left center !important;\r\n transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n }\r\n \r\n \/* Text *\/\r\n #abora-lifestyle .abora-lifestyle__card-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.75 !important;\r\n color: rgba(255, 255, 255, 0.8) !important;\r\n margin: 0 !important;\r\n }\r\n \r\n \/* ============================================\r\n MOBILE: Everything always visible\r\n ============================================ *\/\r\n \r\n \/* On mobile, everything visible *\/\r\n #abora-lifestyle .abora-lifestyle__card-title,\r\n #abora-lifestyle .abora-lifestyle__card-line,\r\n #abora-lifestyle .abora-lifestyle__card-text {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n \r\n \/* ============================================\r\n DESKTOP: Hover reveal\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 1024px) {\r\n \r\n \/* Icon centered on desktop *\/\r\n #abora-lifestyle .abora-lifestyle__card-icon {\r\n top: 50% !important;\r\n width: 88px !important;\r\n height: 88px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-icon svg {\r\n width: 36px !important;\r\n height: 36px !important;\r\n }\r\n \r\n \/* Initial state - content hidden *\/\r\n #abora-lifestyle .abora-lifestyle__card-title {\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.4s ease 0.1s, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.1s !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-line {\r\n width: 0 !important;\r\n transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.2s !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-text {\r\n opacity: 0 !important;\r\n transform: translateY(15px) !important;\r\n transition: opacity 0.4s ease 0.25s, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.25s !important;\r\n }\r\n \r\n \/* HOVER: Reveal *\/\r\n #abora-lifestyle .abora-lifestyle__card:hover .abora-lifestyle__card-image {\r\n transform: scale(1.08) !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card:hover .abora-lifestyle__card-overlay {\r\n background: linear-gradient(\r\n to top,\r\n rgba(10, 10, 10, 0.95) 0%,\r\n rgba(10, 10, 10, 0.7) 50%,\r\n rgba(10, 10, 10, 0.4) 100%\r\n ) !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card:hover .abora-lifestyle__card-icon {\r\n top: 35% !important;\r\n transform: translate(-50%, -50%) scale(1.05) !important;\r\n background-color: rgba(67, 103, 106, 0.4) !important;\r\n border-color: rgba(67, 103, 106, 0.5) !important;\r\n box-shadow: 0 12px 40px rgba(67, 103, 106, 0.3) !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card:hover .abora-lifestyle__card-icon svg {\r\n transform: scale(1.1) !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card:hover .abora-lifestyle__card-title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card:hover .abora-lifestyle__card-line {\r\n width: 60px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card:hover .abora-lifestyle__card-text {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Tablet\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 768px) {\r\n #abora-lifestyle .abora-lifestyle__header {\r\n padding: 100px 48px 56px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__title {\r\n font-size: 42px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__subtitle {\r\n font-size: 16px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card {\r\n min-height: 500px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-content {\r\n padding: 48px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-title {\r\n font-size: 32px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-text {\r\n font-size: 15px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Desktop\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 1024px) {\r\n #abora-lifestyle .abora-lifestyle__header {\r\n padding: 120px 64px 64px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__title {\r\n font-size: 48px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__cards {\r\n flex-direction: row !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card {\r\n flex: 1 !important;\r\n min-height: 600px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-content {\r\n padding: 48px 40px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-title {\r\n font-size: 30px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Large Desktop\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 1440px) {\r\n #abora-lifestyle .abora-lifestyle__header {\r\n padding: 140px 80px 72px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__title {\r\n font-size: 54px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card {\r\n min-height: 680px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-content {\r\n padding: 56px 48px !important;\r\n max-width: 420px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-icon {\r\n width: 100px !important;\r\n height: 100px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-icon svg {\r\n width: 42px !important;\r\n height: 42px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-title {\r\n font-size: 34px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-text {\r\n font-size: 15px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n HEADER ANIMATIONS\r\n ============================================ *\/\r\n \r\n @keyframes aboraLifestyleFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n @keyframes aboraLifestyleLineGrow {\r\n 0% {\r\n transform: scaleX(0);\r\n }\r\n 100% {\r\n transform: scaleX(1);\r\n }\r\n }\r\n \r\n \/* Initial visible state (fallback) *\/\r\n #abora-lifestyle .abora-lifestyle__header-inner {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__tagline::before,\r\n #abora-lifestyle .abora-lifestyle__tagline::after {\r\n transform: scaleX(1);\r\n }\r\n \r\n \/* Animation preparation *\/\r\n #abora-lifestyle.abora-lifestyle--visible .abora-lifestyle__header-inner {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n \r\n #abora-lifestyle.abora-lifestyle--visible .abora-lifestyle__tagline::before,\r\n #abora-lifestyle.abora-lifestyle--visible .abora-lifestyle__tagline::after {\r\n transform: scaleX(0);\r\n }\r\n \r\n \/* Active animations *\/\r\n #abora-lifestyle.abora-lifestyle--animated .abora-lifestyle__header-inner {\r\n animation: aboraLifestyleFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards;\r\n }\r\n \r\n #abora-lifestyle.abora-lifestyle--animated .abora-lifestyle__tagline::before,\r\n #abora-lifestyle.abora-lifestyle--animated .abora-lifestyle__tagline::after {\r\n animation: aboraLifestyleLineGrow 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards;\r\n }\r\n \r\n \/* Final state *\/\r\n #abora-lifestyle.abora-lifestyle--done .abora-lifestyle__header-inner {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n animation: none !important;\r\n }\r\n \r\n #abora-lifestyle.abora-lifestyle--done .abora-lifestyle__tagline::before,\r\n #abora-lifestyle.abora-lifestyle--done .abora-lifestyle__tagline::after {\r\n transform: scaleX(1) !important;\r\n animation: none !important;\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"abora-lifestyle\" id=\"abora-lifestyle\">\r\n \r\n \r\n <header class=\"abora-lifestyle__header\">\r\n <div class=\"abora-lifestyle__header-inner\">\r\n <div class=\"abora-lifestyle__tagline\">\r\n <span class=\"abora-lifestyle__tagline-text\">Lifestyle<\/span>\r\n <\/div>\r\n <h2 class=\"abora-lifestyle__title\">Your perfect retreat in paradise<\/h2>\r\n <p class=\"abora-lifestyle__subtitle\">Living by the ocean, living better. Three ways to enjoy your new home.<\/p>\r\n <\/div>\r\n <\/header>\r\n \r\n \r\n <div class=\"abora-lifestyle__cards\">\r\n \r\n \r\n <article class=\"abora-lifestyle__card\">\r\n <div class=\"abora-lifestyle__card-media\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-salon-terraza.jpg\" \r\n alt=\"Living room with terrace ideal for remote work\" \r\n class=\"abora-lifestyle__card-image\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"abora-lifestyle__card-overlay\"><\/div>\r\n \r\n \r\n <div class=\"abora-lifestyle__card-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\r\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\r\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n \r\n <div class=\"abora-lifestyle__card-content\">\r\n <h3 class=\"abora-lifestyle__card-title\">Remote work with ocean views<\/h3>\r\n <div class=\"abora-lifestyle__card-line\"><\/div>\r\n <p class=\"abora-lifestyle__card-text\">Modern homes perfect for digital nomads and remote workers. Inspiring spaces to work while enjoying island life.<\/p>\r\n <\/div>\r\n <\/article>\r\n \r\n \r\n <article class=\"abora-lifestyle__card\">\r\n <div class=\"abora-lifestyle__card-media\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-piscina.jpg\" \r\n alt=\"Outdoor pool with relaxation area\" \r\n class=\"abora-lifestyle__card-image\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"abora-lifestyle__card-overlay\"><\/div>\r\n \r\n \r\n <div class=\"abora-lifestyle__card-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\r\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line>\r\n <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line>\r\n <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line>\r\n <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line>\r\n <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line>\r\n <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n \r\n <div class=\"abora-lifestyle__card-content\">\r\n <h3 class=\"abora-lifestyle__card-title\">Your holiday sanctuary<\/h3>\r\n <div class=\"abora-lifestyle__card-line\"><\/div>\r\n <p class=\"abora-lifestyle__card-text\">Your personal retreat to escape, disconnect and create unforgettable memories with family and friends. Every day becomes a moment to remember.<\/p>\r\n <\/div>\r\n <\/article>\r\n \r\n \r\n <article class=\"abora-lifestyle__card\">\r\n <div class=\"abora-lifestyle__card-media\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-aereo-tenerife.jpg\" \r\n alt=\"Aerial view of Abora and the Tenerife coast\" \r\n class=\"abora-lifestyle__card-image\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"abora-lifestyle__card-overlay\"><\/div>\r\n \r\n \r\n <div class=\"abora-lifestyle__card-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline>\r\n <polyline points=\"17 6 23 6 23 12\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n \r\n <div class=\"abora-lifestyle__card-content\">\r\n <h3 class=\"abora-lifestyle__card-title\">Smart investment<\/h3>\r\n <div class=\"abora-lifestyle__card-line\"><\/div>\r\n <p class=\"abora-lifestyle__card-text\">High demand for holiday rentals, year-round tourism and attractive returns. Professional management services for worry-free income.<\/p>\r\n <\/div>\r\n <\/article>\r\n \r\n <\/div>\r\n \r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n var lifestyleSection = document.getElementById('abora-lifestyle');\r\n if (!lifestyleSection) return;\r\n \r\n var lifestyleAnimated = false;\r\n \r\n function isInViewport(element, offset) {\r\n var rect = element.getBoundingClientRect();\r\n var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n return rect.top <= windowHeight - (offset || 100);\r\n }\r\n \r\n function handleLifestyleAnimation() {\r\n if (lifestyleAnimated) return;\r\n \r\n if (isInViewport(lifestyleSection, 150)) {\r\n lifestyleSection.classList.add('abora-lifestyle--visible');\r\n \r\n requestAnimationFrame(function() {\r\n requestAnimationFrame(function() {\r\n lifestyleSection.classList.remove('abora-lifestyle--visible');\r\n lifestyleSection.classList.add('abora-lifestyle--animated');\r\n \r\n setTimeout(function() {\r\n lifestyleSection.classList.add('abora-lifestyle--done');\r\n }, 1500);\r\n });\r\n });\r\n \r\n lifestyleAnimated = true;\r\n }\r\n }\r\n \r\n var ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleLifestyleAnimation();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n setTimeout(handleLifestyleAnimation, 100);\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cef9308 elementor-widget elementor-widget-html\" data-id=\"cef9308\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tipology\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n #abora-tipologias.abora-tipologias {\r\n position: relative !important;\r\n width: 100% !important;\r\n padding: 80px 0 !important;\r\n background-color: #f9f9f9 !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__header {\r\n padding: 0 24px 48px !important;\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n text-align: center !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__header-inner {\r\n max-width: 600px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__tagline {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n margin: 0 0 20px 0 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__tagline-line {\r\n width: 28px !important;\r\n height: 1px !important;\r\n background-color: #43676a !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__tagline-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 32px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 16px 0 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__subtitle {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__carousel {\r\n position: relative !important;\r\n width: 100% !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__cards {\r\n display: flex !important;\r\n gap: 16px !important;\r\n padding: 0 24px !important;\r\n overflow-x: auto !important;\r\n scroll-snap-type: x mandatory !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n scrollbar-width: none !important;\r\n -ms-overflow-style: none !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__cards::-webkit-scrollbar {\r\n display: none !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card {\r\n flex: 0 0 85% !important;\r\n max-width: 340px !important;\r\n scroll-snap-align: center !important;\r\n background-color: #ffffff !important;\r\n padding: 40px 32px !important;\r\n box-sizing: border-box !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n transition: box-shadow 0.3s ease, transform 0.3s ease;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card:hover {\r\n box-shadow: 0 16px 48px rgba(67, 103, 106, 0.12) !important;\r\n transform: translateY(-4px);\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-icon {\r\n width: 72px !important;\r\n height: 72px !important;\r\n margin-bottom: 28px !important;\r\n color: #43676a !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-icon svg {\r\n width: 100% !important;\r\n height: 100% !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-badge {\r\n display: inline-block !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.15em !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background-color: #43676a !important;\r\n padding: 8px 14px !important;\r\n margin-bottom: 20px !important;\r\n align-self: flex-start !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 26px !important;\r\n font-weight: 500 !important;\r\n line-height: 1.2 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 12px 0 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.7 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 0 24px 0 !important;\r\n flex-grow: 1 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-specs {\r\n display: flex !important;\r\n flex-wrap: wrap !important;\r\n gap: 16px !important;\r\n padding: 20px 0 !important;\r\n border-top: 1px solid #ececec !important;\r\n border-bottom: 1px solid #ececec !important;\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-spec {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-spec-icon {\r\n width: 16px !important;\r\n height: 16px !important;\r\n color: #43676a !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-spec-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 500 !important;\r\n color: #2d2d2d !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-price {\r\n margin-bottom: 24px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-price-label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 500 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.05em !important;\r\n color: #6b6b6b !important;\r\n display: block !important;\r\n margin-bottom: 4px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-price-value {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 32px !important;\r\n font-weight: 500 !important;\r\n color: #43676a !important;\r\n line-height: 1 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n width: 100% !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.1em !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n color: #ffffff !important;\r\n background-color: #43676a !important;\r\n padding: 16px 24px !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n transition: background-color 0.3s ease;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-cta svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-cta:hover {\r\n background-color: #365456 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-cta:hover svg {\r\n transform: translateX(4px);\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__indicators {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 8px !important;\r\n margin-top: 32px !important;\r\n padding: 0 24px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__indicator {\r\n width: 8px !important;\r\n height: 8px !important;\r\n border-radius: 50% !important;\r\n background-color: #d0d0d0 !important;\r\n border: none !important;\r\n padding: 0 !important;\r\n cursor: pointer !important;\r\n transition: background-color 0.3s ease, transform 0.3s ease;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__indicator.active {\r\n background-color: #43676a !important;\r\n transform: scale(1.25);\r\n }\r\n \r\n @media screen and (min-width: 768px) {\r\n #abora-tipologias.abora-tipologias {\r\n padding: 100px 0 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__header {\r\n padding: 0 48px 56px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__title {\r\n font-size: 40px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__cards {\r\n padding: 0 48px !important;\r\n gap: 24px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card {\r\n flex: 0 0 45% !important;\r\n max-width: 380px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1024px) {\r\n #abora-tipologias.abora-tipologias {\r\n padding: 120px 64px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__header {\r\n padding: 0 0 64px !important;\r\n max-width: 1312px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__title {\r\n font-size: 48px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__carousel {\r\n max-width: 1312px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__cards {\r\n padding: 0 !important;\r\n overflow-x: visible !important;\r\n justify-content: space-between !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card {\r\n flex: 1 !important;\r\n max-width: none !important;\r\n padding: 48px 40px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-icon {\r\n width: 80px !important;\r\n height: 80px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-title {\r\n font-size: 28px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-text {\r\n font-size: 15px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__indicators {\r\n display: none !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1440px) {\r\n #abora-tipologias.abora-tipologias {\r\n padding: 140px 80px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__header {\r\n padding: 0 0 72px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__title {\r\n font-size: 52px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card {\r\n padding: 56px 48px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-icon {\r\n width: 88px !important;\r\n height: 88px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-title {\r\n font-size: 30px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-price-value {\r\n font-size: 36px !important;\r\n }\r\n }\r\n \r\n @keyframes aboraTipologiasFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__header-inner,\r\n #abora-tipologias .abora-tipologias__card {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \r\n #abora-tipologias.abora-tipologias--visible .abora-tipologias__header-inner,\r\n #abora-tipologias.abora-tipologias--visible .abora-tipologias__card,\r\n #abora-tipologias.abora-tipologias--animated .abora-tipologias__header-inner,\r\n #abora-tipologias.abora-tipologias--animated .abora-tipologias__card {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n \r\n #abora-tipologias.abora-tipologias--animated .abora-tipologias__header-inner {\r\n animation: aboraTipologiasFadeIn 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.1s forwards;\r\n }\r\n \r\n #abora-tipologias.abora-tipologias--animated .abora-tipologias__card:nth-child(1) {\r\n animation: aboraTipologiasFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards;\r\n }\r\n \r\n #abora-tipologias.abora-tipologias--animated .abora-tipologias__card:nth-child(2) {\r\n animation: aboraTipologiasFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.35s forwards;\r\n }\r\n \r\n #abora-tipologias.abora-tipologias--animated .abora-tipologias__card:nth-child(3) {\r\n animation: aboraTipologiasFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards;\r\n }\r\n<\/style>\r\n\r\n<section class=\"abora-tipologias\" id=\"abora-tipologias\">\r\n \r\n <header class=\"abora-tipologias__header\">\r\n <div class=\"abora-tipologias__header-inner\">\r\n <div class=\"abora-tipologias__tagline\">\r\n <span class=\"abora-tipologias__tagline-line\"><\/span>\r\n <span class=\"abora-tipologias__tagline-text\">Typologies<\/span>\r\n <span class=\"abora-tipologias__tagline-line\"><\/span>\r\n <\/div>\r\n <h2 class=\"abora-tipologias__title\">Find your ideal home<\/h2>\r\n <p class=\"abora-tipologias__subtitle\">Three typologies designed for maximum comfort by the ocean.<\/p>\r\n <\/div>\r\n <\/header>\r\n \r\n <div class=\"abora-tipologias__carousel\">\r\n <div class=\"abora-tipologias__cards\" id=\"tipologias-cards\">\r\n \r\n <article class=\"abora-tipologias__card\">\r\n <div class=\"abora-tipologias__card-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80 80\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <rect x=\"8\" y=\"16\" width=\"64\" height=\"48\" rx=\"2\"\/>\r\n <line x1=\"8\" y1=\"40\" x2=\"40\" y2=\"40\"\/>\r\n <line x1=\"40\" y1=\"40\" x2=\"40\" y2=\"64\"\/>\r\n <rect x=\"14\" y=\"22\" width=\"20\" height=\"12\" rx=\"1\"\/>\r\n <line x1=\"14\" y1=\"28\" x2=\"34\" y2=\"28\"\/>\r\n <rect x=\"48\" y=\"22\" width=\"18\" height=\"36\" rx=\"1\" stroke-dasharray=\"3 2\"\/>\r\n <circle cx=\"57\" cy=\"40\" r=\"4\"\/>\r\n <\/svg>\r\n <\/div>\r\n \r\n <span class=\"abora-tipologias__card-badge\">1 Bedroom<\/span>\r\n \r\n <h3 class=\"abora-tipologias__card-title\">Your personal retreat<\/h3>\r\n <p class=\"abora-tipologias__card-text\">Spaces designed for modern professionals seeking a retreat by the ocean. Perfect for singles or couples.<\/p>\r\n \r\n <div class=\"abora-tipologias__card-specs\">\r\n <div class=\"abora-tipologias__card-spec\">\r\n <svg class=\"abora-tipologias__card-spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <path d=\"M3 9h18\"\/>\r\n <\/svg>\r\n <span class=\"abora-tipologias__card-spec-text\">From 104 m\u00b2<\/span>\r\n <\/div>\r\n <div class=\"abora-tipologias__card-spec\">\r\n <svg class=\"abora-tipologias__card-spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n <\/svg>\r\n <span class=\"abora-tipologias__card-spec-text\">1 Bathroom<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-tipologias__card-price\">\r\n <span class=\"abora-tipologias__card-price-label\">From<\/span>\r\n <span class=\"abora-tipologias__card-price-value\">394.955 \u20ac*<\/span>\r\n <\/div>\r\n \r\n <a href=\"#info-unlock\" class=\"abora-tipologias__card-cta\">\r\n View availability\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <\/article>\r\n \r\n <article class=\"abora-tipologias__card\">\r\n <div class=\"abora-tipologias__card-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80 80\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <rect x=\"8\" y=\"16\" width=\"64\" height=\"48\" rx=\"2\"\/>\r\n <line x1=\"8\" y1=\"40\" x2=\"48\" y2=\"40\"\/>\r\n <line x1=\"32\" y1=\"40\" x2=\"32\" y2=\"64\"\/>\r\n <line x1=\"48\" y1=\"16\" x2=\"48\" y2=\"40\"\/>\r\n <rect x=\"12\" y=\"22\" width=\"16\" height=\"10\" rx=\"1\"\/>\r\n <line x1=\"12\" y1=\"27\" x2=\"28\" y2=\"27\"\/>\r\n <rect x=\"12\" y=\"46\" width=\"14\" height=\"10\" rx=\"1\"\/>\r\n <line x1=\"12\" y1=\"51\" x2=\"26\" y2=\"51\"\/>\r\n <rect x=\"52\" y=\"22\" width=\"16\" height=\"36\" rx=\"1\" stroke-dasharray=\"3 2\"\/>\r\n <circle cx=\"60\" cy=\"40\" r=\"4\"\/>\r\n <\/svg>\r\n <\/div>\r\n \r\n <span class=\"abora-tipologias__card-badge\">2 Bedrooms<\/span>\r\n \r\n <h3 class=\"abora-tipologias__card-title\">The perfect balance<\/h3>\r\n <p class=\"abora-tipologias__card-text\">Ideal for couples who value comfort and tranquillity. Our most sought-after typology for its versatility.<\/p>\r\n \r\n <div class=\"abora-tipologias__card-specs\">\r\n <div class=\"abora-tipologias__card-spec\">\r\n <svg class=\"abora-tipologias__card-spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <path d=\"M3 9h18\"\/>\r\n <\/svg>\r\n <span class=\"abora-tipologias__card-spec-text\">From 123 m\u00b2<\/span>\r\n <\/div>\r\n <div class=\"abora-tipologias__card-spec\">\r\n <svg class=\"abora-tipologias__card-spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n <\/svg>\r\n <span class=\"abora-tipologias__card-spec-text\">2 Bathrooms<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-tipologias__card-price\">\r\n <span class=\"abora-tipologias__card-price-label\">From<\/span>\r\n <span class=\"abora-tipologias__card-price-value\">551.460 \u20ac*<\/span>\r\n <\/div>\r\n \r\n <a href=\"#info-unlock\" class=\"abora-tipologias__card-cta\">\r\n View availability\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <\/article>\r\n \r\n <article class=\"abora-tipologias__card\">\r\n <div class=\"abora-tipologias__card-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80 80\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <rect x=\"8\" y=\"12\" width=\"64\" height=\"56\" rx=\"2\"\/>\r\n <line x1=\"8\" y1=\"38\" x2=\"52\" y2=\"38\"\/>\r\n <line x1=\"28\" y1=\"38\" x2=\"28\" y2=\"68\"\/>\r\n <line x1=\"52\" y1=\"12\" x2=\"52\" y2=\"38\"\/>\r\n <line x1=\"28\" y1=\"12\" x2=\"28\" y2=\"38\"\/>\r\n <rect x=\"11\" y=\"18\" width=\"14\" height=\"10\" rx=\"1\"\/>\r\n <line x1=\"11\" y1=\"23\" x2=\"25\" y2=\"23\"\/>\r\n <rect x=\"32\" y=\"18\" width=\"14\" height=\"10\" rx=\"1\"\/>\r\n <line x1=\"32\" y1=\"23\" x2=\"46\" y2=\"23\"\/>\r\n <rect x=\"11\" y=\"44\" width=\"12\" height=\"10\" rx=\"1\"\/>\r\n <line x1=\"11\" y1=\"49\" x2=\"23\" y2=\"49\"\/>\r\n <rect x=\"56\" y=\"18\" width=\"12\" height=\"44\" rx=\"1\" stroke-dasharray=\"3 2\"\/>\r\n <circle cx=\"62\" cy=\"40\" r=\"4\"\/>\r\n <\/svg>\r\n <\/div>\r\n \r\n <span class=\"abora-tipologias__card-badge\">3 Bedrooms<\/span>\r\n \r\n <h3 class=\"abora-tipologias__card-title\">Spaces for families<\/h3>\r\n <p class=\"abora-tipologias__card-text\">Designed for those seeking extra space for family, guests or working from home with Atlantic views.<\/p>\r\n \r\n <div class=\"abora-tipologias__card-specs\">\r\n <div class=\"abora-tipologias__card-spec\">\r\n <svg class=\"abora-tipologias__card-spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <path d=\"M3 9h18\"\/>\r\n <\/svg>\r\n <span class=\"abora-tipologias__card-spec-text\">From 153 m\u00b2<\/span>\r\n <\/div>\r\n <div class=\"abora-tipologias__card-spec\">\r\n <svg class=\"abora-tipologias__card-spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n <\/svg>\r\n <span class=\"abora-tipologias__card-spec-text\">2 Bathrooms<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-tipologias__card-price\">\r\n <span class=\"abora-tipologias__card-price-label\">From<\/span>\r\n <span class=\"abora-tipologias__card-price-value\">743.815 \u20ac*<\/span>\r\n <\/div>\r\n \r\n <a href=\"#info-unlock\" class=\"abora-tipologias__card-cta\">\r\n View availability\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <\/article>\r\n \r\n <\/div>\r\n \r\n <div class=\"abora-tipologias__indicators\" id=\"tipologias-indicators\">\r\n <button class=\"abora-tipologias__indicator active\" data-index=\"0\" aria-label=\"View typology 1\"><\/button>\r\n <button class=\"abora-tipologias__indicator\" data-index=\"1\" aria-label=\"View typology 2\"><\/button>\r\n <button class=\"abora-tipologias__indicator\" data-index=\"2\" aria-label=\"View typology 3\"><\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <p style=\"font-size: 12px; color: #888; margin-top: 8px; font-style: italic; text-align: center; width: 100%; line-height: 3rem;\">\r\n* I.G.I.C. (Canary Islands Indirect General Tax) must be added to these prices at the prevailing rate at the time of accrual. The current rate is 7%.<br> * Square footage built with common areas and terrace\r\n<br>\r\n* Garage and Storage included in the price.\r\n\r\n<\/p>\r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n var cardsContainer = document.getElementById('tipologias-cards');\r\n var indicators = document.querySelectorAll('#tipologias-indicators .abora-tipologias__indicator');\r\n var cards = cardsContainer.querySelectorAll('.abora-tipologias__card');\r\n \r\n function updateIndicators() {\r\n var scrollLeft = cardsContainer.scrollLeft;\r\n var cardWidth = cards[0].offsetWidth + 16;\r\n var activeIndex = Math.round(scrollLeft \/ cardWidth);\r\n \r\n indicators.forEach(function(indicator, index) {\r\n indicator.classList.toggle('active', index === activeIndex);\r\n });\r\n }\r\n \r\n cardsContainer.addEventListener('scroll', updateIndicators, { passive: true });\r\n \r\n indicators.forEach(function(indicator) {\r\n indicator.addEventListener('click', function() {\r\n var index = parseInt(this.dataset.index);\r\n var cardWidth = cards[0].offsetWidth + 16;\r\n cardsContainer.scrollTo({\r\n left: index * cardWidth,\r\n behavior: 'smooth'\r\n });\r\n });\r\n });\r\n \r\n var tipologiasSection = document.getElementById('abora-tipologias');\r\n var tipologiasAnimated = false;\r\n \r\n function isInViewport(element, offset) {\r\n var rect = element.getBoundingClientRect();\r\n var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n return rect.top <= windowHeight - (offset || 100);\r\n }\r\n \r\n function handleTipologiasAnimation() {\r\n if (tipologiasAnimated) return;\r\n \r\n if (isInViewport(tipologiasSection, 150)) {\r\n tipologiasSection.classList.add('abora-tipologias--visible');\r\n \r\n setTimeout(function() {\r\n tipologiasSection.classList.remove('abora-tipologias--visible');\r\n tipologiasSection.classList.add('abora-tipologias--animated');\r\n }, 50);\r\n \r\n tipologiasAnimated = true;\r\n }\r\n }\r\n \r\n var ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleTipologiasAnimation();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n handleTipologiasAnimation();\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5f8e05 elementor-widget elementor-widget-html\" data-id=\"a5f8e05\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"gallery\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n #abora-galeria.abora-galeria {\r\n position: relative !important;\r\n width: 100% !important;\r\n padding: 80px 24px !important;\r\n background-color: #ffffff !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__container {\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__header {\r\n text-align: center !important;\r\n margin-bottom: 48px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__header-inner {\r\n max-width: 600px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__tagline {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n margin: 0 0 20px 0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__tagline-line {\r\n width: 28px !important;\r\n height: 1px !important;\r\n background-color: #43676a !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__tagline-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 32px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 16px 0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__subtitle {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr !important;\r\n gap: 12px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n cursor: pointer !important;\r\n background-color: #f0f0f0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item::before {\r\n content: '' !important;\r\n display: block !important;\r\n padding-top: 75% !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:hover .abora-galeria__item-image {\r\n transform: scale(1.1);\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to top,\r\n rgba(20, 20, 20, 0.9) 0%,\r\n rgba(20, 20, 20, 0.3) 40%,\r\n rgba(20, 20, 20, 0.1) 100%\r\n ) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.4s ease;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:hover .abora-galeria__item-overlay {\r\n opacity: 1 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-content {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding: 32px 24px !important;\r\n transform: translateY(20px) !important;\r\n opacity: 0 !important;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:hover .abora-galeria__item-content {\r\n transform: translateY(0) !important;\r\n opacity: 1 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-category {\r\n display: inline-block !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.15em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n background-color: #ffffff !important;\r\n padding: 6px 12px !important;\r\n margin-bottom: 12px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 24px !important;\r\n font-weight: 500 !important;\r\n line-height: 1.2 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 8px 0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-description {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.6 !important;\r\n color: rgba(255, 255, 255, 0.8) !important;\r\n margin: 0 !important;\r\n max-width: 280px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-zoom {\r\n position: absolute !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n width: 44px !important;\r\n height: 44px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background-color: rgba(255, 255, 255, 0.95) !important;\r\n border-radius: 50% !important;\r\n opacity: 0 !important;\r\n transform: scale(0.8) !important;\r\n transition: opacity 0.3s ease, transform 0.3s ease;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:hover .abora-galeria__item-zoom {\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-zoom svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: #43676a !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-color: rgba(10, 10, 10, 0.97) !important;\r\n z-index: 99999 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox.active {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-close {\r\n position: absolute !important;\r\n top: 32px !important;\r\n right: 32px !important;\r\n width: 48px !important;\r\n height: 48px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: none !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n padding: 0 !important;\r\n z-index: 10 !important;\r\n transition: border-color 0.3s ease, transform 0.3s ease;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-close:hover {\r\n border-color: rgba(255, 255, 255, 0.5) !important;\r\n transform: rotate(90deg);\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-close svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: #ffffff !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-wrapper {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n padding: 80px 24px !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-media {\r\n position: relative !important;\r\n max-width: 100% !important;\r\n max-height: 70vh !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-image {\r\n max-width: 100% !important;\r\n max-height: 70vh !important;\r\n object-fit: contain !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-caption {\r\n text-align: center !important;\r\n margin-top: 40px !important;\r\n max-width: 500px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-category {\r\n display: inline-block !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin-bottom: 12px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 32px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 12px 0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-description {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: rgba(255, 255, 255, 0.7) !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-counter {\r\n position: absolute !important;\r\n bottom: 32px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.1em !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-nav {\r\n position: absolute !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n width: 56px !important;\r\n height: 56px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: none !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n padding: 0 !important;\r\n transition: border-color 0.3s ease, background-color 0.3s ease;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-nav:hover {\r\n border-color: rgba(255, 255, 255, 0.4) !important;\r\n background-color: rgba(255, 255, 255, 0.05) !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-nav svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: #ffffff !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-prev {\r\n left: 32px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-next {\r\n right: 32px !important;\r\n }\r\n \r\n @media screen and (min-width: 768px) {\r\n #abora-galeria.abora-galeria {\r\n padding: 100px 48px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__header {\r\n margin-bottom: 56px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__title {\r\n font-size: 40px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 16px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:nth-child(1) {\r\n grid-column: span 2 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:nth-child(1)::before {\r\n padding-top: 50% !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-content {\r\n padding: 40px 32px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-title {\r\n font-size: 28px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-title {\r\n font-size: 36px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1024px) {\r\n #abora-galeria.abora-galeria {\r\n padding: 120px 64px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__header {\r\n margin-bottom: 64px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__title {\r\n font-size: 48px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__grid {\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n gap: 20px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:nth-child(1) {\r\n grid-column: span 2 !important;\r\n grid-row: span 2 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:nth-child(1)::before {\r\n padding-top: 100% !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-content {\r\n padding: 48px 40px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:nth-child(1) .abora-galeria__item-title {\r\n font-size: 36px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:nth-child(1) .abora-galeria__item-description {\r\n font-size: 15px !important;\r\n max-width: 360px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-wrapper {\r\n padding: 100px 120px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-title {\r\n font-size: 42px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1440px) {\r\n #abora-galeria.abora-galeria {\r\n padding: 140px 80px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__header {\r\n margin-bottom: 72px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__title {\r\n font-size: 52px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__grid {\r\n gap: 24px !important;\r\n }\r\n }\r\n \r\n @keyframes aboraGaleriaFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n #abora-galeria .abora-galeria__header-inner,\r\n #abora-galeria .abora-galeria__item {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \r\n #abora-galeria.abora-galeria--visible .abora-galeria__header-inner,\r\n #abora-galeria.abora-galeria--visible .abora-galeria__item,\r\n #abora-galeria.abora-galeria--animated .abora-galeria__header-inner,\r\n #abora-galeria.abora-galeria--animated .abora-galeria__item {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n \r\n #abora-galeria.abora-galeria--animated .abora-galeria__header-inner {\r\n animation: aboraGaleriaFadeIn 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.1s forwards;\r\n }\r\n \r\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(1) {\r\n animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.15s forwards;\r\n }\r\n \r\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(2) {\r\n animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.25s forwards;\r\n }\r\n \r\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(3) {\r\n animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.35s forwards;\r\n }\r\n \r\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(4) {\r\n animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.45s forwards;\r\n }\r\n \r\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(5) {\r\n animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.55s forwards;\r\n }\r\n \r\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(6) {\r\n animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.65s forwards;\r\n }\r\n<\/style>\r\n\r\n<section class=\"abora-galeria\" id=\"abora-galeria\">\r\n <div class=\"abora-galeria__container\">\r\n \r\n <header class=\"abora-galeria__header\">\r\n <div class=\"abora-galeria__header-inner\">\r\n <div class=\"abora-galeria__tagline\">\r\n <span class=\"abora-galeria__tagline-line\"><\/span>\r\n <span class=\"abora-galeria__tagline-text\">Gallery<\/span>\r\n <span class=\"abora-galeria__tagline-line\"><\/span>\r\n <\/div>\r\n <h2 class=\"abora-galeria__title\">Discover every corner of your future home<\/h2>\r\n <p class=\"abora-galeria__subtitle\">Spaces designed for those seeking quality, design and exceptional views.<\/p>\r\n <\/div>\r\n <\/header>\r\n \r\n <div class=\"abora-galeria__grid\">\r\n \r\n <div class=\"abora-galeria__item\" \r\n data-index=\"0\"\r\n data-category=\"Exteriors\"\r\n data-title=\"Endless horizons\"\r\n data-description=\"Where the sky meets the ocean. Terraces designed to experience the best sunsets of your life.\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-terraza-exterior-panoramica-vistas-mar.jpg\" \r\n alt=\"Terrace with panoramic sea views\" \r\n class=\"abora-galeria__item-image\"\r\n loading=\"lazy\">\r\n <div class=\"abora-galeria__item-overlay\"><\/div>\r\n <div class=\"abora-galeria__item-content\">\r\n <span class=\"abora-galeria__item-category\">Exteriors<\/span>\r\n <h3 class=\"abora-galeria__item-title\">Endless horizons<\/h3>\r\n <p class=\"abora-galeria__item-description\">Where the sky meets the ocean. Terraces designed to experience the best sunsets of your life.<\/p>\r\n <\/div>\r\n <div class=\"abora-galeria__item-zoom\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\r\n <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-galeria__item\" \r\n data-index=\"1\"\r\n data-category=\"Interiors\"\r\n data-title=\"The heart of your home\"\r\n data-description=\"Open spaces where natural light flows without limits. Designed to live, share and create memories.\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-salon-cocina-terraza-vistas.jpg\" \r\n alt=\"Living room and kitchen with terrace access\" \r\n class=\"abora-galeria__item-image\"\r\n loading=\"lazy\">\r\n <div class=\"abora-galeria__item-overlay\"><\/div>\r\n <div class=\"abora-galeria__item-content\">\r\n <span class=\"abora-galeria__item-category\">Interiors<\/span>\r\n <h3 class=\"abora-galeria__item-title\">The heart of your home<\/h3>\r\n <p class=\"abora-galeria__item-description\">Open spaces where natural light flows without limits.<\/p>\r\n <\/div>\r\n <div class=\"abora-galeria__item-zoom\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\r\n <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-galeria__item\" \r\n data-index=\"2\"\r\n data-category=\"Bedrooms\"\r\n data-title=\"Your peaceful retreat\"\r\n data-description=\"Wake up every morning to the Atlantic breeze. Bedrooms designed for perfect rest.\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-habitacion-principal-y-terraza.jpg\" \r\n alt=\"Master bedroom with terrace access\" \r\n class=\"abora-galeria__item-image\"\r\n loading=\"lazy\">\r\n <div class=\"abora-galeria__item-overlay\"><\/div>\r\n <div class=\"abora-galeria__item-content\">\r\n <span class=\"abora-galeria__item-category\">Bedrooms<\/span>\r\n <h3 class=\"abora-galeria__item-title\">Your peaceful retreat<\/h3>\r\n <p class=\"abora-galeria__item-description\">Wake up every morning to the Atlantic breeze.<\/p>\r\n <\/div>\r\n <div class=\"abora-galeria__item-zoom\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\r\n <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-galeria__item\" \r\n data-index=\"3\"\r\n data-category=\"Interiors\"\r\n data-title=\"Design that inspires\"\r\n data-description=\"Fully equipped kitchens where the best moments begin with a good meal.\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-interior-cocina.jpg\" \r\n alt=\"Modern fully equipped kitchen\" \r\n class=\"abora-galeria__item-image\"\r\n loading=\"lazy\">\r\n <div class=\"abora-galeria__item-overlay\"><\/div>\r\n <div class=\"abora-galeria__item-content\">\r\n <span class=\"abora-galeria__item-category\">Interiors<\/span>\r\n <h3 class=\"abora-galeria__item-title\">Design that inspires<\/h3>\r\n <p class=\"abora-galeria__item-description\">Where the best moments begin.<\/p>\r\n <\/div>\r\n <div class=\"abora-galeria__item-zoom\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\r\n <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-galeria__item\" \r\n data-index=\"4\"\r\n data-category=\"Interiors\"\r\n data-title=\"Bathrooms\"\r\n data-description=\"Bathrooms with quality finishes. A sanctuary in your own home.\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-bano-completo-ducha.jpg\" \r\n alt=\"Full bathroom with shower\" \r\n class=\"abora-galeria__item-image\"\r\n loading=\"lazy\">\r\n <div class=\"abora-galeria__item-overlay\"><\/div>\r\n <div class=\"abora-galeria__item-content\">\r\n <span class=\"abora-galeria__item-category\">Interiors<\/span>\r\n <h3 class=\"abora-galeria__item-title\">Bathrooms<\/h3>\r\n <p class=\"abora-galeria__item-description\">Daily wellness with quality finishes.<\/p>\r\n <\/div>\r\n <div class=\"abora-galeria__item-zoom\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\r\n <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-galeria__item\" \r\n data-index=\"5\"\r\n data-category=\"Common areas\"\r\n data-title=\"365 days of sunshine\"\r\n data-description=\"Community pool with sun terrace. Tenerife's perfect climate awaits you all year round.\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-piscina.jpg\" \r\n alt=\"Outdoor community pool\" \r\n class=\"abora-galeria__item-image\"\r\n loading=\"lazy\">\r\n <div class=\"abora-galeria__item-overlay\"><\/div>\r\n <div class=\"abora-galeria__item-content\">\r\n <span class=\"abora-galeria__item-category\">Common areas<\/span>\r\n <h3 class=\"abora-galeria__item-title\">365 days of sunshine<\/h3>\r\n <p class=\"abora-galeria__item-description\">The perfect climate awaits you all year round.<\/p>\r\n <\/div>\r\n <div class=\"abora-galeria__item-zoom\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\r\n <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <div class=\"abora-galeria__lightbox\" id=\"galeria-lightbox\">\r\n <button class=\"abora-galeria__lightbox-close\" aria-label=\"Close gallery\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\r\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\r\n <\/svg>\r\n <\/button>\r\n \r\n <button class=\"abora-galeria__lightbox-nav abora-galeria__lightbox-prev\" aria-label=\"Previous image\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n <\/svg>\r\n <\/button>\r\n \r\n <div class=\"abora-galeria__lightbox-wrapper\">\r\n <div class=\"abora-galeria__lightbox-media\">\r\n <img decoding=\"async\" src=\"\" alt=\"\" class=\"abora-galeria__lightbox-image\" id=\"lightbox-image\">\r\n <\/div>\r\n <div class=\"abora-galeria__lightbox-caption\">\r\n <span class=\"abora-galeria__lightbox-category\" id=\"lightbox-category\"><\/span>\r\n <h3 class=\"abora-galeria__lightbox-title\" id=\"lightbox-title\"><\/h3>\r\n <p class=\"abora-galeria__lightbox-description\" id=\"lightbox-description\"><\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <button class=\"abora-galeria__lightbox-nav abora-galeria__lightbox-next\" aria-label=\"Next image\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n <\/svg>\r\n <\/button>\r\n \r\n <div class=\"abora-galeria__lightbox-counter\" id=\"lightbox-counter\"><\/div>\r\n <\/div>\r\n \r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n var lightbox = document.getElementById('galeria-lightbox');\r\n var lightboxImage = document.getElementById('lightbox-image');\r\n var lightboxCategory = document.getElementById('lightbox-category');\r\n var lightboxTitle = document.getElementById('lightbox-title');\r\n var lightboxDescription = document.getElementById('lightbox-description');\r\n var lightboxCounter = document.getElementById('lightbox-counter');\r\n var closeBtn = lightbox.querySelector('.abora-galeria__lightbox-close');\r\n var prevBtn = lightbox.querySelector('.abora-galeria__lightbox-prev');\r\n var nextBtn = lightbox.querySelector('.abora-galeria__lightbox-next');\r\n var items = document.querySelectorAll('.abora-galeria__item');\r\n var currentIndex = 0;\r\n var images = [];\r\n \r\n items.forEach(function(item, index) {\r\n var img = item.querySelector('.abora-galeria__item-image');\r\n images.push({\r\n src: img.src,\r\n category: item.dataset.category,\r\n title: item.dataset.title,\r\n description: item.dataset.description\r\n });\r\n \r\n item.addEventListener('click', function() {\r\n openLightbox(index);\r\n });\r\n });\r\n \r\n function openLightbox(index) {\r\n currentIndex = index;\r\n updateLightboxContent();\r\n lightbox.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n \r\n function closeLightbox() {\r\n lightbox.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n \r\n function updateLightboxContent() {\r\n var data = images[currentIndex];\r\n lightboxImage.src = data.src;\r\n lightboxImage.alt = data.title;\r\n lightboxCategory.textContent = data.category;\r\n lightboxTitle.textContent = data.title;\r\n lightboxDescription.textContent = data.description;\r\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + images.length;\r\n }\r\n \r\n function prevImage() {\r\n currentIndex = (currentIndex - 1 + images.length) % images.length;\r\n updateLightboxContent();\r\n }\r\n \r\n function nextImage() {\r\n currentIndex = (currentIndex + 1) % images.length;\r\n updateLightboxContent();\r\n }\r\n \r\n closeBtn.addEventListener('click', closeLightbox);\r\n prevBtn.addEventListener('click', prevImage);\r\n nextBtn.addEventListener('click', nextImage);\r\n \r\n lightbox.addEventListener('click', function(e) {\r\n if (e.target === lightbox || e.target.classList.contains('abora-galeria__lightbox-wrapper')) {\r\n closeLightbox();\r\n }\r\n });\r\n \r\n document.addEventListener('keydown', function(e) {\r\n if (!lightbox.classList.contains('active')) return;\r\n \r\n if (e.key === 'Escape') closeLightbox();\r\n if (e.key === 'ArrowLeft') prevImage();\r\n if (e.key === 'ArrowRight') nextImage();\r\n });\r\n \r\n var galeriaSection = document.getElementById('abora-galeria');\r\n var galeriaAnimated = false;\r\n \r\n function isInViewport(element, offset) {\r\n var rect = element.getBoundingClientRect();\r\n var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n return rect.top <= windowHeight - (offset || 100);\r\n }\r\n \r\n function handleGaleriaAnimation() {\r\n if (galeriaAnimated) return;\r\n \r\n if (isInViewport(galeriaSection, 150)) {\r\n galeriaSection.classList.add('abora-galeria--visible');\r\n \r\n setTimeout(function() {\r\n galeriaSection.classList.remove('abora-galeria--visible');\r\n galeriaSection.classList.add('abora-galeria--animated');\r\n }, 50);\r\n \r\n galeriaAnimated = true;\r\n }\r\n }\r\n \r\n var ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleGaleriaAnimation();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n handleGaleriaAnimation();\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bd6d59 elementor-widget elementor-widget-html\" data-id=\"3bd6d59\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"location\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n #abora-ubicacion.abora-ubicacion {\r\n position: relative !important;\r\n width: 100% !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__header {\r\n position: relative !important;\r\n width: 100% !important;\r\n padding: 80px 24px !important;\r\n background: linear-gradient(\r\n 135deg,\r\n #43676a 0%,\r\n #365456 50%,\r\n #2d4547 100%\r\n ) !important;\r\n text-align: center !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__header-inner {\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__tagline {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n margin: 0 0 24px 0 !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__tagline-line {\r\n width: 28px !important;\r\n height: 1px !important;\r\n background-color: rgba(255, 255, 255, 0.4) !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__tagline-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.8) !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 36px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 20px 0 !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__subtitle {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n margin: 0 !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 400px !important;\r\n background-color: #e8e8e8 !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map iframe {\r\n width: 100% !important;\r\n height: 100% !important;\r\n border: none !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map-placeholder {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: linear-gradient(\r\n 180deg,\r\n #f0f0f0 0%,\r\n #e0e0e0 100%\r\n ) !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map-placeholder-icon {\r\n width: 64px !important;\r\n height: 64px !important;\r\n color: #43676a !important;\r\n margin-bottom: 16px !important;\r\n opacity: 0.6 !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map-placeholder-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 500 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 !important;\r\n }\r\n \r\n @media screen and (min-width: 768px) {\r\n #abora-ubicacion .abora-ubicacion__header {\r\n padding: 100px 48px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__title {\r\n font-size: 48px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__subtitle {\r\n font-size: 17px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map {\r\n height: 480px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1024px) {\r\n #abora-ubicacion .abora-ubicacion__header {\r\n padding: 120px 64px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__title {\r\n font-size: 56px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__subtitle {\r\n font-size: 18px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map {\r\n height: 550px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1440px) {\r\n #abora-ubicacion .abora-ubicacion__header {\r\n padding: 140px 80px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__title {\r\n font-size: 64px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map {\r\n height: 600px !important;\r\n }\r\n }\r\n \r\n @keyframes aboraUbicacionFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__header-inner {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \r\n #abora-ubicacion.abora-ubicacion--visible .abora-ubicacion__header-inner,\r\n #abora-ubicacion.abora-ubicacion--animated .abora-ubicacion__header-inner {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n \r\n #abora-ubicacion.abora-ubicacion--animated .abora-ubicacion__header-inner {\r\n animation: aboraUbicacionFadeIn 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.1s forwards;\r\n }\r\n<\/style>\r\n\r\n<section class=\"abora-ubicacion\" id=\"abora-ubicacion\">\r\n \r\n <header class=\"abora-ubicacion__header\">\r\n <div class=\"abora-ubicacion__header-inner\">\r\n <div class=\"abora-ubicacion__tagline\">\r\n <span class=\"abora-ubicacion__tagline-line\"><\/span>\r\n <span class=\"abora-ubicacion__tagline-text\">Costa de Adeje<\/span>\r\n <span class=\"abora-ubicacion__tagline-line\"><\/span>\r\n <\/div>\r\n <h2 class=\"abora-ubicacion__title\">A step away from the sea<br>and everything<\/h2>\r\n <p class=\"abora-ubicacion__subtitle\">A prime location 200 metres from the ocean, surrounded by nature with all essential services nearby.<\/p>\r\n <\/div>\r\n <\/header>\r\n \r\n <div class=\"abora-ubicacion__map\">\r\n <div class=\"abora-ubicacion__map-placeholder\">\r\n <iframe \r\n id=\"abora-map-iframe\" \r\n src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/map\/abora.html\" \r\n allowfullscreen \r\n title=\"Mardi Hills Handwritten Collection Interactive Map\">\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n \r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n var ubicacionSection = document.getElementById('abora-ubicacion');\r\n var ubicacionAnimated = false;\r\n \r\n function isInViewport(element, offset) {\r\n var rect = element.getBoundingClientRect();\r\n var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n return rect.top <= windowHeight - (offset || 100);\r\n }\r\n \r\n function handleUbicacionAnimation() {\r\n if (ubicacionAnimated) return;\r\n \r\n if (isInViewport(ubicacionSection, 150)) {\r\n ubicacionSection.classList.add('abora-ubicacion--visible');\r\n \r\n setTimeout(function() {\r\n ubicacionSection.classList.remove('abora-ubicacion--visible');\r\n ubicacionSection.classList.add('abora-ubicacion--animated');\r\n }, 50);\r\n \r\n ubicacionAnimated = true;\r\n }\r\n }\r\n \r\n var ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleUbicacionAnimation();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n handleUbicacionAnimation();\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-476253a elementor-widget elementor-widget-html\" data-id=\"476253a\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"info-unlock\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ABORA UNLOCK SECTION - Premium Form Experience\r\n Version: 2.1 | Bug Fixes Applied\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n \r\n \r\n \/* Section Container *\/\r\n #abora-unlock.abora-unlock {\r\n position: relative !important;\r\n width: 100% !important;\r\n padding: 80px 24px !important;\r\n background-color: #f9f9f9 !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__container {\r\n max-width: 680px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n \/* Header Styles *\/\r\n #abora-unlock .abora-unlock__header {\r\n text-align: center !important;\r\n margin-bottom: 48px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__tagline {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n margin: 0 0 20px 0 !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__tagline-line {\r\n width: 28px !important;\r\n height: 1px !important;\r\n background-color: #43676a !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__tagline-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 32px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 16px 0 !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__subtitle {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 !important;\r\n }\r\n \r\n \/* Form Container *\/\r\n #abora-unlock .abora-unlock__form {\r\n background-color: #ffffff !important;\r\n padding: 40px 32px !important;\r\n box-shadow: 0 8px 40px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04) !important;\r\n border: 1px solid rgba(67, 103, 106, 0.06) !important;\r\n }\r\n \r\n \/* WPForms Reset *\/\r\n #abora-unlock .wpforms-container {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-form {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FIX #1: Ocultar campos hidden y sus labels\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #abora-unlock .wpforms-field-hidden {\r\n display: none !important;\r\n visibility: hidden !important;\r\n height: 0 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field[class*=\"wpforms-field-hidden\"] {\r\n display: none !important;\r\n }\r\n \r\n \/* Ocultar cualquier label que contenga texto de campos ocultos *\/\r\n #abora-unlock .wpforms-field-label[for*=\"hidden\"],\r\n #abora-unlock .wpforms-field input[type=\"hidden\"] {\r\n display: none !important;\r\n }\r\n \r\n \/* Fix para campos con display:none de WPForms *\/\r\n #abora-unlock .wpforms-field[style*=\"display: none\"],\r\n #abora-unlock .wpforms-field[style*=\"display:none\"] {\r\n display: none !important;\r\n visibility: hidden !important;\r\n height: 0 !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n \r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FIX #2: Mayor espaciado entre campos\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #abora-unlock .wpforms-field {\r\n padding: 0 0 36px 0 !important;\r\n margin: 0 !important;\r\n position: relative !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field:last-of-type {\r\n padding-bottom: 0 !important;\r\n }\r\n \r\n \/* Espaciado en filas de campos *\/\r\n #abora-unlock .wpforms-field-row {\r\n display: flex !important;\r\n gap: 28px !important;\r\n margin-bottom: 0 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-row .wpforms-field {\r\n flex: 1 !important;\r\n padding-bottom: 36px !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-row-block {\r\n padding-bottom: 36px !important;\r\n }\r\n \r\n \/* Field Labels - Premium Typography *\/\r\n #abora-unlock .wpforms-field-label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.08em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 0 12px 0 !important;\r\n display: block !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n \r\n #abora-unlock .wpforms-required-label {\r\n color: #c0392b !important;\r\n font-weight: 600 !important;\r\n margin-left: 2px !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-sublabel {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n font-style: italic !important;\r\n color: #999999 !important;\r\n margin-top: 8px !important;\r\n display: block !important;\r\n }\r\n \r\n \/* Text Inputs & Textarea - Refined Design *\/\r\n #abora-unlock .wpforms-field input[type=\"text\"],\r\n #abora-unlock .wpforms-field input[type=\"email\"],\r\n #abora-unlock .wpforms-field input[type=\"tel\"],\r\n #abora-unlock .wpforms-field input[type=\"number\"],\r\n #abora-unlock .wpforms-field input[type=\"url\"],\r\n #abora-unlock .wpforms-field textarea {\r\n width: 100% !important;\r\n padding: 18px 20px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n color: #2d2d2d !important;\r\n background-color: #fafafa !important;\r\n border: 1px solid #e5e5e5 !important;\r\n border-bottom: 2px solid #e5e5e5 !important;\r\n border-radius: 0 !important;\r\n outline: none !important;\r\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n box-sizing: border-box !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field input[type=\"text\"]:hover,\r\n #abora-unlock .wpforms-field input[type=\"email\"]:hover,\r\n #abora-unlock .wpforms-field input[type=\"tel\"]:hover,\r\n #abora-unlock .wpforms-field input[type=\"number\"]:hover,\r\n #abora-unlock .wpforms-field input[type=\"url\"]:hover,\r\n #abora-unlock .wpforms-field textarea:hover {\r\n border-color: #d0d0d0 !important;\r\n border-bottom-color: #43676a !important;\r\n background-color: #f7f7f7 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field input[type=\"text\"]:focus,\r\n #abora-unlock .wpforms-field input[type=\"email\"]:focus,\r\n #abora-unlock .wpforms-field input[type=\"tel\"]:focus,\r\n #abora-unlock .wpforms-field input[type=\"number\"]:focus,\r\n #abora-unlock .wpforms-field input[type=\"url\"]:focus,\r\n #abora-unlock .wpforms-field textarea:focus {\r\n border-color: #43676a !important;\r\n border-bottom-color: #43676a !important;\r\n background-color: #ffffff !important;\r\n box-shadow: 0 4px 12px rgba(67, 103, 106, 0.08) !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field input::placeholder,\r\n #abora-unlock .wpforms-field textarea::placeholder {\r\n color: #b5b5b5 !important;\r\n font-weight: 300 !important;\r\n font-style: italic !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field input:focus::placeholder,\r\n #abora-unlock .wpforms-field textarea:focus::placeholder {\r\n opacity: 0.5 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field textarea {\r\n min-height: 140px !important;\r\n resize: vertical !important;\r\n line-height: 1.6 !important;\r\n }\r\n \r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FIX #3: Select Dropdown - Texto visible\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #abora-unlock .wpforms-field select {\r\n width: 100% !important;\r\n height: auto !important;\r\n padding: 18px 52px 18px 20px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n color: #2d2d2d !important;\r\n background-color: #fafafa !important;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2343676a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\") !important;\r\n background-repeat: no-repeat !important;\r\n background-position: right 18px center !important;\r\n background-size: 18px !important;\r\n border: 1px solid #e5e5e5 !important;\r\n border-bottom: 2px solid #e5e5e5 !important;\r\n border-radius: 0 !important;\r\n outline: none !important;\r\n cursor: pointer !important;\r\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n box-sizing: border-box !important;\r\n -webkit-appearance: none !important;\r\n -moz-appearance: none !important;\r\n appearance: none !important;\r\n line-height: 1.4 !important;\r\n }\r\n \r\n \/* Placeholder del select (primera opci\u00f3n vac\u00eda) *\/\r\n #abora-unlock .wpforms-field select option[value=\"\"] {\r\n color: #b5b5b5 !important;\r\n font-style: italic !important;\r\n }\r\n \r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FIX #4: Phone Field - Padding para bandera\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#abora-unlock .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n display: block !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti input,\r\n#abora-unlock .wpforms-field-phone .iti input[type=\"tel\"] {\r\n padding-left: 90px !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti--allow-dropdown input,\r\n#abora-unlock .wpforms-field-phone .iti--allow-dropdown input[type=\"tel\"] {\r\n padding-left: 90px !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__flag-container {\r\n padding: 0 !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 8px 0 20px !important;\r\n background-color: transparent !important;\r\n transition: background-color 0.3s ease !important;\r\n height: 100% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__selected-flag:hover {\r\n background-color: rgba(67, 103, 106, 0.04) !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__arrow {\r\n margin-left: 8px !important;\r\n border-top-color: #43676a !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__country-list {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n border: 1px solid #e5e5e5 !important;\r\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;\r\n border-radius: 0 !important;\r\n max-height: 220px !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__country {\r\n padding: 10px 16px !important;\r\n transition: background-color 0.2s ease !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__country:hover {\r\n background-color: #f5f5f5 !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__country.iti__highlight {\r\n background-color: rgba(67, 103, 106, 0.08) !important;\r\n}\r\n \r\n \/* Opciones del select *\/\r\n #abora-unlock .wpforms-field select option {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n color: #2d2d2d !important;\r\n background-color: #ffffff !important;\r\n padding: 12px 16px !important;\r\n line-height: 1.5 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field select option:hover,\r\n #abora-unlock .wpforms-field select option:focus {\r\n background-color: #f5f5f5 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field select:hover {\r\n border-color: #d0d0d0 !important;\r\n border-bottom-color: #43676a !important;\r\n background-color: #f7f7f7 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field select:focus {\r\n border-color: #43676a !important;\r\n border-bottom-color: #43676a !important;\r\n background-color: #ffffff !important;\r\n box-shadow: 0 4px 12px rgba(67, 103, 106, 0.08) !important;\r\n }\r\n \r\n \/* Fix para select cuando no tiene valor seleccionado *\/\r\n #abora-unlock .wpforms-field select:invalid {\r\n color: #b5b5b5 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field select:valid {\r\n color: #2d2d2d !important;\r\n }\r\n \r\n \/* Radio & Checkbox - Luxury Redesign *\/\r\n #abora-unlock .wpforms-field-radio ul,\r\n #abora-unlock .wpforms-field-checkbox ul {\r\n list-style: none !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio li,\r\n #abora-unlock .wpforms-field-checkbox li {\r\n margin: 0 0 14px 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio li:last-child,\r\n #abora-unlock .wpforms-field-checkbox li:last-child {\r\n margin-bottom: 0 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio input[type=\"radio\"],\r\n #abora-unlock .wpforms-field-checkbox input[type=\"checkbox\"] {\r\n width: 22px !important;\r\n height: 22px !important;\r\n margin: 0 14px 0 0 !important;\r\n border: 2px solid #d5d5d5 !important;\r\n background-color: #fafafa !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n vertical-align: middle !important;\r\n position: relative !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio input[type=\"radio\"] {\r\n border-radius: 50% !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-checkbox input[type=\"checkbox\"] {\r\n border-radius: 3px !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio input[type=\"radio\"]:hover,\r\n #abora-unlock .wpforms-field-checkbox input[type=\"checkbox\"]:hover {\r\n border-color: #43676a !important;\r\n background-color: rgba(67, 103, 106, 0.04) !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio input[type=\"radio\"]:checked,\r\n #abora-unlock .wpforms-field-checkbox input[type=\"checkbox\"]:checked {\r\n border-color: #43676a !important;\r\n background-color: #43676a !important;\r\n box-shadow: 0 2px 8px rgba(67, 103, 106, 0.25) !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio input[type=\"radio\"]:checked::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 50% !important;\r\n left: 50% !important;\r\n transform: translate(-50%, -50%) scale(1) !important;\r\n width: 8px !important;\r\n height: 8px !important;\r\n background-color: #ffffff !important;\r\n border-radius: 50% !important;\r\n animation: aboraRadioCheck 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-checkbox input[type=\"checkbox\"]:checked::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 3px !important;\r\n left: 7px !important;\r\n width: 5px !important;\r\n height: 10px !important;\r\n border: solid #ffffff !important;\r\n border-width: 0 2.5px 2.5px 0 !important;\r\n transform: rotate(45deg) !important;\r\n animation: aboraCheckmark 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n \r\n @keyframes aboraRadioCheck {\r\n 0% { transform: translate(-50%, -50%) scale(0); }\r\n 50% { transform: translate(-50%, -50%) scale(1.2); }\r\n 100% { transform: translate(-50%, -50%) scale(1); }\r\n }\r\n \r\n @keyframes aboraCheckmark {\r\n 0% { opacity: 0; transform: rotate(45deg) scale(0); }\r\n 100% { opacity: 1; transform: rotate(45deg) scale(1); }\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio label,\r\n #abora-unlock .wpforms-field-checkbox label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n color: #4a4a4a !important;\r\n cursor: pointer !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n transition: color 0.3s ease !important;\r\n line-height: 1.5 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio label:hover,\r\n #abora-unlock .wpforms-field-checkbox label:hover {\r\n color: #2d2d2d !important;\r\n }\r\n \r\n \/* GDPR Checkbox - Special Treatment *\/\r\n #abora-unlock .wpforms-field-gdpr-checkbox {\r\n padding-top: 16px !important;\r\n border-top: 1px solid #f0f0f0 !important;\r\n margin-top: 8px !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-gdpr-checkbox label {\r\n font-size: 13px !important;\r\n line-height: 1.6 !important;\r\n color: #6b6b6b !important;\r\n align-items: flex-start !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-gdpr-checkbox input[type=\"checkbox\"] {\r\n margin-top: 2px !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-gdpr-checkbox a {\r\n color: #43676a !important;\r\n text-decoration: none !important;\r\n border-bottom: 1px solid transparent !important;\r\n transition: border-color 0.3s ease !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-gdpr-checkbox a:hover {\r\n border-bottom-color: #43676a !important;\r\n }\r\n \r\n \/* Phone Field International *\/\r\n #abora-unlock .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 12px 0 16px !important;\r\n background-color: transparent !important;\r\n transition: background-color 0.3s ease !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-phone .iti__selected-flag:hover {\r\n background-color: rgba(67, 103, 106, 0.04) !important;\r\n }\r\n \r\n \/* Error States - Refined *\/\r\n #abora-unlock .wpforms-field input.wpforms-error,\r\n #abora-unlock .wpforms-field textarea.wpforms-error,\r\n #abora-unlock .wpforms-field select.wpforms-error {\r\n border-color: #e74c3c !important;\r\n border-bottom-color: #c0392b !important;\r\n background-color: #fef9f9 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field input.wpforms-error:focus,\r\n #abora-unlock .wpforms-field textarea.wpforms-error:focus,\r\n #abora-unlock .wpforms-field select.wpforms-error:focus {\r\n box-shadow: 0 4px 12px rgba(192, 57, 43, 0.1) !important;\r\n }\r\n \r\n #abora-unlock label.wpforms-error {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 500 !important;\r\n color: #c0392b !important;\r\n margin-top: 10px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #abora-unlock label.wpforms-error::before {\r\n content: '!' !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 16px !important;\r\n height: 16px !important;\r\n background-color: #c0392b !important;\r\n color: #ffffff !important;\r\n font-size: 10px !important;\r\n font-weight: 700 !important;\r\n border-radius: 50% !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n \/* Submit Button - Premium CTA *\/\r\n #abora-unlock .wpforms-submit-container {\r\n padding-top: 32px !important;\r\n margin: 0 !important;\r\n text-align: center !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"],\r\n #abora-unlock .wpforms-submit {\r\n position: relative !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 14px !important;\r\n width: 100% !important;\r\n padding: 20px 48px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.18em !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background: linear-gradient(135deg, #43676a 0%, #3a5a5d 100%) !important;\r\n border: none !important;\r\n border-radius: 0 !important;\r\n cursor: pointer !important;\r\n overflow: hidden !important;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"]::before,\r\n #abora-unlock .wpforms-submit::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, #365456 0%, #2d4648 100%) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.4s ease !important;\r\n z-index: -1 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"]::after,\r\n #abora-unlock .wpforms-submit::after {\r\n content: '\u2192' !important;\r\n font-size: 16px !important;\r\n font-weight: 400 !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"]:hover,\r\n #abora-unlock .wpforms-submit:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 12px 32px rgba(67, 103, 106, 0.35) !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"]:hover::before,\r\n #abora-unlock .wpforms-submit:hover::before {\r\n opacity: 1 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"]:hover::after,\r\n #abora-unlock .wpforms-submit:hover::after {\r\n transform: translateX(4px) !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"]:active,\r\n #abora-unlock .wpforms-submit:active {\r\n transform: translateY(-1px) !important;\r\n box-shadow: 0 6px 20px rgba(67, 103, 106, 0.3) !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-spinner {\r\n margin-left: 14px !important;\r\n }\r\n \r\n \/* Confirmation Message *\/\r\n #abora-unlock .wpforms-confirmation-container-full {\r\n padding: 48px 40px !important;\r\n background-color: #ffffff !important;\r\n text-align: center !important;\r\n border-left: 4px solid #43676a !important;\r\n }\r\n \r\n #abora-unlock .wpforms-confirmation-container-full p {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.8 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 !important;\r\n }\r\n \r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n Responsive Breakpoints\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n \r\n @media screen and (min-width: 768px) {\r\n #abora-unlock.abora-unlock {\r\n padding: 100px 48px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__header {\r\n margin-bottom: 56px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__title {\r\n font-size: 40px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__form {\r\n padding: 52px 44px !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"],\r\n #abora-unlock .wpforms-submit {\r\n width: auto !important;\r\n min-width: 320px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1024px) {\r\n #abora-unlock.abora-unlock {\r\n padding: 120px 64px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__container {\r\n max-width: 720px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__header {\r\n margin-bottom: 64px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__title {\r\n font-size: 48px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__form {\r\n padding: 60px 52px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1440px) {\r\n #abora-unlock.abora-unlock {\r\n padding: 140px 80px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__title {\r\n font-size: 52px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__form {\r\n padding: 68px 60px !important;\r\n }\r\n }\r\n \r\n @media screen and (max-width: 575px) {\r\n #abora-unlock .wpforms-field-row {\r\n flex-direction: column !important;\r\n gap: 0 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-row .wpforms-field {\r\n padding-bottom: 36px !important;\r\n }\r\n }\r\n \r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n Entry Animations\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n \r\n @keyframes aboraUnlockFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n #abora-unlock .abora-unlock__header,\r\n #abora-unlock .abora-unlock__form {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \r\n #abora-unlock.abora-unlock--visible .abora-unlock__header,\r\n #abora-unlock.abora-unlock--visible .abora-unlock__form,\r\n #abora-unlock.abora-unlock--animated .abora-unlock__header,\r\n #abora-unlock.abora-unlock--animated .abora-unlock__form {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n \r\n #abora-unlock.abora-unlock--animated .abora-unlock__header {\r\n animation: aboraUnlockFadeIn 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.1s forwards;\r\n }\r\n \r\n #abora-unlock.abora-unlock--animated .abora-unlock__form {\r\n animation: aboraUnlockFadeIn 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.25s forwards;\r\n }\r\n<\/style>\r\n\r\n<section class=\"abora-unlock\" id=\"abora-unlock\">\r\n <div class=\"abora-unlock__container\">\r\n \r\n <header class=\"abora-unlock__header\">\r\n <div class=\"abora-unlock__tagline\">\r\n <span class=\"abora-unlock__tagline-line\"><\/span>\r\n <span class=\"abora-unlock__tagline-text\">Exclusive information<\/span>\r\n <span class=\"abora-unlock__tagline-line\"><\/span>\r\n <\/div>\r\n <h2 class=\"abora-unlock__title\">Unlock full information<\/h2>\r\n <p class=\"abora-unlock__subtitle\">Tell us your preferences and access personalised information about Abora: floor plans, updated prices, availability and much more.<\/p>\r\n <\/header>\r\n \r\n <div class=\"abora-unlock__form\">\r\n <style id=\"wpforms-css-vars-271\">\n\t\t\t\t#wpforms-271 {\n\t\t\t\t--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-271\"><form id=\"wpforms-form-271\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"271\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/13\" data-token=\"012faf9e8f594f1c635e314f5907695c\" data-token-time=\"1776410958\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-271-field_21-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"21\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_25-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"25\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_25\" aria-hidden=\"false\">LMP Segunda residencia emocional<\/label><input type=\"text\" id=\"wpforms-271-field_25\" class=\"wpforms-field-medium\" name=\"wpforms[fields][25]\" value=\"e4ed1364-063d-4b52-a113-fb1fe4fc5be5\" aria-errormessage=\"wpforms-271-field_25-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_43-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"43\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_43\" aria-hidden=\"false\">LMP Pareja madura en nueva etapa<\/label><input type=\"text\" id=\"wpforms-271-field_43\" class=\"wpforms-field-medium\" name=\"wpforms[fields][43]\" value=\"4595940f-a5d1-4f9e-b1eb-0f40e669bc00\" aria-errormessage=\"wpforms-271-field_43-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_44-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"44\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_44\" aria-hidden=\"false\">LMP Familia en crecimiento<\/label><input type=\"text\" id=\"wpforms-271-field_44\" class=\"wpforms-field-medium\" name=\"wpforms[fields][44]\" value=\"a7716a6e-6000-4b87-bbe4-be15c4b5bfa6\" aria-errormessage=\"wpforms-271-field_44-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_46-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"46\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_46\" aria-hidden=\"false\">LMP Inversor internacional<\/label><input type=\"text\" id=\"wpforms-271-field_46\" class=\"wpforms-field-medium\" name=\"wpforms[fields][46]\" value=\"30c59b92-ed12-4d00-99dc-60b13ca04cb7\" aria-errormessage=\"wpforms-271-field_46-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_45-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"45\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_45\" aria-hidden=\"false\">LMP N\u00f3mada digital<\/label><input type=\"text\" id=\"wpforms-271-field_45\" class=\"wpforms-field-medium\" name=\"wpforms[fields][45]\" value=\"cb355894-f263-42ea-bf2f-e2de1daeb180\" aria-errormessage=\"wpforms-271-field_45-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><\/div><\/div><\/div><div id=\"wpforms-271-field_50-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"50\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_35-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"35\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_35\" aria-hidden=\"false\">utm_source<\/label><input type=\"text\" id=\"wpforms-271-field_35\" class=\"wpforms-field-medium\" name=\"wpforms[fields][35]\" aria-errormessage=\"wpforms-271-field_35-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_52-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"52\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_52\" aria-hidden=\"false\">utm_medium<\/label><input type=\"text\" id=\"wpforms-271-field_52\" class=\"wpforms-field-medium\" name=\"wpforms[fields][52]\" aria-errormessage=\"wpforms-271-field_52-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_53-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"53\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_53\" aria-hidden=\"false\">utm_campaign<\/label><input type=\"text\" id=\"wpforms-271-field_53\" class=\"wpforms-field-medium\" name=\"wpforms[fields][53]\" aria-errormessage=\"wpforms-271-field_53-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_54-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"54\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_54\" aria-hidden=\"false\">utm_term<\/label><input type=\"text\" id=\"wpforms-271-field_54\" class=\"wpforms-field-medium\" name=\"wpforms[fields][54]\" aria-errormessage=\"wpforms-271-field_54-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_51-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"51\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_51\" aria-hidden=\"false\">Origen lead<\/label><input type=\"text\" id=\"wpforms-271-field_51\" class=\"wpforms-field-medium\" name=\"wpforms[fields][51]\" aria-errormessage=\"wpforms-271-field_51-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_56-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"56\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_56\" aria-hidden=\"false\">Stage<\/label><input type=\"text\" id=\"wpforms-271-field_56\" class=\"wpforms-field-medium\" name=\"wpforms[fields][56]\" value=\"Engage\" aria-errormessage=\"wpforms-271-field_56-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_55-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"55\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_55\" aria-hidden=\"false\">utm_content<\/label><input type=\"text\" id=\"wpforms-271-field_55\" class=\"wpforms-field-medium\" name=\"wpforms[fields][55]\" aria-errormessage=\"wpforms-271-field_55-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-271-field_49-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"49\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_40-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"40\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_40\" aria-hidden=\"false\">DISC Yellow<\/label><input type=\"text\" id=\"wpforms-271-field_40\" class=\"wpforms-field-medium\" name=\"wpforms[fields][40]\" value=\"Red\" aria-errormessage=\"wpforms-271-field_40-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_41-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"41\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_41\" aria-hidden=\"false\">DISC Green<\/label><input type=\"text\" id=\"wpforms-271-field_41\" class=\"wpforms-field-medium\" name=\"wpforms[fields][41]\" value=\"Red\" aria-errormessage=\"wpforms-271-field_41-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_39-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"39\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_39\" aria-hidden=\"false\">DISC Red<\/label><input type=\"text\" id=\"wpforms-271-field_39\" class=\"wpforms-field-medium\" name=\"wpforms[fields][39]\" value=\"Red\" aria-errormessage=\"wpforms-271-field_39-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_42-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"42\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_42\" aria-hidden=\"false\">DISC Blue<\/label><input type=\"text\" id=\"wpforms-271-field_42\" class=\"wpforms-field-medium\" name=\"wpforms[fields][42]\" value=\"Red\" aria-errormessage=\"wpforms-271-field_42-error\" ><\/div><\/div><\/div><\/div><\/div>\t\t<div id=\"wpforms-271-field_1-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"1\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-271-field_1\" >RGPD Green Yellow<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-271-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-271-field_37-container\" class=\"wpforms-field wpforms-field-select wpforms-conditional-trigger wpforms-field-select-style-classic\" data-field-id=\"37\"><label class=\"wpforms-field-label\" for=\"wpforms-271-field_37\">What is your main motivation for looking for a new property? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-271-field_37\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][37]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Select Choice ---<\/option><option value=\"I\u2019m looking for a place to disconnect, relax, and truly feel at home.\" class=\"choice-1 depth-1\" >I\u2019m looking for a place to disconnect, relax, and truly feel at home.<\/option><option value=\"We want to begin a new stage of life in an inspiring and comfortable environment.\" class=\"choice-2 depth-1\" >We want to begin a new stage of life in an inspiring and comfortable environment.<\/option><option value=\"We\u2019re looking for a bigger home that fits our family\u2019s needs.\" class=\"choice-3 depth-1\" >We\u2019re looking for a bigger home that fits our family\u2019s needs.<\/option><option value=\"I\u2019m looking for a profitable and secure real estate investment.\" class=\"choice-4 depth-1\" >I\u2019m looking for a profitable and secure real estate investment.<\/option><option value=\"I\u2019m looking for a base to work remotely and enjoy the lifestyle.\" class=\"choice-5 depth-1\" >I\u2019m looking for a base to work remotely and enjoy the lifestyle.<\/option><\/select><\/div><div id=\"wpforms-271-field_38-container\" class=\"wpforms-field wpforms-field-select wpforms-conditional-trigger wpforms-field-select-style-classic\" data-field-id=\"38\"><label class=\"wpforms-field-label\" for=\"wpforms-271-field_38\">Which of these statements best describes you? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-271-field_38\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][38]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Select Choice ---<\/option><option value=\"I like to make quick decisions and solve problems\" class=\"choice-1 depth-1\" >I like to make quick decisions and solve problems<\/option><option value=\"I prefer to fully understand my options before deciding\" class=\"choice-2 depth-1\" >I prefer to fully understand my options before deciding<\/option><option value=\"I enjoy exploring new ideas and being creative\" class=\"choice-3 depth-1\" >I enjoy exploring new ideas and being creative<\/option><option value=\"I prefer proven methods and maintaining stability\" class=\"choice-4 depth-1\" >I prefer proven methods and maintaining stability<\/option><\/select><\/div><div id=\"wpforms-271-field_6-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"6\"><fieldset><legend class=\"wpforms-field-label\">Your Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-large\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-271-field_6\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][6][first]\" aria-errormessage=\"wpforms-271-field_6-error\" required><label for=\"wpforms-271-field_6\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-271-field_6-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][6][last]\" aria-errormessage=\"wpforms-271-field_6-last-error\" required><label for=\"wpforms-271-field_6-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-271-field_5-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"5\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-271-field_9-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-271-field_9\">Phone <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-271-field_9\" class=\"wpforms-field-medium wpforms-field-required wpforms-smart-phone-field\" data-rule-smart-phone-field=\"true\" name=\"wpforms[fields][9]\" aria-label=\"Phone\" aria-errormessage=\"wpforms-271-field_9-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-271-field_15-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"15\"><label class=\"wpforms-field-label\" for=\"wpforms-271-field_15\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-271-field_15\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][15]\" spellcheck=\"false\" aria-errormessage=\"wpforms-271-field_15-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-271-field_59-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"59\"><label class=\"wpforms-field-label\" for=\"wpforms-271-field_59\">Age Range <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-271-field_59\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][59]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Select an option ---<\/option><option value=\"Less than35 years\" class=\"choice-1 depth-1\" >Less than35 years<\/option><option value=\"From 35 to 45 years\" class=\"choice-2 depth-1\" >From 35 to 45 years<\/option><option value=\"From 45 to 60 years\" class=\"choice-3 depth-1\" >From 45 to 60 years<\/option><option value=\"More than 60 years\" class=\"choice-4 depth-1\" >More than 60 years<\/option><\/select><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-271-field_36-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"36\"><label class=\"wpforms-field-label\" for=\"wpforms-271-field_36\">Country <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-271-field_36\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][36]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Select Country ---<\/option><option value=\"Afghanistan\" class=\"choice-8 depth-1\" >Afghanistan<\/option><option value=\"Albania\" class=\"choice-9 depth-1\" >Albania<\/option><option value=\"Algeria\" class=\"choice-10 depth-1\" >Algeria<\/option><option value=\"Andorra\" class=\"choice-11 depth-1\" >Andorra<\/option><option value=\"Angola\" class=\"choice-12 depth-1\" >Angola<\/option><option value=\"Antigua and Barbuda\" class=\"choice-13 depth-1\" >Antigua and Barbuda<\/option><option value=\"Argentina\" class=\"choice-14 depth-1\" >Argentina<\/option><option value=\"Armenia\" class=\"choice-15 depth-1\" >Armenia<\/option><option value=\"Australia\" class=\"choice-16 depth-1\" >Australia<\/option><option value=\"Austria\" class=\"choice-17 depth-1\" >Austria<\/option><option value=\"Azerbaijan\" class=\"choice-18 depth-1\" >Azerbaijan<\/option><option value=\"Bahamas\" class=\"choice-19 depth-1\" >Bahamas<\/option><option value=\"Bahrain\" class=\"choice-20 depth-1\" >Bahrain<\/option><option value=\"Bangladesh\" class=\"choice-21 depth-1\" >Bangladesh<\/option><option value=\"Barbados\" class=\"choice-22 depth-1\" >Barbados<\/option><option value=\"Belarus\" class=\"choice-23 depth-1\" >Belarus<\/option><option value=\"Belgium\" class=\"choice-24 depth-1\" >Belgium<\/option><option value=\"Belize\" class=\"choice-25 depth-1\" >Belize<\/option><option value=\"Benin\" class=\"choice-26 depth-1\" >Benin<\/option><option value=\"Bhutan\" class=\"choice-27 depth-1\" >Bhutan<\/option><option value=\"Bolivia\" class=\"choice-28 depth-1\" >Bolivia<\/option><option value=\"Bosnia and Herzegovina\" class=\"choice-29 depth-1\" >Bosnia and Herzegovina<\/option><option value=\"Botswana\" class=\"choice-30 depth-1\" >Botswana<\/option><option value=\"Brazil\" class=\"choice-31 depth-1\" >Brazil<\/option><option value=\"Brunei\" class=\"choice-32 depth-1\" >Brunei<\/option><option value=\"Bulgaria\" class=\"choice-33 depth-1\" >Bulgaria<\/option><option value=\"Burkina Faso\" class=\"choice-34 depth-1\" >Burkina Faso<\/option><option value=\"Burundi\" class=\"choice-35 depth-1\" >Burundi<\/option><option value=\"Cabo Verde\" class=\"choice-36 depth-1\" >Cabo Verde<\/option><option value=\"Cambodia\" class=\"choice-37 depth-1\" >Cambodia<\/option><option value=\"Cameroon\" class=\"choice-38 depth-1\" >Cameroon<\/option><option value=\"Canada\" class=\"choice-39 depth-1\" >Canada<\/option><option value=\"Central African Republic\" class=\"choice-40 depth-1\" >Central African Republic<\/option><option value=\"Chad\" class=\"choice-41 depth-1\" >Chad<\/option><option value=\"Chile\" class=\"choice-42 depth-1\" >Chile<\/option><option value=\"China\" class=\"choice-43 depth-1\" >China<\/option><option value=\"Colombia\" class=\"choice-44 depth-1\" >Colombia<\/option><option value=\"Comoros\" class=\"choice-45 depth-1\" >Comoros<\/option><option value=\"Congo\" class=\"choice-46 depth-1\" >Congo<\/option><option value=\"Costa Rica\" class=\"choice-47 depth-1\" >Costa Rica<\/option><option value=\"Croatia\" class=\"choice-48 depth-1\" >Croatia<\/option><option value=\"Cuba\" class=\"choice-49 depth-1\" >Cuba<\/option><option value=\"Cyprus\" class=\"choice-50 depth-1\" >Cyprus<\/option><option value=\"Czech Republic\" class=\"choice-51 depth-1\" >Czech Republic<\/option><option value=\"Democratic Republic of the Congo\" class=\"choice-52 depth-1\" >Democratic Republic of the Congo<\/option><option value=\"Denmark\" class=\"choice-53 depth-1\" >Denmark<\/option><option value=\"Djibouti\" class=\"choice-54 depth-1\" >Djibouti<\/option><option value=\"Dominica\" class=\"choice-55 depth-1\" >Dominica<\/option><option value=\"Dominican Republic\" class=\"choice-56 depth-1\" >Dominican Republic<\/option><option value=\"Ecuador\" class=\"choice-57 depth-1\" >Ecuador<\/option><option value=\"Egypt\" class=\"choice-58 depth-1\" >Egypt<\/option><option value=\"El Salvador\" class=\"choice-59 depth-1\" >El Salvador<\/option><option value=\"Equatorial Guinea\" class=\"choice-60 depth-1\" >Equatorial Guinea<\/option><option value=\"Eritrea\" class=\"choice-61 depth-1\" >Eritrea<\/option><option value=\"Estonia\" class=\"choice-62 depth-1\" >Estonia<\/option><option value=\"Eswatini\" class=\"choice-63 depth-1\" >Eswatini<\/option><option value=\"Ethiopia\" class=\"choice-64 depth-1\" >Ethiopia<\/option><option value=\"Fiji\" class=\"choice-65 depth-1\" >Fiji<\/option><option value=\"Finland\" class=\"choice-66 depth-1\" >Finland<\/option><option value=\"France\" class=\"choice-67 depth-1\" >France<\/option><option value=\"Gabon\" class=\"choice-68 depth-1\" >Gabon<\/option><option value=\"Gambia\" class=\"choice-69 depth-1\" >Gambia<\/option><option value=\"Georgia\" class=\"choice-70 depth-1\" >Georgia<\/option><option value=\"Germany\" class=\"choice-71 depth-1\" >Germany<\/option><option value=\"Ghana\" class=\"choice-72 depth-1\" >Ghana<\/option><option value=\"Greece\" class=\"choice-73 depth-1\" >Greece<\/option><option value=\"Grenada\" class=\"choice-74 depth-1\" >Grenada<\/option><option value=\"Guatemala\" class=\"choice-75 depth-1\" >Guatemala<\/option><option value=\"Guinea\" class=\"choice-76 depth-1\" >Guinea<\/option><option value=\"Guinea-Bissau\" class=\"choice-77 depth-1\" >Guinea-Bissau<\/option><option value=\"Guyana\" class=\"choice-78 depth-1\" >Guyana<\/option><option value=\"Haiti\" class=\"choice-79 depth-1\" >Haiti<\/option><option value=\"Honduras\" class=\"choice-80 depth-1\" >Honduras<\/option><option value=\"Hungary\" class=\"choice-81 depth-1\" >Hungary<\/option><option value=\"Iceland\" class=\"choice-82 depth-1\" >Iceland<\/option><option value=\"India\" class=\"choice-83 depth-1\" >India<\/option><option value=\"Indonesia\" class=\"choice-84 depth-1\" >Indonesia<\/option><option value=\"Iran\" class=\"choice-85 depth-1\" >Iran<\/option><option value=\"Iraq\" class=\"choice-86 depth-1\" >Iraq<\/option><option value=\"Ireland\" class=\"choice-87 depth-1\" >Ireland<\/option><option value=\"Israel\" class=\"choice-88 depth-1\" >Israel<\/option><option value=\"Italy\" class=\"choice-89 depth-1\" >Italy<\/option><option value=\"Ivory Coast\" class=\"choice-90 depth-1\" >Ivory Coast<\/option><option value=\"Jamaica\" class=\"choice-91 depth-1\" >Jamaica<\/option><option value=\"Japan\" class=\"choice-92 depth-1\" >Japan<\/option><option value=\"Jordan\" class=\"choice-93 depth-1\" >Jordan<\/option><option value=\"Kazakhstan\" class=\"choice-94 depth-1\" >Kazakhstan<\/option><option value=\"Kenya\" class=\"choice-95 depth-1\" >Kenya<\/option><option value=\"Kiribati\" class=\"choice-96 depth-1\" >Kiribati<\/option><option value=\"Kuwait\" class=\"choice-97 depth-1\" >Kuwait<\/option><option value=\"Kyrgyzstan\" class=\"choice-98 depth-1\" >Kyrgyzstan<\/option><option value=\"Laos\" class=\"choice-99 depth-1\" >Laos<\/option><option value=\"Latvia\" class=\"choice-100 depth-1\" >Latvia<\/option><option value=\"Lebanon\" class=\"choice-101 depth-1\" >Lebanon<\/option><option value=\"Lesotho\" class=\"choice-102 depth-1\" >Lesotho<\/option><option value=\"Liberia\" class=\"choice-103 depth-1\" >Liberia<\/option><option value=\"Libya\" class=\"choice-104 depth-1\" >Libya<\/option><option value=\"Liechtenstein\" class=\"choice-105 depth-1\" >Liechtenstein<\/option><option value=\"Lithuania\" class=\"choice-106 depth-1\" >Lithuania<\/option><option value=\"Luxembourg\" class=\"choice-107 depth-1\" >Luxembourg<\/option><option value=\"Madagascar\" class=\"choice-108 depth-1\" >Madagascar<\/option><option value=\"Malawi\" class=\"choice-109 depth-1\" >Malawi<\/option><option value=\"Malaysia\" class=\"choice-110 depth-1\" >Malaysia<\/option><option value=\"Maldives\" class=\"choice-111 depth-1\" >Maldives<\/option><option value=\"Mali\" class=\"choice-112 depth-1\" >Mali<\/option><option value=\"Malta\" class=\"choice-113 depth-1\" >Malta<\/option><option value=\"Marshall Islands\" class=\"choice-114 depth-1\" >Marshall Islands<\/option><option value=\"Mauritania\" class=\"choice-115 depth-1\" >Mauritania<\/option><option value=\"Mauritius\" class=\"choice-116 depth-1\" >Mauritius<\/option><option value=\"Mexico\" class=\"choice-117 depth-1\" >Mexico<\/option><option value=\"Micronesia\" class=\"choice-118 depth-1\" >Micronesia<\/option><option value=\"Moldova\" class=\"choice-119 depth-1\" >Moldova<\/option><option value=\"Monaco\" class=\"choice-120 depth-1\" >Monaco<\/option><option value=\"Mongolia\" class=\"choice-121 depth-1\" >Mongolia<\/option><option value=\"Montenegro\" class=\"choice-122 depth-1\" >Montenegro<\/option><option value=\"Morocco\" class=\"choice-123 depth-1\" >Morocco<\/option><option value=\"Mozambique\" class=\"choice-124 depth-1\" >Mozambique<\/option><option value=\"Myanmar\" class=\"choice-125 depth-1\" >Myanmar<\/option><option value=\"Namibia\" class=\"choice-126 depth-1\" >Namibia<\/option><option value=\"Nauru\" class=\"choice-127 depth-1\" >Nauru<\/option><option value=\"Nepal\" class=\"choice-128 depth-1\" >Nepal<\/option><option value=\"Netherlands\" class=\"choice-129 depth-1\" >Netherlands<\/option><option value=\"New Zealand\" class=\"choice-130 depth-1\" >New Zealand<\/option><option value=\"Nicaragua\" class=\"choice-131 depth-1\" >Nicaragua<\/option><option value=\"Niger\" class=\"choice-132 depth-1\" >Niger<\/option><option value=\"Nigeria\" class=\"choice-133 depth-1\" >Nigeria<\/option><option value=\"North Korea\" class=\"choice-134 depth-1\" >North Korea<\/option><option value=\"North Macedonia\" class=\"choice-135 depth-1\" >North Macedonia<\/option><option value=\"Norway\" class=\"choice-136 depth-1\" >Norway<\/option><option value=\"Oman\" class=\"choice-137 depth-1\" >Oman<\/option><option value=\"Pakistan\" class=\"choice-138 depth-1\" >Pakistan<\/option><option value=\"Palau\" class=\"choice-139 depth-1\" >Palau<\/option><option value=\"Palestine\" class=\"choice-140 depth-1\" >Palestine<\/option><option value=\"Panama\" class=\"choice-141 depth-1\" >Panama<\/option><option value=\"Papua New Guinea\" class=\"choice-142 depth-1\" >Papua New Guinea<\/option><option value=\"Paraguay\" class=\"choice-143 depth-1\" >Paraguay<\/option><option value=\"Peru\" class=\"choice-144 depth-1\" >Peru<\/option><option value=\"Philippines\" class=\"choice-145 depth-1\" >Philippines<\/option><option value=\"Poland\" class=\"choice-146 depth-1\" >Poland<\/option><option value=\"Portugal\" class=\"choice-147 depth-1\" >Portugal<\/option><option value=\"Qatar\" class=\"choice-148 depth-1\" >Qatar<\/option><option value=\"Romania\" class=\"choice-149 depth-1\" >Romania<\/option><option value=\"Russia\" class=\"choice-150 depth-1\" >Russia<\/option><option value=\"Rwanda\" class=\"choice-151 depth-1\" >Rwanda<\/option><option value=\"Saint Kitts and Nevis\" class=\"choice-152 depth-1\" >Saint Kitts and Nevis<\/option><option value=\"Saint Lucia\" class=\"choice-153 depth-1\" >Saint Lucia<\/option><option value=\"Saint Vincent and the Grenadines\" class=\"choice-154 depth-1\" >Saint Vincent and the Grenadines<\/option><option value=\"Samoa\" class=\"choice-155 depth-1\" >Samoa<\/option><option value=\"San Marino\" class=\"choice-156 depth-1\" >San Marino<\/option><option value=\"Sao Tome and Principe\" class=\"choice-157 depth-1\" >Sao Tome and Principe<\/option><option value=\"Saudi Arabia\" class=\"choice-158 depth-1\" >Saudi Arabia<\/option><option value=\"Senegal\" class=\"choice-159 depth-1\" >Senegal<\/option><option value=\"Serbia\" class=\"choice-160 depth-1\" >Serbia<\/option><option value=\"Seychelles\" class=\"choice-161 depth-1\" >Seychelles<\/option><option value=\"Sierra Leone\" class=\"choice-162 depth-1\" >Sierra Leone<\/option><option value=\"Singapore\" class=\"choice-163 depth-1\" >Singapore<\/option><option value=\"Slovakia\" class=\"choice-164 depth-1\" >Slovakia<\/option><option value=\"Slovenia\" class=\"choice-165 depth-1\" >Slovenia<\/option><option value=\"Solomon Islands\" class=\"choice-166 depth-1\" >Solomon Islands<\/option><option value=\"Somalia\" class=\"choice-167 depth-1\" >Somalia<\/option><option value=\"South Africa\" class=\"choice-168 depth-1\" >South Africa<\/option><option value=\"South Korea\" class=\"choice-169 depth-1\" >South Korea<\/option><option value=\"South Sudan\" class=\"choice-170 depth-1\" >South Sudan<\/option><option value=\"Spain\" class=\"choice-171 depth-1\" >Spain<\/option><option value=\"Sri Lanka\" class=\"choice-172 depth-1\" >Sri Lanka<\/option><option value=\"Sudan\" class=\"choice-173 depth-1\" >Sudan<\/option><option value=\"Suriname\" class=\"choice-174 depth-1\" >Suriname<\/option><option value=\"Sweden\" class=\"choice-175 depth-1\" >Sweden<\/option><option value=\"Switzerland\" class=\"choice-176 depth-1\" >Switzerland<\/option><option value=\"Syria\" class=\"choice-177 depth-1\" >Syria<\/option><option value=\"Tajikistan\" class=\"choice-178 depth-1\" >Tajikistan<\/option><option value=\"Tanzania\" class=\"choice-179 depth-1\" >Tanzania<\/option><option value=\"Thailand\" class=\"choice-180 depth-1\" >Thailand<\/option><option value=\"Timor-Leste\" class=\"choice-181 depth-1\" >Timor-Leste<\/option><option value=\"Togo\" class=\"choice-182 depth-1\" >Togo<\/option><option value=\"Tonga\" class=\"choice-183 depth-1\" >Tonga<\/option><option value=\"Trinidad and Tobago\" class=\"choice-184 depth-1\" >Trinidad and Tobago<\/option><option value=\"Tunisia\" class=\"choice-185 depth-1\" >Tunisia<\/option><option value=\"Turkey\" class=\"choice-186 depth-1\" >Turkey<\/option><option value=\"Turkmenistan\" class=\"choice-187 depth-1\" >Turkmenistan<\/option><option value=\"Tuvalu\" class=\"choice-188 depth-1\" >Tuvalu<\/option><option value=\"Uganda\" class=\"choice-189 depth-1\" >Uganda<\/option><option value=\"Ukraine\" class=\"choice-190 depth-1\" >Ukraine<\/option><option value=\"United Arab Emirates\" class=\"choice-191 depth-1\" >United Arab Emirates<\/option><option value=\"United Kingdom\" class=\"choice-192 depth-1\" >United Kingdom<\/option><option value=\"United States\" class=\"choice-193 depth-1\" >United States<\/option><option value=\"Uruguay\" class=\"choice-194 depth-1\" >Uruguay<\/option><option value=\"Uzbekistan\" class=\"choice-195 depth-1\" >Uzbekistan<\/option><option value=\"Vanuatu\" class=\"choice-196 depth-1\" >Vanuatu<\/option><option value=\"Vatican City\" class=\"choice-197 depth-1\" >Vatican City<\/option><option value=\"Venezuela\" class=\"choice-198 depth-1\" >Venezuela<\/option><option value=\"Vietnam\" class=\"choice-199 depth-1\" >Vietnam<\/option><option value=\"Yemen\" class=\"choice-200 depth-1\" >Yemen<\/option><option value=\"Zambia\" class=\"choice-201 depth-1\" >Zambia<\/option><option value=\"Zimbabwe\" class=\"choice-202 depth-1\" >Zimbabwe<\/option><\/select><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-271-field_33-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-field-readonly\" data-field-id=\"33\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_33\" aria-hidden=\"false\">Language<\/label><input type=\"text\" id=\"wpforms-271-field_33\" class=\"wpforms-field-large\" name=\"wpforms[fields][33]\" value=\"English\" aria-errormessage=\"wpforms-271-field_33-error\" ><\/div><div id=\"wpforms-271-field_47-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"47\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_47\" aria-hidden=\"false\">DevelopmentID<\/label><input type=\"text\" id=\"wpforms-271-field_47\" class=\"wpforms-field-medium\" name=\"wpforms[fields][47]\" value=\"18\" placeholder=\"18\" aria-errormessage=\"wpforms-271-field_47-error\" ><\/div><div id=\"wpforms-271-field_48-container\" class=\"wpforms-field wpforms-field-checkbox\" data-field-id=\"48\"><fieldset><legend class=\"wpforms-field-label wpforms-label-hide\" aria-hidden=\"false\">RGPD<\/legend><ul id=\"wpforms-271-field_48\"><li class=\"choice-1 depth-1\"><input type=\"checkbox\" id=\"wpforms-271-field_48_1\" name=\"wpforms[fields][48][]\" value=\"Your data is secure and will be treated in accordance with our Privacy Policy.\" aria-errormessage=\"wpforms-271-field_48_1-error\" aria-describedby=\"wpforms-271-field_48-description\" ><label class=\"wpforms-field-label-inline\" for=\"wpforms-271-field_48_1\">Your data is secure and will be treated in accordance with our Privacy Policy.<\/label><\/li><\/ul><div id=\"wpforms-271-field_48-description\" class=\"wpforms-field-description\">Check our <a href=\"https:\/\/aboraresidencial.com\/en\/privacy\/\">Privacy Policy here. <\/a><\/div><\/fieldset><\/div><div id=\"wpforms-271-field_57-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"57\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_57\" aria-hidden=\"false\">tracker_lead_created<\/label><input type=\"text\" id=\"wpforms-271-field_57\" class=\"wpforms-field-medium\" name=\"wpforms[fields][57]\" value=\"1\" aria-errormessage=\"wpforms-271-field_57-error\" ><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-271-field_1-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-271-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-271-field_1-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"271\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/pages\/13\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-271\" class=\"wpforms-submit\" data-alt-text=\"Working on it...\" data-submit-text=\"Unlock all the information\" aria-live=\"assertive\" value=\"wpforms-submit\">Unlock all the information<\/button><img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div> \r\n <\/div>\r\n \r\n \r\n <div class=\"abora-unlock-return__elementor\">\r\n \t\t<div data-elementor-type=\"container\" data-elementor-id=\"1456\" class=\"elementor elementor-1456\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b2971f9 e-flex e-con-boxed e-con e-parent\" data-id=\"4b2971f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1942d96c e-con-full e-flex e-con e-child\" data-id=\"1942d96c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-736886d9 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"736886d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6MTQ1OCwidG9nZ2xlIjpmYWxzZX0%3D\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"><strong>Are you a real estate broker?<\/strong> <br>Send us your details and we'll get in touch with you<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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\t\t<\/div>\n\t\t\r\n <\/div>\r\n \r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n var unlockSection = document.getElementById('abora-unlock');\r\n var unlockAnimated = false;\r\n \r\n function isInViewport(element, offset) {\r\n var rect = element.getBoundingClientRect();\r\n var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n return rect.top <= windowHeight - (offset || 100);\r\n }\r\n \r\n function handleUnlockAnimation() {\r\n if (unlockAnimated) return;\r\n \r\n if (isInViewport(unlockSection, 150)) {\r\n unlockSection.classList.add('abora-unlock--visible');\r\n \r\n setTimeout(function() {\r\n unlockSection.classList.remove('abora-unlock--visible');\r\n unlockSection.classList.add('abora-unlock--animated');\r\n }, 50);\r\n \r\n unlockAnimated = true;\r\n }\r\n }\r\n \r\n var ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleUnlockAnimation();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n handleUnlockAnimation();\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8042846 elementor-widget elementor-widget-html\" data-id=\"8042846\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n #abora-footer.abora-footer {\r\n background: linear-gradient(135deg, #43676a 0%, #365456 50%, #2d4547 100%) !important;\r\n padding: 0 !important;\r\n box-sizing: border-box !important;\r\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;\r\n }\r\n \r\n #abora-footer .abora-footer__main {\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n padding: 40px 24px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 32px !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n #abora-footer .abora-footer__top {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 28px !important;\r\n align-items: center !important;\r\n }\r\n \r\n #abora-footer .abora-footer__brands {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 20px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__logo-abora {\r\n display: block !important;\r\n text-decoration: none !important;\r\n }\r\n \r\n #abora-footer .abora-footer__logo-abora img {\r\n height: 28px !important;\r\n width: auto !important;\r\n display: block !important;\r\n filter: brightness(0) invert(1) !important;\r\n transition: opacity 0.3s ease;\r\n }\r\n \r\n #abora-footer .abora-footer__logo-abora:hover img {\r\n opacity: 0.8 !important;\r\n }\r\n \r\n #abora-footer .abora-footer__brand-divider {\r\n width: 1px !important;\r\n height: 24px !important;\r\n background-color: rgba(255, 255, 255, 0.25) !important;\r\n }\r\n \r\n #abora-footer .abora-footer__logo-metro {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__logo-metro img {\r\n height: 20px !important;\r\n width: auto !important;\r\n display: block !important;\r\n margin-top: 10px !important;\r\n filter: brightness(0) invert(1) !important;\r\n }\r\n \r\n \/* Contact Section *\/\r\n #abora-footer .abora-footer__contact {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 24px !important;\r\n flex-wrap: wrap !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #abora-footer .abora-footer__contact-item {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__contact-icon {\r\n width: 16px !important;\r\n height: 16px !important;\r\n color: rgba(255, 255, 255, 0.6) !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n #abora-footer .abora-footer__contact-link {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 500 !important;\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n text-decoration: none !important;\r\n letter-spacing: 0.02em !important;\r\n transition: color 0.3s ease;\r\n }\r\n \r\n #abora-footer .abora-footer__contact-link:hover {\r\n color: #ffffff !important;\r\n }\r\n \r\n #abora-footer .abora-footer__contact-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n color: rgba(255, 255, 255, 0.7) !important;\r\n letter-spacing: 0.02em !important;\r\n }\r\n \r\n #abora-footer .abora-footer__contact-separator {\r\n width: 1px !important;\r\n height: 14px !important;\r\n background-color: rgba(255, 255, 255, 0.2) !important;\r\n }\r\n \r\n \/* Nav wrapper *\/\r\n #abora-footer .abora-footer__nav-wrapper {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 20px !important;\r\n align-items: center !important;\r\n }\r\n \r\n #abora-footer .abora-footer__nav {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n flex-wrap: wrap !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #abora-footer .abora-footer__nav-link {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n color: rgba(255, 255, 255, 0.7) !important;\r\n text-decoration: none !important;\r\n letter-spacing: 0.03em !important;\r\n padding: 6px 8px !important;\r\n transition: color 0.3s ease;\r\n }\r\n \r\n #abora-footer .abora-footer__nav-link:hover {\r\n color: #ffffff !important;\r\n }\r\n \r\n #abora-footer .abora-footer__nav-separator {\r\n font-size: 10px !important;\r\n color: rgba(255, 255, 255, 0.3) !important;\r\n user-select: none !important;\r\n }\r\n \r\n \/* Language selector *\/\r\n #abora-footer .abora-footer__language {\r\n position: relative !important;\r\n }\r\n \r\n #abora-footer .abora-footer__language-toggle {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 500 !important;\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n padding: 8px 14px !important;\r\n cursor: pointer !important;\r\n letter-spacing: 0.05em !important;\r\n transition: background-color 0.3s ease, border-color 0.3s ease;\r\n }\r\n \r\n #abora-footer .abora-footer__language-toggle:hover {\r\n background: rgba(255, 255, 255, 0.15) !important;\r\n border-color: rgba(255, 255, 255, 0.3) !important;\r\n }\r\n \r\n #abora-footer .abora-footer__language-toggle svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n #abora-footer .abora-footer__language.active .abora-footer__language-toggle svg {\r\n transform: rotate(180deg) !important;\r\n }\r\n \r\n #abora-footer .abora-footer__language-dropdown {\r\n position: absolute !important;\r\n bottom: 100% !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n margin-bottom: 8px !important;\r\n background-color: #ffffff !important;\r\n border-radius: 4px !important;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2) !important;\r\n min-width: 140px !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: opacity 0.3s ease, visibility 0.3s ease;\r\n z-index: 100 !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-footer .abora-footer__language.active .abora-footer__language-dropdown {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n \r\n #abora-footer .abora-footer__language-option {\r\n display: block !important;\r\n width: 100% !important;\r\n padding: 12px 16px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.05em !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n color: #2d2d2d !important;\r\n background: none !important;\r\n border: none !important;\r\n text-align: left !important;\r\n cursor: pointer !important;\r\n transition: background-color 0.2s ease, color 0.2s ease;\r\n }\r\n \r\n #abora-footer .abora-footer__language-option:hover {\r\n background-color: #f5f5f5 !important;\r\n color: #43676a !important;\r\n }\r\n \r\n #abora-footer .abora-footer__language-option.active {\r\n color: #43676a !important;\r\n font-weight: 600 !important;\r\n background-color: #f0f7f7 !important;\r\n }\r\n \r\n \/* Bottom bar *\/\r\n #abora-footer .abora-footer__bottom {\r\n border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n padding: 20px 24px !important;\r\n text-align: center !important;\r\n }\r\n \r\n #abora-footer .abora-footer__copyright {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n margin: 0 !important;\r\n letter-spacing: 0.03em !important;\r\n }\r\n \r\n \/* Responsive - Tablet *\/\r\n @media screen and (min-width: 768px) {\r\n #abora-footer .abora-footer__main {\r\n padding: 48px 48px !important;\r\n flex-direction: row !important;\r\n justify-content: space-between !important;\r\n align-items: center !important;\r\n gap: 40px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__top {\r\n flex-direction: row !important;\r\n gap: 40px !important;\r\n align-items: center !important;\r\n }\r\n \r\n #abora-footer .abora-footer__brands {\r\n gap: 24px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__logo-abora img {\r\n height: 32px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__brand-divider {\r\n height: 28px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__nav-wrapper {\r\n flex-direction: row !important;\r\n gap: 32px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__bottom {\r\n padding: 24px 48px !important;\r\n }\r\n }\r\n \r\n \/* Responsive - Desktop *\/\r\n @media screen and (min-width: 1024px) {\r\n #abora-footer .abora-footer__main {\r\n padding: 52px 64px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__top {\r\n gap: 48px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__contact {\r\n gap: 28px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__nav-wrapper {\r\n gap: 40px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__bottom {\r\n padding: 24px 64px !important;\r\n }\r\n }\r\n \r\n \/* Responsive - Large Desktop *\/\r\n @media screen and (min-width: 1440px) {\r\n #abora-footer .abora-footer__main {\r\n padding: 56px 80px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__bottom {\r\n padding: 28px 80px !important;\r\n }\r\n }\r\n<\/style>\r\n\r\n<footer class=\"abora-footer\" id=\"abora-footer\">\r\n \r\n \r\n <div class=\"abora-footer__main\">\r\n \r\n \r\n <div class=\"abora-footer__top\">\r\n \r\n \r\n <div class=\"abora-footer__brands\">\r\n <a href=\"\/\" class=\"abora-footer__logo-abora\" aria-label=\"Abora Residencial - Home\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\" alt=\"Abora Residencial\">\r\n <\/a>\r\n <span class=\"abora-footer__brand-divider\"><\/span>\r\n <span class=\"abora-footer__logo-metro\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/metrovacesa-logo-abreviado.png\" alt=\"Metrovacesa\">\r\n <\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-footer__contact\">\r\n <div class=\"abora-footer__contact-item\">\r\n <svg class=\"abora-footer__contact-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n <a href=\"tel:+34911678138\" class=\"abora-footer__contact-link\">911 67 81 38<\/a>\r\n <\/div>\r\n <span class=\"abora-footer__contact-separator\"><\/span>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n \r\n <div class=\"abora-footer__nav-wrapper\">\r\n \r\n \r\n <nav class=\"abora-footer__nav\">\r\n <a href=\"\/legal-notice\" class=\"abora-footer__nav-link\">Legal Notice<\/a>\r\n <span class=\"abora-footer__nav-separator\">\u00b7<\/span>\r\n <a href=\"\/privacy\" class=\"abora-footer__nav-link\">Privacy<\/a>\r\n <span class=\"abora-footer__nav-separator\">\u00b7<\/span>\r\n <a href=\"\/cookies\" class=\"abora-footer__nav-link\">Cookies<\/a>\r\n <\/nav>\r\n \r\n \r\n <div class=\"abora-footer__language\" id=\"abora-footer-language\">\r\n <button class=\"abora-footer__language-toggle\" aria-expanded=\"false\" aria-haspopup=\"true\" aria-label=\"Select language\">\r\n <span>EN<\/span>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"abora-footer__language-dropdown\">\r\n <button class=\"abora-footer__language-option active\" data-lang=\"en\">English<\/button>\r\n <button class=\"abora-footer__language-option\" data-lang=\"de\">Deutsch<\/button>\r\n <button class=\"abora-footer__language-option\" data-lang=\"fr\">Fran\u00e7ais<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n \r\n \r\n <div class=\"abora-footer__bottom\">\r\n <p class=\"abora-footer__copyright\">\u00a9 2025 Metrovacesa. All rights reserved.<\/p>\r\n <\/div>\r\n \r\n<\/footer>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n \/* ============================================\r\n WPML LANGUAGE CONFIG\r\n EN, DE and FR active\r\n ============================================ *\/\r\n var WPML_LANGUAGES = {\r\n 'en': { prefix: '\/en', name: 'English', code: 'EN' },\r\n 'de': { prefix: '\/de', name: 'Deutsch', code: 'DE' },\r\n 'fr': { prefix: '\/fr', name: 'Fran\u00e7ais', code: 'FR' }\r\n };\r\n \r\n \/* All known language prefixes for stripping *\/\r\n var LANG_PREFIXES = ['\/en', '\/de', '\/it', '\/fr'];\r\n \r\n function detectCurrentLanguage() {\r\n var path = window.location.pathname;\r\n for (var i = 0; i < LANG_PREFIXES.length; i++) {\r\n var prefix = LANG_PREFIXES[i];\r\n if (path === prefix || path.startsWith(prefix + '\/')) {\r\n return prefix.substring(1);\r\n }\r\n }\r\n return 'en';\r\n }\r\n \r\n function stripLangPrefix(path) {\r\n for (var i = 0; i < LANG_PREFIXES.length; i++) {\r\n var prefix = LANG_PREFIXES[i];\r\n if (path === prefix || path === prefix + '\/') {\r\n return '\/';\r\n }\r\n if (path.startsWith(prefix + '\/')) {\r\n return path.substring(prefix.length);\r\n }\r\n }\r\n return path;\r\n }\r\n \r\n function switchLanguage(targetLang) {\r\n var config = WPML_LANGUAGES[targetLang];\r\n if (!config) return;\r\n \r\n var cleanPath = stripLangPrefix(window.location.pathname);\r\n var newPath;\r\n \r\n if (cleanPath === '\/') {\r\n newPath = config.prefix;\r\n } else {\r\n newPath = config.prefix + cleanPath;\r\n }\r\n \r\n if (!newPath) newPath = '\/';\r\n \r\n if (newPath.length > 1 && newPath.endsWith('\/')) {\r\n newPath = newPath.slice(0, -1);\r\n }\r\n \r\n window.location.href = window.location.origin + newPath + window.location.search + window.location.hash;\r\n }\r\n \r\n \/* ============================================\r\n FOOTER LANGUAGE SELECTOR\r\n ============================================ *\/\r\n var footerLangSelector = document.getElementById('abora-footer-language');\r\n \r\n if (footerLangSelector) {\r\n var footerLangToggle = footerLangSelector.querySelector('.abora-footer__language-toggle');\r\n var footerLangOptions = footerLangSelector.querySelectorAll('.abora-footer__language-option');\r\n var currentLang = detectCurrentLanguage();\r\n \r\n if (footerLangToggle && WPML_LANGUAGES[currentLang]) {\r\n footerLangToggle.querySelector('span').textContent = WPML_LANGUAGES[currentLang].code;\r\n }\r\n \r\n footerLangOptions.forEach(function(opt) {\r\n opt.classList.remove('active');\r\n if (opt.getAttribute('data-lang') === currentLang) {\r\n opt.classList.add('active');\r\n }\r\n });\r\n \r\n if (footerLangToggle) {\r\n footerLangToggle.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n var isExpanded = footerLangSelector.classList.toggle('active');\r\n footerLangToggle.setAttribute('aria-expanded', isExpanded);\r\n });\r\n }\r\n \r\n footerLangOptions.forEach(function(option) {\r\n option.addEventListener('click', function() {\r\n var lang = this.getAttribute('data-lang');\r\n if (lang !== currentLang) {\r\n switchLanguage(lang);\r\n } else {\r\n footerLangSelector.classList.remove('active');\r\n if (footerLangToggle) {\r\n footerLangToggle.setAttribute('aria-expanded', 'false');\r\n }\r\n }\r\n });\r\n });\r\n \r\n document.addEventListener('click', function(e) {\r\n if (!footerLangSelector.contains(e.target)) {\r\n footerLangSelector.classList.remove('active');\r\n if (footerLangToggle) {\r\n footerLangToggle.setAttribute('aria-expanded', 'false');\r\n }\r\n }\r\n });\r\n \r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && footerLangSelector.classList.contains('active')) {\r\n footerLangSelector.classList.remove('active');\r\n if (footerLangToggle) {\r\n footerLangToggle.setAttribute('aria-expanded', 'false');\r\n }\r\n }\r\n });\r\n }\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4005f67 e-con-full e-flex e-con e-parent\" data-id=\"4005f67\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2123a9f elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"2123a9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Non-contractual images based on the Basic Project submitted for the processing of the Building Permit. Information subject to necessary modifications due to technical, legal, or commercial requirements during the course of the work or once it has been completed. All information and documentation will be provided in accordance with Royal Decree 515\/1989 and any other regulations that may supplement it, whether at the national or regional level.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d9f8dc elementor-widget elementor-widget-image\" data-id=\"5d9f8dc\" 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=\"500\" height=\"143\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2026\/02\/lifeincosta.png\" class=\"attachment-full size-full wp-image-2083\" alt=\"\" srcset=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2026\/02\/lifeincosta.png 500w, https:\/\/aboraresidencial.com\/wp-content\/uploads\/2026\/02\/lifeincosta-300x86.png 300w, https:\/\/aboraresidencial.com\/wp-content\/uploads\/2026\/02\/lifeincosta-350x100.png 350w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89ca10a elementor-widget elementor-widget-html\" data-id=\"89ca10a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n .evoost-signature-wrapper {\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n width: 100% !important;\r\n padding: 10px 0 !important;\r\n font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\r\n }\r\n \r\n .evoost-signature {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-decoration: none !important;\r\n padding: 8px 12px !important;\r\n border-radius: 30px !important;\r\n border: 1px solid rgba(230, 230, 230, 0.3) !important;\r\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n background-color: transparent !important;\r\n }\r\n \r\n .evoost-logo {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 8px !important;\r\n opacity: 0.75 !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n .evoost-text {\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.2px !important;\r\n color: #888 !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n .evoost-highlight {\r\n font-weight: 500 !important;\r\n color: #666 !important;\r\n transition: all 0.5s ease !important;\r\n }\r\n \r\n .evoost-signature:before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, rgba(245,245,245,0.9) 0%, rgba(235,235,235,0.9) 100%) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n .evoost-signature:after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -150% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to right,\r\n rgba(255, 255, 255, 0) 0%,\r\n rgba(255, 255, 255, 0.2) 50%,\r\n rgba(255, 255, 255, 0) 100%\r\n ) !important;\r\n transform: skewX(-25deg) !important;\r\n z-index: 3 !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.2s ease !important;\r\n }\r\n \r\n @keyframes shineEffect {\r\n 0% {\r\n left: -150% !important;\r\n }\r\n 100% {\r\n left: 150% !important;\r\n }\r\n }\r\n \r\n .evoost-signature:hover {\r\n border-color: rgba(210, 210, 210, 0.5) !important;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;\r\n }\r\n \r\n .evoost-signature:hover:before {\r\n opacity: 1 !important;\r\n }\r\n \r\n .evoost-signature:hover:after {\r\n opacity: 1 !important;\r\n animation: shineEffect 1.2s ease-in-out !important;\r\n }\r\n \r\n .evoost-signature:hover .evoost-logo {\r\n opacity: 1 !important;\r\n transform: scale(1.05) !important;\r\n }\r\n \r\n .evoost-signature:hover .evoost-text {\r\n background: linear-gradient(to right, #333, #666) !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n color: transparent !important;\r\n }\r\n \r\n .evoost-signature:hover .evoost-highlight {\r\n background: linear-gradient(to right, #111, #444) !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n color: transparent !important;\r\n }\r\n<\/style>\r\n<div class=\"evoost-signature-wrapper\">\r\n <a href=\"https:\/\/evoost.ai\/?utm_source=Abora\" target=\"_blank\" class=\"evoost-signature\" aria-label=\"Powered by eVoost\">\r\n <img decoding=\"async\" src=\"https:\/\/asvillas.pt\/wp-content\/uploads\/2025\/05\/evoost_sales_innovation_logo-removebg-preview.svg\" alt=\"eVoost\" class=\"evoost-logo\">\r\n <span class=\"evoost-text\">Powered by <span class=\"evoost-highlight\">eVoost<\/span><\/span>\r\n <\/a>\r\n<\/div>\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>Abora Residencial | Life under the Spanish sun Your seaside retreat awaits EN English Deutsch Fran\u00e7ais 01 About Abora 02 Typologies 03 Gallery 04 Location Exclusive access Unlock information Select language EN DE FR Phone 911 67 81 38 Location Costa de Adeje, Tenerife 01 Costa de Adeje 01 Costa de Adeje, Tenerife Life under […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Abora Residencial | Luxury Apartments Tenerife Costa de Adeje<\/title>\n<meta name=\"description\" content=\"Live steps from the ocean in Costa de Adeje. 138 new luxury apartments with Atlantic views, premium amenities, 365 days of perfect weather. From \u20ac408,700.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aboraresidencial.com\/de\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Abora Residencial | Luxury Apartments Tenerife Costa de Adeje\" \/>\n<meta property=\"og:description\" content=\"Live steps from the ocean in Costa de Adeje. 138 new luxury apartments with Atlantic views, premium amenities, 365 days of perfect weather. From \u20ac408,700.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aboraresidencial.com\/de\/\" \/>\n<meta property=\"og:site_name\" content=\"Abora Residencial\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-01T12:40:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"40 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aboraresidencial.com\/de\/\",\"url\":\"https:\/\/aboraresidencial.com\/de\/\",\"name\":\"Abora Residencial | Luxury Apartments Tenerife Costa de Adeje\",\"isPartOf\":{\"@id\":\"https:\/\/aboraresidencial.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/aboraresidencial.com\/de\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/aboraresidencial.com\/de\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\",\"datePublished\":\"2025-11-24T10:46:50+00:00\",\"dateModified\":\"2026-04-01T12:40:57+00:00\",\"description\":\"Live steps from the ocean in Costa de Adeje. 138 new luxury apartments with Atlantic views, premium amenities, 365 days of perfect weather. From \u20ac408,700.\",\"breadcrumb\":{\"@id\":\"https:\/\/aboraresidencial.com\/de\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/aboraresidencial.com\/de\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/aboraresidencial.com\/de\/#primaryimage\",\"url\":\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\",\"contentUrl\":\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/aboraresidencial.com\/de\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/aboraresidencial.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Engage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/aboraresidencial.com\/en\/#website\",\"url\":\"https:\/\/aboraresidencial.com\/en\/\",\"name\":\"Abora Residencial\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/aboraresidencial.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/aboraresidencial.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/aboraresidencial.com\/en\/#organization\",\"name\":\"Abora Residencial\",\"url\":\"https:\/\/aboraresidencial.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/aboraresidencial.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\",\"contentUrl\":\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\",\"width\":355,\"height\":120,\"caption\":\"Abora Residencial\"},\"image\":{\"@id\":\"https:\/\/aboraresidencial.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Abora Residencial | Luxury Apartments Tenerife Costa de Adeje","description":"Live steps from the ocean in Costa de Adeje. 138 new luxury apartments with Atlantic views, premium amenities, 365 days of perfect weather. From \u20ac408,700.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aboraresidencial.com\/de\/","og_locale":"en_US","og_type":"article","og_title":"Abora Residencial | Luxury Apartments Tenerife Costa de Adeje","og_description":"Live steps from the ocean in Costa de Adeje. 138 new luxury apartments with Atlantic views, premium amenities, 365 days of perfect weather. From \u20ac408,700.","og_url":"https:\/\/aboraresidencial.com\/de\/","og_site_name":"Abora Residencial","article_modified_time":"2026-04-01T12:40:57+00:00","og_image":[{"url":"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"40 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aboraresidencial.com\/de\/","url":"https:\/\/aboraresidencial.com\/de\/","name":"Abora Residencial | Luxury Apartments Tenerife Costa de Adeje","isPartOf":{"@id":"https:\/\/aboraresidencial.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aboraresidencial.com\/de\/#primaryimage"},"image":{"@id":"https:\/\/aboraresidencial.com\/de\/#primaryimage"},"thumbnailUrl":"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png","datePublished":"2025-11-24T10:46:50+00:00","dateModified":"2026-04-01T12:40:57+00:00","description":"Live steps from the ocean in Costa de Adeje. 138 new luxury apartments with Atlantic views, premium amenities, 365 days of perfect weather. From \u20ac408,700.","breadcrumb":{"@id":"https:\/\/aboraresidencial.com\/de\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aboraresidencial.com\/de\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/aboraresidencial.com\/de\/#primaryimage","url":"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png","contentUrl":"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png"},{"@type":"BreadcrumbList","@id":"https:\/\/aboraresidencial.com\/de\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/aboraresidencial.com\/de\/"},{"@type":"ListItem","position":2,"name":"Engage"}]},{"@type":"WebSite","@id":"https:\/\/aboraresidencial.com\/en\/#website","url":"https:\/\/aboraresidencial.com\/en\/","name":"Abora Residencial","description":"","publisher":{"@id":"https:\/\/aboraresidencial.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aboraresidencial.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/aboraresidencial.com\/en\/#organization","name":"Abora Residencial","url":"https:\/\/aboraresidencial.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/aboraresidencial.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png","contentUrl":"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png","width":355,"height":120,"caption":"Abora Residencial"},"image":{"@id":"https:\/\/aboraresidencial.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":364,"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":4558,"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/pages\/13\/revisions\/4558"}],"wp:attachment":[{"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Abora Residencial | Life under the Spanish sun<\/title>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n :root {\r\n --abora-primary: #43676a;\r\n --abora-primary-dark: #365456;\r\n --abora-primary-darker: #2d4547;\r\n --abora-secondary: #ececec;\r\n --abora-white: #ffffff;\r\n --abora-black: #1a1a1a;\r\n --abora-text: #2d2d2d;\r\n --abora-text-light: #6b6b6b;\r\n }\r\n\r\n \/* ============================================\r\n PRELOADER\r\n ============================================ *\/\r\n #abora-preloader.abora-preloader {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-color: #43676a !important;\r\n z-index: 999999 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 40px !important;\r\n transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), visibility 1s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n #abora-preloader.abora-preloader.abora-preloader--hidden {\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n pointer-events: none !important;\r\n }\r\n \r\n #abora-preloader .abora-preloader__logo {\r\n width: 160px !important;\r\n height: auto !important;\r\n display: block !important;\r\n filter: brightness(0) invert(1) !important;\r\n animation: aboraPreloaderPulse 2s ease-in-out infinite;\r\n }\r\n \r\n #abora-preloader .abora-preloader__line {\r\n width: 120px !important;\r\n height: 1px !important;\r\n background-color: rgba(255,255,255,0.2) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-preloader .abora-preloader__line::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 40% !important;\r\n height: 100% !important;\r\n background-color: #ffffff !important;\r\n animation: aboraPreloaderSlide 1.5s ease-in-out infinite;\r\n }\r\n \r\n #abora-preloader .abora-preloader__text {\r\n font-family: 'Montserrat', -apple-system, sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.3em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255,255,255,0.6) !important;\r\n text-align: center !important;\r\n display: block !important;\r\n }\r\n \r\n @keyframes aboraPreloaderPulse {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0.6; }\r\n }\r\n \r\n @keyframes aboraPreloaderSlide {\r\n 0% { transform: translateX(-100%); }\r\n 100% { transform: translateX(350%); }\r\n }\r\n\r\n \/* ============================================\r\n HEADER\r\n ============================================ *\/\r\n #abora-header.abora-header {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n z-index: 9999 !important;\r\n padding: 20px 24px !important;\r\n background-color: transparent !important;\r\n box-sizing: border-box !important;\r\n transition: background-color 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease;\r\n }\r\n \r\n #abora-header.abora-header.abora-header--scrolled {\r\n background-color: rgba(255, 255, 255, 0.98) !important;\r\n backdrop-filter: blur(20px) !important;\r\n -webkit-backdrop-filter: blur(20px) !important;\r\n box-shadow: 0 4px 30px rgba(67, 103, 106, 0.08) !important;\r\n padding: 14px 24px !important;\r\n }\r\n \r\n #abora-header .abora-header__container {\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n #abora-header .abora-header__logo {\r\n flex-shrink: 0 !important;\r\n display: block !important;\r\n text-decoration: none !important;\r\n }\r\n \r\n #abora-header .abora-header__logo img {\r\n height: 32px !important;\r\n width: auto !important;\r\n display: block !important;\r\n filter: brightness(0) invert(1) !important;\r\n transition: filter 0.4s ease, height 0.4s ease;\r\n }\r\n \r\n #abora-header.abora-header--scrolled .abora-header__logo img {\r\n filter: none !important;\r\n height: 28px !important;\r\n }\r\n \r\n #abora-header .abora-header__right {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 24px !important;\r\n }\r\n \r\n #abora-header .abora-header__lang {\r\n position: relative !important;\r\n display: none !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #abora-header .abora-header__lang-btn {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.05em !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n cursor: pointer !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n background: none !important;\r\n border: none !important;\r\n padding: 8px !important;\r\n transition: color 0.3s ease;\r\n }\r\n \r\n #abora-header .abora-header__lang-btn svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n #abora-header .abora-header__lang.abora-lang-open .abora-header__lang-btn svg {\r\n transform: rotate(180deg) !important;\r\n }\r\n \r\n #abora-header.abora-header--scrolled .abora-header__lang-btn {\r\n color: #2d2d2d !important;\r\n }\r\n \r\n #abora-header .abora-header__lang-dropdown {\r\n position: absolute !important;\r\n top: 100% !important;\r\n right: 0 !important;\r\n margin-top: 8px !important;\r\n background-color: #ffffff !important;\r\n border-radius: 4px !important;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;\r\n min-width: 140px !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transform: translateY(-10px) !important;\r\n transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;\r\n z-index: 10000 !important;\r\n }\r\n \r\n #abora-header .abora-header__lang.abora-lang-open .abora-header__lang-dropdown {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transform: translateY(0) !important;\r\n }\r\n \r\n #abora-header .abora-header__lang-option {\r\n display: block !important;\r\n width: 100% !important;\r\n padding: 12px 16px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.05em !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n color: #2d2d2d !important;\r\n background: none !important;\r\n border: none !important;\r\n text-align: left !important;\r\n cursor: pointer !important;\r\n transition: background-color 0.2s ease, color 0.2s ease;\r\n }\r\n \r\n #abora-header .abora-header__lang-option:hover {\r\n background-color: #f5f5f5 !important;\r\n color: #43676a !important;\r\n }\r\n \r\n #abora-header .abora-header__lang-option.active {\r\n color: #43676a !important;\r\n font-weight: 600 !important;\r\n }\r\n \r\n #abora-header .abora-header__menu-btn {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n width: 44px !important;\r\n height: 44px !important;\r\n background-color: transparent !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n padding: 0 !important;\r\n gap: 6px !important;\r\n position: relative !important;\r\n z-index: 10001 !important;\r\n }\r\n \r\n #abora-header .abora-header__menu-btn span {\r\n display: block !important;\r\n width: 26px !important;\r\n height: 2px !important;\r\n background-color: #ffffff !important;\r\n transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, width 0.3s ease;\r\n }\r\n \r\n #abora-header .abora-header__menu-btn span:nth-child(2) {\r\n width: 20px !important;\r\n }\r\n \r\n #abora-header.abora-header--scrolled .abora-header__menu-btn span {\r\n background-color: #2d2d2d !important;\r\n }\r\n \r\n #abora-header .abora-header__menu-btn.abora-menu-open span {\r\n background-color: #ffffff !important;\r\n }\r\n \r\n #abora-header .abora-header__menu-btn.abora-menu-open span:nth-child(1) {\r\n transform: translateY(8px) rotate(45deg) !important;\r\n }\r\n \r\n #abora-header .abora-header__menu-btn.abora-menu-open span:nth-child(2) {\r\n opacity: 0 !important;\r\n width: 0 !important;\r\n }\r\n \r\n #abora-header .abora-header__menu-btn.abora-menu-open span:nth-child(3) {\r\n transform: translateY(-8px) rotate(-45deg) !important;\r\n }\r\n\r\n \/* ============================================\r\n MEGAMENU\r\n ============================================ *\/\r\n #abora-megamenu.abora-megamenu {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, #43676a 0%, #365456 40%, #2d4547 100%) !important;\r\n z-index: 9998 !important;\r\n display: flex !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n overflow-y: auto !important;\r\n }\r\n \r\n #abora-megamenu.abora-megamenu.abora-megamenu--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__container {\r\n width: 100% !important;\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n padding: 90px 24px 28px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: space-between !important;\r\n min-height: 100% !important;\r\n height: 100dvh !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__nav {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 0 !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 28px !important;\r\n font-weight: 400 !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 10px 0 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 14px !important;\r\n position: relative !important;\r\n background: none !important;\r\n border: none !important;\r\n transition: opacity 0.3s ease;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link:hover {\r\n opacity: 0.8 !important;\r\n }\r\n \r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__link {\r\n animation: aboraMegamenuSlideIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;\r\n }\r\n \r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__link:nth-child(1) { animation-delay: 0.05s !important; }\r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__link:nth-child(2) { animation-delay: 0.1s !important; }\r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__link:nth-child(3) { animation-delay: 0.15s !important; }\r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__link:nth-child(4) { animation-delay: 0.2s !important; }\r\n \r\n #abora-megamenu .abora-megamenu__link-number {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 500 !important;\r\n color: rgba(255, 255, 255, 0.4) !important;\r\n letter-spacing: 0.05em !important;\r\n min-width: 24px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link-text {\r\n position: relative !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link-text::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: -2px !important;\r\n left: 0 !important;\r\n width: 0 !important;\r\n height: 1px !important;\r\n background-color: #ffffff !important;\r\n transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link:hover .abora-megamenu__link-text::after {\r\n width: 100% !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link-arrow {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: rgba(255, 255, 255, 0.4) !important;\r\n margin-left: auto !important;\r\n opacity: 0 !important;\r\n transform: translateX(-10px) !important;\r\n transition: opacity 0.3s ease, transform 0.3s ease;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link:hover .abora-megamenu__link-arrow {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta-section {\r\n margin-top: 24px !important;\r\n padding-top: 20px !important;\r\n border-top: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n }\r\n \r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__cta-section {\r\n animation: aboraMegamenuSlideIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.3s forwards !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta-label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.15em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n margin: 0 0 12px 0 !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.1em !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n color: #43676a !important;\r\n background-color: #ffffff !important;\r\n padding: 14px 28px !important;\r\n border: none !important;\r\n transition: background-color 0.3s ease, transform 0.3s ease;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta:hover {\r\n background-color: #f0f0f0 !important;\r\n transform: translateY(-2px) !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta:hover svg {\r\n transform: translateX(4px);\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-section {\r\n margin-top: 20px !important;\r\n padding-top: 16px !important;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n }\r\n \r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__lang-section {\r\n animation: aboraMegamenuSlideIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.35s forwards !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.15em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.4) !important;\r\n margin: 0 0 10px 0 !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-list {\r\n display: flex !important;\r\n flex-wrap: wrap !important;\r\n gap: 8px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-option {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.05em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.6) !important;\r\n background: none !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n padding: 8px 14px !important;\r\n cursor: pointer !important;\r\n transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-option:hover {\r\n color: #ffffff !important;\r\n border-color: rgba(255, 255, 255, 0.4) !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-option.active {\r\n color: #ffffff !important;\r\n border-color: #ffffff !important;\r\n background-color: rgba(255, 255, 255, 0.1) !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__footer {\r\n margin-top: auto !important;\r\n padding-top: 20px !important;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n display: flex !important;\r\n flex-direction: row !important;\r\n justify-content: space-between !important;\r\n gap: 16px !important;\r\n }\r\n \r\n #abora-megamenu.abora-megamenu--open .abora-megamenu__footer {\r\n animation: aboraMegamenuSlideIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.4s forwards !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__contact {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 2px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__contact-label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 9px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.15em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.4) !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__contact-value {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__contact-value:hover {\r\n text-decoration: underline !important;\r\n }\r\n \r\n @keyframes aboraMegamenuSlideIn {\r\n 0% { opacity: 0; transform: translateY(20px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @media screen and (max-height: 670px) {\r\n #abora-megamenu .abora-megamenu__container {\r\n padding: 80px 24px 20px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link {\r\n font-size: 24px !important;\r\n padding: 8px 0 !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta-section {\r\n margin-top: 16px !important;\r\n padding-top: 14px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta {\r\n padding: 12px 24px !important;\r\n font-size: 10px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-section {\r\n margin-top: 14px !important;\r\n padding-top: 12px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-option {\r\n padding: 6px 12px !important;\r\n font-size: 10px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__footer {\r\n padding-top: 14px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__contact-value {\r\n font-size: 12px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n MEGAMENU \u2014 TABLET+ (768px)\r\n ============================================ *\/\r\n @media screen and (min-width: 768px) {\r\n #abora-header.abora-header {\r\n padding: 28px 48px !important;\r\n }\r\n \r\n #abora-header.abora-header.abora-header--scrolled {\r\n padding: 16px 48px !important;\r\n }\r\n \r\n #abora-header .abora-header__logo img {\r\n height: 36px !important;\r\n }\r\n \r\n #abora-header.abora-header--scrolled .abora-header__logo img {\r\n height: 32px !important;\r\n }\r\n \r\n #abora-header .abora-header__lang {\r\n display: flex !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__lang-section {\r\n display: none !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__container {\r\n padding: 140px 48px 80px !important;\r\n flex-direction: row !important;\r\n flex-wrap: wrap !important;\r\n align-content: flex-start !important;\r\n height: auto !important;\r\n justify-content: flex-start !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__nav {\r\n width: 55% !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link {\r\n font-size: 44px !important;\r\n padding: 12px 0 !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta-section {\r\n width: 45% !important;\r\n margin-top: 0 !important;\r\n padding-top: 0 !important;\r\n padding-left: 48px !important;\r\n border-top: none !important;\r\n border-left: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__cta {\r\n padding: 16px 32px !important;\r\n font-size: 12px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__footer {\r\n width: 100% !important;\r\n flex-direction: row !important;\r\n justify-content: flex-start !important;\r\n gap: 48px !important;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n padding-top: 32px !important;\r\n margin-top: 48px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__contact-label {\r\n font-size: 10px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__contact-value {\r\n font-size: 14px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n MEGAMENU \u2014 DESKTOP (1024px)\r\n ============================================ *\/\r\n @media screen and (min-width: 1024px) {\r\n #abora-header.abora-header {\r\n padding: 32px 64px !important;\r\n }\r\n \r\n #abora-header.abora-header.abora-header--scrolled {\r\n padding: 18px 64px !important;\r\n }\r\n \r\n #abora-header .abora-header__logo img {\r\n height: 40px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__container {\r\n padding: 160px 64px 100px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link {\r\n font-size: 52px !important;\r\n padding: 14px 0 !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link-arrow {\r\n width: 28px !important;\r\n height: 28px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__footer {\r\n gap: 64px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n MEGAMENU \u2014 LARGE DESKTOP (1440px)\r\n ============================================ *\/\r\n @media screen and (min-width: 1440px) {\r\n #abora-header.abora-header {\r\n padding: 36px 80px !important;\r\n }\r\n \r\n #abora-header.abora-header.abora-header--scrolled {\r\n padding: 20px 80px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__container {\r\n padding: 180px 80px 120px !important;\r\n }\r\n \r\n #abora-megamenu .abora-megamenu__link {\r\n font-size: 60px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n HERO\r\n ============================================ *\/\r\n #abora-hero.abora-hero {\r\n position: relative !important;\r\n width: 100% !important;\r\n min-height: 100vh !important;\r\n min-height: 100dvh !important;\r\n display: flex !important;\r\n overflow: hidden !important;\r\n box-sizing: border-box !important;\r\n background-color: #0a0a0a !important;\r\n }\r\n \r\n #abora-hero .abora-hero__bg {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 1 !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-hero .abora-hero__video {\r\n position: absolute !important;\r\n top: 50% !important;\r\n left: 50% !important;\r\n min-width: 100% !important;\r\n min-height: 100% !important;\r\n width: auto !important;\r\n height: auto !important;\r\n transform: translate(-50%, -50%) scale(1.05) !important;\r\n object-fit: cover !important;\r\n z-index: 2 !important;\r\n opacity: 0 !important;\r\n filter: brightness(0.8) !important;\r\n transition: opacity 1.2s ease-out, transform 6s ease-out;\r\n }\r\n \r\n #abora-hero.abora-hero--video-ready .abora-hero__video {\r\n opacity: 1 !important;\r\n transform: translate(-50%, -50%) scale(1) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__bg-fallback {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n z-index: 1 !important;\r\n filter: brightness(0.8) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 3 !important;\r\n background: \r\n linear-gradient(180deg, \r\n rgba(0,0,0,0.5) 0%, \r\n rgba(0,0,0,0.25) 25%,\r\n rgba(0,0,0,0.2) 50%,\r\n rgba(0,0,0,0.35) 75%,\r\n rgba(0,0,0,0.7) 100%\r\n ),\r\n linear-gradient(90deg,\r\n rgba(0,0,0,0.55) 0%,\r\n rgba(0,0,0,0.3) 30%,\r\n transparent 70%\r\n ) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__grain {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 4 !important;\r\n pointer-events: none !important;\r\n opacity: 0.03 !important;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\") !important;\r\n }\r\n\r\n #abora-hero .abora-hero__sidebar {\r\n position: absolute !important;\r\n left: 0 !important;\r\n top: 0 !important;\r\n bottom: 0 !important;\r\n width: 60px !important;\r\n z-index: 10 !important;\r\n display: none !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n padding: 120px 0 40px !important;\r\n box-sizing: border-box !important;\r\n border-right: 1px solid rgba(255,255,255,0.08) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__sidebar-top {\r\n writing-mode: vertical-rl !important;\r\n text-orientation: mixed !important;\r\n transform: rotate(180deg) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__sidebar-label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.25em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255,255,255,0.5) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__sidebar-line {\r\n width: 1px !important;\r\n height: 80px !important;\r\n background: linear-gradient(to bottom, rgba(255,255,255,0.4), transparent) !important;\r\n margin: 20px auto !important;\r\n }\r\n \r\n #abora-hero .abora-hero__sidebar-section {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.1em !important;\r\n color: rgba(255,255,255,0.3) !important;\r\n }\r\n\r\n #abora-hero .abora-hero__main {\r\n position: relative !important;\r\n z-index: 5 !important;\r\n width: 100% !important;\r\n min-height: 100vh !important;\r\n min-height: 100dvh !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: flex-end !important;\r\n padding: 100px 24px 60px !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n #abora-hero .abora-hero__content {\r\n max-width: 1440px !important;\r\n width: 100% !important;\r\n margin: 0 auto !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 0 !important;\r\n }\r\n\r\n #abora-hero .abora-hero__section-number {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 100px !important;\r\n font-weight: 300 !important;\r\n color: rgba(255,255,255,0.05) !important;\r\n line-height: 1 !important;\r\n position: absolute !important;\r\n top: 50% !important;\r\n right: 24px !important;\r\n transform: translateY(-50%) !important;\r\n z-index: 4 !important;\r\n pointer-events: none !important;\r\n display: none !important;\r\n }\r\n\r\n #abora-hero .abora-hero__location {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 16px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-icon {\r\n width: 32px !important;\r\n height: 32px !important;\r\n border: 1px solid rgba(255,255,255,0.4) !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-icon svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n color: #ffffff !important;\r\n opacity: 0.9 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.25em !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-divider {\r\n width: 40px !important;\r\n height: 1px !important;\r\n background-color: rgba(255,255,255,0.4) !important;\r\n display: none !important;\r\n }\r\n\r\n #abora-hero .abora-hero__headline-wrapper {\r\n position: relative !important;\r\n margin-bottom: 24px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 42px !important;\r\n font-weight: 500 !important;\r\n line-height: 1.1 !important;\r\n color: #ffffff !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n letter-spacing: -0.01em !important;\r\n max-width: 600px !important;\r\n text-shadow: 0 2px 20px rgba(0,0,0,0.4), 0 4px 40px rgba(0,0,0,0.2) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline em {\r\n font-style: italic !important;\r\n font-weight: 500 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline-line {\r\n position: absolute !important;\r\n left: -20px !important;\r\n top: 8px !important;\r\n width: 3px !important;\r\n height: 0 !important;\r\n background-color: #43676a !important;\r\n display: none !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animating .abora-hero__headline-line,\r\n #abora-hero.abora-hero--animated .abora-hero__headline-line {\r\n animation: aboraLineGrowVertical 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.6s forwards !important;\r\n }\r\n\r\n #abora-hero .abora-hero__subheadline {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.85 !important;\r\n color: rgba(255,255,255,0.95) !important;\r\n margin: 0 0 36px 0 !important;\r\n padding: 0 !important;\r\n max-width: 480px !important;\r\n text-shadow: 0 2px 15px rgba(0,0,0,0.4) !important;\r\n }\r\n\r\n #abora-hero .abora-hero__cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n align-self: flex-start !important;\r\n gap: 14px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.15em !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n color: #1a1a1a !important;\r\n background-color: #ffffff !important;\r\n padding: 18px 36px !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n z-index: 10 !important;\r\n transition: color 0.4s ease, box-shadow 0.4s ease;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;\r\n width: auto !important;\r\n max-width: none !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-color: #43676a !important;\r\n transform: translateX(-101%) !important;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta:hover::before {\r\n transform: translateX(0) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta-text,\r\n #abora-hero .abora-hero__cta svg {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n display: block !important;\r\n flex-shrink: 0 !important;\r\n transition: transform 0.4s ease;\r\n }\r\n \r\n #abora-hero .abora-hero__cta:hover {\r\n color: #ffffff !important;\r\n box-shadow: 0 6px 30px rgba(67, 103, 106, 0.35) !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta:hover svg {\r\n transform: translateX(4px);\r\n }\r\n\r\n #abora-hero .abora-hero__scroll {\r\n position: absolute !important;\r\n bottom: 40px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n z-index: 10 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n cursor: pointer !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.3s ease;\r\n }\r\n \r\n #abora-hero.abora-hero--animated .abora-hero__scroll {\r\n opacity: 1 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll:hover {\r\n opacity: 0.8 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll-icon {\r\n width: 24px !important;\r\n height: 38px !important;\r\n border: 1.5px solid rgba(255,255,255,0.4) !important;\r\n border-radius: 12px !important;\r\n position: relative !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n padding-top: 8px !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll-dot {\r\n width: 3px !important;\r\n height: 8px !important;\r\n background-color: rgba(255,255,255,0.7) !important;\r\n border-radius: 1.5px !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animated .abora-hero__scroll-dot {\r\n animation: aboraScrollBounce 2s ease-in-out infinite !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 9px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255,255,255,0.5) !important;\r\n }\r\n\r\n \/* ============================================\r\n HERO ANIMATIONS\r\n ============================================ *\/\r\n #abora-hero .abora-hero__location,\r\n #abora-hero .abora-hero__headline,\r\n #abora-hero .abora-hero__subheadline,\r\n #abora-hero .abora-hero__cta,\r\n #abora-hero .abora-hero__sidebar {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n \r\n #abora-hero.abora-hero--will-animate .abora-hero__location,\r\n #abora-hero.abora-hero--will-animate .abora-hero__headline,\r\n #abora-hero.abora-hero--will-animate .abora-hero__subheadline,\r\n #abora-hero.abora-hero--will-animate .abora-hero__cta {\r\n opacity: 0 !important;\r\n transform: translateY(40px) !important;\r\n }\r\n \r\n #abora-hero.abora-hero--will-animate .abora-hero__sidebar {\r\n opacity: 0 !important;\r\n transform: translateX(-20px) !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animating .abora-hero__location {\r\n animation: aboraFadeInUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s forwards !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animating .abora-hero__headline {\r\n animation: aboraFadeInUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.45s forwards !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animating .abora-hero__subheadline {\r\n animation: aboraFadeInUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.6s forwards !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animating .abora-hero__cta {\r\n animation: aboraFadeInUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.75s forwards !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animating .abora-hero__sidebar {\r\n animation: aboraFadeInLeft 0.8s cubic-bezier(0.22, 1, 0.36, 1) 1s forwards !important;\r\n }\r\n \r\n #abora-hero.abora-hero--animated .abora-hero__location,\r\n #abora-hero.abora-hero--animated .abora-hero__headline,\r\n #abora-hero.abora-hero--animated .abora-hero__subheadline,\r\n #abora-hero.abora-hero--animated .abora-hero__cta,\r\n #abora-hero.abora-hero--animated .abora-hero__sidebar {\r\n opacity: 1 !important;\r\n transform: translateY(0) translateX(0) !important;\r\n animation: none !important;\r\n }\r\n\r\n @keyframes aboraFadeInUp {\r\n 0% { opacity: 0; transform: translateY(40px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n @keyframes aboraFadeInLeft {\r\n 0% { opacity: 0; transform: translateX(-20px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n \r\n @keyframes aboraLineGrowVertical {\r\n 0% { height: 0; }\r\n 100% { height: 60px; }\r\n }\r\n \r\n @keyframes aboraScrollBounce {\r\n 0%, 100% { transform: translateY(0); opacity: 0.8; }\r\n 50% { transform: translateY(10px); opacity: 0.3; }\r\n }\r\n\r\n \/* ============================================\r\n HERO \u2014 TABLET+ (768px)\r\n ============================================ *\/\r\n @media screen and (min-width: 768px) {\r\n #abora-hero .abora-hero__main {\r\n padding: 120px 48px 80px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__section-number {\r\n display: block !important;\r\n font-size: 180px !important;\r\n right: 48px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location {\r\n margin-bottom: 28px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-divider {\r\n display: block !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline {\r\n font-size: 56px !important;\r\n max-width: 700px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline-wrapper {\r\n margin-bottom: 28px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__subheadline {\r\n font-size: 15px !important;\r\n max-width: 520px !important;\r\n margin-bottom: 44px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta {\r\n padding: 20px 44px !important;\r\n font-size: 12px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll {\r\n bottom: 50px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n HERO \u2014 DESKTOP (1024px)\r\n ============================================ *\/\r\n @media screen and (min-width: 1024px) {\r\n #abora-hero .abora-hero__sidebar {\r\n display: flex !important;\r\n width: 70px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__main {\r\n padding: 140px 64px 100px 100px !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #abora-hero .abora-hero__section-number {\r\n font-size: 280px !important;\r\n right: 64px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-icon {\r\n width: 36px !important;\r\n height: 36px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-text {\r\n font-size: 12px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline {\r\n font-size: 72px !important;\r\n max-width: 800px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline-line {\r\n display: block !important;\r\n left: -30px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline-wrapper {\r\n margin-bottom: 32px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__subheadline {\r\n font-size: 16px !important;\r\n max-width: 560px !important;\r\n margin-bottom: 48px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta {\r\n padding: 22px 52px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n HERO \u2014 LARGE DESKTOP (1440px)\r\n ============================================ *\/\r\n @media screen and (min-width: 1440px) {\r\n #abora-hero .abora-hero__sidebar {\r\n width: 80px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__main {\r\n padding: 160px 80px 120px 120px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__section-number {\r\n font-size: 360px !important;\r\n right: 80px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline {\r\n font-size: 84px !important;\r\n max-width: 900px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__subheadline {\r\n font-size: 17px !important;\r\n max-width: 600px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n HERO \u2014 HEIGHT CONSTRAINTS\r\n ============================================ *\/\r\n @media screen and (max-height: 900px) {\r\n #abora-hero .abora-hero__main {\r\n justify-content: flex-end !important;\r\n padding-top: 100px !important;\r\n padding-bottom: 50px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location {\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline-wrapper {\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__subheadline {\r\n margin-bottom: 28px !important;\r\n line-height: 1.7 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll {\r\n bottom: 25px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__sidebar {\r\n padding-top: 100px !important;\r\n padding-bottom: 30px !important;\r\n }\r\n }\r\n \r\n @media screen and (max-height: 750px) {\r\n #abora-hero .abora-hero__main {\r\n padding-top: 90px !important;\r\n padding-bottom: 40px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location {\r\n margin-bottom: 12px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-icon {\r\n width: 28px !important;\r\n height: 28px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location-text {\r\n font-size: 10px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline {\r\n font-size: 36px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline-wrapper {\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__subheadline {\r\n font-size: 13px !important;\r\n margin-bottom: 24px !important;\r\n line-height: 1.65 !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta {\r\n padding: 16px 32px !important;\r\n font-size: 10px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll {\r\n bottom: 20px !important;\r\n gap: 8px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll-icon {\r\n width: 20px !important;\r\n height: 32px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__section-number {\r\n font-size: 140px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__sidebar {\r\n display: none !important;\r\n }\r\n }\r\n \r\n @media screen and (max-height: 650px) {\r\n #abora-hero .abora-hero__main {\r\n padding-top: 80px !important;\r\n padding-bottom: 35px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__location {\r\n margin-bottom: 10px !important;\r\n gap: 12px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline {\r\n font-size: 32px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline-wrapper {\r\n margin-bottom: 12px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__subheadline {\r\n font-size: 12px !important;\r\n margin-bottom: 20px !important;\r\n max-width: 400px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__cta {\r\n padding: 14px 28px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__scroll {\r\n display: none !important;\r\n }\r\n \r\n #abora-hero .abora-hero__section-number {\r\n display: none !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 768px) and (max-height: 800px) {\r\n #abora-hero .abora-hero__headline {\r\n font-size: 48px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__subheadline {\r\n font-size: 14px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1024px) and (max-height: 800px) {\r\n #abora-hero .abora-hero__main {\r\n padding-left: 90px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__headline {\r\n font-size: 56px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__sidebar {\r\n width: 60px !important;\r\n padding-top: 90px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__section-number {\r\n font-size: 200px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1440px) and (max-height: 800px) {\r\n #abora-hero .abora-hero__headline {\r\n font-size: 64px !important;\r\n }\r\n \r\n #abora-hero .abora-hero__section-number {\r\n font-size: 240px !important;\r\n }\r\n }\r\n\r\n body.abora-menu-active {\r\n overflow: hidden !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"abora-preloader\" id=\"abora-preloader\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\" \r\n alt=\"Abora\" \r\n class=\"abora-preloader__logo\">\r\n <div class=\"abora-preloader__line\"><\/div>\r\n <span class=\"abora-preloader__text\">Your seaside retreat awaits<\/span>\r\n <\/div>\r\n\r\n \r\n <header class=\"abora-header\" id=\"abora-header\">\r\n <div class=\"abora-header__container\">\r\n \r\n \r\n <a href=\"\/\" class=\"abora-header__logo\" aria-label=\"Abora Residencial - Home\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\" alt=\"Abora Residencial\">\r\n <\/a>\r\n \r\n \r\n <div class=\"abora-header__right\">\r\n \r\n \r\n <div class=\"abora-header__lang\" id=\"abora-lang-selector\">\r\n <button class=\"abora-header__lang-btn\" aria-label=\"Select language\" aria-expanded=\"false\">\r\n <span>EN<\/span>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"abora-header__lang-dropdown\">\r\n <button class=\"abora-header__lang-option active\" data-lang=\"en\" data-url=\"\/\">English<\/button>\r\n <button class=\"abora-header__lang-option\" data-lang=\"de\" data-url=\"\/de\/\">Deutsch<\/button>\r\n <button class=\"abora-header__lang-option\" data-lang=\"fr\" data-url=\"\/fr\/\">Fran\u00e7ais<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <button class=\"abora-header__menu-btn\" id=\"abora-menu-btn\" aria-label=\"Open menu\" aria-expanded=\"false\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <div class=\"abora-megamenu\" id=\"abora-megamenu\">\r\n <div class=\"abora-megamenu__container\">\r\n \r\n \r\n <nav class=\"abora-megamenu__nav\">\r\n <a href=\"#about\" class=\"abora-megamenu__link\">\r\n <span class=\"abora-megamenu__link-number\">01<\/span>\r\n <span class=\"abora-megamenu__link-text\">About Abora<\/span>\r\n <svg class=\"abora-megamenu__link-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"#tipology\" class=\"abora-megamenu__link\">\r\n <span class=\"abora-megamenu__link-number\">02<\/span>\r\n <span class=\"abora-megamenu__link-text\">Typologies<\/span>\r\n <svg class=\"abora-megamenu__link-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"#gallery\" class=\"abora-megamenu__link\">\r\n <span class=\"abora-megamenu__link-number\">03<\/span>\r\n <span class=\"abora-megamenu__link-text\">Gallery<\/span>\r\n <svg class=\"abora-megamenu__link-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"#location\" class=\"abora-megamenu__link\">\r\n <span class=\"abora-megamenu__link-number\">04<\/span>\r\n <span class=\"abora-megamenu__link-text\">Location<\/span>\r\n <svg class=\"abora-megamenu__link-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <\/nav>\r\n \r\n \r\n <div class=\"abora-megamenu__cta-section\">\r\n <span class=\"abora-megamenu__cta-label\">Exclusive access<\/span>\r\n <a href=\"#info-unlock\" class=\"abora-megamenu__cta\">\r\n <span>Unlock information<\/span>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\r\n <path d=\"M7 11V7a5 5 0 0 1 9.9-1\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-megamenu__lang-section\">\r\n <span class=\"abora-megamenu__lang-label\">Select language<\/span>\r\n <div class=\"abora-megamenu__lang-list\">\r\n <button class=\"abora-megamenu__lang-option active\" data-lang=\"en\" data-url=\"\/\">EN<\/button>\r\n <button class=\"abora-megamenu__lang-option\" data-lang=\"de\" data-url=\"\/de\/\">DE<\/button>\r\n <button class=\"abora-megamenu__lang-option\" data-lang=\"fr\" data-url=\"\/fr\/\">FR<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-megamenu__footer\">\r\n <div class=\"abora-megamenu__contact\">\r\n <span class=\"abora-megamenu__contact-label\">Phone<\/span>\r\n <a href=\"tel:+34911678138\" class=\"abora-megamenu__contact-value\">911 67 81 38<\/a>\r\n <\/div>\r\n <div class=\"abora-megamenu__contact\">\r\n <span class=\"abora-megamenu__contact-label\">Location<\/span>\r\n <span class=\"abora-megamenu__contact-value\">Costa de Adeje, Tenerife<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section class=\"abora-hero\" id=\"abora-hero\">\r\n \r\n \r\n <div class=\"abora-hero__bg\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-aereo-tenerife.jpg\" \r\n alt=\"Aerial view of Residencial Abora\" \r\n class=\"abora-hero__bg-fallback\"\r\n loading=\"eager\">\r\n <video \r\n class=\"abora-hero__video\" \r\n id=\"abora-hero-video\"\r\n autoplay \r\n muted \r\n loop \r\n playsinline\r\n preload=\"auto\"\r\n poster=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-aereo-tenerife.jpg\">\r\n <source src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/dron_1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-hero__overlay\"><\/div>\r\n \r\n \r\n <div class=\"abora-hero__grain\"><\/div>\r\n \r\n \r\n <span class=\"abora-hero__section-number\">01<\/span>\r\n \r\n \r\n <div class=\"abora-hero__sidebar\">\r\n <div class=\"abora-hero__sidebar-top\">\r\n <span class=\"abora-hero__sidebar-label\">Costa de Adeje<\/span>\r\n <\/div>\r\n <div class=\"abora-hero__sidebar-line\"><\/div>\r\n <span class=\"abora-hero__sidebar-section\">01<\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-hero__main\">\r\n <div class=\"abora-hero__content\">\r\n \r\n \r\n <div class=\"abora-hero__location\">\r\n <div class=\"abora-hero__location-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"abora-hero__location-text\">Costa de Adeje, Tenerife<\/span>\r\n <span class=\"abora-hero__location-divider\"><\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-hero__headline-wrapper\">\r\n <span class=\"abora-hero__headline-line\"><\/span>\r\n <h1 class=\"abora-hero__headline\">Life under the <em>Spanish sun<\/em><\/h1>\r\n <\/div>\r\n \r\n \r\n <p class=\"abora-hero__subheadline\">\r\n Premium homes by the sea, with terraces, natural light and exclusive common areas. A Mediterranean retreat with perfect weather all year round.\r\n <\/p>\r\n \r\n \r\n <a href=\"#about\" class=\"abora-hero__cta\">\r\n <span class=\"abora-hero__cta-text\">Discover your home<\/span>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-hero__scroll\" id=\"abora-scroll-trigger\">\r\n <div class=\"abora-hero__scroll-icon\">\r\n <span class=\"abora-hero__scroll-dot\"><\/span>\r\n <\/div>\r\n <span class=\"abora-hero__scroll-text\">Scroll<\/span>\r\n <\/div>\r\n \r\n <\/section>\r\n\r\n \r\n <script>\r\n (function() {\r\n 'use strict';\r\n \r\n var heroAnimated = false;\r\n var preloaderHidden = false;\r\n var PAGE_LOAD_TIME = Date.now();\r\n var MIN_PRELOADER_DURATION = 2800;\r\n \r\n \/* ============================================\r\n WPML LANGUAGE CONFIG\r\n ============================================ *\/\r\n var WPML_LANGUAGES = {\r\n 'en': { prefix: '', name: 'English', code: 'EN' },\r\n 'de': { prefix: '\/de', name: 'Deutsch', code: 'DE' },\r\n 'it': { prefix: '\/it', name: 'Italiano', code: 'IT' },\r\n 'fr': { prefix: '\/fr', name: 'Fran\u00e7ais', code: 'FR' }\r\n };\r\n \r\n var CURRENT_LANG = 'en';\r\n \r\n function detectCurrentLanguage() {\r\n var path = window.location.pathname;\r\n if (path.startsWith('\/de\/') || path === '\/de') return 'de';\r\n if (path.startsWith('\/it\/') || path === '\/it') return 'it';\r\n if (path.startsWith('\/fr\/') || path === '\/fr') return 'fr';\r\n return 'en';\r\n }\r\n \r\n function getPathWithoutLangPrefix(path) {\r\n var prefixes = ['\/de\/', '\/it\/', '\/fr\/', '\/de', '\/it', '\/fr'];\r\n for (var i = 0; i < prefixes.length; i++) {\r\n if (path.startsWith(prefixes[i])) {\r\n var newPath = path.substring(prefixes[i].length);\r\n return newPath.startsWith('\/') ? newPath : '\/' + newPath;\r\n }\r\n }\r\n return path;\r\n }\r\n \r\n function switchLanguage(targetLang) {\r\n if (!WPML_LANGUAGES[targetLang]) return;\r\n \r\n var currentPath = window.location.pathname;\r\n var cleanPath = getPathWithoutLangPrefix(currentPath);\r\n var newPrefix = WPML_LANGUAGES[targetLang].prefix;\r\n var newPath = newPrefix + (cleanPath === '\/' ? '\/' : cleanPath);\r\n \r\n if (newPath !== '\/' && newPath.endsWith('\/') && cleanPath !== '\/') {\r\n newPath = newPath.slice(0, -1);\r\n }\r\n \r\n if (targetLang === 'en' && cleanPath === '\/') {\r\n newPath = '\/';\r\n }\r\n \r\n window.location.href = window.location.origin + newPath + window.location.search + window.location.hash;\r\n }\r\n \r\n function initLanguageSelectors() {\r\n CURRENT_LANG = detectCurrentLanguage();\r\n \r\n var headerOptions = document.querySelectorAll('.abora-header__lang-option');\r\n var megamenuOptions = document.querySelectorAll('.abora-megamenu__lang-option');\r\n var langBtnSpan = document.querySelector('.abora-header__lang-btn span');\r\n \r\n if (langBtnSpan) {\r\n langBtnSpan.textContent = WPML_LANGUAGES[CURRENT_LANG].code;\r\n }\r\n \r\n headerOptions.forEach(function(opt) {\r\n opt.classList.remove('active');\r\n if (opt.getAttribute('data-lang') === CURRENT_LANG) {\r\n opt.classList.add('active');\r\n }\r\n });\r\n \r\n megamenuOptions.forEach(function(opt) {\r\n opt.classList.remove('active');\r\n if (opt.getAttribute('data-lang') === CURRENT_LANG) {\r\n opt.classList.add('active');\r\n }\r\n });\r\n \r\n headerOptions.forEach(function(option) {\r\n option.addEventListener('click', function() {\r\n var lang = this.getAttribute('data-lang');\r\n if (lang !== CURRENT_LANG) {\r\n switchLanguage(lang);\r\n }\r\n });\r\n });\r\n \r\n megamenuOptions.forEach(function(option) {\r\n option.addEventListener('click', function() {\r\n var lang = this.getAttribute('data-lang');\r\n if (lang !== CURRENT_LANG) {\r\n switchLanguage(lang);\r\n }\r\n });\r\n });\r\n }\r\n\r\n \/* ============================================\r\n PRELOADER\r\n ============================================ *\/\r\n var preloader = document.getElementById('abora-preloader');\r\n \r\n function hidePreloader() {\r\n if (preloader && !preloader.classList.contains('abora-preloader--hidden')) {\r\n preloader.classList.add('abora-preloader--hidden');\r\n setTimeout(function() {\r\n if (preloader && preloader.parentNode) {\r\n preloader.parentNode.removeChild(preloader);\r\n }\r\n }, 1000);\r\n }\r\n }\r\n \r\n \/* ============================================\r\n VIDEO HANDLING\r\n ============================================ *\/\r\n var hero = document.getElementById('abora-hero');\r\n var heroVideo = document.getElementById('abora-hero-video');\r\n \r\n function initVideo() {\r\n if (!heroVideo) return;\r\n \r\n function showVideo() {\r\n if (hero) {\r\n hero.classList.add('abora-hero--video-ready');\r\n }\r\n }\r\n \r\n heroVideo.play().then(function() {\r\n showVideo();\r\n }).catch(function(e) {\r\n console.log('Video autoplay prevented:', e);\r\n });\r\n \r\n heroVideo.addEventListener('canplay', showVideo);\r\n heroVideo.addEventListener('playing', showVideo);\r\n \r\n setTimeout(showVideo, 2000);\r\n }\r\n \r\n \/* ============================================\r\n HERO ANIMATIONS\r\n ============================================ *\/\r\n \r\n function triggerHeroAnimations() {\r\n if (heroAnimated || !hero) return;\r\n heroAnimated = true;\r\n \r\n hero.classList.add('abora-hero--will-animate');\r\n \r\n requestAnimationFrame(function() {\r\n requestAnimationFrame(function() {\r\n hero.classList.remove('abora-hero--will-animate');\r\n hero.classList.add('abora-hero--animating');\r\n \r\n initVideo();\r\n \r\n setTimeout(function() {\r\n hero.classList.remove('abora-hero--animating');\r\n hero.classList.add('abora-hero--animated');\r\n }, 2500);\r\n });\r\n });\r\n }\r\n \r\n function forceHeroVisible() {\r\n if (!hero) return;\r\n hero.classList.remove('abora-hero--will-animate');\r\n hero.classList.remove('abora-hero--animating');\r\n if (!hero.classList.contains('abora-hero--animated')) {\r\n hero.classList.add('abora-hero--animated');\r\n }\r\n hero.classList.add('abora-hero--video-ready');\r\n }\r\n \r\n \/* ============================================\r\n INITIALIZATION\r\n ============================================ *\/\r\n \r\n function showContent() {\r\n if (preloaderHidden) return;\r\n preloaderHidden = true;\r\n \r\n var elapsed = Date.now() - PAGE_LOAD_TIME;\r\n var remainingTime = Math.max(0, MIN_PRELOADER_DURATION - elapsed);\r\n \r\n setTimeout(function() {\r\n hidePreloader();\r\n setTimeout(triggerHeroAnimations, 200);\r\n }, remainingTime);\r\n }\r\n \r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', function() {\r\n showContent();\r\n initLanguageSelectors();\r\n });\r\n } else {\r\n showContent();\r\n initLanguageSelectors();\r\n }\r\n \r\n window.addEventListener('load', showContent);\r\n \r\n setTimeout(function() {\r\n if (!preloaderHidden) {\r\n preloaderHidden = true;\r\n hidePreloader();\r\n }\r\n forceHeroVisible();\r\n }, 7000);\r\n \r\n \/* ============================================\r\n HEADER SCROLL\r\n ============================================ *\/\r\n var header = document.getElementById('abora-header');\r\n var scrollThreshold = 100;\r\n var ticking = false;\r\n \r\n function handleScroll() {\r\n if (!header) return;\r\n if (window.scrollY > scrollThreshold) {\r\n header.classList.add('abora-header--scrolled');\r\n } else {\r\n header.classList.remove('abora-header--scrolled');\r\n }\r\n }\r\n \r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleScroll();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n handleScroll();\r\n \r\n \/* ============================================\r\n LANGUAGE SELECTOR (HEADER DROPDOWN)\r\n ============================================ *\/\r\n var langSelector = document.getElementById('abora-lang-selector');\r\n var isLangOpen = false;\r\n \r\n if (langSelector) {\r\n var langBtn = langSelector.querySelector('.abora-header__lang-btn');\r\n \r\n function openLang() {\r\n isLangOpen = true;\r\n langSelector.classList.add('abora-lang-open');\r\n if (langBtn) langBtn.setAttribute('aria-expanded', 'true');\r\n }\r\n \r\n function closeLang() {\r\n isLangOpen = false;\r\n langSelector.classList.remove('abora-lang-open');\r\n if (langBtn) langBtn.setAttribute('aria-expanded', 'false');\r\n }\r\n \r\n function toggleLang() {\r\n isLangOpen ? closeLang() : openLang();\r\n }\r\n \r\n if (langBtn) {\r\n langBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n toggleLang();\r\n });\r\n }\r\n \r\n document.addEventListener('click', function(e) {\r\n if (isLangOpen && !langSelector.contains(e.target)) {\r\n closeLang();\r\n }\r\n });\r\n }\r\n \r\n \/* ============================================\r\n MEGAMENU\r\n ============================================ *\/\r\n var menuBtn = document.getElementById('abora-menu-btn');\r\n var megamenu = document.getElementById('abora-megamenu');\r\n var body = document.body;\r\n var isMenuOpen = false;\r\n \r\n function openMenu() {\r\n isMenuOpen = true;\r\n if (menuBtn) {\r\n menuBtn.classList.add('abora-menu-open');\r\n menuBtn.setAttribute('aria-expanded', 'true');\r\n }\r\n if (megamenu) megamenu.classList.add('abora-megamenu--open');\r\n body.classList.add('abora-menu-active');\r\n }\r\n \r\n function closeMenu() {\r\n isMenuOpen = false;\r\n if (menuBtn) {\r\n menuBtn.classList.remove('abora-menu-open');\r\n menuBtn.setAttribute('aria-expanded', 'false');\r\n }\r\n if (megamenu) megamenu.classList.remove('abora-megamenu--open');\r\n body.classList.remove('abora-menu-active');\r\n }\r\n \r\n function toggleMenu() {\r\n isMenuOpen ? closeMenu() : openMenu();\r\n }\r\n \r\n if (menuBtn) {\r\n menuBtn.addEventListener('click', toggleMenu);\r\n }\r\n \r\n if (megamenu) {\r\n var megamenuLinks = megamenu.querySelectorAll('a');\r\n megamenuLinks.forEach(function(link) {\r\n link.addEventListener('click', closeMenu);\r\n });\r\n }\r\n \r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') {\r\n if (isMenuOpen) closeMenu();\r\n if (isLangOpen) closeLang();\r\n }\r\n });\r\n \r\n \/* ============================================\r\n SMOOTH SCROLL\r\n ============================================ *\/\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\r\n anchor.addEventListener('click', function(e) {\r\n var targetId = this.getAttribute('href');\r\n if (targetId === '#') return;\r\n \r\n var targetElement = document.querySelector(targetId);\r\n if (targetElement && header) {\r\n e.preventDefault();\r\n var headerHeight = header.offsetHeight;\r\n var targetPosition = targetElement.getBoundingClientRect().top + window.scrollY - headerHeight;\r\n \r\n window.scrollTo({\r\n top: targetPosition,\r\n behavior: 'smooth'\r\n });\r\n }\r\n });\r\n });\r\n \r\n \/* ============================================\r\n SCROLL TRIGGER\r\n ============================================ *\/\r\n var scrollTrigger = document.getElementById('abora-scroll-trigger');\r\n if (scrollTrigger) {\r\n scrollTrigger.addEventListener('click', function() {\r\n window.scrollTo({\r\n top: window.innerHeight,\r\n behavior: 'smooth'\r\n });\r\n });\r\n }\r\n \r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-205966d e-con-full e-flex e-con e-parent\" data-id=\"205966d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b3c3b7 animated-slow elementor-invisible elementor-widget elementor-widget-video\" data-id=\"0b3c3b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","mute":"yes","loop":"yes","_animation":"zoomIn","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/abora-engage-eng.mp4\" autoplay=\"\" loop=\"\" controls=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47e2736 elementor-widget elementor-widget-html\" data-id=\"47e2736\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div id=\"whatsapp-float\" class=\"whatsapp-float\">\r\n <button type=\"button\" class=\"whatsapp-btn\" id=\"whatsapp-trigger\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/12\/whatsapp-icon-1.png\" \r\n alt=\"WhatsApp\" \r\n class=\"whatsapp-icon\">\r\n <\/button>\r\n<\/div>\r\n\r\n\r\n<div id=\"whatsapp-modal\" class=\"wa-modal\">\r\n <div class=\"wa-modal-content\">\r\n <button type=\"button\" class=\"wa-modal-close\" id=\"wa-close\">×<\/button>\r\n <div class=\"wa-modal-header\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/12\/whatsapp-icon-1.png\" alt=\"WhatsApp\" class=\"wa-modal-icon\">\r\n <span>WhatsApp<\/span>\r\n <\/div>\r\n <p class=\"wa-modal-text\">By going forward, you must accept our Privacy Policty<\/p>\r\n <label class=\"wa-checkbox-label\">\r\n <input type=\"checkbox\" id=\"wa-privacy-check\">\r\n <span>I accept the <a href=\"https:\/\/aboraresidencial.com\/en\/privacy\/\" target=\"_blank\">Privacy Policy<\/a><\/span>\r\n <\/label>\r\n <a href=\"#\" \r\n id=\"whatsapp-dynamic-link\"\r\n target=\"_blank\" \r\n rel=\"noopener noreferrer\"\r\n class=\"wa-modal-btn disabled\">\r\n Continue to WhatsApp\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Bot\u00f3n flotante *\/\r\n.whatsapp-float {\r\n position: fixed !important;\r\n bottom: 30px !important;\r\n right: 30px !important;\r\n z-index: 999999999 !important;\r\n}\r\n\r\n.whatsapp-btn {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 60px !important;\r\n height: 60px !important;\r\n background: transparent !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4) !important;\r\n transition: all 0.3s ease !important;\r\n cursor: pointer !important;\r\n padding: 0 !important;\r\n margin-bottom: 55px !important;\r\n}\r\n\r\n.whatsapp-btn:hover {\r\n transform: scale(1.1) !important;\r\n box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6) !important;\r\n}\r\n\r\n.whatsapp-icon {\r\n width: 60px !important;\r\n height: 60px !important;\r\n object-fit: contain !important;\r\n}\r\n\r\n\/* Modal *\/\r\n.wa-modal {\r\n display: none;\r\n position: fixed !important;\r\n bottom: 160px !important;\r\n right: 30px !important;\r\n z-index: 9999999999 !important;\r\n animation: waSlideUp 0.3s ease !important;\r\n}\r\n\r\n.wa-modal.active {\r\n display: block !important;\r\n}\r\n\r\n@keyframes waSlideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n.wa-modal-content {\r\n background: #ffffff !important;\r\n border-radius: 16px !important;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;\r\n padding: 24px !important;\r\n width: 300px !important;\r\n position: relative !important;\r\n}\r\n\r\n.wa-modal-close {\r\n position: absolute !important;\r\n top: 12px !important;\r\n right: 12px !important;\r\n background: none !important;\r\n border: none !important;\r\n font-size: 24px !important;\r\n color: #999 !important;\r\n cursor: pointer !important;\r\n line-height: 1 !important;\r\n padding: 0 !important;\r\n width: 30px !important;\r\n height: 30px !important;\r\n}\r\n\r\n.wa-modal-close:hover {\r\n color: #333 !important;\r\n}\r\n\r\n.wa-modal-header {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n margin-bottom: 16px !important;\r\n font-family: 'Manrope', sans-serif !important;\r\n font-weight: 700 !important;\r\n font-size: 18px !important;\r\n color: #1E3A5F !important;\r\n}\r\n\r\n.wa-modal-icon {\r\n width: 32px !important;\r\n height: 32px !important;\r\n}\r\n\r\n.wa-modal-text {\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 14px !important;\r\n color: #555 !important;\r\n margin-bottom: 16px !important;\r\n line-height: 1.5 !important;\r\n}\r\n\r\n.wa-checkbox-label {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 10px !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 13px !important;\r\n color: #333 !important;\r\n cursor: pointer !important;\r\n margin-bottom: 20px !important;\r\n}\r\n\r\n.wa-checkbox-label input[type=\"checkbox\"] {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-top: 2px !important;\r\n accent-color: #25D366 !important;\r\n cursor: pointer !important;\r\n}\r\n\r\n.wa-checkbox-label a {\r\n color: #1E3A5F !important;\r\n text-decoration: underline !important;\r\n}\r\n\r\n.wa-modal-btn {\r\n display: block !important;\r\n width: 100% !important;\r\n padding: 14px 20px !important;\r\n background: #25D366 !important;\r\n color: #ffffff !important;\r\n font-family: 'Manrope', sans-serif !important;\r\n font-weight: 600 !important;\r\n font-size: 14px !important;\r\n text-align: center !important;\r\n text-decoration: none !important;\r\n border-radius: 8px !important;\r\n transition: all 0.3s ease !important;\r\n}\r\n\r\n.wa-modal-btn:hover {\r\n background: #20bd5a !important;\r\n color: #ffffff !important;\r\n}\r\n\r\n.wa-modal-btn.disabled {\r\n background: #ccc !important;\r\n pointer-events: none !important;\r\n color: #888 !important;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n .whatsapp-float {\r\n bottom: 20px !important;\r\n right: 20px !important;\r\n }\r\n \r\n .whatsapp-btn {\r\n width: 55px !important;\r\n height: 55px !important;\r\n }\r\n \r\n .whatsapp-icon {\r\n width: 55px !important;\r\n height: 55px !important;\r\n }\r\n \r\n .wa-modal {\r\n bottom: 150px !important;\r\n right: 20px !important;\r\n left: 20px !important;\r\n }\r\n \r\n .wa-modal-content {\r\n width: auto !important;\r\n }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n \/\/ ===== CONFIGURACI\u00d3N =====\r\n const config = {\r\n phoneNumber: '34919464706',\r\n projectName: 'Abora Residencial'\r\n };\r\n \r\n \/\/ Funci\u00f3n para obtener el nombre del usuario desde WordPress\r\n function getUserName() {\r\n if (window.wpUserData && window.wpUserData.firstName) {\r\n return window.wpUserData.firstName;\r\n }\r\n const adminBarUser = document.querySelector('#wp-admin-bar-my-account .display-name');\r\n if (adminBarUser) {\r\n return adminBarUser.textContent.trim().split(' ')[0];\r\n }\r\n return null;\r\n }\r\n \r\n \/\/ Verificar si el usuario est\u00e1 logueado\r\n function isUserLoggedIn() {\r\n return window.wpUserData && window.wpUserData.isLoggedIn === true;\r\n }\r\n \r\n \/\/ Construir el enlace de WhatsApp\r\n function buildWhatsAppLink() {\r\n const currentUrl = window.location.href;\r\n let message;\r\n \r\n if (isUserLoggedIn()) {\r\n const userName = getUserName();\r\n message = `Hi, my name is ${userName}, and I would like to get more info about ${config.projectName} (${currentUrl})`;\r\n } else {\r\n message = `Hi, I would like to know more about ${config.projectName} (${currentUrl})`;\r\n }\r\n \r\n const encodedMessage = encodeURIComponent(message);\r\n return `https:\/\/wa.me\/${config.phoneNumber}?text=${encodedMessage}`;\r\n }\r\n \r\n \/\/ Inicializar\r\n function init() {\r\n const trigger = document.getElementById('whatsapp-trigger');\r\n const modal = document.getElementById('whatsapp-modal');\r\n const closeBtn = document.getElementById('wa-close');\r\n const checkbox = document.getElementById('wa-privacy-check');\r\n const continueBtn = document.getElementById('whatsapp-dynamic-link');\r\n \r\n if (!trigger || !modal) return;\r\n \r\n \/\/ Establecer el enlace din\u00e1mico\r\n continueBtn.href = buildWhatsAppLink();\r\n \r\n \/\/ Abrir modal\r\n trigger.addEventListener('click', function() {\r\n \/\/ Actualizar enlace cada vez que se abre (por si cambi\u00f3 la URL)\r\n continueBtn.href = buildWhatsAppLink();\r\n modal.classList.toggle('active');\r\n });\r\n \r\n \/\/ Cerrar modal\r\n closeBtn.addEventListener('click', function() {\r\n modal.classList.remove('active');\r\n });\r\n \r\n \/\/ Activar\/desactivar bot\u00f3n seg\u00fan checkbox\r\n checkbox.addEventListener('change', function() {\r\n if (this.checked) {\r\n continueBtn.classList.remove('disabled');\r\n } else {\r\n continueBtn.classList.add('disabled');\r\n }\r\n });\r\n \r\n \/\/ Cerrar al hacer clic fuera\r\n document.addEventListener('click', function(e) {\r\n if (!modal.contains(e.target) && !trigger.contains(e.target)) {\r\n modal.classList.remove('active');\r\n }\r\n });\r\n \r\n \/\/ Debug\r\n console.log('WhatsApp Debug:', {\r\n logueado: isUserLoggedIn(),\r\n nombre: getUserName() || 'Sin nombre (no logueado)',\r\n proyecto: config.projectName,\r\n url: window.location.href\r\n });\r\n }\r\n \r\n \/\/ Ejecutar cuando el DOM est\u00e9 listo\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', init);\r\n } else {\r\n init();\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8313936 e-con-full e-flex e-con e-parent\" data-id=\"8313936\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-506294b elementor-widget elementor-widget-html\" data-id=\"506294b\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"about\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ============================================\r\n ABORA - BLOCK 02: INTRO v4 PREMIUM\r\n ============================================ *\/\r\n \r\n #abora-intro.abora-intro {\r\n position: relative !important;\r\n width: 100% !important;\r\n background-color: #ffffff !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-intro .abora-intro__wrapper {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n min-height: auto !important;\r\n }\r\n \r\n \/* --- IMAGE --- *\/\r\n #abora-intro .abora-intro__media {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 50vh !important;\r\n min-height: 350px !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-intro .abora-intro__image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n display: block !important;\r\n transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__image {\r\n transform: scale(1.02);\r\n }\r\n \r\n #abora-intro .abora-intro__media::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n pointer-events: none !important;\r\n opacity: 0.03 !important;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\") !important;\r\n }\r\n \r\n #abora-intro .abora-intro__badge {\r\n position: absolute !important;\r\n bottom: 24px !important;\r\n left: 24px !important;\r\n background-color: #ffffff !important;\r\n padding: 20px 28px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 16px !important;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__badge-icon {\r\n width: 44px !important;\r\n height: 44px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background-color: #43676a !important;\r\n border-radius: 50% !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__badge-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n color: #ffffff !important;\r\n }\r\n \r\n #abora-intro .abora-intro__badge-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 500 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 !important;\r\n line-height: 1.4 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__badge-text strong {\r\n display: block !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.1em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin-bottom: 2px !important;\r\n }\r\n \r\n \/* --- CONTENT --- *\/\r\n #abora-intro .abora-intro__content {\r\n padding: 60px 24px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #abora-intro .abora-intro__inner {\r\n max-width: 600px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n #abora-intro .abora-intro__tagline {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 14px !important;\r\n margin: 0 0 20px 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__tagline::before {\r\n content: '' !important;\r\n display: block !important;\r\n width: 32px !important;\r\n height: 1px !important;\r\n background-color: #43676a !important;\r\n flex-shrink: 0 !important;\r\n transform-origin: left center !important;\r\n }\r\n \r\n #abora-intro .abora-intro__tagline-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 34px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 28px 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__copy {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.85 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 0 24px 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__highlight {\r\n color: #43676a !important;\r\n font-weight: 500 !important;\r\n }\r\n \r\n \/* --- FEATURES GRID --- *\/\r\n #abora-intro .abora-intro__features {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 20px !important;\r\n margin: 32px 0 0 0 !important;\r\n padding: 32px 0 !important;\r\n border-top: 1px solid #ececec !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 14px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-icon {\r\n width: 46px !important;\r\n height: 46px !important;\r\n min-width: 46px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background-color: rgba(67, 103, 106, 0.08) !important;\r\n border-radius: 50% !important;\r\n transition: background-color 0.4s ease, transform 0.4s ease;\r\n }\r\n \r\n #abora-intro .abora-intro__feature:hover .abora-intro__feature-icon {\r\n background-color: #43676a !important;\r\n transform: scale(1.05) !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-icon svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: #43676a !important;\r\n transition: color 0.4s ease;\r\n }\r\n \r\n #abora-intro .abora-intro__feature:hover .abora-intro__feature-icon svg {\r\n color: #ffffff !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-content {\r\n flex: 1 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-title {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 600 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 !important;\r\n transition: color 0.3s ease;\r\n }\r\n \r\n #abora-intro .abora-intro__feature:hover .abora-intro__feature-title {\r\n color: #43676a !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.4 !important;\r\n color: #6b6b6b !important;\r\n margin: 2px 0 0 0 !important;\r\n }\r\n \r\n \/* --- DELIVERY BADGE --- *\/\r\n #abora-intro .abora-intro__delivery {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n margin: 24px 0 40px 0 !important;\r\n padding: 16px 24px !important;\r\n background-color: rgba(67, 103, 106, 0.06) !important;\r\n border-left: 3px solid #43676a !important;\r\n }\r\n \r\n #abora-intro .abora-intro__delivery-icon {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: #43676a !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__delivery-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.08em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__delivery-text strong {\r\n font-weight: 700 !important;\r\n color: #2d2d2d !important;\r\n }\r\n \r\n \/* PREMIUM CTA *\/\r\n #abora-intro .abora-intro__cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.12em !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n color: #ffffff !important;\r\n background-color: #43676a !important;\r\n padding: 18px 36px !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n transition: color 0.4s ease;\r\n }\r\n \r\n #abora-intro .abora-intro__cta::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-color: #2d2d2d !important;\r\n transform: translateX(-101%) !important;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__cta:hover::before {\r\n transform: translateX(0) !important;\r\n }\r\n \r\n #abora-intro .abora-intro__cta span,\r\n #abora-intro .abora-intro__cta svg {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__cta svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n transition: transform 0.4s ease;\r\n }\r\n \r\n #abora-intro .abora-intro__cta:hover svg {\r\n transform: translateX(5px);\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Tablet\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 768px) {\r\n #abora-intro .abora-intro__media {\r\n height: 55vh !important;\r\n min-height: 450px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__badge {\r\n bottom: 32px !important;\r\n left: 48px !important;\r\n padding: 24px 32px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__content {\r\n padding: 80px 48px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__title {\r\n font-size: 42px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__copy {\r\n font-size: 16px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__features {\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n gap: 24px 20px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n gap: 10px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-content {\r\n text-align: center !important;\r\n }\r\n \r\n #abora-intro .abora-intro__delivery {\r\n justify-content: center !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Desktop (Split Layout)\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 1024px) {\r\n #abora-intro .abora-intro__wrapper {\r\n flex-direction: row !important;\r\n min-height: 100vh !important;\r\n }\r\n \r\n #abora-intro .abora-intro__media {\r\n width: 50% !important;\r\n height: auto !important;\r\n min-height: 100vh !important;\r\n position: sticky !important;\r\n top: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__badge {\r\n bottom: 48px !important;\r\n left: 64px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__content {\r\n width: 50% !important;\r\n padding: 100px 64px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n }\r\n \r\n #abora-intro .abora-intro__inner {\r\n max-width: 520px !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__tagline-text {\r\n font-size: 12px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__title {\r\n font-size: 48px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__copy {\r\n font-size: 17px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__features {\r\n gap: 28px 24px !important;\r\n margin: 40px 0 0 0 !important;\r\n padding: 40px 0 !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-icon {\r\n width: 52px !important;\r\n height: 52px !important;\r\n min-width: 52px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__feature-title {\r\n font-size: 14px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__delivery {\r\n margin: 28px 0 48px 0 !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Large Desktop\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 1440px) {\r\n #abora-intro .abora-intro__badge {\r\n left: 80px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__content {\r\n padding: 120px 80px !important;\r\n }\r\n \r\n #abora-intro .abora-intro__title {\r\n font-size: 54px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n PREMIUM ANIMATIONS\r\n ============================================ *\/\r\n \r\n @keyframes aboraIntroFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n @keyframes aboraIntroSlideIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n \r\n @keyframes aboraIntroLineGrow {\r\n 0% {\r\n transform: scaleX(0);\r\n }\r\n 100% {\r\n transform: scaleX(1);\r\n }\r\n }\r\n \r\n #abora-intro .abora-intro__tagline,\r\n #abora-intro .abora-intro__title,\r\n #abora-intro .abora-intro__copy,\r\n #abora-intro .abora-intro__features,\r\n #abora-intro .abora-intro__delivery,\r\n #abora-intro .abora-intro__cta,\r\n #abora-intro .abora-intro__badge {\r\n opacity: 1;\r\n transform: translateY(0) translateX(0);\r\n }\r\n \r\n #abora-intro .abora-intro__tagline::before {\r\n transform: scaleX(1);\r\n }\r\n \r\n #abora-intro.abora-intro--visible .abora-intro__tagline,\r\n #abora-intro.abora-intro--visible .abora-intro__title,\r\n #abora-intro.abora-intro--visible .abora-intro__copy,\r\n #abora-intro.abora-intro--visible .abora-intro__features,\r\n #abora-intro.abora-intro--visible .abora-intro__delivery,\r\n #abora-intro.abora-intro--visible .abora-intro__cta {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n \r\n #abora-intro.abora-intro--visible .abora-intro__tagline::before {\r\n transform: scaleX(0);\r\n }\r\n \r\n #abora-intro.abora-intro--visible .abora-intro__badge {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__badge {\r\n animation: aboraIntroSlideIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__tagline {\r\n animation: aboraIntroFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__tagline::before {\r\n animation: aboraIntroLineGrow 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.4s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__title {\r\n animation: aboraIntroFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__copy {\r\n animation: aboraIntroFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.4s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__features {\r\n animation: aboraIntroFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.55s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__delivery {\r\n animation: aboraIntroFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.7s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--animated .abora-intro__cta {\r\n animation: aboraIntroFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.85s forwards;\r\n }\r\n \r\n #abora-intro.abora-intro--done .abora-intro__tagline,\r\n #abora-intro.abora-intro--done .abora-intro__title,\r\n #abora-intro.abora-intro--done .abora-intro__copy,\r\n #abora-intro.abora-intro--done .abora-intro__features,\r\n #abora-intro.abora-intro--done .abora-intro__delivery,\r\n #abora-intro.abora-intro--done .abora-intro__cta,\r\n #abora-intro.abora-intro--done .abora-intro__badge {\r\n opacity: 1 !important;\r\n transform: translateY(0) translateX(0) !important;\r\n animation: none !important;\r\n }\r\n \r\n #abora-intro.abora-intro--done .abora-intro__tagline::before {\r\n transform: scaleX(1) !important;\r\n animation: none !important;\r\n }\r\n<\/style>\r\n\r\n<section class=\"abora-intro\" id=\"abora-intro\">\r\n <div class=\"abora-intro__wrapper\">\r\n \r\n <div class=\"abora-intro__media\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-terraza-chiill-vistas-oceano-scaled.jpg\" \r\n alt=\"Terrace with ocean views at Residencial Abora\" \r\n class=\"abora-intro__image\"\r\n loading=\"lazy\">\r\n \r\n <div class=\"abora-intro__badge\">\r\n <div class=\"abora-intro__badge-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"abora-intro__badge-text\">\r\n <strong>Prime location<\/strong>\r\n Costa de Adeje, Tenerife\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-intro__content\">\r\n <div class=\"abora-intro__inner\">\r\n \r\n <div class=\"abora-intro__tagline\">\r\n <span class=\"abora-intro__tagline-text\">Playa Para\u00edso<\/span>\r\n <\/div>\r\n \r\n <h2 class=\"abora-intro__title\">Welcome to Residencial Abora<\/h2>\r\n \r\n <p class=\"abora-intro__copy\">\r\n In the heart of Costa de Adeje lies Residencial Abora. A complex with spacious terraces and sea views where every architectural note is carefully selected to create a vital melody full of <span class=\"abora-intro__highlight\">comfort and happiness<\/span>.\r\n <\/p>\r\n \r\n <div class=\"abora-intro__features\">\r\n \r\n <div class=\"abora-intro__feature\">\r\n <div class=\"abora-intro__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\r\n <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-intro__feature-content\">\r\n <h3 class=\"abora-intro__feature-title\">138 Homes<\/h3>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-intro__feature\">\r\n <div class=\"abora-intro__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M2 12c1.5-1.5 3-2 5-2s3.5.5 5 2 3 2 5 2 3.5-.5 5-2\"\/>\r\n <path d=\"M2 7c1.5-1.5 3-2 5-2s3.5.5 5 2 3 2 5 2 3.5-.5 5-2\"\/>\r\n <path d=\"M2 17c1.5-1.5 3-2 5-2s3.5.5 5 2 3 2 5 2 3.5-.5 5-2\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-intro__feature-content\">\r\n <h3 class=\"abora-intro__feature-title\">200m From the ocean<\/h3>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-intro__feature\">\r\n <div class=\"abora-intro__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 2v4\"\/>\r\n <path d=\"M12 18v4\"\/>\r\n <path d=\"M4.93 4.93l2.83 2.83\"\/>\r\n <path d=\"M16.24 16.24l2.83 2.83\"\/>\r\n <path d=\"M2 12h4\"\/>\r\n <path d=\"M18 12h4\"\/>\r\n <path d=\"M4.93 19.07l2.83-2.83\"\/>\r\n <path d=\"M16.24 7.76l2.83-2.83\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-intro__feature-content\">\r\n <h3 class=\"abora-intro__feature-title\">Maximum Efficiency<\/h3>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-intro__feature\">\r\n <div class=\"abora-intro__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M2 12c1.5-1.5 3-2 5-2s3.5.5 5 2 3 2 5 2 3.5-.5 5-2\"\/>\r\n <path d=\"M2 17c1.5-1.5 3-2 5-2s3.5.5 5 2 3 2 5 2 3.5-.5 5-2\"\/>\r\n <circle cx=\"9\" cy=\"5\" r=\"2.5\"\/>\r\n <path d=\"M9 7.5V10\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-intro__feature-content\">\r\n <h3 class=\"abora-intro__feature-title\">Community Pool<\/h3>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-intro__feature\">\r\n <div class=\"abora-intro__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M6 5v14\"\/>\r\n <path d=\"M18 5v14\"\/>\r\n <path d=\"M6 12h12\"\/>\r\n <path d=\"M3 8v8\"\/>\r\n <path d=\"M21 8v8\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-intro__feature-content\">\r\n <h3 class=\"abora-intro__feature-title\">Gym<\/h3>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-intro__feature\">\r\n <div class=\"abora-intro__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <path d=\"M3 9h18\"\/>\r\n <path d=\"M9 21V9\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-intro__feature-content\">\r\n <h3 class=\"abora-intro__feature-title\">Surfaces<\/h3>\r\n <p class=\"abora-intro__feature-text\">104 m\u00b2 to 223 m\u00b2<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <div class=\"abora-intro__delivery\">\r\n <svg class=\"abora-intro__delivery-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n <path d=\"M9 16l2 2 4-4\"\/>\r\n <\/svg>\r\n <p class=\"abora-intro__delivery-text\">Estimated Delivery <strong>Q2 2028<\/strong><\/p>\r\n <\/div>\r\n \r\n <a href=\"#tipology\" class=\"abora-intro__cta\">\r\n <span>Discover Tipologies<\/span>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n var introSection = document.getElementById('abora-intro');\r\n if (!introSection) return;\r\n \r\n var introAnimated = false;\r\n \r\n function isInViewport(element, offset) {\r\n var rect = element.getBoundingClientRect();\r\n var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n return rect.top <= windowHeight - (offset || 100);\r\n }\r\n \r\n function handleIntroAnimation() {\r\n if (introAnimated) return;\r\n \r\n if (isInViewport(introSection, 150)) {\r\n introSection.classList.add('abora-intro--visible');\r\n \r\n requestAnimationFrame(function() {\r\n requestAnimationFrame(function() {\r\n introSection.classList.remove('abora-intro--visible');\r\n introSection.classList.add('abora-intro--animated');\r\n \r\n setTimeout(function() {\r\n introSection.classList.add('abora-intro--done');\r\n }, 1800);\r\n });\r\n });\r\n \r\n introAnimated = true;\r\n }\r\n }\r\n \r\n var ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleIntroAnimation();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n setTimeout(handleIntroAnimation, 100);\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32f5599 elementor-widget elementor-widget-html\" data-id=\"32f5599\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n \/* ============================================\r\n ABORA - BLOCK 03: ABOUT v8\r\n Identical structure to Intro, image on the right\r\n ============================================ *\/\r\n \r\n #abora-about.abora-about {\r\n position: relative !important;\r\n width: 100% !important;\r\n background-color: #ffffff !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-about .abora-about__wrapper {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n min-height: auto !important;\r\n }\r\n \r\n \/* --- IMAGE --- *\/\r\n #abora-about .abora-about__media {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 50vh !important;\r\n min-height: 350px !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-about .abora-about__image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n display: block !important;\r\n transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n }\r\n \r\n \/* Subtle zoom on scroll into view *\/\r\n #abora-about.abora-about--animated .abora-about__image {\r\n transform: scale(1.02);\r\n }\r\n \r\n \/* Grain overlay on image *\/\r\n #abora-about .abora-about__media::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n pointer-events: none !important;\r\n opacity: 0.03 !important;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\") !important;\r\n }\r\n \r\n \/* Floating badge on image *\/\r\n #abora-about .abora-about__badge {\r\n position: absolute !important;\r\n bottom: 24px !important;\r\n left: 24px !important;\r\n background-color: #ffffff !important;\r\n padding: 20px 24px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 20px !important;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n #abora-about .abora-about__badge-stat {\r\n text-align: center !important;\r\n }\r\n \r\n #abora-about .abora-about__badge-stat:first-child {\r\n padding-right: 20px !important;\r\n border-right: 1px solid #ececec !important;\r\n }\r\n \r\n #abora-about .abora-about__badge-number {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 32px !important;\r\n font-weight: 500 !important;\r\n color: #43676a !important;\r\n line-height: 1 !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-about .abora-about__badge-label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.1em !important;\r\n text-transform: uppercase !important;\r\n color: #6b6b6b !important;\r\n display: block !important;\r\n margin-top: 4px !important;\r\n }\r\n \r\n \/* --- CONTENT --- *\/\r\n #abora-about .abora-about__content {\r\n padding: 60px 24px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #abora-about .abora-about__inner {\r\n max-width: 600px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n \/* Tagline with animated line *\/\r\n #abora-about .abora-about__tagline {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 14px !important;\r\n margin: 0 0 20px 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-about .abora-about__tagline::before {\r\n content: '' !important;\r\n display: block !important;\r\n width: 32px !important;\r\n height: 1px !important;\r\n background-color: #43676a !important;\r\n flex-shrink: 0 !important;\r\n transform-origin: left center !important;\r\n }\r\n \r\n #abora-about .abora-about__tagline-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n \/* Title *\/\r\n #abora-about .abora-about__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 34px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 28px 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n \/* Copy *\/\r\n #abora-about .abora-about__copy {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.85 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 0 32px 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-about .abora-about__highlight {\r\n color: #43676a !important;\r\n font-weight: 500 !important;\r\n }\r\n \r\n \/* --- FEATURES --- *\/\r\n #abora-about .abora-about__features {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 24px !important;\r\n margin: 0 0 40px 0 !important;\r\n }\r\n \r\n #abora-about .abora-about__feature {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 16px !important;\r\n }\r\n \r\n #abora-about .abora-about__feature-icon {\r\n width: 48px !important;\r\n height: 48px !important;\r\n min-width: 48px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background-color: rgba(67, 103, 106, 0.08) !important;\r\n border-radius: 50% !important;\r\n transition: background-color 0.4s ease, transform 0.4s ease;\r\n }\r\n \r\n #abora-about .abora-about__feature:hover .abora-about__feature-icon {\r\n background-color: #43676a !important;\r\n transform: scale(1.05) !important;\r\n }\r\n \r\n #abora-about .abora-about__feature-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n color: #43676a !important;\r\n transition: color 0.4s ease;\r\n }\r\n \r\n #abora-about .abora-about__feature:hover .abora-about__feature-icon svg {\r\n color: #ffffff !important;\r\n }\r\n \r\n #abora-about .abora-about__feature-content {\r\n flex: 1 !important;\r\n padding-top: 4px !important;\r\n }\r\n \r\n #abora-about .abora-about__feature-title {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 600 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 4px 0 !important;\r\n transition: color 0.3s ease;\r\n }\r\n \r\n #abora-about .abora-about__feature:hover .abora-about__feature-title {\r\n color: #43676a !important;\r\n }\r\n \r\n #abora-about .abora-about__feature-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.6 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 !important;\r\n }\r\n \r\n \/* PREMIUM CTA - Fill from left *\/\r\n #abora-about .abora-about__cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.12em !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n color: #ffffff !important;\r\n background-color: #43676a !important;\r\n padding: 18px 36px !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n transition: color 0.4s ease;\r\n }\r\n \r\n #abora-about .abora-about__cta::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-color: #2d2d2d !important;\r\n transform: translateX(-101%) !important;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n #abora-about .abora-about__cta:hover::before {\r\n transform: translateX(0) !important;\r\n }\r\n \r\n #abora-about .abora-about__cta span,\r\n #abora-about .abora-about__cta svg {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n #abora-about .abora-about__cta svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n transition: transform 0.4s ease;\r\n }\r\n \r\n #abora-about .abora-about__cta:hover svg {\r\n transform: translateX(5px);\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Tablet\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 768px) {\r\n #abora-about .abora-about__media {\r\n height: 55vh !important;\r\n min-height: 450px !important;\r\n }\r\n \r\n #abora-about .abora-about__badge {\r\n bottom: 32px !important;\r\n left: 48px !important;\r\n padding: 24px 28px !important;\r\n }\r\n \r\n #abora-about .abora-about__badge-number {\r\n font-size: 36px !important;\r\n }\r\n \r\n #abora-about .abora-about__content {\r\n padding: 80px 48px !important;\r\n }\r\n \r\n #abora-about .abora-about__title {\r\n font-size: 42px !important;\r\n }\r\n \r\n #abora-about .abora-about__copy {\r\n font-size: 16px !important;\r\n }\r\n \r\n #abora-about .abora-about__features {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 28px 32px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Desktop (Split Layout)\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 1024px) {\r\n #abora-about .abora-about__wrapper {\r\n flex-direction: row !important;\r\n min-height: 100vh !important;\r\n }\r\n \r\n \/* INVERTED: Content first (left), image after (right) *\/\r\n #abora-about .abora-about__content {\r\n width: 50% !important;\r\n padding: 100px 64px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n order: 1 !important;\r\n }\r\n \r\n #abora-about .abora-about__media {\r\n width: 50% !important;\r\n height: auto !important;\r\n min-height: 100vh !important;\r\n position: sticky !important;\r\n top: 0 !important;\r\n order: 2 !important;\r\n }\r\n \r\n #abora-about .abora-about__badge {\r\n bottom: 48px !important;\r\n left: 64px !important;\r\n }\r\n \r\n \/* Inner aligned same as in Intro *\/\r\n #abora-about .abora-about__inner {\r\n max-width: 520px !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-about .abora-about__tagline-text {\r\n font-size: 12px !important;\r\n }\r\n \r\n #abora-about .abora-about__title {\r\n font-size: 48px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n \r\n #abora-about .abora-about__copy {\r\n font-size: 17px !important;\r\n }\r\n \r\n #abora-about .abora-about__feature-icon {\r\n width: 52px !important;\r\n height: 52px !important;\r\n min-width: 52px !important;\r\n }\r\n \r\n #abora-about .abora-about__feature-title {\r\n font-size: 15px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Large Desktop\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 1440px) {\r\n #abora-about .abora-about__badge {\r\n left: 80px !important;\r\n }\r\n \r\n #abora-about .abora-about__content {\r\n padding: 120px 80px !important;\r\n }\r\n \r\n #abora-about .abora-about__title {\r\n font-size: 54px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n PREMIUM ANIMATIONS\r\n ============================================ *\/\r\n \r\n @keyframes aboraAboutFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n @keyframes aboraAboutSlideIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n \r\n @keyframes aboraAboutLineGrow {\r\n 0% {\r\n transform: scaleX(0);\r\n }\r\n 100% {\r\n transform: scaleX(1);\r\n }\r\n }\r\n \r\n \/* Initial visible state (fallback) *\/\r\n #abora-about .abora-about__tagline,\r\n #abora-about .abora-about__title,\r\n #abora-about .abora-about__copy,\r\n #abora-about .abora-about__features,\r\n #abora-about .abora-about__cta,\r\n #abora-about .abora-about__badge {\r\n opacity: 1;\r\n transform: translateY(0) translateX(0);\r\n }\r\n \r\n #abora-about .abora-about__tagline::before {\r\n transform: scaleX(1);\r\n }\r\n \r\n \/* Animation preparation *\/\r\n #abora-about.abora-about--visible .abora-about__tagline,\r\n #abora-about.abora-about--visible .abora-about__title,\r\n #abora-about.abora-about--visible .abora-about__copy,\r\n #abora-about.abora-about--visible .abora-about__features,\r\n #abora-about.abora-about--visible .abora-about__cta {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n \r\n #abora-about.abora-about--visible .abora-about__tagline::before {\r\n transform: scaleX(0);\r\n }\r\n \r\n #abora-about.abora-about--visible .abora-about__badge {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n \r\n \/* Active animations - premium timing *\/\r\n #abora-about.abora-about--animated .abora-about__badge {\r\n animation: aboraAboutSlideIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\r\n }\r\n \r\n #abora-about.abora-about--animated .abora-about__tagline {\r\n animation: aboraAboutFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards;\r\n }\r\n \r\n #abora-about.abora-about--animated .abora-about__tagline::before {\r\n animation: aboraAboutLineGrow 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.4s forwards;\r\n }\r\n \r\n #abora-about.abora-about--animated .abora-about__title {\r\n animation: aboraAboutFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards;\r\n }\r\n \r\n #abora-about.abora-about--animated .abora-about__copy {\r\n animation: aboraAboutFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.4s forwards;\r\n }\r\n \r\n #abora-about.abora-about--animated .abora-about__features {\r\n animation: aboraAboutFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.55s forwards;\r\n }\r\n \r\n #abora-about.abora-about--animated .abora-about__cta {\r\n animation: aboraAboutFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.7s forwards;\r\n }\r\n \r\n \/* Final state *\/\r\n #abora-about.abora-about--done .abora-about__tagline,\r\n #abora-about.abora-about--done .abora-about__title,\r\n #abora-about.abora-about--done .abora-about__copy,\r\n #abora-about.abora-about--done .abora-about__features,\r\n #abora-about.abora-about--done .abora-about__cta,\r\n #abora-about.abora-about--done .abora-about__badge {\r\n opacity: 1 !important;\r\n transform: translateY(0) translateX(0) !important;\r\n animation: none !important;\r\n }\r\n \r\n #abora-about.abora-about--done .abora-about__tagline::before {\r\n transform: scaleX(1) !important;\r\n animation: none !important;\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"abora-about\" id=\"abora-about\">\r\n <div class=\"abora-about__wrapper\">\r\n \r\n \r\n <div class=\"abora-about__media\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-terraza-panoramica.jpg\" \r\n alt=\"Panoramic views from Abora, Tenerife\" \r\n class=\"abora-about__image\"\r\n loading=\"lazy\">\r\n \r\n \r\n <div class=\"abora-about__badge\">\r\n <div class=\"abora-about__badge-stat\">\r\n <span class=\"abora-about__badge-number\">300<\/span>\r\n <span class=\"abora-about__badge-label\">Sunny days<\/span>\r\n <\/div>\r\n <div class=\"abora-about__badge-stat\">\r\n <span class=\"abora-about__badge-number\">22\u00b0<\/span>\r\n <span class=\"abora-about__badge-label\">Yearly average<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-about__content\">\r\n <div class=\"abora-about__inner\">\r\n \r\n \r\n <div class=\"abora-about__tagline\">\r\n <span class=\"abora-about__tagline-text\">Discover the island<\/span>\r\n <\/div>\r\n \r\n \r\n <h2 class=\"abora-about__title\">Why Tenerife is Europe's best-kept secret<\/h2>\r\n \r\n \r\n <p class=\"abora-about__copy\">\r\n Tenerife offers <span class=\"abora-about__highlight\">light, ocean, safety<\/span> and a unique lifestyle. An ideal destination for those seeking quality of life, solid investment and a direct connection to Europe.\r\n <\/p>\r\n \r\n \r\n <div class=\"abora-about__features\">\r\n \r\n \r\n <div class=\"abora-about__feature\">\r\n <div class=\"abora-about__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\r\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line>\r\n <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line>\r\n <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line>\r\n <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line>\r\n <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line>\r\n <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-about__feature-content\">\r\n <h3 class=\"abora-about__feature-title\">Perfect climate<\/h3>\r\n <p class=\"abora-about__feature-text\">22-28\u00b0C all year round, no extremes<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-about__feature\">\r\n <div class=\"abora-about__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <path d=\"M12 6v12\"\/>\r\n <path d=\"M15 9.5c0-1.5-1.5-2.5-3-2.5s-3 1-3 2.5 1.5 2 3 2.5 3 1.5 3 3-1.5 2.5-3 2.5-3-1-3-2.5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-about__feature-content\">\r\n <h3 class=\"abora-about__feature-title\">Tax benefits<\/h3>\r\n <p class=\"abora-about__feature-text\">Special regime for investors<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-about__feature\">\r\n <div class=\"abora-about__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <path d=\"M2 12h20\"\/>\r\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-about__feature-content\">\r\n <h3 class=\"abora-about__feature-title\">Connected to Europe<\/h3>\r\n <p class=\"abora-about__feature-text\">Direct flights, 4h from any capital<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-about__feature\">\r\n <div class=\"abora-about__feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n <path d=\"M9 12l2 2 4-4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"abora-about__feature-content\">\r\n <h3 class=\"abora-about__feature-title\">Guaranteed safety<\/h3>\r\n <p class=\"abora-about__feature-text\">One of the safest regions in Spain<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n \r\n <a href=\"#info-unlock\" class=\"abora-about__cta\">\r\n <span>Unlock information<\/span>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n var aboutSection = document.getElementById('abora-about');\r\n if (!aboutSection) return;\r\n \r\n var aboutAnimated = false;\r\n \r\n function isInViewport(element, offset) {\r\n var rect = element.getBoundingClientRect();\r\n var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n return rect.top <= windowHeight - (offset || 100);\r\n }\r\n \r\n function handleAboutAnimation() {\r\n if (aboutAnimated) return;\r\n \r\n if (isInViewport(aboutSection, 150)) {\r\n aboutSection.classList.add('abora-about--visible');\r\n \r\n requestAnimationFrame(function() {\r\n requestAnimationFrame(function() {\r\n aboutSection.classList.remove('abora-about--visible');\r\n aboutSection.classList.add('abora-about--animated');\r\n \r\n \/\/ Final state after animations\r\n setTimeout(function() {\r\n aboutSection.classList.add('abora-about--done');\r\n }, 1500);\r\n });\r\n });\r\n \r\n aboutAnimated = true;\r\n }\r\n }\r\n \r\n var ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleAboutAnimation();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n \/\/ Initial check\r\n setTimeout(handleAboutAnimation, 100);\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6dd4b7f elementor-widget elementor-widget-html\" data-id=\"6dd4b7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n \/* ============================================\r\n ABORA - BLOCK 04: LIFESTYLE v2 PREMIUM\r\n ============================================ *\/\r\n \r\n #abora-lifestyle.abora-lifestyle {\r\n position: relative !important;\r\n width: 100% !important;\r\n background-color: #f8f8f8 !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n \/* --- HEADER --- *\/\r\n #abora-lifestyle .abora-lifestyle__header {\r\n padding: 80px 24px 48px !important;\r\n text-align: center !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__header-inner {\r\n max-width: 600px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n \/* Tagline with animated line *\/\r\n #abora-lifestyle .abora-lifestyle__tagline {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 14px !important;\r\n margin: 0 0 20px 0 !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__tagline::before,\r\n #abora-lifestyle .abora-lifestyle__tagline::after {\r\n content: '' !important;\r\n display: block !important;\r\n width: 32px !important;\r\n height: 1px !important;\r\n background-color: #43676a !important;\r\n transform-origin: center center !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__tagline-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 34px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 16px 0 !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__subtitle {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.8 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 !important;\r\n }\r\n \r\n \/* --- CARDS CONTAINER --- *\/\r\n #abora-lifestyle .abora-lifestyle__cards {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n }\r\n \r\n \/* --- CARD --- *\/\r\n #abora-lifestyle .abora-lifestyle__card {\r\n position: relative !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n min-height: 450px !important;\r\n overflow: hidden !important;\r\n cursor: pointer !important;\r\n }\r\n \r\n \/* Card image *\/\r\n #abora-lifestyle .abora-lifestyle__card-media {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n display: block !important;\r\n transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\r\n }\r\n \r\n \/* Grain overlay *\/\r\n #abora-lifestyle .abora-lifestyle__card-media::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n pointer-events: none !important;\r\n opacity: 0.04 !important;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\") !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n \/* Card overlay - more dramatic *\/\r\n #abora-lifestyle .abora-lifestyle__card-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 2 !important;\r\n background: linear-gradient(\r\n to top,\r\n rgba(15, 15, 15, 0.9) 0%,\r\n rgba(15, 15, 15, 0.5) 40%,\r\n rgba(15, 15, 15, 0.2) 100%\r\n ) !important;\r\n transition: background 0.5s ease;\r\n }\r\n \r\n \/* Icon - CENTERED in the card *\/\r\n #abora-lifestyle .abora-lifestyle__card-icon {\r\n position: absolute !important;\r\n top: 35% !important;\r\n left: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n z-index: 4 !important;\r\n width: 72px !important;\r\n height: 72px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background-color: rgba(255, 255, 255, 0.1) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.25) !important;\r\n border-radius: 50% !important;\r\n backdrop-filter: blur(16px) !important;\r\n -webkit-backdrop-filter: blur(16px) !important;\r\n transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), \r\n background-color 0.4s ease, \r\n border-color 0.4s ease,\r\n box-shadow 0.4s ease,\r\n top 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-icon svg {\r\n width: 30px !important;\r\n height: 30px !important;\r\n color: #ffffff !important;\r\n transition: transform 0.4s ease;\r\n }\r\n \r\n \/* Card content container - bottom *\/\r\n #abora-lifestyle .abora-lifestyle__card-content {\r\n position: relative !important;\r\n z-index: 3 !important;\r\n margin-top: auto !important;\r\n padding: 40px 24px !important;\r\n max-width: 450px !important;\r\n }\r\n \r\n \/* Title *\/\r\n #abora-lifestyle .abora-lifestyle__card-title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 28px !important;\r\n font-weight: 500 !important;\r\n line-height: 1.2 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 12px 0 !important;\r\n }\r\n \r\n \/* Decorative line under title *\/\r\n #abora-lifestyle .abora-lifestyle__card-line {\r\n width: 40px !important;\r\n height: 2px !important;\r\n background-color: #43676a !important;\r\n margin-bottom: 16px !important;\r\n transform-origin: left center !important;\r\n transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n }\r\n \r\n \/* Text *\/\r\n #abora-lifestyle .abora-lifestyle__card-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.75 !important;\r\n color: rgba(255, 255, 255, 0.8) !important;\r\n margin: 0 !important;\r\n }\r\n \r\n \/* ============================================\r\n MOBILE: Everything always visible\r\n ============================================ *\/\r\n \r\n \/* On mobile, everything visible *\/\r\n #abora-lifestyle .abora-lifestyle__card-title,\r\n #abora-lifestyle .abora-lifestyle__card-line,\r\n #abora-lifestyle .abora-lifestyle__card-text {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n \r\n \/* ============================================\r\n DESKTOP: Hover reveal\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 1024px) {\r\n \r\n \/* Icon centered on desktop *\/\r\n #abora-lifestyle .abora-lifestyle__card-icon {\r\n top: 50% !important;\r\n width: 88px !important;\r\n height: 88px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-icon svg {\r\n width: 36px !important;\r\n height: 36px !important;\r\n }\r\n \r\n \/* Initial state - content hidden *\/\r\n #abora-lifestyle .abora-lifestyle__card-title {\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.4s ease 0.1s, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.1s !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-line {\r\n width: 0 !important;\r\n transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.2s !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-text {\r\n opacity: 0 !important;\r\n transform: translateY(15px) !important;\r\n transition: opacity 0.4s ease 0.25s, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.25s !important;\r\n }\r\n \r\n \/* HOVER: Reveal *\/\r\n #abora-lifestyle .abora-lifestyle__card:hover .abora-lifestyle__card-image {\r\n transform: scale(1.08) !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card:hover .abora-lifestyle__card-overlay {\r\n background: linear-gradient(\r\n to top,\r\n rgba(10, 10, 10, 0.95) 0%,\r\n rgba(10, 10, 10, 0.7) 50%,\r\n rgba(10, 10, 10, 0.4) 100%\r\n ) !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card:hover .abora-lifestyle__card-icon {\r\n top: 35% !important;\r\n transform: translate(-50%, -50%) scale(1.05) !important;\r\n background-color: rgba(67, 103, 106, 0.4) !important;\r\n border-color: rgba(67, 103, 106, 0.5) !important;\r\n box-shadow: 0 12px 40px rgba(67, 103, 106, 0.3) !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card:hover .abora-lifestyle__card-icon svg {\r\n transform: scale(1.1) !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card:hover .abora-lifestyle__card-title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card:hover .abora-lifestyle__card-line {\r\n width: 60px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card:hover .abora-lifestyle__card-text {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Tablet\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 768px) {\r\n #abora-lifestyle .abora-lifestyle__header {\r\n padding: 100px 48px 56px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__title {\r\n font-size: 42px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__subtitle {\r\n font-size: 16px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card {\r\n min-height: 500px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-content {\r\n padding: 48px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-title {\r\n font-size: 32px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-text {\r\n font-size: 15px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Desktop\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 1024px) {\r\n #abora-lifestyle .abora-lifestyle__header {\r\n padding: 120px 64px 64px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__title {\r\n font-size: 48px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__cards {\r\n flex-direction: row !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card {\r\n flex: 1 !important;\r\n min-height: 600px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-content {\r\n padding: 48px 40px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-title {\r\n font-size: 30px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE - Large Desktop\r\n ============================================ *\/\r\n \r\n @media screen and (min-width: 1440px) {\r\n #abora-lifestyle .abora-lifestyle__header {\r\n padding: 140px 80px 72px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__title {\r\n font-size: 54px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card {\r\n min-height: 680px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-content {\r\n padding: 56px 48px !important;\r\n max-width: 420px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-icon {\r\n width: 100px !important;\r\n height: 100px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-icon svg {\r\n width: 42px !important;\r\n height: 42px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-title {\r\n font-size: 34px !important;\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__card-text {\r\n font-size: 15px !important;\r\n }\r\n }\r\n \r\n \/* ============================================\r\n HEADER ANIMATIONS\r\n ============================================ *\/\r\n \r\n @keyframes aboraLifestyleFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n @keyframes aboraLifestyleLineGrow {\r\n 0% {\r\n transform: scaleX(0);\r\n }\r\n 100% {\r\n transform: scaleX(1);\r\n }\r\n }\r\n \r\n \/* Initial visible state (fallback) *\/\r\n #abora-lifestyle .abora-lifestyle__header-inner {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \r\n #abora-lifestyle .abora-lifestyle__tagline::before,\r\n #abora-lifestyle .abora-lifestyle__tagline::after {\r\n transform: scaleX(1);\r\n }\r\n \r\n \/* Animation preparation *\/\r\n #abora-lifestyle.abora-lifestyle--visible .abora-lifestyle__header-inner {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n \r\n #abora-lifestyle.abora-lifestyle--visible .abora-lifestyle__tagline::before,\r\n #abora-lifestyle.abora-lifestyle--visible .abora-lifestyle__tagline::after {\r\n transform: scaleX(0);\r\n }\r\n \r\n \/* Active animations *\/\r\n #abora-lifestyle.abora-lifestyle--animated .abora-lifestyle__header-inner {\r\n animation: aboraLifestyleFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards;\r\n }\r\n \r\n #abora-lifestyle.abora-lifestyle--animated .abora-lifestyle__tagline::before,\r\n #abora-lifestyle.abora-lifestyle--animated .abora-lifestyle__tagline::after {\r\n animation: aboraLifestyleLineGrow 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards;\r\n }\r\n \r\n \/* Final state *\/\r\n #abora-lifestyle.abora-lifestyle--done .abora-lifestyle__header-inner {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n animation: none !important;\r\n }\r\n \r\n #abora-lifestyle.abora-lifestyle--done .abora-lifestyle__tagline::before,\r\n #abora-lifestyle.abora-lifestyle--done .abora-lifestyle__tagline::after {\r\n transform: scaleX(1) !important;\r\n animation: none !important;\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"abora-lifestyle\" id=\"abora-lifestyle\">\r\n \r\n \r\n <header class=\"abora-lifestyle__header\">\r\n <div class=\"abora-lifestyle__header-inner\">\r\n <div class=\"abora-lifestyle__tagline\">\r\n <span class=\"abora-lifestyle__tagline-text\">Lifestyle<\/span>\r\n <\/div>\r\n <h2 class=\"abora-lifestyle__title\">Your perfect retreat in paradise<\/h2>\r\n <p class=\"abora-lifestyle__subtitle\">Living by the ocean, living better. Three ways to enjoy your new home.<\/p>\r\n <\/div>\r\n <\/header>\r\n \r\n \r\n <div class=\"abora-lifestyle__cards\">\r\n \r\n \r\n <article class=\"abora-lifestyle__card\">\r\n <div class=\"abora-lifestyle__card-media\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-salon-terraza.jpg\" \r\n alt=\"Living room with terrace ideal for remote work\" \r\n class=\"abora-lifestyle__card-image\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"abora-lifestyle__card-overlay\"><\/div>\r\n \r\n \r\n <div class=\"abora-lifestyle__card-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\r\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\r\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n \r\n <div class=\"abora-lifestyle__card-content\">\r\n <h3 class=\"abora-lifestyle__card-title\">Remote work with ocean views<\/h3>\r\n <div class=\"abora-lifestyle__card-line\"><\/div>\r\n <p class=\"abora-lifestyle__card-text\">Modern homes perfect for digital nomads and remote workers. Inspiring spaces to work while enjoying island life.<\/p>\r\n <\/div>\r\n <\/article>\r\n \r\n \r\n <article class=\"abora-lifestyle__card\">\r\n <div class=\"abora-lifestyle__card-media\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-piscina.jpg\" \r\n alt=\"Outdoor pool with relaxation area\" \r\n class=\"abora-lifestyle__card-image\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"abora-lifestyle__card-overlay\"><\/div>\r\n \r\n \r\n <div class=\"abora-lifestyle__card-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\r\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line>\r\n <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line>\r\n <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line>\r\n <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line>\r\n <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line>\r\n <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n \r\n <div class=\"abora-lifestyle__card-content\">\r\n <h3 class=\"abora-lifestyle__card-title\">Your holiday sanctuary<\/h3>\r\n <div class=\"abora-lifestyle__card-line\"><\/div>\r\n <p class=\"abora-lifestyle__card-text\">Your personal retreat to escape, disconnect and create unforgettable memories with family and friends. Every day becomes a moment to remember.<\/p>\r\n <\/div>\r\n <\/article>\r\n \r\n \r\n <article class=\"abora-lifestyle__card\">\r\n <div class=\"abora-lifestyle__card-media\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-aereo-tenerife.jpg\" \r\n alt=\"Aerial view of Abora and the Tenerife coast\" \r\n class=\"abora-lifestyle__card-image\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"abora-lifestyle__card-overlay\"><\/div>\r\n \r\n \r\n <div class=\"abora-lifestyle__card-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline>\r\n <polyline points=\"17 6 23 6 23 12\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n \r\n <div class=\"abora-lifestyle__card-content\">\r\n <h3 class=\"abora-lifestyle__card-title\">Smart investment<\/h3>\r\n <div class=\"abora-lifestyle__card-line\"><\/div>\r\n <p class=\"abora-lifestyle__card-text\">High demand for holiday rentals, year-round tourism and attractive returns. Professional management services for worry-free income.<\/p>\r\n <\/div>\r\n <\/article>\r\n \r\n <\/div>\r\n \r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n var lifestyleSection = document.getElementById('abora-lifestyle');\r\n if (!lifestyleSection) return;\r\n \r\n var lifestyleAnimated = false;\r\n \r\n function isInViewport(element, offset) {\r\n var rect = element.getBoundingClientRect();\r\n var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n return rect.top <= windowHeight - (offset || 100);\r\n }\r\n \r\n function handleLifestyleAnimation() {\r\n if (lifestyleAnimated) return;\r\n \r\n if (isInViewport(lifestyleSection, 150)) {\r\n lifestyleSection.classList.add('abora-lifestyle--visible');\r\n \r\n requestAnimationFrame(function() {\r\n requestAnimationFrame(function() {\r\n lifestyleSection.classList.remove('abora-lifestyle--visible');\r\n lifestyleSection.classList.add('abora-lifestyle--animated');\r\n \r\n setTimeout(function() {\r\n lifestyleSection.classList.add('abora-lifestyle--done');\r\n }, 1500);\r\n });\r\n });\r\n \r\n lifestyleAnimated = true;\r\n }\r\n }\r\n \r\n var ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleLifestyleAnimation();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n setTimeout(handleLifestyleAnimation, 100);\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cef9308 elementor-widget elementor-widget-html\" data-id=\"cef9308\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tipology\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n #abora-tipologias.abora-tipologias {\r\n position: relative !important;\r\n width: 100% !important;\r\n padding: 80px 0 !important;\r\n background-color: #f9f9f9 !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__header {\r\n padding: 0 24px 48px !important;\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n text-align: center !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__header-inner {\r\n max-width: 600px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__tagline {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n margin: 0 0 20px 0 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__tagline-line {\r\n width: 28px !important;\r\n height: 1px !important;\r\n background-color: #43676a !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__tagline-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 32px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 16px 0 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__subtitle {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__carousel {\r\n position: relative !important;\r\n width: 100% !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__cards {\r\n display: flex !important;\r\n gap: 16px !important;\r\n padding: 0 24px !important;\r\n overflow-x: auto !important;\r\n scroll-snap-type: x mandatory !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n scrollbar-width: none !important;\r\n -ms-overflow-style: none !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__cards::-webkit-scrollbar {\r\n display: none !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card {\r\n flex: 0 0 85% !important;\r\n max-width: 340px !important;\r\n scroll-snap-align: center !important;\r\n background-color: #ffffff !important;\r\n padding: 40px 32px !important;\r\n box-sizing: border-box !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n transition: box-shadow 0.3s ease, transform 0.3s ease;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card:hover {\r\n box-shadow: 0 16px 48px rgba(67, 103, 106, 0.12) !important;\r\n transform: translateY(-4px);\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-icon {\r\n width: 72px !important;\r\n height: 72px !important;\r\n margin-bottom: 28px !important;\r\n color: #43676a !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-icon svg {\r\n width: 100% !important;\r\n height: 100% !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-badge {\r\n display: inline-block !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.15em !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background-color: #43676a !important;\r\n padding: 8px 14px !important;\r\n margin-bottom: 20px !important;\r\n align-self: flex-start !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 26px !important;\r\n font-weight: 500 !important;\r\n line-height: 1.2 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 12px 0 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.7 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 0 24px 0 !important;\r\n flex-grow: 1 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-specs {\r\n display: flex !important;\r\n flex-wrap: wrap !important;\r\n gap: 16px !important;\r\n padding: 20px 0 !important;\r\n border-top: 1px solid #ececec !important;\r\n border-bottom: 1px solid #ececec !important;\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-spec {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-spec-icon {\r\n width: 16px !important;\r\n height: 16px !important;\r\n color: #43676a !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-spec-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 500 !important;\r\n color: #2d2d2d !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-price {\r\n margin-bottom: 24px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-price-label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 500 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.05em !important;\r\n color: #6b6b6b !important;\r\n display: block !important;\r\n margin-bottom: 4px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-price-value {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 32px !important;\r\n font-weight: 500 !important;\r\n color: #43676a !important;\r\n line-height: 1 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n width: 100% !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.1em !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n color: #ffffff !important;\r\n background-color: #43676a !important;\r\n padding: 16px 24px !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n transition: background-color 0.3s ease;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-cta svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-cta:hover {\r\n background-color: #365456 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-cta:hover svg {\r\n transform: translateX(4px);\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__indicators {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 8px !important;\r\n margin-top: 32px !important;\r\n padding: 0 24px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__indicator {\r\n width: 8px !important;\r\n height: 8px !important;\r\n border-radius: 50% !important;\r\n background-color: #d0d0d0 !important;\r\n border: none !important;\r\n padding: 0 !important;\r\n cursor: pointer !important;\r\n transition: background-color 0.3s ease, transform 0.3s ease;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__indicator.active {\r\n background-color: #43676a !important;\r\n transform: scale(1.25);\r\n }\r\n \r\n @media screen and (min-width: 768px) {\r\n #abora-tipologias.abora-tipologias {\r\n padding: 100px 0 !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__header {\r\n padding: 0 48px 56px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__title {\r\n font-size: 40px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__cards {\r\n padding: 0 48px !important;\r\n gap: 24px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card {\r\n flex: 0 0 45% !important;\r\n max-width: 380px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1024px) {\r\n #abora-tipologias.abora-tipologias {\r\n padding: 120px 64px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__header {\r\n padding: 0 0 64px !important;\r\n max-width: 1312px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__title {\r\n font-size: 48px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__carousel {\r\n max-width: 1312px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__cards {\r\n padding: 0 !important;\r\n overflow-x: visible !important;\r\n justify-content: space-between !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card {\r\n flex: 1 !important;\r\n max-width: none !important;\r\n padding: 48px 40px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-icon {\r\n width: 80px !important;\r\n height: 80px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-title {\r\n font-size: 28px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-text {\r\n font-size: 15px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__indicators {\r\n display: none !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1440px) {\r\n #abora-tipologias.abora-tipologias {\r\n padding: 140px 80px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__header {\r\n padding: 0 0 72px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__title {\r\n font-size: 52px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card {\r\n padding: 56px 48px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-icon {\r\n width: 88px !important;\r\n height: 88px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-title {\r\n font-size: 30px !important;\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__card-price-value {\r\n font-size: 36px !important;\r\n }\r\n }\r\n \r\n @keyframes aboraTipologiasFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n #abora-tipologias .abora-tipologias__header-inner,\r\n #abora-tipologias .abora-tipologias__card {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \r\n #abora-tipologias.abora-tipologias--visible .abora-tipologias__header-inner,\r\n #abora-tipologias.abora-tipologias--visible .abora-tipologias__card,\r\n #abora-tipologias.abora-tipologias--animated .abora-tipologias__header-inner,\r\n #abora-tipologias.abora-tipologias--animated .abora-tipologias__card {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n \r\n #abora-tipologias.abora-tipologias--animated .abora-tipologias__header-inner {\r\n animation: aboraTipologiasFadeIn 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.1s forwards;\r\n }\r\n \r\n #abora-tipologias.abora-tipologias--animated .abora-tipologias__card:nth-child(1) {\r\n animation: aboraTipologiasFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards;\r\n }\r\n \r\n #abora-tipologias.abora-tipologias--animated .abora-tipologias__card:nth-child(2) {\r\n animation: aboraTipologiasFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.35s forwards;\r\n }\r\n \r\n #abora-tipologias.abora-tipologias--animated .abora-tipologias__card:nth-child(3) {\r\n animation: aboraTipologiasFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards;\r\n }\r\n<\/style>\r\n\r\n<section class=\"abora-tipologias\" id=\"abora-tipologias\">\r\n \r\n <header class=\"abora-tipologias__header\">\r\n <div class=\"abora-tipologias__header-inner\">\r\n <div class=\"abora-tipologias__tagline\">\r\n <span class=\"abora-tipologias__tagline-line\"><\/span>\r\n <span class=\"abora-tipologias__tagline-text\">Typologies<\/span>\r\n <span class=\"abora-tipologias__tagline-line\"><\/span>\r\n <\/div>\r\n <h2 class=\"abora-tipologias__title\">Find your ideal home<\/h2>\r\n <p class=\"abora-tipologias__subtitle\">Three typologies designed for maximum comfort by the ocean.<\/p>\r\n <\/div>\r\n <\/header>\r\n \r\n <div class=\"abora-tipologias__carousel\">\r\n <div class=\"abora-tipologias__cards\" id=\"tipologias-cards\">\r\n \r\n <article class=\"abora-tipologias__card\">\r\n <div class=\"abora-tipologias__card-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80 80\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <rect x=\"8\" y=\"16\" width=\"64\" height=\"48\" rx=\"2\"\/>\r\n <line x1=\"8\" y1=\"40\" x2=\"40\" y2=\"40\"\/>\r\n <line x1=\"40\" y1=\"40\" x2=\"40\" y2=\"64\"\/>\r\n <rect x=\"14\" y=\"22\" width=\"20\" height=\"12\" rx=\"1\"\/>\r\n <line x1=\"14\" y1=\"28\" x2=\"34\" y2=\"28\"\/>\r\n <rect x=\"48\" y=\"22\" width=\"18\" height=\"36\" rx=\"1\" stroke-dasharray=\"3 2\"\/>\r\n <circle cx=\"57\" cy=\"40\" r=\"4\"\/>\r\n <\/svg>\r\n <\/div>\r\n \r\n <span class=\"abora-tipologias__card-badge\">1 Bedroom<\/span>\r\n \r\n <h3 class=\"abora-tipologias__card-title\">Your personal retreat<\/h3>\r\n <p class=\"abora-tipologias__card-text\">Spaces designed for modern professionals seeking a retreat by the ocean. Perfect for singles or couples.<\/p>\r\n \r\n <div class=\"abora-tipologias__card-specs\">\r\n <div class=\"abora-tipologias__card-spec\">\r\n <svg class=\"abora-tipologias__card-spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <path d=\"M3 9h18\"\/>\r\n <\/svg>\r\n <span class=\"abora-tipologias__card-spec-text\">From 104 m\u00b2<\/span>\r\n <\/div>\r\n <div class=\"abora-tipologias__card-spec\">\r\n <svg class=\"abora-tipologias__card-spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n <\/svg>\r\n <span class=\"abora-tipologias__card-spec-text\">1 Bathroom<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-tipologias__card-price\">\r\n <span class=\"abora-tipologias__card-price-label\">From<\/span>\r\n <span class=\"abora-tipologias__card-price-value\">394.955 \u20ac*<\/span>\r\n <\/div>\r\n \r\n <a href=\"#info-unlock\" class=\"abora-tipologias__card-cta\">\r\n View availability\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <\/article>\r\n \r\n <article class=\"abora-tipologias__card\">\r\n <div class=\"abora-tipologias__card-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80 80\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <rect x=\"8\" y=\"16\" width=\"64\" height=\"48\" rx=\"2\"\/>\r\n <line x1=\"8\" y1=\"40\" x2=\"48\" y2=\"40\"\/>\r\n <line x1=\"32\" y1=\"40\" x2=\"32\" y2=\"64\"\/>\r\n <line x1=\"48\" y1=\"16\" x2=\"48\" y2=\"40\"\/>\r\n <rect x=\"12\" y=\"22\" width=\"16\" height=\"10\" rx=\"1\"\/>\r\n <line x1=\"12\" y1=\"27\" x2=\"28\" y2=\"27\"\/>\r\n <rect x=\"12\" y=\"46\" width=\"14\" height=\"10\" rx=\"1\"\/>\r\n <line x1=\"12\" y1=\"51\" x2=\"26\" y2=\"51\"\/>\r\n <rect x=\"52\" y=\"22\" width=\"16\" height=\"36\" rx=\"1\" stroke-dasharray=\"3 2\"\/>\r\n <circle cx=\"60\" cy=\"40\" r=\"4\"\/>\r\n <\/svg>\r\n <\/div>\r\n \r\n <span class=\"abora-tipologias__card-badge\">2 Bedrooms<\/span>\r\n \r\n <h3 class=\"abora-tipologias__card-title\">The perfect balance<\/h3>\r\n <p class=\"abora-tipologias__card-text\">Ideal for couples who value comfort and tranquillity. Our most sought-after typology for its versatility.<\/p>\r\n \r\n <div class=\"abora-tipologias__card-specs\">\r\n <div class=\"abora-tipologias__card-spec\">\r\n <svg class=\"abora-tipologias__card-spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <path d=\"M3 9h18\"\/>\r\n <\/svg>\r\n <span class=\"abora-tipologias__card-spec-text\">From 123 m\u00b2<\/span>\r\n <\/div>\r\n <div class=\"abora-tipologias__card-spec\">\r\n <svg class=\"abora-tipologias__card-spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n <\/svg>\r\n <span class=\"abora-tipologias__card-spec-text\">2 Bathrooms<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-tipologias__card-price\">\r\n <span class=\"abora-tipologias__card-price-label\">From<\/span>\r\n <span class=\"abora-tipologias__card-price-value\">551.460 \u20ac*<\/span>\r\n <\/div>\r\n \r\n <a href=\"#info-unlock\" class=\"abora-tipologias__card-cta\">\r\n View availability\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <\/article>\r\n \r\n <article class=\"abora-tipologias__card\">\r\n <div class=\"abora-tipologias__card-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80 80\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <rect x=\"8\" y=\"12\" width=\"64\" height=\"56\" rx=\"2\"\/>\r\n <line x1=\"8\" y1=\"38\" x2=\"52\" y2=\"38\"\/>\r\n <line x1=\"28\" y1=\"38\" x2=\"28\" y2=\"68\"\/>\r\n <line x1=\"52\" y1=\"12\" x2=\"52\" y2=\"38\"\/>\r\n <line x1=\"28\" y1=\"12\" x2=\"28\" y2=\"38\"\/>\r\n <rect x=\"11\" y=\"18\" width=\"14\" height=\"10\" rx=\"1\"\/>\r\n <line x1=\"11\" y1=\"23\" x2=\"25\" y2=\"23\"\/>\r\n <rect x=\"32\" y=\"18\" width=\"14\" height=\"10\" rx=\"1\"\/>\r\n <line x1=\"32\" y1=\"23\" x2=\"46\" y2=\"23\"\/>\r\n <rect x=\"11\" y=\"44\" width=\"12\" height=\"10\" rx=\"1\"\/>\r\n <line x1=\"11\" y1=\"49\" x2=\"23\" y2=\"49\"\/>\r\n <rect x=\"56\" y=\"18\" width=\"12\" height=\"44\" rx=\"1\" stroke-dasharray=\"3 2\"\/>\r\n <circle cx=\"62\" cy=\"40\" r=\"4\"\/>\r\n <\/svg>\r\n <\/div>\r\n \r\n <span class=\"abora-tipologias__card-badge\">3 Bedrooms<\/span>\r\n \r\n <h3 class=\"abora-tipologias__card-title\">Spaces for families<\/h3>\r\n <p class=\"abora-tipologias__card-text\">Designed for those seeking extra space for family, guests or working from home with Atlantic views.<\/p>\r\n \r\n <div class=\"abora-tipologias__card-specs\">\r\n <div class=\"abora-tipologias__card-spec\">\r\n <svg class=\"abora-tipologias__card-spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <path d=\"M3 9h18\"\/>\r\n <\/svg>\r\n <span class=\"abora-tipologias__card-spec-text\">From 153 m\u00b2<\/span>\r\n <\/div>\r\n <div class=\"abora-tipologias__card-spec\">\r\n <svg class=\"abora-tipologias__card-spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n <\/svg>\r\n <span class=\"abora-tipologias__card-spec-text\">2 Bathrooms<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-tipologias__card-price\">\r\n <span class=\"abora-tipologias__card-price-label\">From<\/span>\r\n <span class=\"abora-tipologias__card-price-value\">743.815 \u20ac*<\/span>\r\n <\/div>\r\n \r\n <a href=\"#info-unlock\" class=\"abora-tipologias__card-cta\">\r\n View availability\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <\/article>\r\n \r\n <\/div>\r\n \r\n <div class=\"abora-tipologias__indicators\" id=\"tipologias-indicators\">\r\n <button class=\"abora-tipologias__indicator active\" data-index=\"0\" aria-label=\"View typology 1\"><\/button>\r\n <button class=\"abora-tipologias__indicator\" data-index=\"1\" aria-label=\"View typology 2\"><\/button>\r\n <button class=\"abora-tipologias__indicator\" data-index=\"2\" aria-label=\"View typology 3\"><\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <p style=\"font-size: 12px; color: #888; margin-top: 8px; font-style: italic; text-align: center; width: 100%; line-height: 3rem;\">\r\n* I.G.I.C. (Canary Islands Indirect General Tax) must be added to these prices at the prevailing rate at the time of accrual. The current rate is 7%.<br> * Square footage built with common areas and terrace\r\n<br>\r\n* Garage and Storage included in the price.\r\n\r\n<\/p>\r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n var cardsContainer = document.getElementById('tipologias-cards');\r\n var indicators = document.querySelectorAll('#tipologias-indicators .abora-tipologias__indicator');\r\n var cards = cardsContainer.querySelectorAll('.abora-tipologias__card');\r\n \r\n function updateIndicators() {\r\n var scrollLeft = cardsContainer.scrollLeft;\r\n var cardWidth = cards[0].offsetWidth + 16;\r\n var activeIndex = Math.round(scrollLeft \/ cardWidth);\r\n \r\n indicators.forEach(function(indicator, index) {\r\n indicator.classList.toggle('active', index === activeIndex);\r\n });\r\n }\r\n \r\n cardsContainer.addEventListener('scroll', updateIndicators, { passive: true });\r\n \r\n indicators.forEach(function(indicator) {\r\n indicator.addEventListener('click', function() {\r\n var index = parseInt(this.dataset.index);\r\n var cardWidth = cards[0].offsetWidth + 16;\r\n cardsContainer.scrollTo({\r\n left: index * cardWidth,\r\n behavior: 'smooth'\r\n });\r\n });\r\n });\r\n \r\n var tipologiasSection = document.getElementById('abora-tipologias');\r\n var tipologiasAnimated = false;\r\n \r\n function isInViewport(element, offset) {\r\n var rect = element.getBoundingClientRect();\r\n var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n return rect.top <= windowHeight - (offset || 100);\r\n }\r\n \r\n function handleTipologiasAnimation() {\r\n if (tipologiasAnimated) return;\r\n \r\n if (isInViewport(tipologiasSection, 150)) {\r\n tipologiasSection.classList.add('abora-tipologias--visible');\r\n \r\n setTimeout(function() {\r\n tipologiasSection.classList.remove('abora-tipologias--visible');\r\n tipologiasSection.classList.add('abora-tipologias--animated');\r\n }, 50);\r\n \r\n tipologiasAnimated = true;\r\n }\r\n }\r\n \r\n var ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleTipologiasAnimation();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n handleTipologiasAnimation();\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5f8e05 elementor-widget elementor-widget-html\" data-id=\"a5f8e05\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"gallery\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n #abora-galeria.abora-galeria {\r\n position: relative !important;\r\n width: 100% !important;\r\n padding: 80px 24px !important;\r\n background-color: #ffffff !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__container {\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__header {\r\n text-align: center !important;\r\n margin-bottom: 48px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__header-inner {\r\n max-width: 600px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__tagline {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n margin: 0 0 20px 0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__tagline-line {\r\n width: 28px !important;\r\n height: 1px !important;\r\n background-color: #43676a !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__tagline-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 32px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 16px 0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__subtitle {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr !important;\r\n gap: 12px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n cursor: pointer !important;\r\n background-color: #f0f0f0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item::before {\r\n content: '' !important;\r\n display: block !important;\r\n padding-top: 75% !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:hover .abora-galeria__item-image {\r\n transform: scale(1.1);\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to top,\r\n rgba(20, 20, 20, 0.9) 0%,\r\n rgba(20, 20, 20, 0.3) 40%,\r\n rgba(20, 20, 20, 0.1) 100%\r\n ) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.4s ease;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:hover .abora-galeria__item-overlay {\r\n opacity: 1 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-content {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding: 32px 24px !important;\r\n transform: translateY(20px) !important;\r\n opacity: 0 !important;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:hover .abora-galeria__item-content {\r\n transform: translateY(0) !important;\r\n opacity: 1 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-category {\r\n display: inline-block !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.15em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n background-color: #ffffff !important;\r\n padding: 6px 12px !important;\r\n margin-bottom: 12px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 24px !important;\r\n font-weight: 500 !important;\r\n line-height: 1.2 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 8px 0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-description {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.6 !important;\r\n color: rgba(255, 255, 255, 0.8) !important;\r\n margin: 0 !important;\r\n max-width: 280px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-zoom {\r\n position: absolute !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n width: 44px !important;\r\n height: 44px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background-color: rgba(255, 255, 255, 0.95) !important;\r\n border-radius: 50% !important;\r\n opacity: 0 !important;\r\n transform: scale(0.8) !important;\r\n transition: opacity 0.3s ease, transform 0.3s ease;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:hover .abora-galeria__item-zoom {\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-zoom svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: #43676a !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-color: rgba(10, 10, 10, 0.97) !important;\r\n z-index: 99999 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox.active {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-close {\r\n position: absolute !important;\r\n top: 32px !important;\r\n right: 32px !important;\r\n width: 48px !important;\r\n height: 48px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: none !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n padding: 0 !important;\r\n z-index: 10 !important;\r\n transition: border-color 0.3s ease, transform 0.3s ease;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-close:hover {\r\n border-color: rgba(255, 255, 255, 0.5) !important;\r\n transform: rotate(90deg);\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-close svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: #ffffff !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-wrapper {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n padding: 80px 24px !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-media {\r\n position: relative !important;\r\n max-width: 100% !important;\r\n max-height: 70vh !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-image {\r\n max-width: 100% !important;\r\n max-height: 70vh !important;\r\n object-fit: contain !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-caption {\r\n text-align: center !important;\r\n margin-top: 40px !important;\r\n max-width: 500px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-category {\r\n display: inline-block !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin-bottom: 12px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 32px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 12px 0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-description {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: rgba(255, 255, 255, 0.7) !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-counter {\r\n position: absolute !important;\r\n bottom: 32px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.1em !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-nav {\r\n position: absolute !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n width: 56px !important;\r\n height: 56px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: none !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n padding: 0 !important;\r\n transition: border-color 0.3s ease, background-color 0.3s ease;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-nav:hover {\r\n border-color: rgba(255, 255, 255, 0.4) !important;\r\n background-color: rgba(255, 255, 255, 0.05) !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-nav svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: #ffffff !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-prev {\r\n left: 32px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-next {\r\n right: 32px !important;\r\n }\r\n \r\n @media screen and (min-width: 768px) {\r\n #abora-galeria.abora-galeria {\r\n padding: 100px 48px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__header {\r\n margin-bottom: 56px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__title {\r\n font-size: 40px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 16px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:nth-child(1) {\r\n grid-column: span 2 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:nth-child(1)::before {\r\n padding-top: 50% !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-content {\r\n padding: 40px 32px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-title {\r\n font-size: 28px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-title {\r\n font-size: 36px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1024px) {\r\n #abora-galeria.abora-galeria {\r\n padding: 120px 64px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__header {\r\n margin-bottom: 64px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__title {\r\n font-size: 48px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__grid {\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n gap: 20px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:nth-child(1) {\r\n grid-column: span 2 !important;\r\n grid-row: span 2 !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:nth-child(1)::before {\r\n padding-top: 100% !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item-content {\r\n padding: 48px 40px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:nth-child(1) .abora-galeria__item-title {\r\n font-size: 36px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__item:nth-child(1) .abora-galeria__item-description {\r\n font-size: 15px !important;\r\n max-width: 360px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-wrapper {\r\n padding: 100px 120px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__lightbox-title {\r\n font-size: 42px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1440px) {\r\n #abora-galeria.abora-galeria {\r\n padding: 140px 80px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__header {\r\n margin-bottom: 72px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__title {\r\n font-size: 52px !important;\r\n }\r\n \r\n #abora-galeria .abora-galeria__grid {\r\n gap: 24px !important;\r\n }\r\n }\r\n \r\n @keyframes aboraGaleriaFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n #abora-galeria .abora-galeria__header-inner,\r\n #abora-galeria .abora-galeria__item {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \r\n #abora-galeria.abora-galeria--visible .abora-galeria__header-inner,\r\n #abora-galeria.abora-galeria--visible .abora-galeria__item,\r\n #abora-galeria.abora-galeria--animated .abora-galeria__header-inner,\r\n #abora-galeria.abora-galeria--animated .abora-galeria__item {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n \r\n #abora-galeria.abora-galeria--animated .abora-galeria__header-inner {\r\n animation: aboraGaleriaFadeIn 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.1s forwards;\r\n }\r\n \r\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(1) {\r\n animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.15s forwards;\r\n }\r\n \r\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(2) {\r\n animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.25s forwards;\r\n }\r\n \r\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(3) {\r\n animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.35s forwards;\r\n }\r\n \r\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(4) {\r\n animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.45s forwards;\r\n }\r\n \r\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(5) {\r\n animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.55s forwards;\r\n }\r\n \r\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(6) {\r\n animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.65s forwards;\r\n }\r\n<\/style>\r\n\r\n<section class=\"abora-galeria\" id=\"abora-galeria\">\r\n <div class=\"abora-galeria__container\">\r\n \r\n <header class=\"abora-galeria__header\">\r\n <div class=\"abora-galeria__header-inner\">\r\n <div class=\"abora-galeria__tagline\">\r\n <span class=\"abora-galeria__tagline-line\"><\/span>\r\n <span class=\"abora-galeria__tagline-text\">Gallery<\/span>\r\n <span class=\"abora-galeria__tagline-line\"><\/span>\r\n <\/div>\r\n <h2 class=\"abora-galeria__title\">Discover every corner of your future home<\/h2>\r\n <p class=\"abora-galeria__subtitle\">Spaces designed for those seeking quality, design and exceptional views.<\/p>\r\n <\/div>\r\n <\/header>\r\n \r\n <div class=\"abora-galeria__grid\">\r\n \r\n <div class=\"abora-galeria__item\" \r\n data-index=\"0\"\r\n data-category=\"Exteriors\"\r\n data-title=\"Endless horizons\"\r\n data-description=\"Where the sky meets the ocean. Terraces designed to experience the best sunsets of your life.\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-terraza-exterior-panoramica-vistas-mar.jpg\" \r\n alt=\"Terrace with panoramic sea views\" \r\n class=\"abora-galeria__item-image\"\r\n loading=\"lazy\">\r\n <div class=\"abora-galeria__item-overlay\"><\/div>\r\n <div class=\"abora-galeria__item-content\">\r\n <span class=\"abora-galeria__item-category\">Exteriors<\/span>\r\n <h3 class=\"abora-galeria__item-title\">Endless horizons<\/h3>\r\n <p class=\"abora-galeria__item-description\">Where the sky meets the ocean. Terraces designed to experience the best sunsets of your life.<\/p>\r\n <\/div>\r\n <div class=\"abora-galeria__item-zoom\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\r\n <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-galeria__item\" \r\n data-index=\"1\"\r\n data-category=\"Interiors\"\r\n data-title=\"The heart of your home\"\r\n data-description=\"Open spaces where natural light flows without limits. Designed to live, share and create memories.\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-salon-cocina-terraza-vistas.jpg\" \r\n alt=\"Living room and kitchen with terrace access\" \r\n class=\"abora-galeria__item-image\"\r\n loading=\"lazy\">\r\n <div class=\"abora-galeria__item-overlay\"><\/div>\r\n <div class=\"abora-galeria__item-content\">\r\n <span class=\"abora-galeria__item-category\">Interiors<\/span>\r\n <h3 class=\"abora-galeria__item-title\">The heart of your home<\/h3>\r\n <p class=\"abora-galeria__item-description\">Open spaces where natural light flows without limits.<\/p>\r\n <\/div>\r\n <div class=\"abora-galeria__item-zoom\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\r\n <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-galeria__item\" \r\n data-index=\"2\"\r\n data-category=\"Bedrooms\"\r\n data-title=\"Your peaceful retreat\"\r\n data-description=\"Wake up every morning to the Atlantic breeze. Bedrooms designed for perfect rest.\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-habitacion-principal-y-terraza.jpg\" \r\n alt=\"Master bedroom with terrace access\" \r\n class=\"abora-galeria__item-image\"\r\n loading=\"lazy\">\r\n <div class=\"abora-galeria__item-overlay\"><\/div>\r\n <div class=\"abora-galeria__item-content\">\r\n <span class=\"abora-galeria__item-category\">Bedrooms<\/span>\r\n <h3 class=\"abora-galeria__item-title\">Your peaceful retreat<\/h3>\r\n <p class=\"abora-galeria__item-description\">Wake up every morning to the Atlantic breeze.<\/p>\r\n <\/div>\r\n <div class=\"abora-galeria__item-zoom\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\r\n <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-galeria__item\" \r\n data-index=\"3\"\r\n data-category=\"Interiors\"\r\n data-title=\"Design that inspires\"\r\n data-description=\"Fully equipped kitchens where the best moments begin with a good meal.\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-interior-cocina.jpg\" \r\n alt=\"Modern fully equipped kitchen\" \r\n class=\"abora-galeria__item-image\"\r\n loading=\"lazy\">\r\n <div class=\"abora-galeria__item-overlay\"><\/div>\r\n <div class=\"abora-galeria__item-content\">\r\n <span class=\"abora-galeria__item-category\">Interiors<\/span>\r\n <h3 class=\"abora-galeria__item-title\">Design that inspires<\/h3>\r\n <p class=\"abora-galeria__item-description\">Where the best moments begin.<\/p>\r\n <\/div>\r\n <div class=\"abora-galeria__item-zoom\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\r\n <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-galeria__item\" \r\n data-index=\"4\"\r\n data-category=\"Interiors\"\r\n data-title=\"Bathrooms\"\r\n data-description=\"Bathrooms with quality finishes. A sanctuary in your own home.\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-bano-completo-ducha.jpg\" \r\n alt=\"Full bathroom with shower\" \r\n class=\"abora-galeria__item-image\"\r\n loading=\"lazy\">\r\n <div class=\"abora-galeria__item-overlay\"><\/div>\r\n <div class=\"abora-galeria__item-content\">\r\n <span class=\"abora-galeria__item-category\">Interiors<\/span>\r\n <h3 class=\"abora-galeria__item-title\">Bathrooms<\/h3>\r\n <p class=\"abora-galeria__item-description\">Daily wellness with quality finishes.<\/p>\r\n <\/div>\r\n <div class=\"abora-galeria__item-zoom\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\r\n <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"abora-galeria__item\" \r\n data-index=\"5\"\r\n data-category=\"Common areas\"\r\n data-title=\"365 days of sunshine\"\r\n data-description=\"Community pool with sun terrace. Tenerife's perfect climate awaits you all year round.\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-piscina.jpg\" \r\n alt=\"Outdoor community pool\" \r\n class=\"abora-galeria__item-image\"\r\n loading=\"lazy\">\r\n <div class=\"abora-galeria__item-overlay\"><\/div>\r\n <div class=\"abora-galeria__item-content\">\r\n <span class=\"abora-galeria__item-category\">Common areas<\/span>\r\n <h3 class=\"abora-galeria__item-title\">365 days of sunshine<\/h3>\r\n <p class=\"abora-galeria__item-description\">The perfect climate awaits you all year round.<\/p>\r\n <\/div>\r\n <div class=\"abora-galeria__item-zoom\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\r\n <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <div class=\"abora-galeria__lightbox\" id=\"galeria-lightbox\">\r\n <button class=\"abora-galeria__lightbox-close\" aria-label=\"Close gallery\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\r\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\r\n <\/svg>\r\n <\/button>\r\n \r\n <button class=\"abora-galeria__lightbox-nav abora-galeria__lightbox-prev\" aria-label=\"Previous image\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n <\/svg>\r\n <\/button>\r\n \r\n <div class=\"abora-galeria__lightbox-wrapper\">\r\n <div class=\"abora-galeria__lightbox-media\">\r\n <img decoding=\"async\" src=\"\" alt=\"\" class=\"abora-galeria__lightbox-image\" id=\"lightbox-image\">\r\n <\/div>\r\n <div class=\"abora-galeria__lightbox-caption\">\r\n <span class=\"abora-galeria__lightbox-category\" id=\"lightbox-category\"><\/span>\r\n <h3 class=\"abora-galeria__lightbox-title\" id=\"lightbox-title\"><\/h3>\r\n <p class=\"abora-galeria__lightbox-description\" id=\"lightbox-description\"><\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <button class=\"abora-galeria__lightbox-nav abora-galeria__lightbox-next\" aria-label=\"Next image\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n <\/svg>\r\n <\/button>\r\n \r\n <div class=\"abora-galeria__lightbox-counter\" id=\"lightbox-counter\"><\/div>\r\n <\/div>\r\n \r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n var lightbox = document.getElementById('galeria-lightbox');\r\n var lightboxImage = document.getElementById('lightbox-image');\r\n var lightboxCategory = document.getElementById('lightbox-category');\r\n var lightboxTitle = document.getElementById('lightbox-title');\r\n var lightboxDescription = document.getElementById('lightbox-description');\r\n var lightboxCounter = document.getElementById('lightbox-counter');\r\n var closeBtn = lightbox.querySelector('.abora-galeria__lightbox-close');\r\n var prevBtn = lightbox.querySelector('.abora-galeria__lightbox-prev');\r\n var nextBtn = lightbox.querySelector('.abora-galeria__lightbox-next');\r\n var items = document.querySelectorAll('.abora-galeria__item');\r\n var currentIndex = 0;\r\n var images = [];\r\n \r\n items.forEach(function(item, index) {\r\n var img = item.querySelector('.abora-galeria__item-image');\r\n images.push({\r\n src: img.src,\r\n category: item.dataset.category,\r\n title: item.dataset.title,\r\n description: item.dataset.description\r\n });\r\n \r\n item.addEventListener('click', function() {\r\n openLightbox(index);\r\n });\r\n });\r\n \r\n function openLightbox(index) {\r\n currentIndex = index;\r\n updateLightboxContent();\r\n lightbox.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n \r\n function closeLightbox() {\r\n lightbox.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n \r\n function updateLightboxContent() {\r\n var data = images[currentIndex];\r\n lightboxImage.src = data.src;\r\n lightboxImage.alt = data.title;\r\n lightboxCategory.textContent = data.category;\r\n lightboxTitle.textContent = data.title;\r\n lightboxDescription.textContent = data.description;\r\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + images.length;\r\n }\r\n \r\n function prevImage() {\r\n currentIndex = (currentIndex - 1 + images.length) % images.length;\r\n updateLightboxContent();\r\n }\r\n \r\n function nextImage() {\r\n currentIndex = (currentIndex + 1) % images.length;\r\n updateLightboxContent();\r\n }\r\n \r\n closeBtn.addEventListener('click', closeLightbox);\r\n prevBtn.addEventListener('click', prevImage);\r\n nextBtn.addEventListener('click', nextImage);\r\n \r\n lightbox.addEventListener('click', function(e) {\r\n if (e.target === lightbox || e.target.classList.contains('abora-galeria__lightbox-wrapper')) {\r\n closeLightbox();\r\n }\r\n });\r\n \r\n document.addEventListener('keydown', function(e) {\r\n if (!lightbox.classList.contains('active')) return;\r\n \r\n if (e.key === 'Escape') closeLightbox();\r\n if (e.key === 'ArrowLeft') prevImage();\r\n if (e.key === 'ArrowRight') nextImage();\r\n });\r\n \r\n var galeriaSection = document.getElementById('abora-galeria');\r\n var galeriaAnimated = false;\r\n \r\n function isInViewport(element, offset) {\r\n var rect = element.getBoundingClientRect();\r\n var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n return rect.top <= windowHeight - (offset || 100);\r\n }\r\n \r\n function handleGaleriaAnimation() {\r\n if (galeriaAnimated) return;\r\n \r\n if (isInViewport(galeriaSection, 150)) {\r\n galeriaSection.classList.add('abora-galeria--visible');\r\n \r\n setTimeout(function() {\r\n galeriaSection.classList.remove('abora-galeria--visible');\r\n galeriaSection.classList.add('abora-galeria--animated');\r\n }, 50);\r\n \r\n galeriaAnimated = true;\r\n }\r\n }\r\n \r\n var ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleGaleriaAnimation();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n handleGaleriaAnimation();\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bd6d59 elementor-widget elementor-widget-html\" data-id=\"3bd6d59\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"location\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n #abora-ubicacion.abora-ubicacion {\r\n position: relative !important;\r\n width: 100% !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__header {\r\n position: relative !important;\r\n width: 100% !important;\r\n padding: 80px 24px !important;\r\n background: linear-gradient(\r\n 135deg,\r\n #43676a 0%,\r\n #365456 50%,\r\n #2d4547 100%\r\n ) !important;\r\n text-align: center !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__header-inner {\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__tagline {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n margin: 0 0 24px 0 !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__tagline-line {\r\n width: 28px !important;\r\n height: 1px !important;\r\n background-color: rgba(255, 255, 255, 0.4) !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__tagline-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.8) !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 36px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 20px 0 !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__subtitle {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n margin: 0 !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 400px !important;\r\n background-color: #e8e8e8 !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map iframe {\r\n width: 100% !important;\r\n height: 100% !important;\r\n border: none !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map-placeholder {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: linear-gradient(\r\n 180deg,\r\n #f0f0f0 0%,\r\n #e0e0e0 100%\r\n ) !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map-placeholder-icon {\r\n width: 64px !important;\r\n height: 64px !important;\r\n color: #43676a !important;\r\n margin-bottom: 16px !important;\r\n opacity: 0.6 !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map-placeholder-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 500 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 !important;\r\n }\r\n \r\n @media screen and (min-width: 768px) {\r\n #abora-ubicacion .abora-ubicacion__header {\r\n padding: 100px 48px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__title {\r\n font-size: 48px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__subtitle {\r\n font-size: 17px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map {\r\n height: 480px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1024px) {\r\n #abora-ubicacion .abora-ubicacion__header {\r\n padding: 120px 64px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__title {\r\n font-size: 56px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__subtitle {\r\n font-size: 18px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map {\r\n height: 550px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1440px) {\r\n #abora-ubicacion .abora-ubicacion__header {\r\n padding: 140px 80px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__title {\r\n font-size: 64px !important;\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__map {\r\n height: 600px !important;\r\n }\r\n }\r\n \r\n @keyframes aboraUbicacionFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n #abora-ubicacion .abora-ubicacion__header-inner {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \r\n #abora-ubicacion.abora-ubicacion--visible .abora-ubicacion__header-inner,\r\n #abora-ubicacion.abora-ubicacion--animated .abora-ubicacion__header-inner {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n \r\n #abora-ubicacion.abora-ubicacion--animated .abora-ubicacion__header-inner {\r\n animation: aboraUbicacionFadeIn 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.1s forwards;\r\n }\r\n<\/style>\r\n\r\n<section class=\"abora-ubicacion\" id=\"abora-ubicacion\">\r\n \r\n <header class=\"abora-ubicacion__header\">\r\n <div class=\"abora-ubicacion__header-inner\">\r\n <div class=\"abora-ubicacion__tagline\">\r\n <span class=\"abora-ubicacion__tagline-line\"><\/span>\r\n <span class=\"abora-ubicacion__tagline-text\">Costa de Adeje<\/span>\r\n <span class=\"abora-ubicacion__tagline-line\"><\/span>\r\n <\/div>\r\n <h2 class=\"abora-ubicacion__title\">A step away from the sea<br>and everything<\/h2>\r\n <p class=\"abora-ubicacion__subtitle\">A prime location 200 metres from the ocean, surrounded by nature with all essential services nearby.<\/p>\r\n <\/div>\r\n <\/header>\r\n \r\n <div class=\"abora-ubicacion__map\">\r\n <div class=\"abora-ubicacion__map-placeholder\">\r\n <iframe \r\n id=\"abora-map-iframe\" \r\n src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/map\/abora.html\" \r\n allowfullscreen \r\n title=\"Mardi Hills Handwritten Collection Interactive Map\">\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n \r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n var ubicacionSection = document.getElementById('abora-ubicacion');\r\n var ubicacionAnimated = false;\r\n \r\n function isInViewport(element, offset) {\r\n var rect = element.getBoundingClientRect();\r\n var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n return rect.top <= windowHeight - (offset || 100);\r\n }\r\n \r\n function handleUbicacionAnimation() {\r\n if (ubicacionAnimated) return;\r\n \r\n if (isInViewport(ubicacionSection, 150)) {\r\n ubicacionSection.classList.add('abora-ubicacion--visible');\r\n \r\n setTimeout(function() {\r\n ubicacionSection.classList.remove('abora-ubicacion--visible');\r\n ubicacionSection.classList.add('abora-ubicacion--animated');\r\n }, 50);\r\n \r\n ubicacionAnimated = true;\r\n }\r\n }\r\n \r\n var ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleUbicacionAnimation();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n handleUbicacionAnimation();\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-476253a elementor-widget elementor-widget-html\" data-id=\"476253a\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"info-unlock\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ABORA UNLOCK SECTION - Premium Form Experience\r\n Version: 2.1 | Bug Fixes Applied\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n \r\n \r\n \/* Section Container *\/\r\n #abora-unlock.abora-unlock {\r\n position: relative !important;\r\n width: 100% !important;\r\n padding: 80px 24px !important;\r\n background-color: #f9f9f9 !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__container {\r\n max-width: 680px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n \/* Header Styles *\/\r\n #abora-unlock .abora-unlock__header {\r\n text-align: center !important;\r\n margin-bottom: 48px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__tagline {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n margin: 0 0 20px 0 !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__tagline-line {\r\n width: 28px !important;\r\n height: 1px !important;\r\n background-color: #43676a !important;\r\n display: block !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__tagline-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.2em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: 32px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 0 16px 0 !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__subtitle {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #6b6b6b !important;\r\n margin: 0 !important;\r\n }\r\n \r\n \/* Form Container *\/\r\n #abora-unlock .abora-unlock__form {\r\n background-color: #ffffff !important;\r\n padding: 40px 32px !important;\r\n box-shadow: 0 8px 40px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04) !important;\r\n border: 1px solid rgba(67, 103, 106, 0.06) !important;\r\n }\r\n \r\n \/* WPForms Reset *\/\r\n #abora-unlock .wpforms-container {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-form {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FIX #1: Ocultar campos hidden y sus labels\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #abora-unlock .wpforms-field-hidden {\r\n display: none !important;\r\n visibility: hidden !important;\r\n height: 0 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field[class*=\"wpforms-field-hidden\"] {\r\n display: none !important;\r\n }\r\n \r\n \/* Ocultar cualquier label que contenga texto de campos ocultos *\/\r\n #abora-unlock .wpforms-field-label[for*=\"hidden\"],\r\n #abora-unlock .wpforms-field input[type=\"hidden\"] {\r\n display: none !important;\r\n }\r\n \r\n \/* Fix para campos con display:none de WPForms *\/\r\n #abora-unlock .wpforms-field[style*=\"display: none\"],\r\n #abora-unlock .wpforms-field[style*=\"display:none\"] {\r\n display: none !important;\r\n visibility: hidden !important;\r\n height: 0 !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n \r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FIX #2: Mayor espaciado entre campos\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #abora-unlock .wpforms-field {\r\n padding: 0 0 36px 0 !important;\r\n margin: 0 !important;\r\n position: relative !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field:last-of-type {\r\n padding-bottom: 0 !important;\r\n }\r\n \r\n \/* Espaciado en filas de campos *\/\r\n #abora-unlock .wpforms-field-row {\r\n display: flex !important;\r\n gap: 28px !important;\r\n margin-bottom: 0 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-row .wpforms-field {\r\n flex: 1 !important;\r\n padding-bottom: 36px !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-row-block {\r\n padding-bottom: 36px !important;\r\n }\r\n \r\n \/* Field Labels - Premium Typography *\/\r\n #abora-unlock .wpforms-field-label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.08em !important;\r\n text-transform: uppercase !important;\r\n color: #43676a !important;\r\n margin: 0 0 12px 0 !important;\r\n display: block !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n \r\n #abora-unlock .wpforms-required-label {\r\n color: #c0392b !important;\r\n font-weight: 600 !important;\r\n margin-left: 2px !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-sublabel {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n font-style: italic !important;\r\n color: #999999 !important;\r\n margin-top: 8px !important;\r\n display: block !important;\r\n }\r\n \r\n \/* Text Inputs & Textarea - Refined Design *\/\r\n #abora-unlock .wpforms-field input[type=\"text\"],\r\n #abora-unlock .wpforms-field input[type=\"email\"],\r\n #abora-unlock .wpforms-field input[type=\"tel\"],\r\n #abora-unlock .wpforms-field input[type=\"number\"],\r\n #abora-unlock .wpforms-field input[type=\"url\"],\r\n #abora-unlock .wpforms-field textarea {\r\n width: 100% !important;\r\n padding: 18px 20px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n color: #2d2d2d !important;\r\n background-color: #fafafa !important;\r\n border: 1px solid #e5e5e5 !important;\r\n border-bottom: 2px solid #e5e5e5 !important;\r\n border-radius: 0 !important;\r\n outline: none !important;\r\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n box-sizing: border-box !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field input[type=\"text\"]:hover,\r\n #abora-unlock .wpforms-field input[type=\"email\"]:hover,\r\n #abora-unlock .wpforms-field input[type=\"tel\"]:hover,\r\n #abora-unlock .wpforms-field input[type=\"number\"]:hover,\r\n #abora-unlock .wpforms-field input[type=\"url\"]:hover,\r\n #abora-unlock .wpforms-field textarea:hover {\r\n border-color: #d0d0d0 !important;\r\n border-bottom-color: #43676a !important;\r\n background-color: #f7f7f7 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field input[type=\"text\"]:focus,\r\n #abora-unlock .wpforms-field input[type=\"email\"]:focus,\r\n #abora-unlock .wpforms-field input[type=\"tel\"]:focus,\r\n #abora-unlock .wpforms-field input[type=\"number\"]:focus,\r\n #abora-unlock .wpforms-field input[type=\"url\"]:focus,\r\n #abora-unlock .wpforms-field textarea:focus {\r\n border-color: #43676a !important;\r\n border-bottom-color: #43676a !important;\r\n background-color: #ffffff !important;\r\n box-shadow: 0 4px 12px rgba(67, 103, 106, 0.08) !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field input::placeholder,\r\n #abora-unlock .wpforms-field textarea::placeholder {\r\n color: #b5b5b5 !important;\r\n font-weight: 300 !important;\r\n font-style: italic !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field input:focus::placeholder,\r\n #abora-unlock .wpforms-field textarea:focus::placeholder {\r\n opacity: 0.5 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field textarea {\r\n min-height: 140px !important;\r\n resize: vertical !important;\r\n line-height: 1.6 !important;\r\n }\r\n \r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FIX #3: Select Dropdown - Texto visible\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #abora-unlock .wpforms-field select {\r\n width: 100% !important;\r\n height: auto !important;\r\n padding: 18px 52px 18px 20px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n color: #2d2d2d !important;\r\n background-color: #fafafa !important;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2343676a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\") !important;\r\n background-repeat: no-repeat !important;\r\n background-position: right 18px center !important;\r\n background-size: 18px !important;\r\n border: 1px solid #e5e5e5 !important;\r\n border-bottom: 2px solid #e5e5e5 !important;\r\n border-radius: 0 !important;\r\n outline: none !important;\r\n cursor: pointer !important;\r\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n box-sizing: border-box !important;\r\n -webkit-appearance: none !important;\r\n -moz-appearance: none !important;\r\n appearance: none !important;\r\n line-height: 1.4 !important;\r\n }\r\n \r\n \/* Placeholder del select (primera opci\u00f3n vac\u00eda) *\/\r\n #abora-unlock .wpforms-field select option[value=\"\"] {\r\n color: #b5b5b5 !important;\r\n font-style: italic !important;\r\n }\r\n \r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FIX #4: Phone Field - Padding para bandera\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#abora-unlock .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n display: block !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti input,\r\n#abora-unlock .wpforms-field-phone .iti input[type=\"tel\"] {\r\n padding-left: 90px !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti--allow-dropdown input,\r\n#abora-unlock .wpforms-field-phone .iti--allow-dropdown input[type=\"tel\"] {\r\n padding-left: 90px !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__flag-container {\r\n padding: 0 !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 8px 0 20px !important;\r\n background-color: transparent !important;\r\n transition: background-color 0.3s ease !important;\r\n height: 100% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__selected-flag:hover {\r\n background-color: rgba(67, 103, 106, 0.04) !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__arrow {\r\n margin-left: 8px !important;\r\n border-top-color: #43676a !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__country-list {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n border: 1px solid #e5e5e5 !important;\r\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;\r\n border-radius: 0 !important;\r\n max-height: 220px !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__country {\r\n padding: 10px 16px !important;\r\n transition: background-color 0.2s ease !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__country:hover {\r\n background-color: #f5f5f5 !important;\r\n}\r\n\r\n#abora-unlock .wpforms-field-phone .iti__country.iti__highlight {\r\n background-color: rgba(67, 103, 106, 0.08) !important;\r\n}\r\n \r\n \/* Opciones del select *\/\r\n #abora-unlock .wpforms-field select option {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n color: #2d2d2d !important;\r\n background-color: #ffffff !important;\r\n padding: 12px 16px !important;\r\n line-height: 1.5 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field select option:hover,\r\n #abora-unlock .wpforms-field select option:focus {\r\n background-color: #f5f5f5 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field select:hover {\r\n border-color: #d0d0d0 !important;\r\n border-bottom-color: #43676a !important;\r\n background-color: #f7f7f7 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field select:focus {\r\n border-color: #43676a !important;\r\n border-bottom-color: #43676a !important;\r\n background-color: #ffffff !important;\r\n box-shadow: 0 4px 12px rgba(67, 103, 106, 0.08) !important;\r\n }\r\n \r\n \/* Fix para select cuando no tiene valor seleccionado *\/\r\n #abora-unlock .wpforms-field select:invalid {\r\n color: #b5b5b5 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field select:valid {\r\n color: #2d2d2d !important;\r\n }\r\n \r\n \/* Radio & Checkbox - Luxury Redesign *\/\r\n #abora-unlock .wpforms-field-radio ul,\r\n #abora-unlock .wpforms-field-checkbox ul {\r\n list-style: none !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio li,\r\n #abora-unlock .wpforms-field-checkbox li {\r\n margin: 0 0 14px 0 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio li:last-child,\r\n #abora-unlock .wpforms-field-checkbox li:last-child {\r\n margin-bottom: 0 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio input[type=\"radio\"],\r\n #abora-unlock .wpforms-field-checkbox input[type=\"checkbox\"] {\r\n width: 22px !important;\r\n height: 22px !important;\r\n margin: 0 14px 0 0 !important;\r\n border: 2px solid #d5d5d5 !important;\r\n background-color: #fafafa !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n vertical-align: middle !important;\r\n position: relative !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio input[type=\"radio\"] {\r\n border-radius: 50% !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-checkbox input[type=\"checkbox\"] {\r\n border-radius: 3px !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio input[type=\"radio\"]:hover,\r\n #abora-unlock .wpforms-field-checkbox input[type=\"checkbox\"]:hover {\r\n border-color: #43676a !important;\r\n background-color: rgba(67, 103, 106, 0.04) !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio input[type=\"radio\"]:checked,\r\n #abora-unlock .wpforms-field-checkbox input[type=\"checkbox\"]:checked {\r\n border-color: #43676a !important;\r\n background-color: #43676a !important;\r\n box-shadow: 0 2px 8px rgba(67, 103, 106, 0.25) !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio input[type=\"radio\"]:checked::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 50% !important;\r\n left: 50% !important;\r\n transform: translate(-50%, -50%) scale(1) !important;\r\n width: 8px !important;\r\n height: 8px !important;\r\n background-color: #ffffff !important;\r\n border-radius: 50% !important;\r\n animation: aboraRadioCheck 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-checkbox input[type=\"checkbox\"]:checked::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 3px !important;\r\n left: 7px !important;\r\n width: 5px !important;\r\n height: 10px !important;\r\n border: solid #ffffff !important;\r\n border-width: 0 2.5px 2.5px 0 !important;\r\n transform: rotate(45deg) !important;\r\n animation: aboraCheckmark 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n \r\n @keyframes aboraRadioCheck {\r\n 0% { transform: translate(-50%, -50%) scale(0); }\r\n 50% { transform: translate(-50%, -50%) scale(1.2); }\r\n 100% { transform: translate(-50%, -50%) scale(1); }\r\n }\r\n \r\n @keyframes aboraCheckmark {\r\n 0% { opacity: 0; transform: rotate(45deg) scale(0); }\r\n 100% { opacity: 1; transform: rotate(45deg) scale(1); }\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio label,\r\n #abora-unlock .wpforms-field-checkbox label {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n color: #4a4a4a !important;\r\n cursor: pointer !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n transition: color 0.3s ease !important;\r\n line-height: 1.5 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-radio label:hover,\r\n #abora-unlock .wpforms-field-checkbox label:hover {\r\n color: #2d2d2d !important;\r\n }\r\n \r\n \/* GDPR Checkbox - Special Treatment *\/\r\n #abora-unlock .wpforms-field-gdpr-checkbox {\r\n padding-top: 16px !important;\r\n border-top: 1px solid #f0f0f0 !important;\r\n margin-top: 8px !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-gdpr-checkbox label {\r\n font-size: 13px !important;\r\n line-height: 1.6 !important;\r\n color: #6b6b6b !important;\r\n align-items: flex-start !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-gdpr-checkbox input[type=\"checkbox\"] {\r\n margin-top: 2px !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-gdpr-checkbox a {\r\n color: #43676a !important;\r\n text-decoration: none !important;\r\n border-bottom: 1px solid transparent !important;\r\n transition: border-color 0.3s ease !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-gdpr-checkbox a:hover {\r\n border-bottom-color: #43676a !important;\r\n }\r\n \r\n \/* Phone Field International *\/\r\n #abora-unlock .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 12px 0 16px !important;\r\n background-color: transparent !important;\r\n transition: background-color 0.3s ease !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-phone .iti__selected-flag:hover {\r\n background-color: rgba(67, 103, 106, 0.04) !important;\r\n }\r\n \r\n \/* Error States - Refined *\/\r\n #abora-unlock .wpforms-field input.wpforms-error,\r\n #abora-unlock .wpforms-field textarea.wpforms-error,\r\n #abora-unlock .wpforms-field select.wpforms-error {\r\n border-color: #e74c3c !important;\r\n border-bottom-color: #c0392b !important;\r\n background-color: #fef9f9 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field input.wpforms-error:focus,\r\n #abora-unlock .wpforms-field textarea.wpforms-error:focus,\r\n #abora-unlock .wpforms-field select.wpforms-error:focus {\r\n box-shadow: 0 4px 12px rgba(192, 57, 43, 0.1) !important;\r\n }\r\n \r\n #abora-unlock label.wpforms-error {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 500 !important;\r\n color: #c0392b !important;\r\n margin-top: 10px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #abora-unlock label.wpforms-error::before {\r\n content: '!' !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 16px !important;\r\n height: 16px !important;\r\n background-color: #c0392b !important;\r\n color: #ffffff !important;\r\n font-size: 10px !important;\r\n font-weight: 700 !important;\r\n border-radius: 50% !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n \/* Submit Button - Premium CTA *\/\r\n #abora-unlock .wpforms-submit-container {\r\n padding-top: 32px !important;\r\n margin: 0 !important;\r\n text-align: center !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"],\r\n #abora-unlock .wpforms-submit {\r\n position: relative !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 14px !important;\r\n width: 100% !important;\r\n padding: 20px 48px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.18em !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background: linear-gradient(135deg, #43676a 0%, #3a5a5d 100%) !important;\r\n border: none !important;\r\n border-radius: 0 !important;\r\n cursor: pointer !important;\r\n overflow: hidden !important;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"]::before,\r\n #abora-unlock .wpforms-submit::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, #365456 0%, #2d4648 100%) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.4s ease !important;\r\n z-index: -1 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"]::after,\r\n #abora-unlock .wpforms-submit::after {\r\n content: '\u2192' !important;\r\n font-size: 16px !important;\r\n font-weight: 400 !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"]:hover,\r\n #abora-unlock .wpforms-submit:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 12px 32px rgba(67, 103, 106, 0.35) !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"]:hover::before,\r\n #abora-unlock .wpforms-submit:hover::before {\r\n opacity: 1 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"]:hover::after,\r\n #abora-unlock .wpforms-submit:hover::after {\r\n transform: translateX(4px) !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"]:active,\r\n #abora-unlock .wpforms-submit:active {\r\n transform: translateY(-1px) !important;\r\n box-shadow: 0 6px 20px rgba(67, 103, 106, 0.3) !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-spinner {\r\n margin-left: 14px !important;\r\n }\r\n \r\n \/* Confirmation Message *\/\r\n #abora-unlock .wpforms-confirmation-container-full {\r\n padding: 48px 40px !important;\r\n background-color: #ffffff !important;\r\n text-align: center !important;\r\n border-left: 4px solid #43676a !important;\r\n }\r\n \r\n #abora-unlock .wpforms-confirmation-container-full p {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.8 !important;\r\n color: #2d2d2d !important;\r\n margin: 0 !important;\r\n }\r\n \r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n Responsive Breakpoints\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n \r\n @media screen and (min-width: 768px) {\r\n #abora-unlock.abora-unlock {\r\n padding: 100px 48px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__header {\r\n margin-bottom: 56px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__title {\r\n font-size: 40px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__form {\r\n padding: 52px 44px !important;\r\n }\r\n \r\n #abora-unlock .wpforms-submit-container button[type=\"submit\"],\r\n #abora-unlock .wpforms-submit {\r\n width: auto !important;\r\n min-width: 320px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1024px) {\r\n #abora-unlock.abora-unlock {\r\n padding: 120px 64px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__container {\r\n max-width: 720px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__header {\r\n margin-bottom: 64px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__title {\r\n font-size: 48px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__form {\r\n padding: 60px 52px !important;\r\n }\r\n }\r\n \r\n @media screen and (min-width: 1440px) {\r\n #abora-unlock.abora-unlock {\r\n padding: 140px 80px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__title {\r\n font-size: 52px !important;\r\n }\r\n \r\n #abora-unlock .abora-unlock__form {\r\n padding: 68px 60px !important;\r\n }\r\n }\r\n \r\n @media screen and (max-width: 575px) {\r\n #abora-unlock .wpforms-field-row {\r\n flex-direction: column !important;\r\n gap: 0 !important;\r\n }\r\n \r\n #abora-unlock .wpforms-field-row .wpforms-field {\r\n padding-bottom: 36px !important;\r\n }\r\n }\r\n \r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n Entry Animations\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n \r\n @keyframes aboraUnlockFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n #abora-unlock .abora-unlock__header,\r\n #abora-unlock .abora-unlock__form {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \r\n #abora-unlock.abora-unlock--visible .abora-unlock__header,\r\n #abora-unlock.abora-unlock--visible .abora-unlock__form,\r\n #abora-unlock.abora-unlock--animated .abora-unlock__header,\r\n #abora-unlock.abora-unlock--animated .abora-unlock__form {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n \r\n #abora-unlock.abora-unlock--animated .abora-unlock__header {\r\n animation: aboraUnlockFadeIn 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.1s forwards;\r\n }\r\n \r\n #abora-unlock.abora-unlock--animated .abora-unlock__form {\r\n animation: aboraUnlockFadeIn 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.25s forwards;\r\n }\r\n<\/style>\r\n\r\n<section class=\"abora-unlock\" id=\"abora-unlock\">\r\n <div class=\"abora-unlock__container\">\r\n \r\n <header class=\"abora-unlock__header\">\r\n <div class=\"abora-unlock__tagline\">\r\n <span class=\"abora-unlock__tagline-line\"><\/span>\r\n <span class=\"abora-unlock__tagline-text\">Exclusive information<\/span>\r\n <span class=\"abora-unlock__tagline-line\"><\/span>\r\n <\/div>\r\n <h2 class=\"abora-unlock__title\">Unlock full information<\/h2>\r\n <p class=\"abora-unlock__subtitle\">Tell us your preferences and access personalised information about Abora: floor plans, updated prices, availability and much more.<\/p>\r\n <\/header>\r\n \r\n <div class=\"abora-unlock__form\">\r\n <style id=\"wpforms-css-vars-271\">\n\t\t\t\t#wpforms-271 {\n\t\t\t\t--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-271\"><form id=\"wpforms-form-271\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"271\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/13\" data-token=\"012faf9e8f594f1c635e314f5907695c\" data-token-time=\"1776410958\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-271-field_21-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"21\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_25-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"25\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_25\" aria-hidden=\"false\">LMP Segunda residencia emocional<\/label><input type=\"text\" id=\"wpforms-271-field_25\" class=\"wpforms-field-medium\" name=\"wpforms[fields][25]\" value=\"e4ed1364-063d-4b52-a113-fb1fe4fc5be5\" aria-errormessage=\"wpforms-271-field_25-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_43-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"43\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_43\" aria-hidden=\"false\">LMP Pareja madura en nueva etapa<\/label><input type=\"text\" id=\"wpforms-271-field_43\" class=\"wpforms-field-medium\" name=\"wpforms[fields][43]\" value=\"4595940f-a5d1-4f9e-b1eb-0f40e669bc00\" aria-errormessage=\"wpforms-271-field_43-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_44-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"44\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_44\" aria-hidden=\"false\">LMP Familia en crecimiento<\/label><input type=\"text\" id=\"wpforms-271-field_44\" class=\"wpforms-field-medium\" name=\"wpforms[fields][44]\" value=\"a7716a6e-6000-4b87-bbe4-be15c4b5bfa6\" aria-errormessage=\"wpforms-271-field_44-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_46-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"46\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_46\" aria-hidden=\"false\">LMP Inversor internacional<\/label><input type=\"text\" id=\"wpforms-271-field_46\" class=\"wpforms-field-medium\" name=\"wpforms[fields][46]\" value=\"30c59b92-ed12-4d00-99dc-60b13ca04cb7\" aria-errormessage=\"wpforms-271-field_46-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_45-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"45\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_45\" aria-hidden=\"false\">LMP N\u00f3mada digital<\/label><input type=\"text\" id=\"wpforms-271-field_45\" class=\"wpforms-field-medium\" name=\"wpforms[fields][45]\" value=\"cb355894-f263-42ea-bf2f-e2de1daeb180\" aria-errormessage=\"wpforms-271-field_45-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><\/div><\/div><\/div><div id=\"wpforms-271-field_50-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"50\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_35-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"35\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_35\" aria-hidden=\"false\">utm_source<\/label><input type=\"text\" id=\"wpforms-271-field_35\" class=\"wpforms-field-medium\" name=\"wpforms[fields][35]\" aria-errormessage=\"wpforms-271-field_35-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_52-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"52\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_52\" aria-hidden=\"false\">utm_medium<\/label><input type=\"text\" id=\"wpforms-271-field_52\" class=\"wpforms-field-medium\" name=\"wpforms[fields][52]\" aria-errormessage=\"wpforms-271-field_52-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_53-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"53\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_53\" aria-hidden=\"false\">utm_campaign<\/label><input type=\"text\" id=\"wpforms-271-field_53\" class=\"wpforms-field-medium\" name=\"wpforms[fields][53]\" aria-errormessage=\"wpforms-271-field_53-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_54-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"54\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_54\" aria-hidden=\"false\">utm_term<\/label><input type=\"text\" id=\"wpforms-271-field_54\" class=\"wpforms-field-medium\" name=\"wpforms[fields][54]\" aria-errormessage=\"wpforms-271-field_54-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_51-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"51\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_51\" aria-hidden=\"false\">Origen lead<\/label><input type=\"text\" id=\"wpforms-271-field_51\" class=\"wpforms-field-medium\" name=\"wpforms[fields][51]\" aria-errormessage=\"wpforms-271-field_51-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_56-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"56\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_56\" aria-hidden=\"false\">Stage<\/label><input type=\"text\" id=\"wpforms-271-field_56\" class=\"wpforms-field-medium\" name=\"wpforms[fields][56]\" value=\"Engage\" aria-errormessage=\"wpforms-271-field_56-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_55-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"55\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_55\" aria-hidden=\"false\">utm_content<\/label><input type=\"text\" id=\"wpforms-271-field_55\" class=\"wpforms-field-medium\" name=\"wpforms[fields][55]\" aria-errormessage=\"wpforms-271-field_55-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-271-field_49-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"49\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_40-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"40\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_40\" aria-hidden=\"false\">DISC Yellow<\/label><input type=\"text\" id=\"wpforms-271-field_40\" class=\"wpforms-field-medium\" name=\"wpforms[fields][40]\" value=\"Red\" aria-errormessage=\"wpforms-271-field_40-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_41-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"41\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_41\" aria-hidden=\"false\">DISC Green<\/label><input type=\"text\" id=\"wpforms-271-field_41\" class=\"wpforms-field-medium\" name=\"wpforms[fields][41]\" value=\"Red\" aria-errormessage=\"wpforms-271-field_41-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_39-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"39\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_39\" aria-hidden=\"false\">DISC Red<\/label><input type=\"text\" id=\"wpforms-271-field_39\" class=\"wpforms-field-medium\" name=\"wpforms[fields][39]\" value=\"Red\" aria-errormessage=\"wpforms-271-field_39-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-271-field_42-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"42\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_42\" aria-hidden=\"false\">DISC Blue<\/label><input type=\"text\" id=\"wpforms-271-field_42\" class=\"wpforms-field-medium\" name=\"wpforms[fields][42]\" value=\"Red\" aria-errormessage=\"wpforms-271-field_42-error\" ><\/div><\/div><\/div><\/div><\/div>\t\t<div id=\"wpforms-271-field_1-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"1\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-271-field_1\" >RGPD Green Yellow<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-271-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-271-field_37-container\" class=\"wpforms-field wpforms-field-select wpforms-conditional-trigger wpforms-field-select-style-classic\" data-field-id=\"37\"><label class=\"wpforms-field-label\" for=\"wpforms-271-field_37\">What is your main motivation for looking for a new property? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-271-field_37\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][37]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Select Choice ---<\/option><option value=\"I\u2019m looking for a place to disconnect, relax, and truly feel at home.\" class=\"choice-1 depth-1\" >I\u2019m looking for a place to disconnect, relax, and truly feel at home.<\/option><option value=\"We want to begin a new stage of life in an inspiring and comfortable environment.\" class=\"choice-2 depth-1\" >We want to begin a new stage of life in an inspiring and comfortable environment.<\/option><option value=\"We\u2019re looking for a bigger home that fits our family\u2019s needs.\" class=\"choice-3 depth-1\" >We\u2019re looking for a bigger home that fits our family\u2019s needs.<\/option><option value=\"I\u2019m looking for a profitable and secure real estate investment.\" class=\"choice-4 depth-1\" >I\u2019m looking for a profitable and secure real estate investment.<\/option><option value=\"I\u2019m looking for a base to work remotely and enjoy the lifestyle.\" class=\"choice-5 depth-1\" >I\u2019m looking for a base to work remotely and enjoy the lifestyle.<\/option><\/select><\/div><div id=\"wpforms-271-field_38-container\" class=\"wpforms-field wpforms-field-select wpforms-conditional-trigger wpforms-field-select-style-classic\" data-field-id=\"38\"><label class=\"wpforms-field-label\" for=\"wpforms-271-field_38\">Which of these statements best describes you? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-271-field_38\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][38]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Select Choice ---<\/option><option value=\"I like to make quick decisions and solve problems\" class=\"choice-1 depth-1\" >I like to make quick decisions and solve problems<\/option><option value=\"I prefer to fully understand my options before deciding\" class=\"choice-2 depth-1\" >I prefer to fully understand my options before deciding<\/option><option value=\"I enjoy exploring new ideas and being creative\" class=\"choice-3 depth-1\" >I enjoy exploring new ideas and being creative<\/option><option value=\"I prefer proven methods and maintaining stability\" class=\"choice-4 depth-1\" >I prefer proven methods and maintaining stability<\/option><\/select><\/div><div id=\"wpforms-271-field_6-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"6\"><fieldset><legend class=\"wpforms-field-label\">Your Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-large\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-271-field_6\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][6][first]\" aria-errormessage=\"wpforms-271-field_6-error\" required><label for=\"wpforms-271-field_6\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-271-field_6-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][6][last]\" aria-errormessage=\"wpforms-271-field_6-last-error\" required><label for=\"wpforms-271-field_6-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-271-field_5-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"5\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-271-field_9-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-271-field_9\">Phone <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-271-field_9\" class=\"wpforms-field-medium wpforms-field-required wpforms-smart-phone-field\" data-rule-smart-phone-field=\"true\" name=\"wpforms[fields][9]\" aria-label=\"Phone\" aria-errormessage=\"wpforms-271-field_9-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-271-field_15-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"15\"><label class=\"wpforms-field-label\" for=\"wpforms-271-field_15\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-271-field_15\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][15]\" spellcheck=\"false\" aria-errormessage=\"wpforms-271-field_15-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-271-field_59-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"59\"><label class=\"wpforms-field-label\" for=\"wpforms-271-field_59\">Age Range <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-271-field_59\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][59]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Select an option ---<\/option><option value=\"Less than35 years\" class=\"choice-1 depth-1\" >Less than35 years<\/option><option value=\"From 35 to 45 years\" class=\"choice-2 depth-1\" >From 35 to 45 years<\/option><option value=\"From 45 to 60 years\" class=\"choice-3 depth-1\" >From 45 to 60 years<\/option><option value=\"More than 60 years\" class=\"choice-4 depth-1\" >More than 60 years<\/option><\/select><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-271-field_36-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"36\"><label class=\"wpforms-field-label\" for=\"wpforms-271-field_36\">Country <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-271-field_36\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][36]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Select Country ---<\/option><option value=\"Afghanistan\" class=\"choice-8 depth-1\" >Afghanistan<\/option><option value=\"Albania\" class=\"choice-9 depth-1\" >Albania<\/option><option value=\"Algeria\" class=\"choice-10 depth-1\" >Algeria<\/option><option value=\"Andorra\" class=\"choice-11 depth-1\" >Andorra<\/option><option value=\"Angola\" class=\"choice-12 depth-1\" >Angola<\/option><option value=\"Antigua and Barbuda\" class=\"choice-13 depth-1\" >Antigua and Barbuda<\/option><option value=\"Argentina\" class=\"choice-14 depth-1\" >Argentina<\/option><option value=\"Armenia\" class=\"choice-15 depth-1\" >Armenia<\/option><option value=\"Australia\" class=\"choice-16 depth-1\" >Australia<\/option><option value=\"Austria\" class=\"choice-17 depth-1\" >Austria<\/option><option value=\"Azerbaijan\" class=\"choice-18 depth-1\" >Azerbaijan<\/option><option value=\"Bahamas\" class=\"choice-19 depth-1\" >Bahamas<\/option><option value=\"Bahrain\" class=\"choice-20 depth-1\" >Bahrain<\/option><option value=\"Bangladesh\" class=\"choice-21 depth-1\" >Bangladesh<\/option><option value=\"Barbados\" class=\"choice-22 depth-1\" >Barbados<\/option><option value=\"Belarus\" class=\"choice-23 depth-1\" >Belarus<\/option><option value=\"Belgium\" class=\"choice-24 depth-1\" >Belgium<\/option><option value=\"Belize\" class=\"choice-25 depth-1\" >Belize<\/option><option value=\"Benin\" class=\"choice-26 depth-1\" >Benin<\/option><option value=\"Bhutan\" class=\"choice-27 depth-1\" >Bhutan<\/option><option value=\"Bolivia\" class=\"choice-28 depth-1\" >Bolivia<\/option><option value=\"Bosnia and Herzegovina\" class=\"choice-29 depth-1\" >Bosnia and Herzegovina<\/option><option value=\"Botswana\" class=\"choice-30 depth-1\" >Botswana<\/option><option value=\"Brazil\" class=\"choice-31 depth-1\" >Brazil<\/option><option value=\"Brunei\" class=\"choice-32 depth-1\" >Brunei<\/option><option value=\"Bulgaria\" class=\"choice-33 depth-1\" >Bulgaria<\/option><option value=\"Burkina Faso\" class=\"choice-34 depth-1\" >Burkina Faso<\/option><option value=\"Burundi\" class=\"choice-35 depth-1\" >Burundi<\/option><option value=\"Cabo Verde\" class=\"choice-36 depth-1\" >Cabo Verde<\/option><option value=\"Cambodia\" class=\"choice-37 depth-1\" >Cambodia<\/option><option value=\"Cameroon\" class=\"choice-38 depth-1\" >Cameroon<\/option><option value=\"Canada\" class=\"choice-39 depth-1\" >Canada<\/option><option value=\"Central African Republic\" class=\"choice-40 depth-1\" >Central African Republic<\/option><option value=\"Chad\" class=\"choice-41 depth-1\" >Chad<\/option><option value=\"Chile\" class=\"choice-42 depth-1\" >Chile<\/option><option value=\"China\" class=\"choice-43 depth-1\" >China<\/option><option value=\"Colombia\" class=\"choice-44 depth-1\" >Colombia<\/option><option value=\"Comoros\" class=\"choice-45 depth-1\" >Comoros<\/option><option value=\"Congo\" class=\"choice-46 depth-1\" >Congo<\/option><option value=\"Costa Rica\" class=\"choice-47 depth-1\" >Costa Rica<\/option><option value=\"Croatia\" class=\"choice-48 depth-1\" >Croatia<\/option><option value=\"Cuba\" class=\"choice-49 depth-1\" >Cuba<\/option><option value=\"Cyprus\" class=\"choice-50 depth-1\" >Cyprus<\/option><option value=\"Czech Republic\" class=\"choice-51 depth-1\" >Czech Republic<\/option><option value=\"Democratic Republic of the Congo\" class=\"choice-52 depth-1\" >Democratic Republic of the Congo<\/option><option value=\"Denmark\" class=\"choice-53 depth-1\" >Denmark<\/option><option value=\"Djibouti\" class=\"choice-54 depth-1\" >Djibouti<\/option><option value=\"Dominica\" class=\"choice-55 depth-1\" >Dominica<\/option><option value=\"Dominican Republic\" class=\"choice-56 depth-1\" >Dominican Republic<\/option><option value=\"Ecuador\" class=\"choice-57 depth-1\" >Ecuador<\/option><option value=\"Egypt\" class=\"choice-58 depth-1\" >Egypt<\/option><option value=\"El Salvador\" class=\"choice-59 depth-1\" >El Salvador<\/option><option value=\"Equatorial Guinea\" class=\"choice-60 depth-1\" >Equatorial Guinea<\/option><option value=\"Eritrea\" class=\"choice-61 depth-1\" >Eritrea<\/option><option value=\"Estonia\" class=\"choice-62 depth-1\" >Estonia<\/option><option value=\"Eswatini\" class=\"choice-63 depth-1\" >Eswatini<\/option><option value=\"Ethiopia\" class=\"choice-64 depth-1\" >Ethiopia<\/option><option value=\"Fiji\" class=\"choice-65 depth-1\" >Fiji<\/option><option value=\"Finland\" class=\"choice-66 depth-1\" >Finland<\/option><option value=\"France\" class=\"choice-67 depth-1\" >France<\/option><option value=\"Gabon\" class=\"choice-68 depth-1\" >Gabon<\/option><option value=\"Gambia\" class=\"choice-69 depth-1\" >Gambia<\/option><option value=\"Georgia\" class=\"choice-70 depth-1\" >Georgia<\/option><option value=\"Germany\" class=\"choice-71 depth-1\" >Germany<\/option><option value=\"Ghana\" class=\"choice-72 depth-1\" >Ghana<\/option><option value=\"Greece\" class=\"choice-73 depth-1\" >Greece<\/option><option value=\"Grenada\" class=\"choice-74 depth-1\" >Grenada<\/option><option value=\"Guatemala\" class=\"choice-75 depth-1\" >Guatemala<\/option><option value=\"Guinea\" class=\"choice-76 depth-1\" >Guinea<\/option><option value=\"Guinea-Bissau\" class=\"choice-77 depth-1\" >Guinea-Bissau<\/option><option value=\"Guyana\" class=\"choice-78 depth-1\" >Guyana<\/option><option value=\"Haiti\" class=\"choice-79 depth-1\" >Haiti<\/option><option value=\"Honduras\" class=\"choice-80 depth-1\" >Honduras<\/option><option value=\"Hungary\" class=\"choice-81 depth-1\" >Hungary<\/option><option value=\"Iceland\" class=\"choice-82 depth-1\" >Iceland<\/option><option value=\"India\" class=\"choice-83 depth-1\" >India<\/option><option value=\"Indonesia\" class=\"choice-84 depth-1\" >Indonesia<\/option><option value=\"Iran\" class=\"choice-85 depth-1\" >Iran<\/option><option value=\"Iraq\" class=\"choice-86 depth-1\" >Iraq<\/option><option value=\"Ireland\" class=\"choice-87 depth-1\" >Ireland<\/option><option value=\"Israel\" class=\"choice-88 depth-1\" >Israel<\/option><option value=\"Italy\" class=\"choice-89 depth-1\" >Italy<\/option><option value=\"Ivory Coast\" class=\"choice-90 depth-1\" >Ivory Coast<\/option><option value=\"Jamaica\" class=\"choice-91 depth-1\" >Jamaica<\/option><option value=\"Japan\" class=\"choice-92 depth-1\" >Japan<\/option><option value=\"Jordan\" class=\"choice-93 depth-1\" >Jordan<\/option><option value=\"Kazakhstan\" class=\"choice-94 depth-1\" >Kazakhstan<\/option><option value=\"Kenya\" class=\"choice-95 depth-1\" >Kenya<\/option><option value=\"Kiribati\" class=\"choice-96 depth-1\" >Kiribati<\/option><option value=\"Kuwait\" class=\"choice-97 depth-1\" >Kuwait<\/option><option value=\"Kyrgyzstan\" class=\"choice-98 depth-1\" >Kyrgyzstan<\/option><option value=\"Laos\" class=\"choice-99 depth-1\" >Laos<\/option><option value=\"Latvia\" class=\"choice-100 depth-1\" >Latvia<\/option><option value=\"Lebanon\" class=\"choice-101 depth-1\" >Lebanon<\/option><option value=\"Lesotho\" class=\"choice-102 depth-1\" >Lesotho<\/option><option value=\"Liberia\" class=\"choice-103 depth-1\" >Liberia<\/option><option value=\"Libya\" class=\"choice-104 depth-1\" >Libya<\/option><option value=\"Liechtenstein\" class=\"choice-105 depth-1\" >Liechtenstein<\/option><option value=\"Lithuania\" class=\"choice-106 depth-1\" >Lithuania<\/option><option value=\"Luxembourg\" class=\"choice-107 depth-1\" >Luxembourg<\/option><option value=\"Madagascar\" class=\"choice-108 depth-1\" >Madagascar<\/option><option value=\"Malawi\" class=\"choice-109 depth-1\" >Malawi<\/option><option value=\"Malaysia\" class=\"choice-110 depth-1\" >Malaysia<\/option><option value=\"Maldives\" class=\"choice-111 depth-1\" >Maldives<\/option><option value=\"Mali\" class=\"choice-112 depth-1\" >Mali<\/option><option value=\"Malta\" class=\"choice-113 depth-1\" >Malta<\/option><option value=\"Marshall Islands\" class=\"choice-114 depth-1\" >Marshall Islands<\/option><option value=\"Mauritania\" class=\"choice-115 depth-1\" >Mauritania<\/option><option value=\"Mauritius\" class=\"choice-116 depth-1\" >Mauritius<\/option><option value=\"Mexico\" class=\"choice-117 depth-1\" >Mexico<\/option><option value=\"Micronesia\" class=\"choice-118 depth-1\" >Micronesia<\/option><option value=\"Moldova\" class=\"choice-119 depth-1\" >Moldova<\/option><option value=\"Monaco\" class=\"choice-120 depth-1\" >Monaco<\/option><option value=\"Mongolia\" class=\"choice-121 depth-1\" >Mongolia<\/option><option value=\"Montenegro\" class=\"choice-122 depth-1\" >Montenegro<\/option><option value=\"Morocco\" class=\"choice-123 depth-1\" >Morocco<\/option><option value=\"Mozambique\" class=\"choice-124 depth-1\" >Mozambique<\/option><option value=\"Myanmar\" class=\"choice-125 depth-1\" >Myanmar<\/option><option value=\"Namibia\" class=\"choice-126 depth-1\" >Namibia<\/option><option value=\"Nauru\" class=\"choice-127 depth-1\" >Nauru<\/option><option value=\"Nepal\" class=\"choice-128 depth-1\" >Nepal<\/option><option value=\"Netherlands\" class=\"choice-129 depth-1\" >Netherlands<\/option><option value=\"New Zealand\" class=\"choice-130 depth-1\" >New Zealand<\/option><option value=\"Nicaragua\" class=\"choice-131 depth-1\" >Nicaragua<\/option><option value=\"Niger\" class=\"choice-132 depth-1\" >Niger<\/option><option value=\"Nigeria\" class=\"choice-133 depth-1\" >Nigeria<\/option><option value=\"North Korea\" class=\"choice-134 depth-1\" >North Korea<\/option><option value=\"North Macedonia\" class=\"choice-135 depth-1\" >North Macedonia<\/option><option value=\"Norway\" class=\"choice-136 depth-1\" >Norway<\/option><option value=\"Oman\" class=\"choice-137 depth-1\" >Oman<\/option><option value=\"Pakistan\" class=\"choice-138 depth-1\" >Pakistan<\/option><option value=\"Palau\" class=\"choice-139 depth-1\" >Palau<\/option><option value=\"Palestine\" class=\"choice-140 depth-1\" >Palestine<\/option><option value=\"Panama\" class=\"choice-141 depth-1\" >Panama<\/option><option value=\"Papua New Guinea\" class=\"choice-142 depth-1\" >Papua New Guinea<\/option><option value=\"Paraguay\" class=\"choice-143 depth-1\" >Paraguay<\/option><option value=\"Peru\" class=\"choice-144 depth-1\" >Peru<\/option><option value=\"Philippines\" class=\"choice-145 depth-1\" >Philippines<\/option><option value=\"Poland\" class=\"choice-146 depth-1\" >Poland<\/option><option value=\"Portugal\" class=\"choice-147 depth-1\" >Portugal<\/option><option value=\"Qatar\" class=\"choice-148 depth-1\" >Qatar<\/option><option value=\"Romania\" class=\"choice-149 depth-1\" >Romania<\/option><option value=\"Russia\" class=\"choice-150 depth-1\" >Russia<\/option><option value=\"Rwanda\" class=\"choice-151 depth-1\" >Rwanda<\/option><option value=\"Saint Kitts and Nevis\" class=\"choice-152 depth-1\" >Saint Kitts and Nevis<\/option><option value=\"Saint Lucia\" class=\"choice-153 depth-1\" >Saint Lucia<\/option><option value=\"Saint Vincent and the Grenadines\" class=\"choice-154 depth-1\" >Saint Vincent and the Grenadines<\/option><option value=\"Samoa\" class=\"choice-155 depth-1\" >Samoa<\/option><option value=\"San Marino\" class=\"choice-156 depth-1\" >San Marino<\/option><option value=\"Sao Tome and Principe\" class=\"choice-157 depth-1\" >Sao Tome and Principe<\/option><option value=\"Saudi Arabia\" class=\"choice-158 depth-1\" >Saudi Arabia<\/option><option value=\"Senegal\" class=\"choice-159 depth-1\" >Senegal<\/option><option value=\"Serbia\" class=\"choice-160 depth-1\" >Serbia<\/option><option value=\"Seychelles\" class=\"choice-161 depth-1\" >Seychelles<\/option><option value=\"Sierra Leone\" class=\"choice-162 depth-1\" >Sierra Leone<\/option><option value=\"Singapore\" class=\"choice-163 depth-1\" >Singapore<\/option><option value=\"Slovakia\" class=\"choice-164 depth-1\" >Slovakia<\/option><option value=\"Slovenia\" class=\"choice-165 depth-1\" >Slovenia<\/option><option value=\"Solomon Islands\" class=\"choice-166 depth-1\" >Solomon Islands<\/option><option value=\"Somalia\" class=\"choice-167 depth-1\" >Somalia<\/option><option value=\"South Africa\" class=\"choice-168 depth-1\" >South Africa<\/option><option value=\"South Korea\" class=\"choice-169 depth-1\" >South Korea<\/option><option value=\"South Sudan\" class=\"choice-170 depth-1\" >South Sudan<\/option><option value=\"Spain\" class=\"choice-171 depth-1\" >Spain<\/option><option value=\"Sri Lanka\" class=\"choice-172 depth-1\" >Sri Lanka<\/option><option value=\"Sudan\" class=\"choice-173 depth-1\" >Sudan<\/option><option value=\"Suriname\" class=\"choice-174 depth-1\" >Suriname<\/option><option value=\"Sweden\" class=\"choice-175 depth-1\" >Sweden<\/option><option value=\"Switzerland\" class=\"choice-176 depth-1\" >Switzerland<\/option><option value=\"Syria\" class=\"choice-177 depth-1\" >Syria<\/option><option value=\"Tajikistan\" class=\"choice-178 depth-1\" >Tajikistan<\/option><option value=\"Tanzania\" class=\"choice-179 depth-1\" >Tanzania<\/option><option value=\"Thailand\" class=\"choice-180 depth-1\" >Thailand<\/option><option value=\"Timor-Leste\" class=\"choice-181 depth-1\" >Timor-Leste<\/option><option value=\"Togo\" class=\"choice-182 depth-1\" >Togo<\/option><option value=\"Tonga\" class=\"choice-183 depth-1\" >Tonga<\/option><option value=\"Trinidad and Tobago\" class=\"choice-184 depth-1\" >Trinidad and Tobago<\/option><option value=\"Tunisia\" class=\"choice-185 depth-1\" >Tunisia<\/option><option value=\"Turkey\" class=\"choice-186 depth-1\" >Turkey<\/option><option value=\"Turkmenistan\" class=\"choice-187 depth-1\" >Turkmenistan<\/option><option value=\"Tuvalu\" class=\"choice-188 depth-1\" >Tuvalu<\/option><option value=\"Uganda\" class=\"choice-189 depth-1\" >Uganda<\/option><option value=\"Ukraine\" class=\"choice-190 depth-1\" >Ukraine<\/option><option value=\"United Arab Emirates\" class=\"choice-191 depth-1\" >United Arab Emirates<\/option><option value=\"United Kingdom\" class=\"choice-192 depth-1\" >United Kingdom<\/option><option value=\"United States\" class=\"choice-193 depth-1\" >United States<\/option><option value=\"Uruguay\" class=\"choice-194 depth-1\" >Uruguay<\/option><option value=\"Uzbekistan\" class=\"choice-195 depth-1\" >Uzbekistan<\/option><option value=\"Vanuatu\" class=\"choice-196 depth-1\" >Vanuatu<\/option><option value=\"Vatican City\" class=\"choice-197 depth-1\" >Vatican City<\/option><option value=\"Venezuela\" class=\"choice-198 depth-1\" >Venezuela<\/option><option value=\"Vietnam\" class=\"choice-199 depth-1\" >Vietnam<\/option><option value=\"Yemen\" class=\"choice-200 depth-1\" >Yemen<\/option><option value=\"Zambia\" class=\"choice-201 depth-1\" >Zambia<\/option><option value=\"Zimbabwe\" class=\"choice-202 depth-1\" >Zimbabwe<\/option><\/select><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-271-field_33-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-field-readonly\" data-field-id=\"33\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_33\" aria-hidden=\"false\">Language<\/label><input type=\"text\" id=\"wpforms-271-field_33\" class=\"wpforms-field-large\" name=\"wpforms[fields][33]\" value=\"English\" aria-errormessage=\"wpforms-271-field_33-error\" ><\/div><div id=\"wpforms-271-field_47-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"47\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_47\" aria-hidden=\"false\">DevelopmentID<\/label><input type=\"text\" id=\"wpforms-271-field_47\" class=\"wpforms-field-medium\" name=\"wpforms[fields][47]\" value=\"18\" placeholder=\"18\" aria-errormessage=\"wpforms-271-field_47-error\" ><\/div><div id=\"wpforms-271-field_48-container\" class=\"wpforms-field wpforms-field-checkbox\" data-field-id=\"48\"><fieldset><legend class=\"wpforms-field-label wpforms-label-hide\" aria-hidden=\"false\">RGPD<\/legend><ul id=\"wpforms-271-field_48\"><li class=\"choice-1 depth-1\"><input type=\"checkbox\" id=\"wpforms-271-field_48_1\" name=\"wpforms[fields][48][]\" value=\"Your data is secure and will be treated in accordance with our Privacy Policy.\" aria-errormessage=\"wpforms-271-field_48_1-error\" aria-describedby=\"wpforms-271-field_48-description\" ><label class=\"wpforms-field-label-inline\" for=\"wpforms-271-field_48_1\">Your data is secure and will be treated in accordance with our Privacy Policy.<\/label><\/li><\/ul><div id=\"wpforms-271-field_48-description\" class=\"wpforms-field-description\">Check our <a href=\"https:\/\/aboraresidencial.com\/en\/privacy\/\">Privacy Policy here. <\/a><\/div><\/fieldset><\/div><div id=\"wpforms-271-field_57-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"57\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-271-field_57\" aria-hidden=\"false\">tracker_lead_created<\/label><input type=\"text\" id=\"wpforms-271-field_57\" class=\"wpforms-field-medium\" name=\"wpforms[fields][57]\" value=\"1\" aria-errormessage=\"wpforms-271-field_57-error\" ><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-271-field_1-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-271-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-271-field_1-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"271\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/pages\/13\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-271\" class=\"wpforms-submit\" data-alt-text=\"Working on it...\" data-submit-text=\"Unlock all the information\" aria-live=\"assertive\" value=\"wpforms-submit\">Unlock all the information<\/button><img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div> \r\n <\/div>\r\n \r\n \r\n <div class=\"abora-unlock-return__elementor\">\r\n \t\t<div data-elementor-type=\"container\" data-elementor-id=\"1456\" class=\"elementor elementor-1456\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b2971f9 e-flex e-con-boxed e-con e-parent\" data-id=\"4b2971f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1942d96c e-con-full e-flex e-con e-child\" data-id=\"1942d96c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-736886d9 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"736886d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6MTQ1OCwidG9nZ2xlIjpmYWxzZX0%3D\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"><strong>Are you a real estate broker?<\/strong> <br>Send us your details and we'll get in touch with you<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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\t\t<\/div>\n\t\t\r\n <\/div>\r\n \r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n var unlockSection = document.getElementById('abora-unlock');\r\n var unlockAnimated = false;\r\n \r\n function isInViewport(element, offset) {\r\n var rect = element.getBoundingClientRect();\r\n var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n return rect.top <= windowHeight - (offset || 100);\r\n }\r\n \r\n function handleUnlockAnimation() {\r\n if (unlockAnimated) return;\r\n \r\n if (isInViewport(unlockSection, 150)) {\r\n unlockSection.classList.add('abora-unlock--visible');\r\n \r\n setTimeout(function() {\r\n unlockSection.classList.remove('abora-unlock--visible');\r\n unlockSection.classList.add('abora-unlock--animated');\r\n }, 50);\r\n \r\n unlockAnimated = true;\r\n }\r\n }\r\n \r\n var ticking = false;\r\n window.addEventListener('scroll', function() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(function() {\r\n handleUnlockAnimation();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n \r\n handleUnlockAnimation();\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8042846 elementor-widget elementor-widget-html\" data-id=\"8042846\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n #abora-footer.abora-footer {\r\n background: linear-gradient(135deg, #43676a 0%, #365456 50%, #2d4547 100%) !important;\r\n padding: 0 !important;\r\n box-sizing: border-box !important;\r\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;\r\n }\r\n \r\n #abora-footer .abora-footer__main {\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n padding: 40px 24px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 32px !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n #abora-footer .abora-footer__top {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 28px !important;\r\n align-items: center !important;\r\n }\r\n \r\n #abora-footer .abora-footer__brands {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 20px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__logo-abora {\r\n display: block !important;\r\n text-decoration: none !important;\r\n }\r\n \r\n #abora-footer .abora-footer__logo-abora img {\r\n height: 28px !important;\r\n width: auto !important;\r\n display: block !important;\r\n filter: brightness(0) invert(1) !important;\r\n transition: opacity 0.3s ease;\r\n }\r\n \r\n #abora-footer .abora-footer__logo-abora:hover img {\r\n opacity: 0.8 !important;\r\n }\r\n \r\n #abora-footer .abora-footer__brand-divider {\r\n width: 1px !important;\r\n height: 24px !important;\r\n background-color: rgba(255, 255, 255, 0.25) !important;\r\n }\r\n \r\n #abora-footer .abora-footer__logo-metro {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__logo-metro img {\r\n height: 20px !important;\r\n width: auto !important;\r\n display: block !important;\r\n margin-top: 10px !important;\r\n filter: brightness(0) invert(1) !important;\r\n }\r\n \r\n \/* Contact Section *\/\r\n #abora-footer .abora-footer__contact {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 24px !important;\r\n flex-wrap: wrap !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #abora-footer .abora-footer__contact-item {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__contact-icon {\r\n width: 16px !important;\r\n height: 16px !important;\r\n color: rgba(255, 255, 255, 0.6) !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n #abora-footer .abora-footer__contact-link {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 500 !important;\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n text-decoration: none !important;\r\n letter-spacing: 0.02em !important;\r\n transition: color 0.3s ease;\r\n }\r\n \r\n #abora-footer .abora-footer__contact-link:hover {\r\n color: #ffffff !important;\r\n }\r\n \r\n #abora-footer .abora-footer__contact-text {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n color: rgba(255, 255, 255, 0.7) !important;\r\n letter-spacing: 0.02em !important;\r\n }\r\n \r\n #abora-footer .abora-footer__contact-separator {\r\n width: 1px !important;\r\n height: 14px !important;\r\n background-color: rgba(255, 255, 255, 0.2) !important;\r\n }\r\n \r\n \/* Nav wrapper *\/\r\n #abora-footer .abora-footer__nav-wrapper {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 20px !important;\r\n align-items: center !important;\r\n }\r\n \r\n #abora-footer .abora-footer__nav {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n flex-wrap: wrap !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #abora-footer .abora-footer__nav-link {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n color: rgba(255, 255, 255, 0.7) !important;\r\n text-decoration: none !important;\r\n letter-spacing: 0.03em !important;\r\n padding: 6px 8px !important;\r\n transition: color 0.3s ease;\r\n }\r\n \r\n #abora-footer .abora-footer__nav-link:hover {\r\n color: #ffffff !important;\r\n }\r\n \r\n #abora-footer .abora-footer__nav-separator {\r\n font-size: 10px !important;\r\n color: rgba(255, 255, 255, 0.3) !important;\r\n user-select: none !important;\r\n }\r\n \r\n \/* Language selector *\/\r\n #abora-footer .abora-footer__language {\r\n position: relative !important;\r\n }\r\n \r\n #abora-footer .abora-footer__language-toggle {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 500 !important;\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n padding: 8px 14px !important;\r\n cursor: pointer !important;\r\n letter-spacing: 0.05em !important;\r\n transition: background-color 0.3s ease, border-color 0.3s ease;\r\n }\r\n \r\n #abora-footer .abora-footer__language-toggle:hover {\r\n background: rgba(255, 255, 255, 0.15) !important;\r\n border-color: rgba(255, 255, 255, 0.3) !important;\r\n }\r\n \r\n #abora-footer .abora-footer__language-toggle svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n #abora-footer .abora-footer__language.active .abora-footer__language-toggle svg {\r\n transform: rotate(180deg) !important;\r\n }\r\n \r\n #abora-footer .abora-footer__language-dropdown {\r\n position: absolute !important;\r\n bottom: 100% !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n margin-bottom: 8px !important;\r\n background-color: #ffffff !important;\r\n border-radius: 4px !important;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2) !important;\r\n min-width: 140px !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: opacity 0.3s ease, visibility 0.3s ease;\r\n z-index: 100 !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n #abora-footer .abora-footer__language.active .abora-footer__language-dropdown {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n \r\n #abora-footer .abora-footer__language-option {\r\n display: block !important;\r\n width: 100% !important;\r\n padding: 12px 16px !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.05em !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n color: #2d2d2d !important;\r\n background: none !important;\r\n border: none !important;\r\n text-align: left !important;\r\n cursor: pointer !important;\r\n transition: background-color 0.2s ease, color 0.2s ease;\r\n }\r\n \r\n #abora-footer .abora-footer__language-option:hover {\r\n background-color: #f5f5f5 !important;\r\n color: #43676a !important;\r\n }\r\n \r\n #abora-footer .abora-footer__language-option.active {\r\n color: #43676a !important;\r\n font-weight: 600 !important;\r\n background-color: #f0f7f7 !important;\r\n }\r\n \r\n \/* Bottom bar *\/\r\n #abora-footer .abora-footer__bottom {\r\n border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n padding: 20px 24px !important;\r\n text-align: center !important;\r\n }\r\n \r\n #abora-footer .abora-footer__copyright {\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n margin: 0 !important;\r\n letter-spacing: 0.03em !important;\r\n }\r\n \r\n \/* Responsive - Tablet *\/\r\n @media screen and (min-width: 768px) {\r\n #abora-footer .abora-footer__main {\r\n padding: 48px 48px !important;\r\n flex-direction: row !important;\r\n justify-content: space-between !important;\r\n align-items: center !important;\r\n gap: 40px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__top {\r\n flex-direction: row !important;\r\n gap: 40px !important;\r\n align-items: center !important;\r\n }\r\n \r\n #abora-footer .abora-footer__brands {\r\n gap: 24px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__logo-abora img {\r\n height: 32px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__brand-divider {\r\n height: 28px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__nav-wrapper {\r\n flex-direction: row !important;\r\n gap: 32px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__bottom {\r\n padding: 24px 48px !important;\r\n }\r\n }\r\n \r\n \/* Responsive - Desktop *\/\r\n @media screen and (min-width: 1024px) {\r\n #abora-footer .abora-footer__main {\r\n padding: 52px 64px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__top {\r\n gap: 48px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__contact {\r\n gap: 28px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__nav-wrapper {\r\n gap: 40px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__bottom {\r\n padding: 24px 64px !important;\r\n }\r\n }\r\n \r\n \/* Responsive - Large Desktop *\/\r\n @media screen and (min-width: 1440px) {\r\n #abora-footer .abora-footer__main {\r\n padding: 56px 80px !important;\r\n }\r\n \r\n #abora-footer .abora-footer__bottom {\r\n padding: 28px 80px !important;\r\n }\r\n }\r\n<\/style>\r\n\r\n<footer class=\"abora-footer\" id=\"abora-footer\">\r\n \r\n \r\n <div class=\"abora-footer__main\">\r\n \r\n \r\n <div class=\"abora-footer__top\">\r\n \r\n \r\n <div class=\"abora-footer__brands\">\r\n <a href=\"\/\" class=\"abora-footer__logo-abora\" aria-label=\"Abora Residencial - Home\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\" alt=\"Abora Residencial\">\r\n <\/a>\r\n <span class=\"abora-footer__brand-divider\"><\/span>\r\n <span class=\"abora-footer__logo-metro\">\r\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/metrovacesa-logo-abreviado.png\" alt=\"Metrovacesa\">\r\n <\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"abora-footer__contact\">\r\n <div class=\"abora-footer__contact-item\">\r\n <svg class=\"abora-footer__contact-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n <a href=\"tel:+34911678138\" class=\"abora-footer__contact-link\">911 67 81 38<\/a>\r\n <\/div>\r\n <span class=\"abora-footer__contact-separator\"><\/span>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n \r\n <div class=\"abora-footer__nav-wrapper\">\r\n \r\n \r\n <nav class=\"abora-footer__nav\">\r\n <a href=\"\/legal-notice\" class=\"abora-footer__nav-link\">Legal Notice<\/a>\r\n <span class=\"abora-footer__nav-separator\">\u00b7<\/span>\r\n <a href=\"\/privacy\" class=\"abora-footer__nav-link\">Privacy<\/a>\r\n <span class=\"abora-footer__nav-separator\">\u00b7<\/span>\r\n <a href=\"\/cookies\" class=\"abora-footer__nav-link\">Cookies<\/a>\r\n <\/nav>\r\n \r\n \r\n <div class=\"abora-footer__language\" id=\"abora-footer-language\">\r\n <button class=\"abora-footer__language-toggle\" aria-expanded=\"false\" aria-haspopup=\"true\" aria-label=\"Select language\">\r\n <span>EN<\/span>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"abora-footer__language-dropdown\">\r\n <button class=\"abora-footer__language-option active\" data-lang=\"en\">English<\/button>\r\n <button class=\"abora-footer__language-option\" data-lang=\"de\">Deutsch<\/button>\r\n <button class=\"abora-footer__language-option\" data-lang=\"fr\">Fran\u00e7ais<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n \r\n \r\n <div class=\"abora-footer__bottom\">\r\n <p class=\"abora-footer__copyright\">\u00a9 2025 Metrovacesa. All rights reserved.<\/p>\r\n <\/div>\r\n \r\n<\/footer>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n \r\n \/* ============================================\r\n WPML LANGUAGE CONFIG\r\n EN, DE and FR active\r\n ============================================ *\/\r\n var WPML_LANGUAGES = {\r\n 'en': { prefix: '\/en', name: 'English', code: 'EN' },\r\n 'de': { prefix: '\/de', name: 'Deutsch', code: 'DE' },\r\n 'fr': { prefix: '\/fr', name: 'Fran\u00e7ais', code: 'FR' }\r\n };\r\n \r\n \/* All known language prefixes for stripping *\/\r\n var LANG_PREFIXES = ['\/en', '\/de', '\/it', '\/fr'];\r\n \r\n function detectCurrentLanguage() {\r\n var path = window.location.pathname;\r\n for (var i = 0; i < LANG_PREFIXES.length; i++) {\r\n var prefix = LANG_PREFIXES[i];\r\n if (path === prefix || path.startsWith(prefix + '\/')) {\r\n return prefix.substring(1);\r\n }\r\n }\r\n return 'en';\r\n }\r\n \r\n function stripLangPrefix(path) {\r\n for (var i = 0; i < LANG_PREFIXES.length; i++) {\r\n var prefix = LANG_PREFIXES[i];\r\n if (path === prefix || path === prefix + '\/') {\r\n return '\/';\r\n }\r\n if (path.startsWith(prefix + '\/')) {\r\n return path.substring(prefix.length);\r\n }\r\n }\r\n return path;\r\n }\r\n \r\n function switchLanguage(targetLang) {\r\n var config = WPML_LANGUAGES[targetLang];\r\n if (!config) return;\r\n \r\n var cleanPath = stripLangPrefix(window.location.pathname);\r\n var newPath;\r\n \r\n if (cleanPath === '\/') {\r\n newPath = config.prefix;\r\n } else {\r\n newPath = config.prefix + cleanPath;\r\n }\r\n \r\n if (!newPath) newPath = '\/';\r\n \r\n if (newPath.length > 1 && newPath.endsWith('\/')) {\r\n newPath = newPath.slice(0, -1);\r\n }\r\n \r\n window.location.href = window.location.origin + newPath + window.location.search + window.location.hash;\r\n }\r\n \r\n \/* ============================================\r\n FOOTER LANGUAGE SELECTOR\r\n ============================================ *\/\r\n var footerLangSelector = document.getElementById('abora-footer-language');\r\n \r\n if (footerLangSelector) {\r\n var footerLangToggle = footerLangSelector.querySelector('.abora-footer__language-toggle');\r\n var footerLangOptions = footerLangSelector.querySelectorAll('.abora-footer__language-option');\r\n var currentLang = detectCurrentLanguage();\r\n \r\n if (footerLangToggle && WPML_LANGUAGES[currentLang]) {\r\n footerLangToggle.querySelector('span').textContent = WPML_LANGUAGES[currentLang].code;\r\n }\r\n \r\n footerLangOptions.forEach(function(opt) {\r\n opt.classList.remove('active');\r\n if (opt.getAttribute('data-lang') === currentLang) {\r\n opt.classList.add('active');\r\n }\r\n });\r\n \r\n if (footerLangToggle) {\r\n footerLangToggle.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n var isExpanded = footerLangSelector.classList.toggle('active');\r\n footerLangToggle.setAttribute('aria-expanded', isExpanded);\r\n });\r\n }\r\n \r\n footerLangOptions.forEach(function(option) {\r\n option.addEventListener('click', function() {\r\n var lang = this.getAttribute('data-lang');\r\n if (lang !== currentLang) {\r\n switchLanguage(lang);\r\n } else {\r\n footerLangSelector.classList.remove('active');\r\n if (footerLangToggle) {\r\n footerLangToggle.setAttribute('aria-expanded', 'false');\r\n }\r\n }\r\n });\r\n });\r\n \r\n document.addEventListener('click', function(e) {\r\n if (!footerLangSelector.contains(e.target)) {\r\n footerLangSelector.classList.remove('active');\r\n if (footerLangToggle) {\r\n footerLangToggle.setAttribute('aria-expanded', 'false');\r\n }\r\n }\r\n });\r\n \r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && footerLangSelector.classList.contains('active')) {\r\n footerLangSelector.classList.remove('active');\r\n if (footerLangToggle) {\r\n footerLangToggle.setAttribute('aria-expanded', 'false');\r\n }\r\n }\r\n });\r\n }\r\n \r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4005f67 e-con-full e-flex e-con e-parent\" data-id=\"4005f67\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2123a9f elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"2123a9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Non-contractual images based on the Basic Project submitted for the processing of the Building Permit. Information subject to necessary modifications due to technical, legal, or commercial requirements during the course of the work or once it has been completed. All information and documentation will be provided in accordance with Royal Decree 515\/1989 and any other regulations that may supplement it, whether at the national or regional level.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d9f8dc elementor-widget elementor-widget-image\" data-id=\"5d9f8dc\" 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=\"500\" height=\"143\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2026\/02\/lifeincosta.png\" class=\"attachment-full size-full wp-image-2083\" alt=\"\" srcset=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2026\/02\/lifeincosta.png 500w, https:\/\/aboraresidencial.com\/wp-content\/uploads\/2026\/02\/lifeincosta-300x86.png 300w, https:\/\/aboraresidencial.com\/wp-content\/uploads\/2026\/02\/lifeincosta-350x100.png 350w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89ca10a elementor-widget elementor-widget-html\" data-id=\"89ca10a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n .evoost-signature-wrapper {\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n width: 100% !important;\r\n padding: 10px 0 !important;\r\n font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\r\n }\r\n \r\n .evoost-signature {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-decoration: none !important;\r\n padding: 8px 12px !important;\r\n border-radius: 30px !important;\r\n border: 1px solid rgba(230, 230, 230, 0.3) !important;\r\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n background-color: transparent !important;\r\n }\r\n \r\n .evoost-logo {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 8px !important;\r\n opacity: 0.75 !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n .evoost-text {\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.2px !important;\r\n color: #888 !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n .evoost-highlight {\r\n font-weight: 500 !important;\r\n color: #666 !important;\r\n transition: all 0.5s ease !important;\r\n }\r\n \r\n .evoost-signature:before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, rgba(245,245,245,0.9) 0%, rgba(235,235,235,0.9) 100%) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n .evoost-signature:after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -150% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to right,\r\n rgba(255, 255, 255, 0) 0%,\r\n rgba(255, 255, 255, 0.2) 50%,\r\n rgba(255, 255, 255, 0) 100%\r\n ) !important;\r\n transform: skewX(-25deg) !important;\r\n z-index: 3 !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.2s ease !important;\r\n }\r\n \r\n @keyframes shineEffect {\r\n 0% {\r\n left: -150% !important;\r\n }\r\n 100% {\r\n left: 150% !important;\r\n }\r\n }\r\n \r\n .evoost-signature:hover {\r\n border-color: rgba(210, 210, 210, 0.5) !important;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;\r\n }\r\n \r\n .evoost-signature:hover:before {\r\n opacity: 1 !important;\r\n }\r\n \r\n .evoost-signature:hover:after {\r\n opacity: 1 !important;\r\n animation: shineEffect 1.2s ease-in-out !important;\r\n }\r\n \r\n .evoost-signature:hover .evoost-logo {\r\n opacity: 1 !important;\r\n transform: scale(1.05) !important;\r\n }\r\n \r\n .evoost-signature:hover .evoost-text {\r\n background: linear-gradient(to right, #333, #666) !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n color: transparent !important;\r\n }\r\n \r\n .evoost-signature:hover .evoost-highlight {\r\n background: linear-gradient(to right, #111, #444) !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n color: transparent !important;\r\n }\r\n<\/style>\r\n<div class=\"evoost-signature-wrapper\">\r\n <a href=\"https:\/\/evoost.ai\/?utm_source=Abora\" target=\"_blank\" class=\"evoost-signature\" aria-label=\"Powered by eVoost\">\r\n <img decoding=\"async\" src=\"https:\/\/asvillas.pt\/wp-content\/uploads\/2025\/05\/evoost_sales_innovation_logo-removebg-preview.svg\" alt=\"eVoost\" class=\"evoost-logo\">\r\n <span class=\"evoost-text\">Powered by <span class=\"evoost-highlight\">eVoost<\/span><\/span>\r\n <\/a>\r\n<\/div>\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>Abora Residencial | Life under the Spanish sun Your seaside retreat awaits EN English Deutsch Fran\u00e7ais 01 About Abora 02 Typologies 03 Gallery 04 Location Exclusive access Unlock information Select language EN DE FR Phone 911 67 81 38 Location Costa de Adeje, Tenerife 01 Costa de Adeje 01 Costa de Adeje, Tenerife Life under […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Abora Residencial | Luxury Apartments Tenerife Costa de Adeje<\/title>\n<meta name=\"description\" content=\"Live steps from the ocean in Costa de Adeje. 138 new luxury apartments with Atlantic views, premium amenities, 365 days of perfect weather. From \u20ac408,700.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aboraresidencial.com\/de\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Abora Residencial | Luxury Apartments Tenerife Costa de Adeje\" \/>\n<meta property=\"og:description\" content=\"Live steps from the ocean in Costa de Adeje. 138 new luxury apartments with Atlantic views, premium amenities, 365 days of perfect weather. From \u20ac408,700.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aboraresidencial.com\/de\/\" \/>\n<meta property=\"og:site_name\" content=\"Abora Residencial\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-01T12:40:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"40 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aboraresidencial.com\/de\/\",\"url\":\"https:\/\/aboraresidencial.com\/de\/\",\"name\":\"Abora Residencial | Luxury Apartments Tenerife Costa de Adeje\",\"isPartOf\":{\"@id\":\"https:\/\/aboraresidencial.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/aboraresidencial.com\/de\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/aboraresidencial.com\/de\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\",\"datePublished\":\"2025-11-24T10:46:50+00:00\",\"dateModified\":\"2026-04-01T12:40:57+00:00\",\"description\":\"Live steps from the ocean in Costa de Adeje. 138 new luxury apartments with Atlantic views, premium amenities, 365 days of perfect weather. From \u20ac408,700.\",\"breadcrumb\":{\"@id\":\"https:\/\/aboraresidencial.com\/de\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/aboraresidencial.com\/de\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/aboraresidencial.com\/de\/#primaryimage\",\"url\":\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\",\"contentUrl\":\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/aboraresidencial.com\/de\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/aboraresidencial.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Engage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/aboraresidencial.com\/en\/#website\",\"url\":\"https:\/\/aboraresidencial.com\/en\/\",\"name\":\"Abora Residencial\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/aboraresidencial.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/aboraresidencial.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/aboraresidencial.com\/en\/#organization\",\"name\":\"Abora Residencial\",\"url\":\"https:\/\/aboraresidencial.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/aboraresidencial.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\",\"contentUrl\":\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\",\"width\":355,\"height\":120,\"caption\":\"Abora Residencial\"},\"image\":{\"@id\":\"https:\/\/aboraresidencial.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Abora Residencial | Luxury Apartments Tenerife Costa de Adeje","description":"Live steps from the ocean in Costa de Adeje. 138 new luxury apartments with Atlantic views, premium amenities, 365 days of perfect weather. From \u20ac408,700.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aboraresidencial.com\/de\/","og_locale":"en_US","og_type":"article","og_title":"Abora Residencial | Luxury Apartments Tenerife Costa de Adeje","og_description":"Live steps from the ocean in Costa de Adeje. 138 new luxury apartments with Atlantic views, premium amenities, 365 days of perfect weather. From \u20ac408,700.","og_url":"https:\/\/aboraresidencial.com\/de\/","og_site_name":"Abora Residencial","article_modified_time":"2026-04-01T12:40:57+00:00","og_image":[{"url":"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"40 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aboraresidencial.com\/de\/","url":"https:\/\/aboraresidencial.com\/de\/","name":"Abora Residencial | Luxury Apartments Tenerife Costa de Adeje","isPartOf":{"@id":"https:\/\/aboraresidencial.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aboraresidencial.com\/de\/#primaryimage"},"image":{"@id":"https:\/\/aboraresidencial.com\/de\/#primaryimage"},"thumbnailUrl":"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png","datePublished":"2025-11-24T10:46:50+00:00","dateModified":"2026-04-01T12:40:57+00:00","description":"Live steps from the ocean in Costa de Adeje. 138 new luxury apartments with Atlantic views, premium amenities, 365 days of perfect weather. From \u20ac408,700.","breadcrumb":{"@id":"https:\/\/aboraresidencial.com\/de\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aboraresidencial.com\/de\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/aboraresidencial.com\/de\/#primaryimage","url":"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png","contentUrl":"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png"},{"@type":"BreadcrumbList","@id":"https:\/\/aboraresidencial.com\/de\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/aboraresidencial.com\/de\/"},{"@type":"ListItem","position":2,"name":"Engage"}]},{"@type":"WebSite","@id":"https:\/\/aboraresidencial.com\/en\/#website","url":"https:\/\/aboraresidencial.com\/en\/","name":"Abora Residencial","description":"","publisher":{"@id":"https:\/\/aboraresidencial.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aboraresidencial.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/aboraresidencial.com\/en\/#organization","name":"Abora Residencial","url":"https:\/\/aboraresidencial.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/aboraresidencial.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png","contentUrl":"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png","width":355,"height":120,"caption":"Abora Residencial"},"image":{"@id":"https:\/\/aboraresidencial.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":364,"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":4558,"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/pages\/13\/revisions\/4558"}],"wp:attachment":[{"href":"https:\/\/aboraresidencial.com\/en\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}