{"id":5698,"date":"2025-11-24T10:46:50","date_gmt":"2025-11-24T10:46:50","guid":{"rendered":"https:\/\/aboraresidencial.com\/?page_id=13&lang=sv"},"modified":"2026-05-05T03:11:47","modified_gmt":"2026-05-05T03:11:47","slug":"engage","status":"publish","type":"page","link":"https:\/\/aboraresidencial.com\/sv\/","title":{"rendered":"Engage [SE]"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n \n \n Abora Residencial | Livet under den spanska solen<\/title>\n\n <!-- Google Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link\n 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\"\n rel=\"stylesheet\">\n\n <style>\n :root {\n --abora-primary: #43676a;\n --abora-primary-dark: #365456;\n --abora-primary-darker: #2d4547;\n --abora-secondary: #ececec;\n --abora-white: #ffffff;\n --abora-black: #1a1a1a;\n --abora-text: #2d2d2d;\n --abora-text-light: #6b6b6b;\n }\n\n \/* ============================================\n PRELOADER\n ============================================ *\/\n #abora-preloader.abora-preloader {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n background-color: #43676a !important;\n z-index: 999999 !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 40px !important;\n transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), visibility 1s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n #abora-preloader.abora-preloader.abora-preloader--hidden {\n opacity: 0 !important;\n visibility: hidden !important;\n pointer-events: none !important;\n }\n\n #abora-preloader .abora-preloader__logo {\n width: 160px !important;\n height: auto !important;\n display: block !important;\n filter: brightness(0) invert(1) !important;\n animation: aboraPreloaderPulse 2s ease-in-out infinite;\n }\n\n #abora-preloader .abora-preloader__line {\n width: 120px !important;\n height: 1px !important;\n background-color: rgba(255, 255, 255, 0.2) !important;\n position: relative !important;\n overflow: hidden !important;\n }\n\n #abora-preloader .abora-preloader__line::after {\n content: '' !important;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 40% !important;\n height: 100% !important;\n background-color: #ffffff !important;\n animation: aboraPreloaderSlide 1.5s ease-in-out infinite;\n }\n\n #abora-preloader .abora-preloader__text {\n font-family: 'Montserrat', -apple-system, sans-serif !important;\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 0.3em !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.6) !important;\n text-align: center !important;\n display: block !important;\n }\n\n @keyframes aboraPreloaderPulse {\n\n 0%,\n 100% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0.6;\n }\n }\n\n @keyframes aboraPreloaderSlide {\n 0% {\n transform: translateX(-100%);\n }\n\n 100% {\n transform: translateX(350%);\n }\n }\n\n \/* ============================================\n HEADER\n ============================================ *\/\n #abora-header.abora-header {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n z-index: 9999 !important;\n padding: 20px 24px !important;\n background-color: transparent !important;\n box-sizing: border-box !important;\n transition: background-color 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease;\n }\n\n #abora-header.abora-header.abora-header--scrolled {\n background-color: rgba(255, 255, 255, 0.98) !important;\n backdrop-filter: blur(20px) !important;\n -webkit-backdrop-filter: blur(20px) !important;\n box-shadow: 0 4px 30px rgba(67, 103, 106, 0.08) !important;\n padding: 14px 24px !important;\n }\n\n #abora-header .abora-header__container {\n max-width: 1440px !important;\n margin: 0 auto !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n box-sizing: border-box !important;\n }\n\n #abora-header .abora-header__logo {\n flex-shrink: 0 !important;\n display: block !important;\n text-decoration: none !important;\n }\n\n #abora-header .abora-header__logo img {\n height: 32px !important;\n width: auto !important;\n display: block !important;\n filter: brightness(0) invert(1) !important;\n transition: filter 0.4s ease, height 0.4s ease;\n }\n\n #abora-header.abora-header--scrolled .abora-header__logo img {\n filter: none !important;\n height: 28px !important;\n }\n\n #abora-header .abora-header__right {\n display: flex !important;\n align-items: center !important;\n gap: 24px !important;\n }\n\n #abora-header .abora-header__lang {\n position: relative !important;\n display: none !important;\n align-items: center !important;\n gap: 6px !important;\n }\n\n #abora-header .abora-header__lang-btn {\n font-family: 'Montserrat', sans-serif !important;\n font-size: 12px !important;\n font-weight: 500 !important;\n letter-spacing: 0.05em !important;\n text-transform: uppercase !important;\n color: #ffffff !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: center !important;\n gap: 6px !important;\n background: none !important;\n border: none !important;\n padding: 8px !important;\n transition: color 0.3s ease;\n }\n\n #abora-header .abora-header__lang-btn svg {\n width: 14px !important;\n height: 14px !important;\n transition: transform 0.3s ease;\n }\n\n #abora-header .abora-header__lang.abora-lang-open .abora-header__lang-btn svg {\n transform: rotate(180deg) !important;\n }\n\n #abora-header.abora-header--scrolled .abora-header__lang-btn {\n color: #2d2d2d !important;\n }\n\n #abora-header .abora-header__lang-dropdown {\n position: absolute !important;\n top: 100% !important;\n right: 0 !important;\n margin-top: 8px !important;\n background-color: #ffffff !important;\n border-radius: 4px !important;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;\n min-width: 160px !important;\n max-height: 60vh !important;\n overflow-y: auto !important;\n opacity: 0 !important;\n visibility: hidden !important;\n transform: translateY(-10px) !important;\n transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;\n z-index: 10000 !important;\n scrollbar-width: thin !important;\n scrollbar-color: rgba(67, 103, 106, 0.3) transparent !important;\n }\n\n #abora-header .abora-header__lang-dropdown::-webkit-scrollbar {\n width: 4px !important;\n }\n\n #abora-header .abora-header__lang-dropdown::-webkit-scrollbar-track {\n background: transparent !important;\n }\n\n #abora-header .abora-header__lang-dropdown::-webkit-scrollbar-thumb {\n background-color: rgba(67, 103, 106, 0.3) !important;\n border-radius: 2px !important;\n }\n\n #abora-header .abora-header__lang.abora-lang-open .abora-header__lang-dropdown {\n opacity: 1 !important;\n visibility: visible !important;\n transform: translateY(0) !important;\n }\n\n #abora-header .abora-header__lang-option {\n display: flex !important;\n align-items: center !important;\n gap: 10px !important;\n width: 100% !important;\n padding: 11px 16px !important;\n font-family: 'Montserrat', sans-serif !important;\n font-size: 12px !important;\n font-weight: 500 !important;\n letter-spacing: 0.03em !important;\n text-decoration: none !important;\n color: #2d2d2d !important;\n background: none !important;\n border: none !important;\n text-align: left !important;\n cursor: pointer !important;\n transition: background-color 0.2s ease, color 0.2s ease;\n box-sizing: border-box !important;\n }\n\n #abora-header .abora-header__lang-option-code {\n font-size: 10px !important;\n font-weight: 600 !important;\n letter-spacing: 0.1em !important;\n text-transform: uppercase !important;\n color: #6b6b6b !important;\n min-width: 22px !important;\n transition: color 0.2s ease;\n }\n\n #abora-header .abora-header__lang-option:hover {\n background-color: #f5f5f5 !important;\n color: #43676a !important;\n }\n\n #abora-header .abora-header__lang-option:hover .abora-header__lang-option-code {\n color: #43676a !important;\n }\n\n #abora-header .abora-header__lang-option.active {\n color: #43676a !important;\n font-weight: 600 !important;\n background-color: rgba(67, 103, 106, 0.05) !important;\n }\n\n #abora-header .abora-header__lang-option.active .abora-header__lang-option-code {\n color: #43676a !important;\n }\n\n #abora-header .abora-header__menu-btn {\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n align-items: center !important;\n width: 44px !important;\n height: 44px !important;\n background-color: transparent !important;\n border: none !important;\n cursor: pointer !important;\n padding: 0 !important;\n gap: 6px !important;\n position: relative !important;\n z-index: 10001 !important;\n }\n\n #abora-header .abora-header__menu-btn span {\n display: block !important;\n width: 26px !important;\n height: 2px !important;\n background-color: #ffffff !important;\n transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, width 0.3s ease;\n }\n\n #abora-header .abora-header__menu-btn span:nth-child(2) {\n width: 20px !important;\n }\n\n #abora-header.abora-header--scrolled .abora-header__menu-btn span {\n background-color: #2d2d2d !important;\n }\n\n #abora-header .abora-header__menu-btn.abora-menu-open span {\n background-color: #ffffff !important;\n }\n\n #abora-header .abora-header__menu-btn.abora-menu-open span:nth-child(1) {\n transform: translateY(8px) rotate(45deg) !important;\n }\n\n #abora-header .abora-header__menu-btn.abora-menu-open span:nth-child(2) {\n opacity: 0 !important;\n width: 0 !important;\n }\n\n #abora-header .abora-header__menu-btn.abora-menu-open span:nth-child(3) {\n transform: translateY(-8px) rotate(-45deg) !important;\n }\n\n \/* ============================================\n MEGAMENU\n ============================================ *\/\n #abora-megamenu.abora-megamenu {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n background: linear-gradient(135deg, #43676a 0%, #365456 40%, #2d4547 100%) !important;\n z-index: 9998 !important;\n display: flex !important;\n opacity: 0 !important;\n visibility: hidden !important;\n transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow-y: auto !important;\n }\n\n #abora-megamenu.abora-megamenu.abora-megamenu--open {\n opacity: 1 !important;\n visibility: visible !important;\n }\n\n #abora-megamenu .abora-megamenu__container {\n width: 100% !important;\n max-width: 1440px !important;\n margin: 0 auto !important;\n padding: 90px 24px 28px !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: space-between !important;\n min-height: 100% !important;\n height: 100dvh !important;\n box-sizing: border-box !important;\n overflow: hidden !important;\n }\n\n #abora-megamenu .abora-megamenu__nav {\n display: flex !important;\n flex-direction: column !important;\n gap: 0 !important;\n }\n\n #abora-megamenu .abora-megamenu__link {\n font-family: 'Cormorant Garamond', Georgia, serif !important;\n font-size: 28px !important;\n font-weight: 400 !important;\n color: #ffffff !important;\n text-decoration: none !important;\n padding: 10px 0 !important;\n display: flex !important;\n align-items: center !important;\n gap: 14px !important;\n position: relative !important;\n background: none !important;\n border: none !important;\n transition: opacity 0.3s ease;\n }\n\n #abora-megamenu .abora-megamenu__link:hover {\n opacity: 0.8 !important;\n }\n\n #abora-megamenu.abora-megamenu--open .abora-megamenu__link {\n animation: aboraMegamenuSlideIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;\n }\n\n #abora-megamenu.abora-megamenu--open .abora-megamenu__link:nth-child(1) {\n animation-delay: 0.05s !important;\n }\n\n #abora-megamenu.abora-megamenu--open .abora-megamenu__link:nth-child(2) {\n animation-delay: 0.1s !important;\n }\n\n #abora-megamenu.abora-megamenu--open .abora-megamenu__link:nth-child(3) {\n animation-delay: 0.15s !important;\n }\n\n #abora-megamenu.abora-megamenu--open .abora-megamenu__link:nth-child(4) {\n animation-delay: 0.2s !important;\n }\n\n #abora-megamenu .abora-megamenu__link-number {\n font-family: 'Montserrat', sans-serif !important;\n font-size: 10px !important;\n font-weight: 500 !important;\n color: rgba(255, 255, 255, 0.4) !important;\n letter-spacing: 0.05em !important;\n min-width: 24px !important;\n }\n\n #abora-megamenu .abora-megamenu__link-text {\n position: relative !important;\n }\n\n #abora-megamenu .abora-megamenu__link-text::after {\n content: '' !important;\n position: absolute !important;\n bottom: -2px !important;\n left: 0 !important;\n width: 0 !important;\n height: 1px !important;\n background-color: #ffffff !important;\n transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n #abora-megamenu .abora-megamenu__link:hover .abora-megamenu__link-text::after {\n width: 100% !important;\n }\n\n #abora-megamenu .abora-megamenu__link-arrow {\n width: 20px !important;\n height: 20px !important;\n color: rgba(255, 255, 255, 0.4) !important;\n margin-left: auto !important;\n opacity: 0 !important;\n transform: translateX(-10px) !important;\n transition: opacity 0.3s ease, transform 0.3s ease;\n }\n\n #abora-megamenu .abora-megamenu__link:hover .abora-megamenu__link-arrow {\n opacity: 1 !important;\n transform: translateX(0) !important;\n }\n\n #abora-megamenu .abora-megamenu__cta-section {\n margin-top: 24px !important;\n padding-top: 20px !important;\n border-top: 1px solid rgba(255, 255, 255, 0.15) !important;\n }\n\n #abora-megamenu.abora-megamenu--open .abora-megamenu__cta-section {\n animation: aboraMegamenuSlideIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.3s forwards !important;\n }\n\n #abora-megamenu .abora-megamenu__cta-label {\n font-family: 'Montserrat', sans-serif !important;\n font-size: 10px !important;\n font-weight: 500 !important;\n letter-spacing: 0.15em !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.5) !important;\n margin: 0 0 12px 0 !important;\n display: block !important;\n }\n\n #abora-megamenu .abora-megamenu__cta {\n display: inline-flex !important;\n align-items: center !important;\n gap: 12px !important;\n font-family: 'Montserrat', sans-serif !important;\n font-size: 11px !important;\n font-weight: 600 !important;\n letter-spacing: 0.1em !important;\n text-transform: uppercase !important;\n text-decoration: none !important;\n color: #43676a !important;\n background-color: #ffffff !important;\n padding: 14px 28px !important;\n border: none !important;\n transition: background-color 0.3s ease, transform 0.3s ease;\n }\n\n #abora-megamenu .abora-megamenu__cta:hover {\n background-color: #f0f0f0 !important;\n transform: translateY(-2px) !important;\n }\n\n #abora-megamenu .abora-megamenu__cta svg {\n width: 16px !important;\n height: 16px !important;\n transition: transform 0.3s ease;\n }\n\n #abora-megamenu .abora-megamenu__cta:hover svg {\n transform: translateX(4px);\n }\n\n #abora-megamenu .abora-megamenu__lang-section {\n margin-top: 20px !important;\n padding-top: 16px !important;\n border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\n }\n\n #abora-megamenu.abora-megamenu--open .abora-megamenu__lang-section {\n animation: aboraMegamenuSlideIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.35s forwards !important;\n }\n\n #abora-megamenu .abora-megamenu__lang-label {\n font-family: 'Montserrat', sans-serif !important;\n font-size: 10px !important;\n font-weight: 500 !important;\n letter-spacing: 0.15em !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.4) !important;\n margin: 0 0 10px 0 !important;\n display: block !important;\n }\n\n #abora-megamenu .abora-megamenu__lang-list {\n display: grid !important;\n grid-template-columns: repeat(4, 1fr) !important;\n gap: 6px !important;\n }\n\n #abora-megamenu .abora-megamenu__lang-option {\n font-family: 'Montserrat', sans-serif !important;\n font-size: 10px !important;\n font-weight: 500 !important;\n letter-spacing: 0.05em !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.6) !important;\n background: none !important;\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\n padding: 8px 4px !important;\n cursor: pointer !important;\n text-align: center !important;\n transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;\n }\n\n #abora-megamenu .abora-megamenu__lang-option:hover {\n color: #ffffff !important;\n border-color: rgba(255, 255, 255, 0.4) !important;\n }\n\n #abora-megamenu .abora-megamenu__lang-option.active {\n color: #ffffff !important;\n border-color: #ffffff !important;\n background-color: rgba(255, 255, 255, 0.1) !important;\n }\n\n #abora-megamenu .abora-megamenu__footer {\n margin-top: auto !important;\n padding-top: 20px !important;\n border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\n display: flex !important;\n flex-direction: row !important;\n justify-content: space-between !important;\n gap: 16px !important;\n }\n\n #abora-megamenu.abora-megamenu--open .abora-megamenu__footer {\n animation: aboraMegamenuSlideIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.4s forwards !important;\n }\n\n #abora-megamenu .abora-megamenu__contact {\n display: flex !important;\n flex-direction: column !important;\n gap: 2px !important;\n }\n\n #abora-megamenu .abora-megamenu__contact-label {\n font-family: 'Montserrat', sans-serif !important;\n font-size: 9px !important;\n font-weight: 500 !important;\n letter-spacing: 0.15em !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.4) !important;\n }\n\n #abora-megamenu .abora-megamenu__contact-value {\n font-family: 'Montserrat', sans-serif !important;\n font-size: 13px !important;\n font-weight: 400 !important;\n color: #ffffff !important;\n text-decoration: none !important;\n }\n\n #abora-megamenu .abora-megamenu__contact-value:hover {\n text-decoration: underline !important;\n }\n\n @keyframes aboraMegamenuSlideIn {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @media screen and (max-height: 670px) {\n #abora-megamenu .abora-megamenu__container {\n padding: 80px 24px 20px !important;\n }\n\n #abora-megamenu .abora-megamenu__link {\n font-size: 24px !important;\n padding: 8px 0 !important;\n }\n\n #abora-megamenu .abora-megamenu__cta-section {\n margin-top: 16px !important;\n padding-top: 14px !important;\n }\n\n #abora-megamenu .abora-megamenu__cta {\n padding: 12px 24px !important;\n font-size: 10px !important;\n }\n\n #abora-megamenu .abora-megamenu__lang-section {\n margin-top: 14px !important;\n padding-top: 12px !important;\n }\n\n #abora-megamenu .abora-megamenu__lang-option {\n padding: 6px 4px !important;\n font-size: 9px !important;\n }\n\n #abora-megamenu .abora-megamenu__footer {\n padding-top: 14px !important;\n }\n\n #abora-megamenu .abora-megamenu__contact-value {\n font-size: 12px !important;\n }\n }\n\n \/* ============================================\n MEGAMENU \u2014 TABLET+ (768px)\n ============================================ *\/\n @media screen and (min-width: 768px) {\n #abora-header.abora-header {\n padding: 28px 48px !important;\n }\n\n #abora-header.abora-header.abora-header--scrolled {\n padding: 16px 48px !important;\n }\n\n #abora-header .abora-header__logo img {\n height: 36px !important;\n }\n\n #abora-header.abora-header--scrolled .abora-header__logo img {\n height: 32px !important;\n }\n\n #abora-header .abora-header__lang {\n display: flex !important;\n }\n\n #abora-megamenu .abora-megamenu__lang-section {\n display: none !important;\n }\n\n #abora-megamenu .abora-megamenu__container {\n padding: 140px 48px 80px !important;\n flex-direction: row !important;\n flex-wrap: wrap !important;\n align-content: flex-start !important;\n height: auto !important;\n justify-content: flex-start !important;\n }\n\n #abora-megamenu .abora-megamenu__nav {\n width: 55% !important;\n }\n\n #abora-megamenu .abora-megamenu__link {\n font-size: 44px !important;\n padding: 12px 0 !important;\n }\n\n #abora-megamenu .abora-megamenu__cta-section {\n width: 45% !important;\n margin-top: 0 !important;\n padding-top: 0 !important;\n padding-left: 48px !important;\n border-top: none !important;\n border-left: 1px solid rgba(255, 255, 255, 0.15) !important;\n }\n\n #abora-megamenu .abora-megamenu__cta {\n padding: 16px 32px !important;\n font-size: 12px !important;\n }\n\n #abora-megamenu .abora-megamenu__footer {\n width: 100% !important;\n flex-direction: row !important;\n justify-content: flex-start !important;\n gap: 48px !important;\n border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\n padding-top: 32px !important;\n margin-top: 48px !important;\n }\n\n #abora-megamenu .abora-megamenu__contact-label {\n font-size: 10px !important;\n }\n\n #abora-megamenu .abora-megamenu__contact-value {\n font-size: 14px !important;\n }\n }\n\n \/* ============================================\n MEGAMENU \u2014 DESKTOP (1024px)\n ============================================ *\/\n @media screen and (min-width: 1024px) {\n #abora-header.abora-header {\n padding: 32px 64px !important;\n }\n\n #abora-header.abora-header.abora-header--scrolled {\n padding: 18px 64px !important;\n }\n\n #abora-header .abora-header__logo img {\n height: 40px !important;\n }\n\n #abora-megamenu .abora-megamenu__container {\n padding: 160px 64px 100px !important;\n }\n\n #abora-megamenu .abora-megamenu__link {\n font-size: 52px !important;\n padding: 14px 0 !important;\n }\n\n #abora-megamenu .abora-megamenu__link-arrow {\n width: 28px !important;\n height: 28px !important;\n }\n\n #abora-megamenu .abora-megamenu__footer {\n gap: 64px !important;\n }\n }\n\n \/* ============================================\n MEGAMENU \u2014 LARGE DESKTOP (1440px)\n ============================================ *\/\n @media screen and (min-width: 1440px) {\n #abora-header.abora-header {\n padding: 36px 80px !important;\n }\n\n #abora-header.abora-header.abora-header--scrolled {\n padding: 20px 80px !important;\n }\n\n #abora-megamenu .abora-megamenu__container {\n padding: 180px 80px 120px !important;\n }\n\n #abora-megamenu .abora-megamenu__link {\n font-size: 60px !important;\n }\n }\n\n \/* ============================================\n HERO\n ============================================ *\/\n #abora-hero.abora-hero {\n position: relative !important;\n width: 100% !important;\n min-height: 100vh !important;\n min-height: 100dvh !important;\n display: flex !important;\n overflow: hidden !important;\n box-sizing: border-box !important;\n background-color: #0a0a0a !important;\n }\n\n #abora-hero .abora-hero__bg {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 1 !important;\n overflow: hidden !important;\n }\n\n #abora-hero .abora-hero__video {\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n min-width: 100% !important;\n min-height: 100% !important;\n width: auto !important;\n height: auto !important;\n transform: translate(-50%, -50%) scale(1.05) !important;\n object-fit: cover !important;\n z-index: 2 !important;\n opacity: 0 !important;\n filter: brightness(0.8) !important;\n transition: opacity 1.2s ease-out, transform 6s ease-out;\n }\n\n #abora-hero.abora-hero--video-ready .abora-hero__video {\n opacity: 1 !important;\n transform: translate(-50%, -50%) scale(1) !important;\n }\n\n #abora-hero .abora-hero__bg-fallback {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n z-index: 1 !important;\n filter: brightness(0.8) !important;\n }\n\n #abora-hero .abora-hero__overlay {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 3 !important;\n background:\n linear-gradient(180deg,\n rgba(0, 0, 0, 0.5) 0%,\n rgba(0, 0, 0, 0.25) 25%,\n rgba(0, 0, 0, 0.2) 50%,\n rgba(0, 0, 0, 0.35) 75%,\n rgba(0, 0, 0, 0.7) 100%),\n linear-gradient(90deg,\n rgba(0, 0, 0, 0.55) 0%,\n rgba(0, 0, 0, 0.3) 30%,\n transparent 70%) !important;\n }\n\n #abora-hero .abora-hero__grain {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 4 !important;\n pointer-events: none !important;\n opacity: 0.03 !important;\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;\n }\n\n #abora-hero .abora-hero__sidebar {\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n bottom: 0 !important;\n width: 60px !important;\n z-index: 10 !important;\n display: none !important;\n flex-direction: column !important;\n align-items: center !important;\n justify-content: space-between !important;\n padding: 120px 0 40px !important;\n box-sizing: border-box !important;\n border-right: 1px solid rgba(255, 255, 255, 0.08) !important;\n }\n\n #abora-hero .abora-hero__sidebar-top {\n writing-mode: vertical-rl !important;\n text-orientation: mixed !important;\n transform: rotate(180deg) !important;\n }\n\n #abora-hero .abora-hero__sidebar-label {\n font-family: 'Montserrat', sans-serif !important;\n font-size: 10px !important;\n font-weight: 500 !important;\n letter-spacing: 0.25em !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.5) !important;\n }\n\n #abora-hero .abora-hero__sidebar-line {\n width: 1px !important;\n height: 80px !important;\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), transparent) !important;\n margin: 20px auto !important;\n }\n\n #abora-hero .abora-hero__sidebar-section {\n font-family: 'Montserrat', sans-serif !important;\n font-size: 11px !important;\n font-weight: 600 !important;\n letter-spacing: 0.1em !important;\n color: rgba(255, 255, 255, 0.3) !important;\n }\n\n #abora-hero .abora-hero__main {\n position: relative !important;\n z-index: 5 !important;\n width: 100% !important;\n min-height: 100vh !important;\n min-height: 100dvh !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-end !important;\n padding: 100px 24px 60px !important;\n box-sizing: border-box !important;\n }\n\n #abora-hero .abora-hero__content {\n max-width: 1440px !important;\n width: 100% !important;\n margin: 0 auto !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 0 !important;\n }\n\n #abora-hero .abora-hero__section-number {\n font-family: 'Cormorant Garamond', Georgia, serif !important;\n font-size: 100px !important;\n font-weight: 300 !important;\n color: rgba(255, 255, 255, 0.05) !important;\n line-height: 1 !important;\n position: absolute !important;\n top: 50% !important;\n right: 24px !important;\n transform: translateY(-50%) !important;\n z-index: 4 !important;\n pointer-events: none !important;\n display: none !important;\n }\n\n #abora-hero .abora-hero__location {\n display: flex !important;\n align-items: center !important;\n gap: 16px !important;\n margin-bottom: 20px !important;\n }\n\n #abora-hero .abora-hero__location-icon {\n width: 32px !important;\n height: 32px !important;\n border: 1px solid rgba(255, 255, 255, 0.4) !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n flex-shrink: 0 !important;\n }\n\n #abora-hero .abora-hero__location-icon svg {\n width: 14px !important;\n height: 14px !important;\n color: #ffffff !important;\n opacity: 0.9 !important;\n }\n\n #abora-hero .abora-hero__location-text {\n font-family: 'Montserrat', sans-serif !important;\n font-size: 11px !important;\n font-weight: 600 !important;\n letter-spacing: 0.25em !important;\n text-transform: uppercase !important;\n color: #ffffff !important;\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;\n }\n\n #abora-hero .abora-hero__location-divider {\n width: 40px !important;\n height: 1px !important;\n background-color: rgba(255, 255, 255, 0.4) !important;\n display: none !important;\n }\n\n #abora-hero .abora-hero__headline-wrapper {\n position: relative !important;\n margin-bottom: 24px !important;\n }\n\n #abora-hero .abora-hero__headline {\n font-family: 'Cormorant Garamond', Georgia, serif !important;\n font-size: 42px !important;\n font-weight: 500 !important;\n line-height: 1.1 !important;\n color: #ffffff !important;\n margin: 0 !important;\n padding: 0 !important;\n letter-spacing: -0.01em !important;\n max-width: 600px !important;\n text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4), 0 4px 40px rgba(0, 0, 0, 0.2) !important;\n }\n\n #abora-hero .abora-hero__headline em {\n font-style: italic !important;\n font-weight: 500 !important;\n }\n\n #abora-hero .abora-hero__headline-line {\n position: absolute !important;\n left: -20px !important;\n top: 8px !important;\n width: 3px !important;\n height: 0 !important;\n background-color: #43676a !important;\n display: none !important;\n }\n\n #abora-hero.abora-hero--animating .abora-hero__headline-line,\n #abora-hero.abora-hero--animated .abora-hero__headline-line {\n animation: aboraLineGrowVertical 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.6s forwards !important;\n }\n\n #abora-hero .abora-hero__subheadline {\n font-family: 'Montserrat', sans-serif !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.85 !important;\n color: rgba(255, 255, 255, 0.95) !important;\n margin: 0 0 36px 0 !important;\n padding: 0 !important;\n max-width: 480px !important;\n text-shadow: 0 2px 15px rgba(0, 0, 0, 0.4) !important;\n }\n\n #abora-hero .abora-hero__cta {\n display: inline-flex !important;\n align-items: center !important;\n align-self: flex-start !important;\n gap: 14px !important;\n font-family: 'Montserrat', sans-serif !important;\n font-size: 11px !important;\n font-weight: 600 !important;\n letter-spacing: 0.15em !important;\n text-transform: uppercase !important;\n text-decoration: none !important;\n color: #1a1a1a !important;\n background-color: #ffffff !important;\n padding: 18px 36px !important;\n border: none !important;\n cursor: pointer !important;\n position: relative !important;\n overflow: hidden !important;\n z-index: 10 !important;\n transition: color 0.4s ease, box-shadow 0.4s ease;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\n width: auto !important;\n max-width: none !important;\n }\n\n #abora-hero .abora-hero__cta::before {\n content: '' !important;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n background-color: #43676a !important;\n transform: translateX(-101%) !important;\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n z-index: 1 !important;\n }\n\n #abora-hero .abora-hero__cta:hover::before {\n transform: translateX(0) !important;\n }\n\n #abora-hero .abora-hero__cta-text,\n #abora-hero .abora-hero__cta svg {\n position: relative !important;\n z-index: 2 !important;\n }\n\n #abora-hero .abora-hero__cta svg {\n width: 16px !important;\n height: 16px !important;\n display: block !important;\n flex-shrink: 0 !important;\n transition: transform 0.4s ease;\n }\n\n #abora-hero .abora-hero__cta:hover {\n color: #ffffff !important;\n box-shadow: 0 6px 30px rgba(67, 103, 106, 0.35) !important;\n }\n\n #abora-hero .abora-hero__cta:hover svg {\n transform: translateX(4px);\n }\n\n #abora-hero .abora-hero__scroll {\n position: absolute !important;\n bottom: 40px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n z-index: 10 !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n gap: 12px !important;\n cursor: pointer !important;\n opacity: 0 !important;\n transition: opacity 0.3s ease;\n }\n\n #abora-hero.abora-hero--animated .abora-hero__scroll {\n opacity: 1 !important;\n }\n\n #abora-hero .abora-hero__scroll:hover {\n opacity: 0.8 !important;\n }\n\n #abora-hero .abora-hero__scroll-icon {\n width: 24px !important;\n height: 38px !important;\n border: 1.5px solid rgba(255, 255, 255, 0.4) !important;\n border-radius: 12px !important;\n position: relative !important;\n display: flex !important;\n justify-content: center !important;\n padding-top: 8px !important;\n box-sizing: border-box !important;\n }\n\n #abora-hero .abora-hero__scroll-dot {\n width: 3px !important;\n height: 8px !important;\n background-color: rgba(255, 255, 255, 0.7) !important;\n border-radius: 1.5px !important;\n }\n\n #abora-hero.abora-hero--animated .abora-hero__scroll-dot {\n animation: aboraScrollBounce 2s ease-in-out infinite !important;\n }\n\n #abora-hero .abora-hero__scroll-text {\n font-family: 'Montserrat', sans-serif !important;\n font-size: 9px !important;\n font-weight: 500 !important;\n letter-spacing: 0.2em !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.5) !important;\n }\n\n \/* ============================================\n HERO ANIMATIONS\n ============================================ *\/\n #abora-hero .abora-hero__location,\n #abora-hero .abora-hero__headline,\n #abora-hero .abora-hero__subheadline,\n #abora-hero .abora-hero__cta,\n #abora-hero .abora-hero__sidebar {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n #abora-hero.abora-hero--will-animate .abora-hero__location,\n #abora-hero.abora-hero--will-animate .abora-hero__headline,\n #abora-hero.abora-hero--will-animate .abora-hero__subheadline,\n #abora-hero.abora-hero--will-animate .abora-hero__cta {\n opacity: 0 !important;\n transform: translateY(40px) !important;\n }\n\n #abora-hero.abora-hero--will-animate .abora-hero__sidebar {\n opacity: 0 !important;\n transform: translateX(-20px) !important;\n }\n\n #abora-hero.abora-hero--animating .abora-hero__location {\n animation: aboraFadeInUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s forwards !important;\n }\n\n #abora-hero.abora-hero--animating .abora-hero__headline {\n animation: aboraFadeInUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.45s forwards !important;\n }\n\n #abora-hero.abora-hero--animating .abora-hero__subheadline {\n animation: aboraFadeInUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.6s forwards !important;\n }\n\n #abora-hero.abora-hero--animating .abora-hero__cta {\n animation: aboraFadeInUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.75s forwards !important;\n }\n\n #abora-hero.abora-hero--animating .abora-hero__sidebar {\n animation: aboraFadeInLeft 0.8s cubic-bezier(0.22, 1, 0.36, 1) 1s forwards !important;\n }\n\n #abora-hero.abora-hero--animated .abora-hero__location,\n #abora-hero.abora-hero--animated .abora-hero__headline,\n #abora-hero.abora-hero--animated .abora-hero__subheadline,\n #abora-hero.abora-hero--animated .abora-hero__cta,\n #abora-hero.abora-hero--animated .abora-hero__sidebar {\n opacity: 1 !important;\n transform: translateY(0) translateX(0) !important;\n animation: none !important;\n }\n\n @keyframes aboraFadeInUp {\n 0% {\n opacity: 0;\n transform: translateY(40px);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes aboraFadeInLeft {\n 0% {\n opacity: 0;\n transform: translateX(-20px);\n }\n\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes aboraLineGrowVertical {\n 0% {\n height: 0;\n }\n\n 100% {\n height: 60px;\n }\n }\n\n @keyframes aboraScrollBounce {\n\n 0%,\n 100% {\n transform: translateY(0);\n opacity: 0.8;\n }\n\n 50% {\n transform: translateY(10px);\n opacity: 0.3;\n }\n }\n\n \/* ============================================\n HERO \u2014 TABLET+ (768px)\n ============================================ *\/\n @media screen and (min-width: 768px) {\n #abora-hero .abora-hero__main {\n padding: 120px 48px 80px !important;\n }\n\n #abora-hero .abora-hero__section-number {\n display: block !important;\n font-size: 180px !important;\n right: 48px !important;\n }\n\n #abora-hero .abora-hero__location {\n margin-bottom: 28px !important;\n }\n\n #abora-hero .abora-hero__location-divider {\n display: block !important;\n }\n\n #abora-hero .abora-hero__headline {\n font-size: 56px !important;\n max-width: 700px !important;\n }\n\n #abora-hero .abora-hero__headline-wrapper {\n margin-bottom: 28px !important;\n }\n\n #abora-hero .abora-hero__subheadline {\n font-size: 15px !important;\n max-width: 520px !important;\n margin-bottom: 44px !important;\n }\n\n #abora-hero .abora-hero__cta {\n padding: 20px 44px !important;\n font-size: 12px !important;\n }\n\n #abora-hero .abora-hero__scroll {\n bottom: 50px !important;\n }\n }\n\n \/* ============================================\n HERO \u2014 DESKTOP (1024px)\n ============================================ *\/\n @media screen and (min-width: 1024px) {\n #abora-hero .abora-hero__sidebar {\n display: flex !important;\n width: 70px !important;\n }\n\n #abora-hero .abora-hero__main {\n padding: 140px 64px 100px 100px !important;\n justify-content: center !important;\n }\n\n #abora-hero .abora-hero__section-number {\n font-size: 280px !important;\n right: 64px !important;\n }\n\n #abora-hero .abora-hero__location-icon {\n width: 36px !important;\n height: 36px !important;\n }\n\n #abora-hero .abora-hero__location-text {\n font-size: 12px !important;\n }\n\n #abora-hero .abora-hero__headline {\n font-size: 72px !important;\n max-width: 800px !important;\n }\n\n #abora-hero .abora-hero__headline-line {\n display: block !important;\n left: -30px !important;\n }\n\n #abora-hero .abora-hero__headline-wrapper {\n margin-bottom: 32px !important;\n }\n\n #abora-hero .abora-hero__subheadline {\n font-size: 16px !important;\n max-width: 560px !important;\n margin-bottom: 48px !important;\n }\n\n #abora-hero .abora-hero__cta {\n padding: 22px 52px !important;\n }\n\n #abora-hero .abora-hero__cta svg {\n width: 18px !important;\n height: 18px !important;\n }\n }\n\n \/* ============================================\n HERO \u2014 LARGE DESKTOP (1440px)\n ============================================ *\/\n @media screen and (min-width: 1440px) {\n #abora-hero .abora-hero__sidebar {\n width: 80px !important;\n }\n\n #abora-hero .abora-hero__main {\n padding: 160px 80px 120px 120px !important;\n }\n\n #abora-hero .abora-hero__section-number {\n font-size: 360px !important;\n right: 80px !important;\n }\n\n #abora-hero .abora-hero__headline {\n font-size: 84px !important;\n max-width: 900px !important;\n }\n\n #abora-hero .abora-hero__subheadline {\n font-size: 17px !important;\n max-width: 600px !important;\n }\n }\n\n \/* ============================================\n HERO \u2014 HEIGHT CONSTRAINTS\n ============================================ *\/\n @media screen and (max-height: 900px) {\n #abora-hero .abora-hero__main {\n justify-content: flex-end !important;\n padding-top: 100px !important;\n padding-bottom: 50px !important;\n }\n\n #abora-hero .abora-hero__location {\n margin-bottom: 16px !important;\n }\n\n #abora-hero .abora-hero__headline-wrapper {\n margin-bottom: 20px !important;\n }\n\n #abora-hero .abora-hero__subheadline {\n margin-bottom: 28px !important;\n line-height: 1.7 !important;\n }\n\n #abora-hero .abora-hero__scroll {\n bottom: 25px !important;\n }\n\n #abora-hero .abora-hero__sidebar {\n padding-top: 100px !important;\n padding-bottom: 30px !important;\n }\n }\n\n @media screen and (max-height: 750px) {\n #abora-hero .abora-hero__main {\n padding-top: 90px !important;\n padding-bottom: 40px !important;\n }\n\n #abora-hero .abora-hero__location {\n margin-bottom: 12px !important;\n }\n\n #abora-hero .abora-hero__location-icon {\n width: 28px !important;\n height: 28px !important;\n }\n\n #abora-hero .abora-hero__location-text {\n font-size: 10px !important;\n }\n\n #abora-hero .abora-hero__headline {\n font-size: 36px !important;\n }\n\n #abora-hero .abora-hero__headline-wrapper {\n margin-bottom: 16px !important;\n }\n\n #abora-hero .abora-hero__subheadline {\n font-size: 13px !important;\n margin-bottom: 24px !important;\n line-height: 1.65 !important;\n }\n\n #abora-hero .abora-hero__cta {\n padding: 16px 32px !important;\n font-size: 10px !important;\n }\n\n #abora-hero .abora-hero__scroll {\n bottom: 20px !important;\n gap: 8px !important;\n }\n\n #abora-hero .abora-hero__scroll-icon {\n width: 20px !important;\n height: 32px !important;\n }\n\n #abora-hero .abora-hero__section-number {\n font-size: 140px !important;\n }\n\n #abora-hero .abora-hero__sidebar {\n display: none !important;\n }\n }\n\n @media screen and (max-height: 650px) {\n #abora-hero .abora-hero__main {\n padding-top: 80px !important;\n padding-bottom: 35px !important;\n }\n\n #abora-hero .abora-hero__location {\n margin-bottom: 10px !important;\n gap: 12px !important;\n }\n\n #abora-hero .abora-hero__headline {\n font-size: 32px !important;\n }\n\n #abora-hero .abora-hero__headline-wrapper {\n margin-bottom: 12px !important;\n }\n\n #abora-hero .abora-hero__subheadline {\n font-size: 12px !important;\n margin-bottom: 20px !important;\n max-width: 400px !important;\n }\n\n #abora-hero .abora-hero__cta {\n padding: 14px 28px !important;\n }\n\n #abora-hero .abora-hero__scroll {\n display: none !important;\n }\n\n #abora-hero .abora-hero__section-number {\n display: none !important;\n }\n }\n\n @media screen and (min-width: 768px) and (max-height: 800px) {\n #abora-hero .abora-hero__headline {\n font-size: 48px !important;\n }\n\n #abora-hero .abora-hero__subheadline {\n font-size: 14px !important;\n }\n }\n\n @media screen and (min-width: 1024px) and (max-height: 800px) {\n #abora-hero .abora-hero__main {\n padding-left: 90px !important;\n }\n\n #abora-hero .abora-hero__headline {\n font-size: 56px !important;\n }\n\n #abora-hero .abora-hero__sidebar {\n width: 60px !important;\n padding-top: 90px !important;\n }\n\n #abora-hero .abora-hero__section-number {\n font-size: 200px !important;\n }\n }\n\n @media screen and (min-width: 1440px) and (max-height: 800px) {\n #abora-hero .abora-hero__headline {\n font-size: 64px !important;\n }\n\n #abora-hero .abora-hero__section-number {\n font-size: 240px !important;\n }\n }\n\n body.abora-menu-active {\n overflow: hidden !important;\n }\n <\/style>\n<\/head>\n\n<body>\n\n <!-- PRELOADER -->\n <div class=\"abora-preloader\" id=\"abora-preloader\">\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\" alt=\"Abora\"\n class=\"abora-preloader__logo\">\n <div class=\"abora-preloader__line\"><\/div>\n <span class=\"abora-preloader__text\">Din tillflyktsort vid havet v\u00e4ntar<\/span>\n <\/div>\n\n <!-- HEADER -->\n <header class=\"abora-header\" id=\"abora-header\">\n <div class=\"abora-header__container\">\n\n <!-- Logo -->\n <a href=\"\/\" class=\"abora-header__logo\" aria-label=\"Abora Residencial - Hem\">\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\"\n alt=\"Abora Residencial\">\n <\/a>\n\n <!-- Right section -->\n <div class=\"abora-header__right\">\n\n <!-- Language selector -->\n <div class=\"abora-header__lang\" id=\"abora-lang-selector\">\n <button class=\"abora-header__lang-btn\" aria-label=\"V\u00e4lj spr\u00e5k\" aria-expanded=\"false\">\n <span>SV<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n <\/svg>\n <\/button>\n <div class=\"abora-header__lang-dropdown\">\n <button class=\"abora-header__lang-option active\" data-lang=\"en\"><span\n class=\"abora-header__lang-option-code\">EN<\/span>English<\/button>\n <button class=\"abora-header__lang-option\" data-lang=\"es\"><span\n class=\"abora-header__lang-option-code\">ES<\/span>Espa\u00f1ol<\/button>\n <button class=\"abora-header__lang-option\" data-lang=\"fr\"><span\n class=\"abora-header__lang-option-code\">FR<\/span>Fran\u00e7ais<\/button>\n <button class=\"abora-header__lang-option\" data-lang=\"de\"><span\n class=\"abora-header__lang-option-code\">DE<\/span>Deutsch<\/button>\n <button class=\"abora-header__lang-option\" data-lang=\"ar\"><span\n class=\"abora-header__lang-option-code\">AR<\/span>\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/button>\n <button class=\"abora-header__lang-option\" data-lang=\"cs\"><span\n class=\"abora-header__lang-option-code\">CS<\/span>\u010ce\u0161tina<\/button>\n <button class=\"abora-header__lang-option\" data-lang=\"da\"><span\n class=\"abora-header__lang-option-code\">DA<\/span>Dansk<\/button>\n <button class=\"abora-header__lang-option\" data-lang=\"nl\"><span\n class=\"abora-header__lang-option-code\">NL<\/span>Nederlands<\/button>\n <button class=\"abora-header__lang-option\" data-lang=\"no\"><span\n class=\"abora-header__lang-option-code\">NO<\/span>Norsk<\/button>\n <button class=\"abora-header__lang-option\" data-lang=\"pl\"><span\n class=\"abora-header__lang-option-code\">PL<\/span>Polski<\/button>\n <button class=\"abora-header__lang-option\" data-lang=\"ru\"><span\n class=\"abora-header__lang-option-code\">RU<\/span>\u0420\u0443\u0441\u0441\u043a\u0438\u0439<\/button>\n <button class=\"abora-header__lang-option\" data-lang=\"sv\"><span\n class=\"abora-header__lang-option-code\">SV<\/span>Svenska<\/button>\n <\/div>\n <\/div>\n\n <!-- Menu button -->\n <button class=\"abora-header__menu-btn\" id=\"abora-menu-btn\" aria-label=\"\u00d6ppna menyn\" aria-expanded=\"false\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/button>\n\n <\/div>\n <\/div>\n <\/header>\n\n <!-- MEGAMENU -->\n <div class=\"abora-megamenu\" id=\"abora-megamenu\">\n <div class=\"abora-megamenu__container\">\n\n <!-- Main nav -->\n <nav class=\"abora-megamenu__nav\">\n <a href=\"#about\" class=\"abora-megamenu__link\">\n <span class=\"abora-megamenu__link-number\">01<\/span>\n <span class=\"abora-megamenu__link-text\">Om Abora<\/span>\n <svg class=\"abora-megamenu__link-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n <\/svg>\n <\/a>\n <a href=\"#tipology\" class=\"abora-megamenu__link\">\n <span class=\"abora-megamenu__link-number\">02<\/span>\n <span class=\"abora-megamenu__link-text\">Typologier<\/span>\n <svg class=\"abora-megamenu__link-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n <\/svg>\n <\/a>\n <a href=\"#gallery\" class=\"abora-megamenu__link\">\n <span class=\"abora-megamenu__link-number\">03<\/span>\n <span class=\"abora-megamenu__link-text\">Galleri<\/span>\n <svg class=\"abora-megamenu__link-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n <\/svg>\n <\/a>\n <a href=\"#location\" class=\"abora-megamenu__link\">\n <span class=\"abora-megamenu__link-number\">04<\/span>\n <span class=\"abora-megamenu__link-text\">L\u00e4ge<\/span>\n <svg class=\"abora-megamenu__link-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n <\/svg>\n <\/a>\n <\/nav>\n\n <!-- CTA Section -->\n <div class=\"abora-megamenu__cta-section\">\n <span class=\"abora-megamenu__cta-label\">Exklusiv \u00e5tkomst<\/span>\n <a href=\"#info-unlock\" class=\"abora-megamenu__cta\">\n <span>L\u00e5s upp information<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M7 11V7a5 5 0 0 1 9.9-1\"><\/path>\n <\/svg>\n <\/a>\n <\/div>\n\n <!-- Language section - MOBILE ONLY -->\n <div class=\"abora-megamenu__lang-section\">\n <span class=\"abora-megamenu__lang-label\">V\u00e4lj spr\u00e5k<\/span>\n <div class=\"abora-megamenu__lang-list\">\n <button class=\"abora-megamenu__lang-option active\" data-lang=\"en\">EN<\/button>\n <button class=\"abora-megamenu__lang-option\" data-lang=\"es\">ES<\/button>\n <button class=\"abora-megamenu__lang-option\" data-lang=\"fr\">FR<\/button>\n <button class=\"abora-megamenu__lang-option\" data-lang=\"de\">DE<\/button>\n <button class=\"abora-megamenu__lang-option\" data-lang=\"ar\">AR<\/button>\n <button class=\"abora-megamenu__lang-option\" data-lang=\"cs\">CS<\/button>\n <button class=\"abora-megamenu__lang-option\" data-lang=\"da\">DA<\/button>\n <button class=\"abora-megamenu__lang-option\" data-lang=\"nl\">NL<\/button>\n <button class=\"abora-megamenu__lang-option\" data-lang=\"no\">NO<\/button>\n <button class=\"abora-megamenu__lang-option\" data-lang=\"pl\">PL<\/button>\n <button class=\"abora-megamenu__lang-option\" data-lang=\"ru\">RU<\/button>\n <button class=\"abora-megamenu__lang-option\" data-lang=\"sv\">SV<\/button>\n <\/div>\n <\/div>\n\n <!-- Footer info -->\n <div class=\"abora-megamenu__footer\">\n <div class=\"abora-megamenu__contact\">\n <span class=\"abora-megamenu__contact-label\">Telefon<\/span>\n <a href=\"tel:+34911678138\" class=\"abora-megamenu__contact-value\">911 67 81 38<\/a>\n <\/div>\n <div class=\"abora-megamenu__contact\">\n <span class=\"abora-megamenu__contact-label\">L\u00e4ge<\/span>\n <span class=\"abora-megamenu__contact-value\">Costa de Adeje, Tenerife<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <!-- HERO -->\n <section class=\"abora-hero\" id=\"abora-hero\">\n\n <!-- Video background -->\n <div class=\"abora-hero__bg\">\n <img decoding=\"async\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-aereo-tenerife.jpg\"\n alt=\"Aerial view of Residencial Abora\" class=\"abora-hero__bg-fallback\" loading=\"eager\">\n <video class=\"abora-hero__video\" id=\"abora-hero-video\" autoplay muted loop playsinline preload=\"auto\"\n poster=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-aereo-tenerife.jpg\">\n <source src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/dron_1.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n\n <!-- Overlay -->\n <div class=\"abora-hero__overlay\"><\/div>\n\n <!-- Grain texture -->\n <div class=\"abora-hero__grain\"><\/div>\n\n <!-- Section number decorativo -->\n <span class=\"abora-hero__section-number\">01<\/span>\n\n <!-- Sidebar vertical -->\n <div class=\"abora-hero__sidebar\">\n <div class=\"abora-hero__sidebar-top\">\n <span class=\"abora-hero__sidebar-label\">Costa de Adeje, Teneriffa<\/span>\n <\/div>\n <div class=\"abora-hero__sidebar-line\"><\/div>\n <span class=\"abora-hero__sidebar-section\">01<\/span>\n <\/div>\n\n <!-- Main content -->\n <div class=\"abora-hero__main\">\n <div class=\"abora-hero__content\">\n\n <!-- Location tag -->\n <div class=\"abora-hero__location\">\n <div class=\"abora-hero__location-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n <\/svg>\n <\/div>\n <span class=\"abora-hero__location-text\">Costa de Adeje, Teneriffa<\/span>\n <span class=\"abora-hero__location-divider\"><\/span>\n <\/div>\n\n <!-- Headline -->\n <div class=\"abora-hero__headline-wrapper\">\n <span class=\"abora-hero__headline-line\"><\/span>\n <h1 class=\"abora-hero__headline\">Livet under den <em>spanska solen<\/em><\/h1>\n <\/div>\n\n <!-- Subheadline -->\n <p class=\"abora-hero__subheadline\">\n Premiumhem vid havet, med terrasser, naturligt ljus och exklusiva gemensamma utrymmen. En medelhavstillflykt med perfekt v\u00e4der \u00e5ret runt.\n <\/p>\n\n <!-- CTA Button -->\n <a href=\"#about\" class=\"abora-hero__cta\">\n <span class=\"abora-hero__cta-text\">Uppt\u00e4ck ditt hem<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n <\/svg>\n <\/a>\n\n <\/div>\n <\/div>\n\n <!-- Scroll indicator -->\n <div class=\"abora-hero__scroll\" id=\"abora-scroll-trigger\">\n <div class=\"abora-hero__scroll-icon\">\n <span class=\"abora-hero__scroll-dot\"><\/span>\n <\/div>\n <span class=\"abora-hero__scroll-text\">Scrolla<\/span>\n <\/div>\n\n <\/section>\n\n <!-- JAVASCRIPT -->\n <script>\n (function () {\n 'use strict';\n\n var heroAnimated = false;\n var preloaderHidden = false;\n var PAGE_LOAD_TIME = Date.now();\n var MIN_PRELOADER_DURATION = 2800;\n\n \/* ============================================\n WPML LANGUAGE CONFIG\n ============================================ *\/\n var WPML_LANGUAGES = {\n 'en': { prefix: '', name: 'English', code: 'EN' },\n 'es': { prefix: '\/es', name: 'Espa\u00f1ol', code: 'ES' },\n 'fr': { prefix: '\/fr', name: 'Fran\u00e7ais', code: 'FR' },\n 'de': { prefix: '\/de', name: 'Deutsch', code: 'DE' },\n 'ar': { prefix: '\/ar', name: '\u0627\u0644\u0639\u0631\u0628\u064a\u0629', code: 'AR' },\n 'cs': { prefix: '\/cs', name: '\u010ce\u0161tina', code: 'CS' },\n 'da': { prefix: '\/da', name: 'Dansk', code: 'DA' },\n 'nl': { prefix: '\/nl', name: 'Nederlands', code: 'NL' },\n 'no': { prefix: '\/no', name: 'Norsk', code: 'NO' },\n 'pl': { prefix: '\/pl', name: 'Polski', code: 'PL' },\n 'ru': { prefix: '\/ru', name: '\u0420\u0443\u0441\u0441\u043a\u0438\u0439', code: 'RU' },\n 'sv': { prefix: '\/sv', name: 'Svenska', code: 'SV' }\n };\n\n \/\/ Lista de prefijos para detecci\u00f3n y limpieza (todos los no-EN)\n var LANG_PREFIXES = ['\/es', '\/fr', '\/de', '\/ar', '\/cs', '\/da', '\/nl', '\/no', '\/pl', '\/ru', '\/sv'];\n\n var CURRENT_LANG = 'sv';\n\n function detectCurrentLanguage() {\n var path = window.location.pathname;\n for (var i = 0; i < LANG_PREFIXES.length; i++) {\n var prefix = LANG_PREFIXES[i];\n if (path === prefix || path.indexOf(prefix + '\/') === 0) {\n return prefix.substring(1); \/\/ quita el '\/'\n }\n }\n return 'en';\n }\n\n function getPathWithoutLangPrefix(path) {\n for (var i = 0; i < LANG_PREFIXES.length; i++) {\n var prefix = LANG_PREFIXES[i];\n if (path === prefix) {\n return '\/';\n }\n if (path.indexOf(prefix + '\/') === 0) {\n return path.substring(prefix.length);\n }\n }\n return path;\n }\n\n function switchLanguage(targetLang) {\n if (!WPML_LANGUAGES[targetLang]) return;\n\n var currentPath = window.location.pathname;\n var cleanPath = getPathWithoutLangPrefix(currentPath);\n var newPrefix = WPML_LANGUAGES[targetLang].prefix;\n var newPath;\n\n if (targetLang === 'en') {\n newPath = cleanPath;\n } else {\n newPath = newPrefix + (cleanPath === '\/' ? '\/' : cleanPath);\n }\n\n \/\/ Evitar doble barra final salvo en root\n if (newPath !== '\/' && newPath.endsWith('\/') && cleanPath !== '\/') {\n newPath = newPath.slice(0, -1);\n }\n\n window.location.href = window.location.origin + newPath + window.location.search + window.location.hash;\n }\n\n function initLanguageSelectors() {\n CURRENT_LANG = detectCurrentLanguage();\n\n var headerOptions = document.querySelectorAll('.abora-header__lang-option');\n var megamenuOptions = document.querySelectorAll('.abora-megamenu__lang-option');\n var langBtnSpan = document.querySelector('.abora-header__lang-btn span');\n\n if (langBtnSpan && WPML_LANGUAGES[CURRENT_LANG]) {\n langBtnSpan.textContent = WPML_LANGUAGES[CURRENT_LANG].code;\n }\n\n headerOptions.forEach(function (opt) {\n opt.classList.remove('active');\n if (opt.getAttribute('data-lang') === CURRENT_LANG) {\n opt.classList.add('active');\n }\n });\n\n megamenuOptions.forEach(function (opt) {\n opt.classList.remove('active');\n if (opt.getAttribute('data-lang') === CURRENT_LANG) {\n opt.classList.add('active');\n }\n });\n\n headerOptions.forEach(function (option) {\n option.addEventListener('click', function () {\n var lang = this.getAttribute('data-lang');\n if (lang !== CURRENT_LANG) {\n switchLanguage(lang);\n }\n });\n });\n\n megamenuOptions.forEach(function (option) {\n option.addEventListener('click', function () {\n var lang = this.getAttribute('data-lang');\n if (lang !== CURRENT_LANG) {\n switchLanguage(lang);\n }\n });\n });\n }\n\n \/* ============================================\n PRELOADER\n ============================================ *\/\n var preloader = document.getElementById('abora-preloader');\n\n function hidePreloader() {\n if (preloader && !preloader.classList.contains('abora-preloader--hidden')) {\n preloader.classList.add('abora-preloader--hidden');\n setTimeout(function () {\n if (preloader && preloader.parentNode) {\n preloader.parentNode.removeChild(preloader);\n }\n }, 1000);\n }\n }\n\n \/* ============================================\n VIDEO HANDLING\n ============================================ *\/\n var hero = document.getElementById('abora-hero');\n var heroVideo = document.getElementById('abora-hero-video');\n\n function initVideo() {\n if (!heroVideo) return;\n\n function showVideo() {\n if (hero) {\n hero.classList.add('abora-hero--video-ready');\n }\n }\n\n heroVideo.play().then(function () {\n showVideo();\n }).catch(function (e) {\n console.log('Video autoplay prevented:', e);\n });\n\n heroVideo.addEventListener('canplay', showVideo);\n heroVideo.addEventListener('playing', showVideo);\n\n setTimeout(showVideo, 2000);\n }\n\n \/* ============================================\n HERO ANIMATIONS\n ============================================ *\/\n\n function triggerHeroAnimations() {\n if (heroAnimated || !hero) return;\n heroAnimated = true;\n\n hero.classList.add('abora-hero--will-animate');\n\n requestAnimationFrame(function () {\n requestAnimationFrame(function () {\n hero.classList.remove('abora-hero--will-animate');\n hero.classList.add('abora-hero--animating');\n\n initVideo();\n\n setTimeout(function () {\n hero.classList.remove('abora-hero--animating');\n hero.classList.add('abora-hero--animated');\n }, 2500);\n });\n });\n }\n\n function forceHeroVisible() {\n if (!hero) return;\n hero.classList.remove('abora-hero--will-animate');\n hero.classList.remove('abora-hero--animating');\n if (!hero.classList.contains('abora-hero--animated')) {\n hero.classList.add('abora-hero--animated');\n }\n hero.classList.add('abora-hero--video-ready');\n }\n\n \/* ============================================\n INITIALIZATION\n ============================================ *\/\n\n function showContent() {\n if (preloaderHidden) return;\n preloaderHidden = true;\n\n var elapsed = Date.now() - PAGE_LOAD_TIME;\n var remainingTime = Math.max(0, MIN_PRELOADER_DURATION - elapsed);\n\n setTimeout(function () {\n hidePreloader();\n setTimeout(triggerHeroAnimations, 200);\n }, remainingTime);\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', function () {\n showContent();\n initLanguageSelectors();\n });\n } else {\n showContent();\n initLanguageSelectors();\n }\n\n window.addEventListener('load', showContent);\n\n setTimeout(function () {\n if (!preloaderHidden) {\n preloaderHidden = true;\n hidePreloader();\n }\n forceHeroVisible();\n }, 7000);\n\n \/* ============================================\n HEADER SCROLL\n ============================================ *\/\n var header = document.getElementById('abora-header');\n var scrollThreshold = 100;\n var ticking = false;\n\n function handleScroll() {\n if (!header) return;\n if (window.scrollY > scrollThreshold) {\n header.classList.add('abora-header--scrolled');\n } else {\n header.classList.remove('abora-header--scrolled');\n }\n }\n\n window.addEventListener('scroll', function () {\n if (!ticking) {\n window.requestAnimationFrame(function () {\n handleScroll();\n ticking = false;\n });\n ticking = true;\n }\n }, { passive: true });\n\n handleScroll();\n\n \/* ============================================\n LANGUAGE SELECTOR (HEADER DROPDOWN)\n ============================================ *\/\n var langSelector = document.getElementById('abora-lang-selector');\n var isLangOpen = false;\n\n if (langSelector) {\n var langBtn = langSelector.querySelector('.abora-header__lang-btn');\n\n function openLang() {\n isLangOpen = true;\n langSelector.classList.add('abora-lang-open');\n if (langBtn) langBtn.setAttribute('aria-expanded', 'true');\n }\n\n function closeLang() {\n isLangOpen = false;\n langSelector.classList.remove('abora-lang-open');\n if (langBtn) langBtn.setAttribute('aria-expanded', 'false');\n }\n\n function toggleLang() {\n isLangOpen ? closeLang() : openLang();\n }\n\n if (langBtn) {\n langBtn.addEventListener('click', function (e) {\n e.stopPropagation();\n toggleLang();\n });\n }\n\n document.addEventListener('click', function (e) {\n if (isLangOpen && !langSelector.contains(e.target)) {\n closeLang();\n }\n });\n }\n\n \/* ============================================\n MEGAMENU\n ============================================ *\/\n var menuBtn = document.getElementById('abora-menu-btn');\n var megamenu = document.getElementById('abora-megamenu');\n var body = document.body;\n var isMenuOpen = false;\n\n function openMenu() {\n isMenuOpen = true;\n if (menuBtn) {\n menuBtn.classList.add('abora-menu-open');\n menuBtn.setAttribute('aria-expanded', 'true');\n }\n if (megamenu) megamenu.classList.add('abora-megamenu--open');\n body.classList.add('abora-menu-active');\n }\n\n function closeMenu() {\n isMenuOpen = false;\n if (menuBtn) {\n menuBtn.classList.remove('abora-menu-open');\n menuBtn.setAttribute('aria-expanded', 'false');\n }\n if (megamenu) megamenu.classList.remove('abora-megamenu--open');\n body.classList.remove('abora-menu-active');\n }\n\n function toggleMenu() {\n isMenuOpen ? closeMenu() : openMenu();\n }\n\n if (menuBtn) {\n menuBtn.addEventListener('click', toggleMenu);\n }\n\n if (megamenu) {\n var megamenuLinks = megamenu.querySelectorAll('a');\n megamenuLinks.forEach(function (link) {\n link.addEventListener('click', closeMenu);\n });\n }\n\n document.addEventListener('keydown', function (e) {\n if (e.key === 'Escape') {\n if (isMenuOpen) closeMenu();\n if (isLangOpen) closeLang();\n }\n });\n\n \/* ============================================\n SMOOTH SCROLL\n ============================================ *\/\n document.querySelectorAll('a[href^=\"#\"]').forEach(function (anchor) {\n anchor.addEventListener('click', function (e) {\n var targetId = this.getAttribute('href');\n if (targetId === '#') return;\n\n var targetElement = document.querySelector(targetId);\n if (targetElement && header) {\n e.preventDefault();\n var headerHeight = header.offsetHeight;\n var targetPosition = targetElement.getBoundingClientRect().top + window.scrollY - headerHeight;\n\n window.scrollTo({\n top: targetPosition,\n behavior: 'smooth'\n });\n }\n });\n });\n\n \/* ============================================\n SCROLL TRIGGER\n ============================================ *\/\n var scrollTrigger = document.getElementById('abora-scroll-trigger');\n if (scrollTrigger) {\n scrollTrigger.addEventListener('click', function () {\n window.scrollTo({\n top: window.innerHeight,\n behavior: 'smooth'\n });\n });\n }\n\n })();\n <\/script>\n\n<\/body>\n\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<!-- Bot\u00f3n flotante WhatsApp Pulse con Privacidad -->\n<div class=\"whatsapp-float\" id=\"whatsapp-float\">\n<button class=\"whatsapp-btn\" id=\"whatsapp-trigger\" type=\"button\">\n<img decoding=\"async\" alt=\"WhatsApp\" class=\"whatsapp-icon\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/12\/whatsapp-icon-1.png\"\/>\n<\/button>\n<\/div>\n<!-- Modal de privacidad -->\n<div class=\"wa-modal\" id=\"whatsapp-modal\">\n<div class=\"wa-modal-content\">\n<button class=\"wa-modal-close\" id=\"wa-close\" type=\"button\">\u00d7<\/button>\n<div class=\"wa-modal-header\">\n<img decoding=\"async\" alt=\"WhatsApp\" class=\"wa-modal-icon\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/12\/whatsapp-icon-1.png\"\/>\n<span>WhatsApp<\/span>\n<\/div>\n<p class=\"wa-modal-text\">Genom att g\u00e5 vidare m\u00e5ste du acceptera v\u00e5r integritetspolicy<\/p>\n<label class=\"wa-checkbox-label\">\n<input id=\"wa-privacy-check\" type=\"checkbox\"\/>\n<span>Jag accepterar<a href=\"https:\/\/aboraresidencial.com\/sv\/en\/privacy\/\" target=\"_blank\">Sekretesspolicy<\/a><\/span>\n<\/label>\n<a class=\"wa-modal-btn disabled\" href=\"#\" id=\"whatsapp-dynamic-link\" rel=\"noopener noreferrer\" target=\"_blank\">Forts\u00e4tt till WhatsApp<\/a>\n<\/div>\n<\/div>\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>\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>\n<section class=\"abora-intro\" id=\"abora-intro\">\n<div class=\"abora-intro__wrapper\">\n<div class=\"abora-intro__media\">\n<img decoding=\"async\" alt=\"Terrace with ocean views at Residencial Abora\" class=\"abora-intro__image\" loading=\"lazy\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-terraza-chiill-vistas-oceano-scaled.jpg\"\/>\n<div class=\"abora-intro__badge\">\n<div class=\"abora-intro__badge-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n<circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n<\/svg>\n<\/div>\n<p class=\"abora-intro__badge-text\">\n<strong>Utm\u00e4rkt l\u00e4ge<\/strong>Costa de Adeje, Teneriffa<\/p>\n<\/div>\n<\/div>\n<div class=\"abora-intro__content\">\n<div class=\"abora-intro__inner\">\n<div class=\"abora-intro__tagline\">\n<span class=\"abora-intro__tagline-text\">Playa Para\u00edso<\/span>\n<\/div>\n<h2 class=\"abora-intro__title\">V\u00e4lkommen till Residencial Abora<\/h2>\n<p class=\"abora-intro__copy\">I hj\u00e4rtat av Costa de Adeje ligger Residencial Abora. Ett komplex med rymliga terrasser och havsutsikt d\u00e4r varje arkitektonisk not \u00e4r noggrant utvald f\u00f6r att skapa en vital melodi full av<span class=\"abora-intro__highlight\">tr\u00f6st och lycka<\/span>.\r\n <\/p>\n<div class=\"abora-intro__features\">\n<div class=\"abora-intro__feature\">\n<div class=\"abora-intro__feature-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n<polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\n<\/svg>\n<\/div>\n<div class=\"abora-intro__feature-content\">\n<h3 class=\"abora-intro__feature-title\">138 Hem<\/h3>\n<\/div>\n<\/div>\n<div class=\"abora-intro__feature\">\n<div class=\"abora-intro__feature-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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\"><\/path>\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\"><\/path>\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\"><\/path>\n<\/svg>\n<\/div>\n<div class=\"abora-intro__feature-content\">\n<h3 class=\"abora-intro__feature-title\">200m fr\u00e5n havet<\/h3>\n<\/div>\n<\/div>\n<div class=\"abora-intro__feature\">\n<div class=\"abora-intro__feature-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M12 2v4\"><\/path>\n<path d=\"M12 18v4\"><\/path>\n<path d=\"M4.93 4.93l2.83 2.83\"><\/path>\n<path d=\"M16.24 16.24l2.83 2.83\"><\/path>\n<path d=\"M2 12h4\"><\/path>\n<path d=\"M18 12h4\"><\/path>\n<path d=\"M4.93 19.07l2.83-2.83\"><\/path>\n<path d=\"M16.24 7.76l2.83-2.83\"><\/path>\n<circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n<\/svg>\n<\/div>\n<div class=\"abora-intro__feature-content\">\n<h3 class=\"abora-intro__feature-title\">Maximal effektivitet<\/h3>\n<\/div>\n<\/div>\n<div class=\"abora-intro__feature\">\n<div class=\"abora-intro__feature-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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\"><\/path>\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\"><\/path>\n<circle cx=\"9\" cy=\"5\" r=\"2.5\"><\/circle>\n<path d=\"M9 7.5V10\"><\/path>\n<\/svg>\n<\/div>\n<div class=\"abora-intro__feature-content\">\n<h3 class=\"abora-intro__feature-title\">Gemensam pool<\/h3>\n<\/div>\n<\/div>\n<div class=\"abora-intro__feature\">\n<div class=\"abora-intro__feature-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M6 5v14\"><\/path>\n<path d=\"M18 5v14\"><\/path>\n<path d=\"M6 12h12\"><\/path>\n<path d=\"M3 8v8\"><\/path>\n<path d=\"M21 8v8\"><\/path>\n<\/svg>\n<\/div>\n<div class=\"abora-intro__feature-content\">\n<h3 class=\"abora-intro__feature-title\">Gym<\/h3>\n<\/div>\n<\/div>\n<div class=\"abora-intro__feature\">\n<div class=\"abora-intro__feature-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"3\"><\/rect>\n<path d=\"M3 9h18\"><\/path>\n<path d=\"M9 21V9\"><\/path>\n<\/svg>\n<\/div>\n<div class=\"abora-intro__feature-content\">\n<h3 class=\"abora-intro__feature-title\">Ytor<\/h3>\n<p class=\"abora-intro__feature-text\">104 m\u00b2till223 m\u00b2<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"abora-intro__delivery\">\n<svg class=\"abora-intro__delivery-icon\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect height=\"18\" rx=\"2\" ry=\"2\" width=\"18\" x=\"3\" y=\"4\"><\/rect>\n<line x1=\"16\" x2=\"16\" y1=\"2\" y2=\"6\"><\/line>\n<line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"6\"><\/line>\n<line x1=\"3\" x2=\"21\" y1=\"10\" y2=\"10\"><\/line>\n<path d=\"M9 16l2 2 4-4\"><\/path>\n<\/svg>\n<p class=\"abora-intro__delivery-text\">Ber\u00e4knad leverans<strong>Q2 2028<\/strong><\/p>\n<\/div>\n<a class=\"abora-intro__cta\" href=\"#tipology\">\n<span>Uppt\u00e4ck Tipologies<\/span>\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<line x1=\"5\" x2=\"19\" y1=\"12\" y2=\"12\"><\/line>\n<polyline points=\"12 5 19 12 12 19\"><\/polyline>\n<\/svg>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\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 ABORA ENGAGE - BLOCK 03: ABOUT \/ WHY TENERIFE\r\n Version 8 - Exact copy of Intro, inverted\r\n ============================================ -->\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>\n<!-- ABOUT SECTION -->\n<section class=\"abora-about\" id=\"abora-about\">\n<div class=\"abora-about__wrapper\">\n<!-- Media side (appears on the RIGHT on desktop thanks to order: 2) -->\n<div class=\"abora-about__media\">\n<img decoding=\"async\" alt=\"Panoramic views from Abora, Tenerife\" class=\"abora-about__image\" loading=\"lazy\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-terraza-panoramica.jpg\"\/>\n<!-- Floating badge -->\n<div class=\"abora-about__badge\">\n<div class=\"abora-about__badge-stat\">\n<span class=\"abora-about__badge-number\">300<\/span>\n<span class=\"abora-about__badge-label\">Soliga dagar<\/span>\n<\/div>\n<div class=\"abora-about__badge-stat\">\n<span class=\"abora-about__badge-number\">22\u00b0<\/span>\n<span class=\"abora-about__badge-label\">\u00c5rsgenomsnitt<\/span>\n<\/div>\n<\/div>\n<\/div>\n<!-- Content side (appears on the LEFT on desktop thanks to order: 1) -->\n<div class=\"abora-about__content\">\n<div class=\"abora-about__inner\">\n<!-- Tagline -->\n<div class=\"abora-about__tagline\">\n<span class=\"abora-about__tagline-text\">Uppt\u00e4ck \u00f6n<\/span>\n<\/div>\n<!-- Title -->\n<h2 class=\"abora-about__title\">Varf\u00f6r Teneriffa \u00e4r Europas b\u00e4st bevarade hemlighet<\/h2>\n<!-- Copy -->\n<p class=\"abora-about__copy\">Teneriffa erbjuder<span class=\"abora-about__highlight\">ljus, hav, s\u00e4kerhet<\/span>och en unik livsstil. En idealisk destination f\u00f6r dem som s\u00f6ker livskvalitet, solida investeringar och en direkt anslutning till Europa.<\/p>\n<!-- Features -->\n<div class=\"abora-about__features\">\n<!-- Climate -->\n<div class=\"abora-about__feature\">\n<div class=\"abora-about__feature-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\n<line x1=\"12\" x2=\"12\" y1=\"1\" y2=\"3\"><\/line>\n<line x1=\"12\" x2=\"12\" y1=\"21\" y2=\"23\"><\/line>\n<line x1=\"4.22\" x2=\"5.64\" y1=\"4.22\" y2=\"5.64\"><\/line>\n<line x1=\"18.36\" x2=\"19.78\" y1=\"18.36\" y2=\"19.78\"><\/line>\n<line x1=\"1\" x2=\"3\" y1=\"12\" y2=\"12\"><\/line>\n<line x1=\"21\" x2=\"23\" y1=\"12\" y2=\"12\"><\/line>\n<\/svg>\n<\/div>\n<div class=\"abora-about__feature-content\">\n<h3 class=\"abora-about__feature-title\">Perfekt klimat<\/h3>\n<p class=\"abora-about__feature-text\">22-28\u00b0C \u00e5ret runt, inga extremer<\/p>\n<\/div>\n<\/div>\n<!-- Tax benefits -->\n<div class=\"abora-about__feature\">\n<div class=\"abora-about__feature-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n<path d=\"M12 6v12\"><\/path>\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\"><\/path>\n<\/svg>\n<\/div>\n<div class=\"abora-about__feature-content\">\n<h3 class=\"abora-about__feature-title\">Skattef\u00f6rm\u00e5ner<\/h3>\n<p class=\"abora-about__feature-text\">S\u00e4rskilda regler f\u00f6r investerare<\/p>\n<\/div>\n<\/div>\n<!-- Connectivity -->\n<div class=\"abora-about__feature\">\n<div class=\"abora-about__feature-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n<path d=\"M2 12h20\"><\/path>\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\"><\/path>\n<\/svg>\n<\/div>\n<div class=\"abora-about__feature-content\">\n<h3 class=\"abora-about__feature-title\">Kopplad till Europa<\/h3>\n<p class=\"abora-about__feature-text\">Direktflyg, 4 timmar fr\u00e5n vilken huvudstad som helst<\/p>\n<\/div>\n<\/div>\n<!-- Safety -->\n<div class=\"abora-about__feature\">\n<div class=\"abora-about__feature-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n<path d=\"M9 12l2 2 4-4\"><\/path>\n<\/svg>\n<\/div>\n<div class=\"abora-about__feature-content\">\n<h3 class=\"abora-about__feature-title\">Garanterad s\u00e4kerhet<\/h3>\n<p class=\"abora-about__feature-text\">En av de s\u00e4kraste regionerna i Spanien<\/p>\n<\/div>\n<\/div>\n<\/div>\n<!-- CTA -->\n<a class=\"abora-about__cta\" href=\"#info-unlock\">\n<span>L\u00e5s upp information<\/span>\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<line x1=\"5\" x2=\"19\" y1=\"12\" y2=\"12\"><\/line>\n<polyline points=\"12 5 19 12 12 19\"><\/polyline>\n<\/svg>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\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 ABORA ENGAGE - BLOCK 04: LIFESTYLE\r\n Version 2 - PREMIUM with hover reveal\r\n ============================================ -->\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>\n<!-- LIFESTYLE SECTION -->\n<section class=\"abora-lifestyle\" id=\"abora-lifestyle\">\n<!-- Header -->\n<header class=\"abora-lifestyle__header\">\n<div class=\"abora-lifestyle__header-inner\">\n<div class=\"abora-lifestyle__tagline\">\n<span class=\"abora-lifestyle__tagline-text\">Livsstil<\/span>\n<\/div>\n<h2 class=\"abora-lifestyle__title\">Din perfekta tillflyktsort i paradiset<\/h2>\n<p class=\"abora-lifestyle__subtitle\">Att bo vid havet, leva b\u00e4ttre. Tre s\u00e4tt att njuta av ditt nya hem.<\/p>\n<\/div>\n<\/header>\n<!-- Cards -->\n<div class=\"abora-lifestyle__cards\">\n<!-- Card 1: Remote work -->\n<article class=\"abora-lifestyle__card\">\n<div class=\"abora-lifestyle__card-media\">\n<img decoding=\"async\" alt=\"Living room with terrace ideal for remote work\" class=\"abora-lifestyle__card-image\" loading=\"lazy\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-salon-terraza.jpg\"\/>\n<\/div>\n<div class=\"abora-lifestyle__card-overlay\"><\/div>\n<!-- Centered icon -->\n<div class=\"abora-lifestyle__card-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect height=\"14\" rx=\"2\" ry=\"2\" width=\"20\" x=\"2\" y=\"3\"><\/rect>\n<line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"><\/line>\n<line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"><\/line>\n<\/svg>\n<\/div>\n<div class=\"abora-lifestyle__card-content\">\n<h3 class=\"abora-lifestyle__card-title\">Fj\u00e4rrarbete med havsutsikt<\/h3>\n<div class=\"abora-lifestyle__card-line\"><\/div>\n<p class=\"abora-lifestyle__card-text\">Moderna hem perfekta f\u00f6r digitala nomader och distansarbetare. Inspirerande utrymmen att arbeta samtidigt som du njuter av \u00f6livet.<\/p>\n<\/div>\n<\/article>\n<!-- Card 2: Holiday -->\n<article class=\"abora-lifestyle__card\">\n<div class=\"abora-lifestyle__card-media\">\n<img decoding=\"async\" alt=\"Outdoor pool with relaxation area\" class=\"abora-lifestyle__card-image\" loading=\"lazy\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-piscina.jpg\"\/>\n<\/div>\n<div class=\"abora-lifestyle__card-overlay\"><\/div>\n<!-- Centered icon -->\n<div class=\"abora-lifestyle__card-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\n<line x1=\"12\" x2=\"12\" y1=\"1\" y2=\"3\"><\/line>\n<line x1=\"12\" x2=\"12\" y1=\"21\" y2=\"23\"><\/line>\n<line x1=\"4.22\" x2=\"5.64\" y1=\"4.22\" y2=\"5.64\"><\/line>\n<line x1=\"18.36\" x2=\"19.78\" y1=\"18.36\" y2=\"19.78\"><\/line>\n<line x1=\"1\" x2=\"3\" y1=\"12\" y2=\"12\"><\/line>\n<line x1=\"21\" x2=\"23\" y1=\"12\" y2=\"12\"><\/line>\n<\/svg>\n<\/div>\n<div class=\"abora-lifestyle__card-content\">\n<h3 class=\"abora-lifestyle__card-title\">Din semesterfristad<\/h3>\n<div class=\"abora-lifestyle__card-line\"><\/div>\n<p class=\"abora-lifestyle__card-text\">Din personliga retr\u00e4tt f\u00f6r att fly, koppla bort och skapa of\u00f6rgl\u00f6mliga minnen med familj och v\u00e4nner. Varje dag blir ett \u00f6gonblick att minnas.<\/p>\n<\/div>\n<\/article>\n<!-- Card 3: Investment -->\n<article class=\"abora-lifestyle__card\">\n<div class=\"abora-lifestyle__card-media\">\n<img decoding=\"async\" alt=\"Aerial view of Abora and the Tenerife coast\" class=\"abora-lifestyle__card-image\" loading=\"lazy\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-aereo-tenerife.jpg\"\/>\n<\/div>\n<div class=\"abora-lifestyle__card-overlay\"><\/div>\n<!-- Centered icon -->\n<div class=\"abora-lifestyle__card-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline>\n<polyline points=\"17 6 23 6 23 12\"><\/polyline>\n<\/svg>\n<\/div>\n<div class=\"abora-lifestyle__card-content\">\n<h3 class=\"abora-lifestyle__card-title\">Smart investering<\/h3>\n<div class=\"abora-lifestyle__card-line\"><\/div>\n<p class=\"abora-lifestyle__card-text\">Stor efterfr\u00e5gan p\u00e5 semesteruthyrning, \u00e5ret runt turism och attraktiv avkastning. Professionella f\u00f6rvaltningstj\u00e4nster f\u00f6r bekymmersfri inkomst.<\/p>\n<\/div>\n<\/article>\n<\/div>\n<\/section>\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>\n<section class=\"abora-tipologias\" id=\"abora-tipologias\">\n<header class=\"abora-tipologias__header\">\n<div class=\"abora-tipologias__header-inner\">\n<div class=\"abora-tipologias__tagline\">\n<span class=\"abora-tipologias__tagline-line\"><\/span>\n<span class=\"abora-tipologias__tagline-text\">Typologier<\/span>\n<span class=\"abora-tipologias__tagline-line\"><\/span>\n<\/div>\n<h2 class=\"abora-tipologias__title\">Hitta ditt perfekta hem<\/h2>\n<p class=\"abora-tipologias__subtitle\">Tre typologier designade f\u00f6r maximal komfort vid havet.<\/p>\n<\/div>\n<\/header>\n<div class=\"abora-tipologias__carousel\">\n<div class=\"abora-tipologias__cards\" id=\"tipologias-cards\">\n<article class=\"abora-tipologias__card\">\n<div class=\"abora-tipologias__card-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewbox=\"0 0 80 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect height=\"48\" rx=\"2\" width=\"64\" x=\"8\" y=\"16\"><\/rect>\n<line x1=\"8\" x2=\"40\" y1=\"40\" y2=\"40\"><\/line>\n<line x1=\"40\" x2=\"40\" y1=\"40\" y2=\"64\"><\/line>\n<rect height=\"12\" rx=\"1\" width=\"20\" x=\"14\" y=\"22\"><\/rect>\n<line x1=\"14\" x2=\"34\" y1=\"28\" y2=\"28\"><\/line>\n<rect height=\"36\" rx=\"1\" stroke-dasharray=\"3 2\" width=\"18\" x=\"48\" y=\"22\"><\/rect>\n<circle cx=\"57\" cy=\"40\" r=\"4\"><\/circle>\n<\/svg>\n<\/div>\n<span class=\"abora-tipologias__card-badge\">1 sovrum<\/span>\n<h3 class=\"abora-tipologias__card-title\">Din personliga retr\u00e4tt<\/h3>\n<p class=\"abora-tipologias__card-text\">Utrymmen designade f\u00f6r moderna proffs som s\u00f6ker en retr\u00e4tt vid havet. Perfekt f\u00f6r singlar eller par.<\/p>\n<div class=\"abora-tipologias__card-specs\">\n<div class=\"abora-tipologias__card-spec\">\n<svg class=\"abora-tipologias__card-spec-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"3\"><\/rect>\n<path d=\"M3 9h18\"><\/path>\n<\/svg>\n<span class=\"abora-tipologias__card-spec-text\">Fr\u00e5n104 m\u00b2<\/span>\n<\/div>\n<div class=\"abora-tipologias__card-spec\">\n<svg class=\"abora-tipologias__card-spec-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n<\/svg>\n<span class=\"abora-tipologias__card-spec-text\">1 badrum<\/span>\n<\/div>\n<\/div>\n<div class=\"abora-tipologias__card-price\">\n<span class=\"abora-tipologias__card-price-label\">Fr\u00e5n<\/span>\n<span class=\"abora-tipologias__card-price-value\">394.955 \u20ac*<\/span>\n<\/div>\n<a class=\"abora-tipologias__card-cta\" href=\"#info-unlock\">Se tillg\u00e4nglighet<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<line x1=\"5\" x2=\"19\" y1=\"12\" y2=\"12\"><\/line>\n<polyline points=\"12 5 19 12 12 19\"><\/polyline>\n<\/svg>\n<\/a>\n<\/article>\n<article class=\"abora-tipologias__card\">\n<div class=\"abora-tipologias__card-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewbox=\"0 0 80 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect height=\"48\" rx=\"2\" width=\"64\" x=\"8\" y=\"16\"><\/rect>\n<line x1=\"8\" x2=\"48\" y1=\"40\" y2=\"40\"><\/line>\n<line x1=\"32\" x2=\"32\" y1=\"40\" y2=\"64\"><\/line>\n<line x1=\"48\" x2=\"48\" y1=\"16\" y2=\"40\"><\/line>\n<rect height=\"10\" rx=\"1\" width=\"16\" x=\"12\" y=\"22\"><\/rect>\n<line x1=\"12\" x2=\"28\" y1=\"27\" y2=\"27\"><\/line>\n<rect height=\"10\" rx=\"1\" width=\"14\" x=\"12\" y=\"46\"><\/rect>\n<line x1=\"12\" x2=\"26\" y1=\"51\" y2=\"51\"><\/line>\n<rect height=\"36\" rx=\"1\" stroke-dasharray=\"3 2\" width=\"16\" x=\"52\" y=\"22\"><\/rect>\n<circle cx=\"60\" cy=\"40\" r=\"4\"><\/circle>\n<\/svg>\n<\/div>\n<span class=\"abora-tipologias__card-badge\">2 sovrum<\/span>\n<h3 class=\"abora-tipologias__card-title\">Den perfekta balansen<\/h3>\n<p class=\"abora-tipologias__card-text\">Perfekt f\u00f6r par som v\u00e4rdes\u00e4tter komfort och lugn. V\u00e5r mest eftertraktade typologi f\u00f6r dess m\u00e5ngsidighet.<\/p>\n<div class=\"abora-tipologias__card-specs\">\n<div class=\"abora-tipologias__card-spec\">\n<svg class=\"abora-tipologias__card-spec-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"3\"><\/rect>\n<path d=\"M3 9h18\"><\/path>\n<\/svg>\n<span class=\"abora-tipologias__card-spec-text\">Fr\u00e5n123 m\u00b2<\/span>\n<\/div>\n<div class=\"abora-tipologias__card-spec\">\n<svg class=\"abora-tipologias__card-spec-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n<\/svg>\n<span class=\"abora-tipologias__card-spec-text\">2 badrum<\/span>\n<\/div>\n<\/div>\n<div class=\"abora-tipologias__card-price\">\n<span class=\"abora-tipologias__card-price-label\">Fr\u00e5n<\/span>\n<span class=\"abora-tipologias__card-price-value\">551.460 \u20ac*<\/span>\n<\/div>\n<a class=\"abora-tipologias__card-cta\" href=\"#info-unlock\">Se tillg\u00e4nglighet<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<line x1=\"5\" x2=\"19\" y1=\"12\" y2=\"12\"><\/line>\n<polyline points=\"12 5 19 12 12 19\"><\/polyline>\n<\/svg>\n<\/a>\n<\/article>\n<article class=\"abora-tipologias__card\">\n<div class=\"abora-tipologias__card-icon\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewbox=\"0 0 80 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect height=\"56\" rx=\"2\" width=\"64\" x=\"8\" y=\"12\"><\/rect>\n<line x1=\"8\" x2=\"52\" y1=\"38\" y2=\"38\"><\/line>\n<line x1=\"28\" x2=\"28\" y1=\"38\" y2=\"68\"><\/line>\n<line x1=\"52\" x2=\"52\" y1=\"12\" y2=\"38\"><\/line>\n<line x1=\"28\" x2=\"28\" y1=\"12\" y2=\"38\"><\/line>\n<rect height=\"10\" rx=\"1\" width=\"14\" x=\"11\" y=\"18\"><\/rect>\n<line x1=\"11\" x2=\"25\" y1=\"23\" y2=\"23\"><\/line>\n<rect height=\"10\" rx=\"1\" width=\"14\" x=\"32\" y=\"18\"><\/rect>\n<line x1=\"32\" x2=\"46\" y1=\"23\" y2=\"23\"><\/line>\n<rect height=\"10\" rx=\"1\" width=\"12\" x=\"11\" y=\"44\"><\/rect>\n<line x1=\"11\" x2=\"23\" y1=\"49\" y2=\"49\"><\/line>\n<rect height=\"44\" rx=\"1\" stroke-dasharray=\"3 2\" width=\"12\" x=\"56\" y=\"18\"><\/rect>\n<circle cx=\"62\" cy=\"40\" r=\"4\"><\/circle>\n<\/svg>\n<\/div>\n<span class=\"abora-tipologias__card-badge\">3 sovrum<\/span>\n<h3 class=\"abora-tipologias__card-title\">Utrymmen f\u00f6r familjer<\/h3>\n<p class=\"abora-tipologias__card-text\">Designad f\u00f6r dem som s\u00f6ker extra utrymme f\u00f6r familjen, g\u00e4sterna eller som arbetar hemifr\u00e5n med utsikt \u00f6ver Atlanten.<\/p>\n<div class=\"abora-tipologias__card-specs\">\n<div class=\"abora-tipologias__card-spec\">\n<svg class=\"abora-tipologias__card-spec-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"3\"><\/rect>\n<path d=\"M3 9h18\"><\/path>\n<\/svg>\n<span class=\"abora-tipologias__card-spec-text\">Fr\u00e5n153 m\u00b2<\/span>\n<\/div>\n<div class=\"abora-tipologias__card-spec\">\n<svg class=\"abora-tipologias__card-spec-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n<\/svg>\n<span class=\"abora-tipologias__card-spec-text\">2 badrum<\/span>\n<\/div>\n<\/div>\n<div class=\"abora-tipologias__card-price\">\n<span class=\"abora-tipologias__card-price-label\">Fr\u00e5n<\/span>\n<span class=\"abora-tipologias__card-price-value\">743.815 \u20ac*<\/span>\n<\/div>\n<a class=\"abora-tipologias__card-cta\" href=\"#info-unlock\">Se tillg\u00e4nglighet<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<line x1=\"5\" x2=\"19\" y1=\"12\" y2=\"12\"><\/line>\n<polyline points=\"12 5 19 12 12 19\"><\/polyline>\n<\/svg>\n<\/a>\n<\/article>\n<\/div>\n<div class=\"abora-tipologias__indicators\" id=\"tipologias-indicators\">\n<button aria-label=\"View typology 1\" class=\"abora-tipologias__indicator active\" data-index=\"0\"><\/button>\n<button aria-label=\"View typology 2\" class=\"abora-tipologias__indicator\" data-index=\"1\"><\/button>\n<button aria-label=\"View typology 3\" class=\"abora-tipologias__indicator\" data-index=\"2\"><\/button>\n<\/div>\n<\/div>\n<p style=\"font-size: 12px; color: #888; margin-top: 8px; font-style: italic; text-align: center; width: 100%; line-height: 3rem;\">* I.G.I.C. (Kanarie\u00f6arnas indirekta allm\u00e4nna skatter) m\u00e5ste l\u00e4ggas till dessa priser enligt g\u00e4llande kurs vid tidpunkten f\u00f6r periodisering. Den nuvarande r\u00e4ntan \u00e4r 7%.<br\/>* Kvadratmeter byggt med gemensamma utrymmen och terrass<br\/>* Garage och f\u00f6rr\u00e5d ing\u00e5r i priset.<\/p>\n<\/section>\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>\n #abora-galeria.abora-galeria {\n position: relative !important;\n width: 100% !important;\n padding: 80px 24px !important;\n background-color: #ffffff !important;\n box-sizing: border-box !important;\n overflow: hidden !important;\n }\n #abora-galeria .abora-galeria__container { max-width: 1440px !important; margin: 0 auto !important; }\n #abora-galeria .abora-galeria__header { text-align: center !important; margin-bottom: 48px !important; }\n #abora-galeria .abora-galeria__header-inner { max-width: 600px !important; margin: 0 auto !important; }\n #abora-galeria .abora-galeria__tagline { display: inline-flex !important; align-items: center !important; gap: 12px !important; margin: 0 0 20px 0 !important; }\n #abora-galeria .abora-galeria__tagline-line { width: 28px !important; height: 1px !important; background-color: #43676a !important; display: block !important; }\n #abora-galeria .abora-galeria__tagline-text { font-family: 'Montserrat', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; color: #43676a !important; margin: 0 !important; }\n #abora-galeria .abora-galeria__title { font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 32px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #2d2d2d !important; margin: 0 0 16px 0 !important; }\n #abora-galeria .abora-galeria__subtitle { font-family: 'Montserrat', sans-serif !important; font-size: 16px !important; font-weight: 300 !important; line-height: 1.7 !important; color: #6b6b6b !important; margin: 0 !important; }\n #abora-galeria .abora-galeria__grid { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; }\n #abora-galeria .abora-galeria__item { position: relative !important; overflow: hidden !important; cursor: pointer !important; background-color: #f0f0f0 !important; }\n #abora-galeria .abora-galeria__item::before { content: '' !important; display: block !important; padding-top: 75% !important; }\n #abora-galeria .abora-galeria__item-image { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1); }\n #abora-galeria .abora-galeria__item:hover .abora-galeria__item-image { transform: scale(1.1); }\n #abora-galeria .abora-galeria__item-overlay { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: linear-gradient(to top, rgba(20,20,20,0.9) 0%, rgba(20,20,20,0.3) 40%, rgba(20,20,20,0.1) 100%) !important; opacity: 0 !important; transition: opacity 0.4s ease; }\n #abora-galeria .abora-galeria__item:hover .abora-galeria__item-overlay { opacity: 1 !important; }\n #abora-galeria .abora-galeria__item-content { position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; padding: 32px 24px !important; transform: translateY(20px) !important; opacity: 0 !important; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease; }\n #abora-galeria .abora-galeria__item:hover .abora-galeria__item-content { transform: translateY(0) !important; opacity: 1 !important; }\n #abora-galeria .abora-galeria__item-category { display: inline-block !important; font-family: 'Montserrat', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; color: #43676a !important; background-color: #ffffff !important; padding: 6px 12px !important; margin-bottom: 12px !important; }\n #abora-galeria .abora-galeria__item-title { font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 24px !important; font-weight: 500 !important; line-height: 1.2 !important; color: #ffffff !important; margin: 0 0 8px 0 !important; }\n #abora-galeria .abora-galeria__item-description { font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.6 !important; color: rgba(255,255,255,0.8) !important; margin: 0 !important; max-width: 280px !important; }\n #abora-galeria .abora-galeria__item-zoom { position: absolute !important; top: 20px !important; right: 20px !important; width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: rgba(255,255,255,0.95) !important; border-radius: 50% !important; opacity: 0 !important; transform: scale(0.8) !important; transition: opacity 0.3s ease, transform 0.3s ease; }\n #abora-galeria .abora-galeria__item:hover .abora-galeria__item-zoom { opacity: 1 !important; transform: scale(1) !important; }\n #abora-galeria .abora-galeria__item-zoom svg { width: 20px !important; height: 20px !important; color: #43676a !important; }\n #abora-galeria .abora-galeria__lightbox { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(10,10,10,0.97) !important; z-index: 99999 !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.4s ease, visibility 0.4s ease; }\n #abora-galeria .abora-galeria__lightbox.active { opacity: 1 !important; visibility: visible !important; }\n #abora-galeria .abora-galeria__lightbox-close { position: absolute !important; top: 32px !important; right: 32px !important; width: 48px !important; height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: none !important; border: 1px solid rgba(255,255,255,0.2) !important; border-radius: 50% !important; cursor: pointer !important; padding: 0 !important; z-index: 10 !important; transition: border-color 0.3s ease, transform 0.3s ease; }\n #abora-galeria .abora-galeria__lightbox-close:hover { border-color: rgba(255,255,255,0.5) !important; transform: rotate(90deg); }\n #abora-galeria .abora-galeria__lightbox-close svg { width: 20px !important; height: 20px !important; color: #ffffff !important; }\n #abora-galeria .abora-galeria__lightbox-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; padding: 80px 24px !important; box-sizing: border-box !important; }\n #abora-galeria .abora-galeria__lightbox-media { position: relative !important; max-width: 100% !important; max-height: 70vh !important; }\n #abora-galeria .abora-galeria__lightbox-image { max-width: 100% !important; max-height: 70vh !important; object-fit: contain !important; display: block !important; }\n #abora-galeria .abora-galeria__lightbox-caption { text-align: center !important; margin-top: 40px !important; max-width: 500px !important; }\n #abora-galeria .abora-galeria__lightbox-category { display: inline-block !important; font-family: 'Montserrat', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; color: #43676a !important; margin-bottom: 12px !important; }\n #abora-galeria .abora-galeria__lightbox-title { font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 32px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #ffffff !important; margin: 0 0 12px 0 !important; }\n #abora-galeria .abora-galeria__lightbox-description { font-family: 'Montserrat', sans-serif !important; font-size: 14px !important; font-weight: 300 !important; line-height: 1.7 !important; color: rgba(255,255,255,0.7) !important; margin: 0 !important; }\n #abora-galeria .abora-galeria__lightbox-counter { position: absolute !important; bottom: 32px !important; left: 50% !important; transform: translateX(-50%) !important; font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0.1em !important; color: rgba(255,255,255,0.5) !important; }\n #abora-galeria .abora-galeria__lightbox-nav { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; width: 56px !important; height: 56px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: none !important; border: 1px solid rgba(255,255,255,0.15) !important; border-radius: 50% !important; cursor: pointer !important; padding: 0 !important; transition: border-color 0.3s ease, background-color 0.3s ease; }\n #abora-galeria .abora-galeria__lightbox-nav:hover { border-color: rgba(255,255,255,0.4) !important; background-color: rgba(255,255,255,0.05) !important; }\n #abora-galeria .abora-galeria__lightbox-nav svg { width: 20px !important; height: 20px !important; color: #ffffff !important; }\n #abora-galeria .abora-galeria__lightbox-prev { left: 32px !important; }\n #abora-galeria .abora-galeria__lightbox-next { right: 32px !important; }\n @media screen and (min-width: 768px) {\n #abora-galeria.abora-galeria { padding: 100px 48px !important; }\n #abora-galeria .abora-galeria__header { margin-bottom: 56px !important; }\n #abora-galeria .abora-galeria__title { font-size: 40px !important; }\n #abora-galeria .abora-galeria__grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }\n #abora-galeria .abora-galeria__item:nth-child(1) { grid-column: span 2 !important; }\n #abora-galeria .abora-galeria__item:nth-child(1)::before { padding-top: 50% !important; }\n #abora-galeria .abora-galeria__item-content { padding: 40px 32px !important; }\n #abora-galeria .abora-galeria__item-title { font-size: 28px !important; }\n #abora-galeria .abora-galeria__lightbox-title { font-size: 36px !important; }\n }\n @media screen and (min-width: 1024px) {\n #abora-galeria.abora-galeria { padding: 120px 64px !important; }\n #abora-galeria .abora-galeria__header { margin-bottom: 64px !important; }\n #abora-galeria .abora-galeria__title { font-size: 48px !important; }\n #abora-galeria .abora-galeria__grid { grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; }\n #abora-galeria .abora-galeria__item:nth-child(1) { grid-column: span 2 !important; grid-row: span 2 !important; }\n #abora-galeria .abora-galeria__item:nth-child(1)::before { padding-top: 100% !important; }\n #abora-galeria .abora-galeria__item-content { padding: 48px 40px !important; }\n #abora-galeria .abora-galeria__item:nth-child(1) .abora-galeria__item-title { font-size: 36px !important; }\n #abora-galeria .abora-galeria__item:nth-child(1) .abora-galeria__item-description { font-size: 15px !important; max-width: 360px !important; }\n #abora-galeria .abora-galeria__lightbox-wrapper { padding: 100px 120px !important; }\n #abora-galeria .abora-galeria__lightbox-title { font-size: 42px !important; }\n }\n @media screen and (min-width: 1440px) {\n #abora-galeria.abora-galeria { padding: 140px 80px !important; }\n #abora-galeria .abora-galeria__header { margin-bottom: 72px !important; }\n #abora-galeria .abora-galeria__title { font-size: 52px !important; }\n #abora-galeria .abora-galeria__grid { gap: 24px !important; }\n }\n @keyframes aboraGaleriaFadeIn { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } }\n #abora-galeria .abora-galeria__header-inner, #abora-galeria .abora-galeria__item { opacity: 1; transform: translateY(0); }\n #abora-galeria.abora-galeria--visible .abora-galeria__header-inner, #abora-galeria.abora-galeria--visible .abora-galeria__item, #abora-galeria.abora-galeria--animated .abora-galeria__header-inner, #abora-galeria.abora-galeria--animated .abora-galeria__item { opacity: 0; transform: translateY(30px); }\n #abora-galeria.abora-galeria--animated .abora-galeria__header-inner { animation: aboraGaleriaFadeIn 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.1s forwards; }\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(1) { animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.15s forwards; }\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(2) { animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.25s forwards; }\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(3) { animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.35s forwards; }\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(4) { animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.45s forwards; }\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(5) { animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.55s forwards; }\n #abora-galeria.abora-galeria--animated .abora-galeria__item:nth-child(6) { animation: aboraGaleriaFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.65s forwards; }\n<\/style>\n<section class=\"abora-galeria\" id=\"abora-galeria\">\n<div class=\"abora-galeria__container\">\n<header class=\"abora-galeria__header\">\n<div class=\"abora-galeria__header-inner\">\n<div class=\"abora-galeria__tagline\">\n<span class=\"abora-galeria__tagline-line\"><\/span>\n<span class=\"abora-galeria__tagline-text\">Galleri<\/span>\n<span class=\"abora-galeria__tagline-line\"><\/span>\n<\/div>\n<h2 class=\"abora-galeria__title\">Uppt\u00e4ck varje h\u00f6rn av ditt framtida hem<\/h2>\n<p class=\"abora-galeria__subtitle\">Utrymmen designade f\u00f6r dem som s\u00f6ker kvalitet, design och enast\u00e5ende utsikt.<\/p>\n<\/div>\n<\/header>\n<div class=\"abora-galeria__grid\">\n<div class=\"abora-galeria__item\" data-category=\"Exteri\u00f6rer\" data-description=\"D\u00e4r himlen m\u00f6ter havet. Terrasser designade f\u00f6r att uppleva de b\u00e4sta solnedg\u00e5ngarna i ditt liv.\" data-index=\"0\" data-title=\"O\u00e4ndliga horisonter\">\n<img decoding=\"async\" alt=\"Terraza con vistas panor\u00e1micas al mar\" class=\"abora-galeria__item-image\" loading=\"lazy\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-terraza-exterior-panoramica-vistas-mar.jpg\"\/>\n<div class=\"abora-galeria__item-overlay\"><\/div>\n<div class=\"abora-galeria__item-content\">\n<span class=\"abora-galeria__item-category\">Exteri\u00f6rer<\/span>\n<h3 class=\"abora-galeria__item-title\">O\u00e4ndliga horisonter<\/h3>\n<p class=\"abora-galeria__item-description\">D\u00e4r himlen m\u00f6ter havet. Terrasser designade f\u00f6r att uppleva de b\u00e4sta solnedg\u00e5ngarna i ditt liv.<\/p>\n<\/div>\n<div class=\"abora-galeria__item-zoom\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n<line x1=\"21\" x2=\"16.65\" y1=\"21\" y2=\"16.65\"><\/line>\n<line x1=\"11\" x2=\"11\" y1=\"8\" y2=\"14\"><\/line>\n<line x1=\"8\" x2=\"14\" y1=\"11\" y2=\"11\"><\/line>\n<\/svg><\/div>\n<\/div>\n<div class=\"abora-galeria__item\" data-category=\"Interi\u00f6rer\" data-description=\"\u00d6ppna ytor d\u00e4r naturligt ljus fl\u00f6dar utan gr\u00e4nser.\" data-index=\"1\" data-title=\"Hj\u00e4rtat i ditt hem\">\n<img decoding=\"async\" alt=\"Sal\u00f3n-cocina con acceso a terraza\" class=\"abora-galeria__item-image\" loading=\"lazy\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-salon-cocina-terraza-vistas.jpg\"\/>\n<div class=\"abora-galeria__item-overlay\"><\/div>\n<div class=\"abora-galeria__item-content\">\n<span class=\"abora-galeria__item-category\">Interi\u00f6rer<\/span>\n<h3 class=\"abora-galeria__item-title\">Hj\u00e4rtat i ditt hem<\/h3>\n<p class=\"abora-galeria__item-description\">\u00d6ppna ytor d\u00e4r naturligt ljus fl\u00f6dar utan gr\u00e4nser.<\/p>\n<\/div>\n<div class=\"abora-galeria__item-zoom\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n<line x1=\"21\" x2=\"16.65\" y1=\"21\" y2=\"16.65\"><\/line>\n<line x1=\"11\" x2=\"11\" y1=\"8\" y2=\"14\"><\/line>\n<line x1=\"8\" x2=\"14\" y1=\"11\" y2=\"11\"><\/line>\n<\/svg><\/div>\n<\/div>\n<div class=\"abora-galeria__item\" data-category=\"Sovrum\" data-description=\"Vakna varje morgon till den atlantiska brisen.\" data-index=\"2\" data-title=\"Din fridfulla retr\u00e4tt\">\n<img decoding=\"async\" alt=\"Dormitorio principal con acceso a terraza\" class=\"abora-galeria__item-image\" loading=\"lazy\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-habitacion-principal-y-terraza.jpg\"\/>\n<div class=\"abora-galeria__item-overlay\"><\/div>\n<div class=\"abora-galeria__item-content\">\n<span class=\"abora-galeria__item-category\">Sovrum<\/span>\n<h3 class=\"abora-galeria__item-title\">Din fridfulla retr\u00e4tt<\/h3>\n<p class=\"abora-galeria__item-description\">Vakna varje morgon till den atlantiska brisen.<\/p>\n<\/div>\n<div class=\"abora-galeria__item-zoom\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n<line x1=\"21\" x2=\"16.65\" y1=\"21\" y2=\"16.65\"><\/line>\n<line x1=\"11\" x2=\"11\" y1=\"8\" y2=\"14\"><\/line>\n<line x1=\"8\" x2=\"14\" y1=\"11\" y2=\"11\"><\/line>\n<\/svg><\/div>\n<\/div>\n<div class=\"abora-galeria__item\" data-category=\"Interi\u00f6rer\" data-description=\"D\u00e4r de b\u00e4sta stunderna b\u00f6rjar.\" data-index=\"3\" data-title=\"Design som inspirerar\">\n<img decoding=\"async\" alt=\"Cocina moderna completamente equipada\" class=\"abora-galeria__item-image\" loading=\"lazy\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-interior-cocina.jpg\"\/>\n<div class=\"abora-galeria__item-overlay\"><\/div>\n<div class=\"abora-galeria__item-content\">\n<span class=\"abora-galeria__item-category\">Interi\u00f6rer<\/span>\n<h3 class=\"abora-galeria__item-title\">Design som inspirerar<\/h3>\n<p class=\"abora-galeria__item-description\">D\u00e4r de b\u00e4sta stunderna b\u00f6rjar.<\/p>\n<\/div>\n<div class=\"abora-galeria__item-zoom\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n<line x1=\"21\" x2=\"16.65\" y1=\"21\" y2=\"16.65\"><\/line>\n<line x1=\"11\" x2=\"11\" y1=\"8\" y2=\"14\"><\/line>\n<line x1=\"8\" x2=\"14\" y1=\"11\" y2=\"11\"><\/line>\n<\/svg><\/div>\n<\/div>\n<div class=\"abora-galeria__item\" data-category=\"Interi\u00f6rer\" data-description=\"Dagligt v\u00e4lbefinnande med kvalitetsfinish.\" data-index=\"4\" data-title=\"Badrum\">\n<img decoding=\"async\" alt=\"Ba\u00f1o completo con ducha\" class=\"abora-galeria__item-image\" loading=\"lazy\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-bano-completo-ducha.jpg\"\/>\n<div class=\"abora-galeria__item-overlay\"><\/div>\n<div class=\"abora-galeria__item-content\">\n<span class=\"abora-galeria__item-category\">Interi\u00f6rer<\/span>\n<h3 class=\"abora-galeria__item-title\">Badrum<\/h3>\n<p class=\"abora-galeria__item-description\">Dagligt v\u00e4lbefinnande med kvalitetsfinish.<\/p>\n<\/div>\n<div class=\"abora-galeria__item-zoom\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n<line x1=\"21\" x2=\"16.65\" y1=\"21\" y2=\"16.65\"><\/line>\n<line x1=\"11\" x2=\"11\" y1=\"8\" y2=\"14\"><\/line>\n<line x1=\"8\" x2=\"14\" y1=\"11\" y2=\"11\"><\/line>\n<\/svg><\/div>\n<\/div>\n<div class=\"abora-galeria__item\" data-category=\"Gemensamma utrymmen\" data-description=\"Det perfekta klimatet v\u00e4ntar dig \u00e5ret runt.\" data-index=\"5\" data-title=\"365 soldagar\">\n<img decoding=\"async\" alt=\"Piscina comunitaria exterior\" class=\"abora-galeria__item-image\" loading=\"lazy\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-exterior-piscina.jpg\"\/>\n<div class=\"abora-galeria__item-overlay\"><\/div>\n<div class=\"abora-galeria__item-content\">\n<span class=\"abora-galeria__item-category\">Gemensamma utrymmen<\/span>\n<h3 class=\"abora-galeria__item-title\">365 soldagar<\/h3>\n<p class=\"abora-galeria__item-description\">Det perfekta klimatet v\u00e4ntar dig \u00e5ret runt.<\/p>\n<\/div>\n<div class=\"abora-galeria__item-zoom\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n<line x1=\"21\" x2=\"16.65\" y1=\"21\" y2=\"16.65\"><\/line>\n<line x1=\"11\" x2=\"11\" y1=\"8\" y2=\"14\"><\/line>\n<line x1=\"8\" x2=\"14\" y1=\"11\" y2=\"11\"><\/line>\n<\/svg><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"abora-galeria__lightbox\" id=\"galeria-lightbox\">\n<button aria-label=\"St\u00e4ng galleri\" class=\"abora-galeria__lightbox-close\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"><\/line>\n<line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"><\/line>\n<\/svg>\n<\/button>\n<button aria-label=\"F\u00f6reg\u00e5ende bild\" class=\"abora-galeria__lightbox-nav abora-galeria__lightbox-prev\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<polyline points=\"15 18 9 12 15 6\"><\/polyline>\n<\/svg>\n<\/button>\n<div class=\"abora-galeria__lightbox-wrapper\">\n<div class=\"abora-galeria__lightbox-media\">\n<img decoding=\"async\" alt=\"\" class=\"abora-galeria__lightbox-image\" id=\"lightbox-image\" src=\"\"\/>\n<\/div>\n<div class=\"abora-galeria__lightbox-caption\">\n<span class=\"abora-galeria__lightbox-category\" id=\"lightbox-category\"><\/span>\n<h3 class=\"abora-galeria__lightbox-title\" id=\"lightbox-title\"><\/h3>\n<p class=\"abora-galeria__lightbox-description\" id=\"lightbox-description\"><\/p>\n<\/div>\n<\/div>\n<button aria-label=\"N\u00e4sta bild\" class=\"abora-galeria__lightbox-nav abora-galeria__lightbox-next\">\n<svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<polyline points=\"9 18 15 12 9 6\"><\/polyline>\n<\/svg>\n<\/button>\n<div class=\"abora-galeria__lightbox-counter\" id=\"lightbox-counter\"><\/div>\n<\/div>\n<\/section>\n<script>\n (function() {\n 'use strict';\n var lightbox = document.getElementById('galeria-lightbox');\n var lightboxImage = document.getElementById('lightbox-image');\n var lightboxCategory = document.getElementById('lightbox-category');\n var lightboxTitle = document.getElementById('lightbox-title');\n var lightboxDescription = document.getElementById('lightbox-description');\n var lightboxCounter = document.getElementById('lightbox-counter');\n var closeBtn = lightbox.querySelector('.abora-galeria__lightbox-close');\n var prevBtn = lightbox.querySelector('.abora-galeria__lightbox-prev');\n var nextBtn = lightbox.querySelector('.abora-galeria__lightbox-next');\n var items = document.querySelectorAll('.abora-galeria__item');\n var currentIndex = 0;\n var images = [];\n items.forEach(function(item, index) {\n var img = item.querySelector('.abora-galeria__item-image');\n images.push({ src: img.src, category: item.dataset.category, title: item.dataset.title, description: item.dataset.description });\n item.addEventListener('click', function() { openLightbox(index); });\n });\n function openLightbox(index) { currentIndex = index; updateLightboxContent(); lightbox.classList.add('active'); document.body.style.overflow = 'hidden'; }\n function closeLightbox() { lightbox.classList.remove('active'); document.body.style.overflow = ''; }\n function updateLightboxContent() {\n var data = images[currentIndex];\n lightboxImage.src = data.src; lightboxImage.alt = data.title;\n lightboxCategory.textContent = data.category; lightboxTitle.textContent = data.title;\n lightboxDescription.textContent = data.description;\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + images.length;\n }\n function prevImage() { currentIndex = (currentIndex - 1 + images.length) % images.length; updateLightboxContent(); }\n function nextImage() { currentIndex = (currentIndex + 1) % images.length; updateLightboxContent(); }\n closeBtn.addEventListener('click', closeLightbox);\n prevBtn.addEventListener('click', prevImage);\n nextBtn.addEventListener('click', nextImage);\n lightbox.addEventListener('click', function(e) { if (e.target === lightbox || e.target.classList.contains('abora-galeria__lightbox-wrapper')) closeLightbox(); });\n document.addEventListener('keydown', function(e) {\n if (!lightbox.classList.contains('active')) return;\n if (e.key === 'Escape') closeLightbox();\n if (e.key === 'ArrowLeft') prevImage();\n if (e.key === 'ArrowRight') nextImage();\n });\n var galeriaSection = document.getElementById('abora-galeria');\n var galeriaAnimated = false;\n function isInViewport(element, offset) { var rect = element.getBoundingClientRect(); return rect.top <= (window.innerHeight || document.documentElement.clientHeight) - (offset || 100); }\n function handleGaleriaAnimation() {\n if (galeriaAnimated) return;\n if (isInViewport(galeriaSection, 150)) {\n galeriaSection.classList.add('abora-galeria--visible');\n setTimeout(function() { galeriaSection.classList.remove('abora-galeria--visible'); galeriaSection.classList.add('abora-galeria--animated'); }, 50);\n galeriaAnimated = true;\n }\n }\n var ticking = false;\n window.addEventListener('scroll', function() { if (!ticking) { window.requestAnimationFrame(function() { handleGaleriaAnimation(); ticking = false; }); ticking = true; } }, { passive: true });\n handleGaleriaAnimation();\n })();\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>\n<section class=\"abora-ubicacion\" id=\"abora-ubicacion\">\n<header class=\"abora-ubicacion__header\">\n<div class=\"abora-ubicacion__header-inner\">\n<div class=\"abora-ubicacion__tagline\">\n<span class=\"abora-ubicacion__tagline-line\"><\/span>\n<span class=\"abora-ubicacion__tagline-text\">Costa de Adeje<\/span>\n<span class=\"abora-ubicacion__tagline-line\"><\/span>\n<\/div>\n<h2 class=\"abora-ubicacion__title\">Ett steg bort fr\u00e5n havet<br\/>och allt<\/h2>\n<p class=\"abora-ubicacion__subtitle\">Ett utm\u00e4rkt l\u00e4ge 200 meter fr\u00e5n havet, omgivet av natur med alla n\u00f6dv\u00e4ndiga tj\u00e4nster i n\u00e4rheten.<\/p>\n<\/div>\n<\/header>\n<div class=\"abora-ubicacion__map\">\n<div class=\"abora-ubicacion__map-placeholder\">\n<iframe allowfullscreen=\"\" id=\"abora-map-iframe\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/map-abora-se.html\" title=\"Mardi Hills Handwritten Collection Interactive Map\">\n<\/iframe>\n<\/div>\n<\/div>\n<\/section>\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>\n<section class=\"abora-unlock\" id=\"abora-unlock\">\n<div class=\"abora-unlock__container\">\n<header class=\"abora-unlock__header\">\n<div class=\"abora-unlock__tagline\">\n<span class=\"abora-unlock__tagline-line\"><\/span>\n<span class=\"abora-unlock__tagline-text\">Exklusiv information<\/span>\n<span class=\"abora-unlock__tagline-line\"><\/span>\n<\/div>\n<h2 class=\"abora-unlock__title\">L\u00e5s upp fullst\u00e4ndig information<\/h2>\n<p class=\"abora-unlock__subtitle\">Ber\u00e4tta f\u00f6r oss dina preferenser och f\u00e5 tillg\u00e5ng till personlig information om Abora: planl\u00f6sningar, uppdaterade priser, tillg\u00e4nglighet och mycket mer.<\/p>\n<\/header>\n<div class=\"abora-unlock__form\">\n<style id=\"wpforms-css-vars-4939\">\n\t\t\t\t#wpforms-4939 {\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-4939\"><form id=\"wpforms-form-4939\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"4939\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/sv\/wp-json\/wp\/v2\/pages\/5698\" data-token=\"7f8551d2cb539b3093f048287482b7a9\" data-token-time=\"1778085135\"><noscript class=\"wpforms-error-noscript\">Aktivera JavaScript i din webbl\u00e4sare f\u00f6r att fylla i formul\u00e4ret.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Aktivera JavaScript i din webbl\u00e4sare f\u00f6r att fylla i formul\u00e4ret.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-4939-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-4939-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-4939-field_25\" aria-hidden=\"false\">LMP Segunda residencia emocional<\/label><input type=\"text\" id=\"wpforms-4939-field_25\" class=\"wpforms-field-medium\" name=\"wpforms[fields][25]\" value=\"e4ed1364-063d-4b52-a113-fb1fe4fc5be5\" aria-errormessage=\"wpforms-4939-field_25-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-4939-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-4939-field_43\" aria-hidden=\"false\">LMP Pareja madura en nueva etapa<\/label><input type=\"text\" id=\"wpforms-4939-field_43\" class=\"wpforms-field-medium\" name=\"wpforms[fields][43]\" value=\"4595940f-a5d1-4f9e-b1eb-0f40e669bc00\" aria-errormessage=\"wpforms-4939-field_43-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-4939-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-4939-field_44\" aria-hidden=\"false\">LMP Familia en crecimiento<\/label><input type=\"text\" id=\"wpforms-4939-field_44\" class=\"wpforms-field-medium\" name=\"wpforms[fields][44]\" value=\"a7716a6e-6000-4b87-bbe4-be15c4b5bfa6\" aria-errormessage=\"wpforms-4939-field_44-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-4939-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-4939-field_46\" aria-hidden=\"false\">LMP Inversor internacional<\/label><input type=\"text\" id=\"wpforms-4939-field_46\" class=\"wpforms-field-medium\" name=\"wpforms[fields][46]\" value=\"30c59b92-ed12-4d00-99dc-60b13ca04cb7\" aria-errormessage=\"wpforms-4939-field_46-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-4939-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-4939-field_45\" aria-hidden=\"false\">LMP N\u00f3mada digital<\/label><input type=\"text\" id=\"wpforms-4939-field_45\" class=\"wpforms-field-medium\" name=\"wpforms[fields][45]\" value=\"cb355894-f263-42ea-bf2f-e2de1daeb180\" aria-errormessage=\"wpforms-4939-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-4939-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-4939-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-4939-field_35\" aria-hidden=\"false\">utm_source<\/label><input type=\"text\" id=\"wpforms-4939-field_35\" class=\"wpforms-field-medium\" name=\"wpforms[fields][35]\" aria-errormessage=\"wpforms-4939-field_35-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-4939-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-4939-field_52\" aria-hidden=\"false\">utm_medium<\/label><input type=\"text\" id=\"wpforms-4939-field_52\" class=\"wpforms-field-medium\" name=\"wpforms[fields][52]\" aria-errormessage=\"wpforms-4939-field_52-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-4939-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-4939-field_53\" aria-hidden=\"false\">utm_campaign<\/label><input type=\"text\" id=\"wpforms-4939-field_53\" class=\"wpforms-field-medium\" name=\"wpforms[fields][53]\" aria-errormessage=\"wpforms-4939-field_53-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-4939-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-4939-field_54\" aria-hidden=\"false\">utm_term<\/label><input type=\"text\" id=\"wpforms-4939-field_54\" class=\"wpforms-field-medium\" name=\"wpforms[fields][54]\" aria-errormessage=\"wpforms-4939-field_54-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-4939-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-4939-field_51\" aria-hidden=\"false\">Origenes leder<\/label><input type=\"text\" id=\"wpforms-4939-field_51\" class=\"wpforms-field-medium\" name=\"wpforms[fields][51]\" aria-errormessage=\"wpforms-4939-field_51-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-4939-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-4939-field_56\" aria-hidden=\"false\">Stage<\/label><input type=\"text\" id=\"wpforms-4939-field_56\" class=\"wpforms-field-medium\" name=\"wpforms[fields][56]\" value=\"Engage\" aria-errormessage=\"wpforms-4939-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-4939-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-4939-field_55\" aria-hidden=\"false\">utm_content<\/label><input type=\"text\" id=\"wpforms-4939-field_55\" class=\"wpforms-field-medium\" name=\"wpforms[fields][55]\" aria-errormessage=\"wpforms-4939-field_55-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-4939-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-4939-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-4939-field_40\" aria-hidden=\"false\">DISC Yellow<\/label><input type=\"text\" id=\"wpforms-4939-field_40\" class=\"wpforms-field-medium\" name=\"wpforms[fields][40]\" value=\"Red\" aria-errormessage=\"wpforms-4939-field_40-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-4939-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-4939-field_41\" aria-hidden=\"false\">DISC Green<\/label><input type=\"text\" id=\"wpforms-4939-field_41\" class=\"wpforms-field-medium\" name=\"wpforms[fields][41]\" value=\"Red\" aria-errormessage=\"wpforms-4939-field_41-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-4939-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-4939-field_39\" aria-hidden=\"false\">DISC Red<\/label><input type=\"text\" id=\"wpforms-4939-field_39\" class=\"wpforms-field-medium\" name=\"wpforms[fields][39]\" value=\"Red\" aria-errormessage=\"wpforms-4939-field_39-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-4939-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-4939-field_42\" aria-hidden=\"false\">DISC Blue<\/label><input type=\"text\" id=\"wpforms-4939-field_42\" class=\"wpforms-field-medium\" name=\"wpforms[fields][42]\" value=\"Red\" aria-errormessage=\"wpforms-4939-field_42-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-4939-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-4939-field_37\">Vad \u00e4r din fr\u00e4msta motivation f\u00f6r att leta efter en ny fastighet? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-4939-field_37\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][37]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- V\u00e4lj val ---<\/option><option value=\"Jag letar efter ett st\u00e4lle att koppla av, koppla av och verkligen k\u00e4nna mig hemma.\" class=\"choice-1 depth-1\" >Jag letar efter ett st\u00e4lle att koppla av, koppla av och verkligen k\u00e4nna mig hemma.<\/option><option value=\"Vi vill b\u00f6rja ett nytt skede av livet i en inspirerande och bekv\u00e4m milj\u00f6.\" class=\"choice-2 depth-1\" >Vi vill b\u00f6rja ett nytt skede av livet i en inspirerande och bekv\u00e4m milj\u00f6.<\/option><option value=\"Vi letar efter ett st\u00f6rre hem som passar v\u00e5r familjs behov.\" class=\"choice-3 depth-1\" >Vi letar efter ett st\u00f6rre hem som passar v\u00e5r familjs behov.<\/option><option value=\"Jag letar efter en l\u00f6nsam och s\u00e4ker fastighetsinvestering.\" class=\"choice-4 depth-1\" >Jag letar efter en l\u00f6nsam och s\u00e4ker fastighetsinvestering.<\/option><option value=\"Jag letar efter en bas f\u00f6r att arbeta p\u00e5 distans och njuta av livsstilen.\" class=\"choice-5 depth-1\" >Jag letar efter en bas f\u00f6r att arbeta p\u00e5 distans och njuta av livsstilen.<\/option><\/select><\/div>\t\t<div id=\"wpforms-4939-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-4939-field_1\" >fastighet? f\u00f6r leta<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-4939-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-4939-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-4939-field_38\">Vilket av dessa p\u00e5st\u00e5enden beskriver dig b\u00e4st? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-4939-field_38\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][38]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- V\u00e4lj val ---<\/option><option value=\"Jag gillar att fatta snabba beslut och l\u00f6sa problem\" class=\"choice-1 depth-1\" >Jag gillar att fatta snabba beslut och l\u00f6sa problem<\/option><option value=\"Jag f\u00f6redrar att helt f\u00f6rst\u00e5 mina alternativ innan jag best\u00e4mmer mig\" class=\"choice-2 depth-1\" >Jag f\u00f6redrar att helt f\u00f6rst\u00e5 mina alternativ innan jag best\u00e4mmer mig<\/option><option value=\"Jag tycker om att utforska nya id\u00e9er och vara kreativ\" class=\"choice-3 depth-1\" >Jag tycker om att utforska nya id\u00e9er och vara kreativ<\/option><option value=\"Jag f\u00f6redrar bepr\u00f6vade metoder och att bibeh\u00e5lla stabilitet\" class=\"choice-4 depth-1\" >Jag f\u00f6redrar bepr\u00f6vade metoder och att bibeh\u00e5lla stabilitet<\/option><\/select><\/div><div id=\"wpforms-4939-field_6-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"6\"><fieldset><legend class=\"wpforms-field-label\">Ditt namn <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-4939-field_6\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][6][first]\" aria-errormessage=\"wpforms-4939-field_6-error\" required><label for=\"wpforms-4939-field_6\" class=\"wpforms-field-sublabel after\">F\u00f6rst<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-4939-field_6-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][6][last]\" aria-errormessage=\"wpforms-4939-field_6-last-error\" required><label for=\"wpforms-4939-field_6-last\" class=\"wpforms-field-sublabel after\">Sist<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-4939-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-4939-field_9-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-4939-field_9\">Telefon <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-4939-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=\"Telefon\" aria-errormessage=\"wpforms-4939-field_9-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-4939-field_15-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"15\"><label class=\"wpforms-field-label\" for=\"wpforms-4939-field_15\">E-post <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-4939-field_15\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][15]\" spellcheck=\"false\" aria-errormessage=\"wpforms-4939-field_15-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-4939-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-4939-field_59\">\u00c5ldersintervall <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-4939-field_59\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][59]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- V\u00e4lj ett alternativ ---<\/option><option value=\"Mindre \u00e4n 35 \u00e5r\" class=\"choice-1 depth-1\" >Mindre \u00e4n 35 \u00e5r<\/option><option value=\"Fr\u00e5n 35 till 45 \u00e5r\" class=\"choice-2 depth-1\" >Fr\u00e5n 35 till 45 \u00e5r<\/option><option value=\"Fr\u00e5n 45 till 60 \u00e5r\" class=\"choice-3 depth-1\" >Fr\u00e5n 45 till 60 \u00e5r<\/option><option value=\"Mer \u00e4n 60 \u00e5r\" class=\"choice-4 depth-1\" >Mer \u00e4n 60 \u00e5r<\/option><\/select><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-4939-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-4939-field_36\">Land <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-4939-field_36\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][36]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- V\u00e4lj land ---<\/option><option value=\"Afghanistan\" class=\"choice-8 depth-1\" >Afghanistan<\/option><option value=\"Albanien\" class=\"choice-9 depth-1\" >Albanien<\/option><option value=\"Algeriet\" class=\"choice-10 depth-1\" >Algeriet<\/option><option value=\"Andorra\" class=\"choice-11 depth-1\" >Andorra<\/option><option value=\"Angola\" class=\"choice-12 depth-1\" >Angola<\/option><option value=\"Antigua och Barbuda\" class=\"choice-13 depth-1\" >Antigua och Barbuda<\/option><option value=\"Argentina\" class=\"choice-14 depth-1\" >Argentina<\/option><option value=\"Armenien\" class=\"choice-15 depth-1\" >Armenien<\/option><option value=\"Australien\" class=\"choice-16 depth-1\" >Australien<\/option><option value=\"\u00d6sterrike\" class=\"choice-17 depth-1\" >\u00d6sterrike<\/option><option value=\"Azerbajdzjan\" class=\"choice-18 depth-1\" >Azerbajdzjan<\/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=\"Belgien\" class=\"choice-24 depth-1\" >Belgien<\/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=\"Bosnien och Hercegovina\" class=\"choice-29 depth-1\" >Bosnien och Hercegovina<\/option><option value=\"Botswana\" class=\"choice-30 depth-1\" >Botswana<\/option><option value=\"Brasilien\" class=\"choice-31 depth-1\" >Brasilien<\/option><option value=\"Brunei\" class=\"choice-32 depth-1\" >Brunei<\/option><option value=\"Bulgarien\" class=\"choice-33 depth-1\" >Bulgarien<\/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=\"Kap Verde\" class=\"choice-36 depth-1\" >Kap Verde<\/option><option value=\"Kambodja\" class=\"choice-37 depth-1\" >Kambodja<\/option><option value=\"Kamerun\" class=\"choice-38 depth-1\" >Kamerun<\/option><option value=\"Kanada\" class=\"choice-39 depth-1\" >Kanada<\/option><option value=\"Centralafrikanska republiken\" class=\"choice-40 depth-1\" >Centralafrikanska republiken<\/option><option value=\"Tchad\" class=\"choice-41 depth-1\" >Tchad<\/option><option value=\"Chile\" class=\"choice-42 depth-1\" >Chile<\/option><option value=\"Kina\" class=\"choice-43 depth-1\" >Kina<\/option><option value=\"Colombia\" class=\"choice-44 depth-1\" >Colombia<\/option><option value=\"Komorerna\" class=\"choice-45 depth-1\" >Komorerna<\/option><option value=\"Kongo\" class=\"choice-46 depth-1\" >Kongo<\/option><option value=\"Costa Rica\" class=\"choice-47 depth-1\" >Costa Rica<\/option><option value=\"Kroatien\" class=\"choice-48 depth-1\" >Kroatien<\/option><option value=\"Kuba\" class=\"choice-49 depth-1\" >Kuba<\/option><option value=\"Cypern\" class=\"choice-50 depth-1\" >Cypern<\/option><option value=\"Tjeckien\" class=\"choice-51 depth-1\" >Tjeckien<\/option><option value=\"Demokratiska republiken Kongo\" class=\"choice-52 depth-1\" >Demokratiska republiken Kongo<\/option><option value=\"Danmark\" class=\"choice-53 depth-1\" >Danmark<\/option><option value=\"Djibouti\" class=\"choice-54 depth-1\" >Djibouti<\/option><option value=\"Dominica\" class=\"choice-55 depth-1\" >Dominica<\/option><option value=\"Dominikanska republiken\" class=\"choice-56 depth-1\" >Dominikanska republiken<\/option><option value=\"Ecuador\" class=\"choice-57 depth-1\" >Ecuador<\/option><option value=\"Egypten\" class=\"choice-58 depth-1\" >Egypten<\/option><option value=\"El Salvador\" class=\"choice-59 depth-1\" >El Salvador<\/option><option value=\"Ekvatorialguinea\" class=\"choice-60 depth-1\" >Ekvatorialguinea<\/option><option value=\"Eritrea\" class=\"choice-61 depth-1\" >Eritrea<\/option><option value=\"Estland\" class=\"choice-62 depth-1\" >Estland<\/option><option value=\"Eswatini\" class=\"choice-63 depth-1\" >Eswatini<\/option><option value=\"Etiopien\" class=\"choice-64 depth-1\" >Etiopien<\/option><option value=\"Fiji\" class=\"choice-65 depth-1\" >Fiji<\/option><option value=\"Finland\" class=\"choice-66 depth-1\" >Finland<\/option><option value=\"Frankrike\" class=\"choice-67 depth-1\" >Frankrike<\/option><option value=\"Gabon\" class=\"choice-68 depth-1\" >Gabon<\/option><option value=\"Gambia\" class=\"choice-69 depth-1\" >Gambia<\/option><option value=\"Georgien\" class=\"choice-70 depth-1\" >Georgien<\/option><option value=\"Tyskland\" class=\"choice-71 depth-1\" >Tyskland<\/option><option value=\"Ghana\" class=\"choice-72 depth-1\" >Ghana<\/option><option value=\"Grekland\" class=\"choice-73 depth-1\" >Grekland<\/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=\"Ungern\" class=\"choice-81 depth-1\" >Ungern<\/option><option value=\"Island\" class=\"choice-82 depth-1\" >Island<\/option><option value=\"Indien\" class=\"choice-83 depth-1\" >Indien<\/option><option value=\"Indonesien\" class=\"choice-84 depth-1\" >Indonesien<\/option><option value=\"Iran\" class=\"choice-85 depth-1\" >Iran<\/option><option value=\"Irak\" class=\"choice-86 depth-1\" >Irak<\/option><option value=\"Irland\" class=\"choice-87 depth-1\" >Irland<\/option><option value=\"Israel\" class=\"choice-88 depth-1\" >Israel<\/option><option value=\"Italien\" class=\"choice-89 depth-1\" >Italien<\/option><option value=\"Elfenbenskusten\" class=\"choice-90 depth-1\" >Elfenbenskusten<\/option><option value=\"Jamaica\" class=\"choice-91 depth-1\" >Jamaica<\/option><option value=\"Japan\" class=\"choice-92 depth-1\" >Japan<\/option><option value=\"Jordanien\" class=\"choice-93 depth-1\" >Jordanien<\/option><option value=\"Kazakstan\" class=\"choice-94 depth-1\" >Kazakstan<\/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=\"Kirgizistan\" class=\"choice-98 depth-1\" >Kirgizistan<\/option><option value=\"Laos\" class=\"choice-99 depth-1\" >Laos<\/option><option value=\"Lettland\" class=\"choice-100 depth-1\" >Lettland<\/option><option value=\"Libanon\" class=\"choice-101 depth-1\" >Libanon<\/option><option value=\"Lesotho\" class=\"choice-102 depth-1\" >Lesotho<\/option><option value=\"Liberia\" class=\"choice-103 depth-1\" >Liberia<\/option><option value=\"Libyen\" class=\"choice-104 depth-1\" >Libyen<\/option><option value=\"Liechtenstein\" class=\"choice-105 depth-1\" >Liechtenstein<\/option><option value=\"Litauen\" class=\"choice-106 depth-1\" >Litauen<\/option><option value=\"Luxemburg\" class=\"choice-107 depth-1\" >Luxemburg<\/option><option value=\"Madagaskar\" class=\"choice-108 depth-1\" >Madagaskar<\/option><option value=\"Malawi\" class=\"choice-109 depth-1\" >Malawi<\/option><option value=\"Malaysia\" class=\"choice-110 depth-1\" >Malaysia<\/option><option value=\"Maldiverna\" class=\"choice-111 depth-1\" >Maldiverna<\/option><option value=\"Det hade de\" class=\"choice-112 depth-1\" >Det hade de<\/option><option value=\"Malta\" class=\"choice-113 depth-1\" >Malta<\/option><option value=\"Marshall\u00f6arna\" class=\"choice-114 depth-1\" >Marshall\u00f6arna<\/option><option value=\"Mauretanien\" class=\"choice-115 depth-1\" >Mauretanien<\/option><option value=\"Mauritius\" class=\"choice-116 depth-1\" >Mauritius<\/option><option value=\"Mexiko\" class=\"choice-117 depth-1\" >Mexiko<\/option><option value=\"Mikronesien\" class=\"choice-118 depth-1\" >Mikronesien<\/option><option value=\"Moldavien\" class=\"choice-119 depth-1\" >Moldavien<\/option><option value=\"Monaco\" class=\"choice-120 depth-1\" >Monaco<\/option><option value=\"mongoliet\" class=\"choice-121 depth-1\" >mongoliet<\/option><option value=\"Montenegro\" class=\"choice-122 depth-1\" >Montenegro<\/option><option value=\"Marocko\" class=\"choice-123 depth-1\" >Marocko<\/option><option value=\"Mo\u00e7ambique\" class=\"choice-124 depth-1\" >Mo\u00e7ambique<\/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=\"Nederl\u00e4nderna\" class=\"choice-129 depth-1\" >Nederl\u00e4nderna<\/option><option value=\"Nya Zeeland\" class=\"choice-130 depth-1\" >Nya Zeeland<\/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=\"Nordkorea\" class=\"choice-134 depth-1\" >Nordkorea<\/option><option value=\"Nordmakedonien\" class=\"choice-135 depth-1\" >Nordmakedonien<\/option><option value=\"Norge\" class=\"choice-136 depth-1\" >Norge<\/option><option value=\"Min egen\" class=\"choice-137 depth-1\" >Min egen<\/option><option value=\"Pakistan\" class=\"choice-138 depth-1\" >Pakistan<\/option><option value=\"palats\" class=\"choice-139 depth-1\" >palats<\/option><option value=\"Palestina\" class=\"choice-140 depth-1\" >Palestina<\/option><option value=\"Panama\" class=\"choice-141 depth-1\" >Panama<\/option><option value=\"Papua Nya Guinea\" class=\"choice-142 depth-1\" >Papua Nya Guinea<\/option><option value=\"Paraguay\" class=\"choice-143 depth-1\" >Paraguay<\/option><option value=\"Peru\" class=\"choice-144 depth-1\" >Peru<\/option><option value=\"Filippinerna\" class=\"choice-145 depth-1\" >Filippinerna<\/option><option value=\"Polen\" class=\"choice-146 depth-1\" >Polen<\/option><option value=\"Portugal\" class=\"choice-147 depth-1\" >Portugal<\/option><option value=\"Qatar\" class=\"choice-148 depth-1\" >Qatar<\/option><option value=\"Rum\u00e4nien\" class=\"choice-149 depth-1\" >Rum\u00e4nien<\/option><option value=\"Ryssland\" class=\"choice-150 depth-1\" >Ryssland<\/option><option value=\"Rwanda\" class=\"choice-151 depth-1\" >Rwanda<\/option><option value=\"Saint Kitts och Nevis\" class=\"choice-152 depth-1\" >Saint Kitts och Nevis<\/option><option value=\"Saint Lucia\" class=\"choice-153 depth-1\" >Saint Lucia<\/option><option value=\"Saint Vincent och Grenadinerna\" class=\"choice-154 depth-1\" >Saint Vincent och Grenadinerna<\/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 Tom\u00e9 och Principe\" class=\"choice-157 depth-1\" >Sao Tom\u00e9 och Principe<\/option><option value=\"saudi-arabien\" class=\"choice-158 depth-1\" >saudi-arabien<\/option><option value=\"Senegal\" class=\"choice-159 depth-1\" >Senegal<\/option><option value=\"Serbien\" class=\"choice-160 depth-1\" >Serbien<\/option><option value=\"Seychellerna\" class=\"choice-161 depth-1\" >Seychellerna<\/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=\"Slovakien\" class=\"choice-164 depth-1\" >Slovakien<\/option><option value=\"Slovenien\" class=\"choice-165 depth-1\" >Slovenien<\/option><option value=\"Salomon\u00f6arna\" class=\"choice-166 depth-1\" >Salomon\u00f6arna<\/option><option value=\"Somalia\" class=\"choice-167 depth-1\" >Somalia<\/option><option value=\"Sydafrika\" class=\"choice-168 depth-1\" >Sydafrika<\/option><option value=\"Sydkorea\" class=\"choice-169 depth-1\" >Sydkorea<\/option><option value=\"Sydsudan\" class=\"choice-170 depth-1\" >Sydsudan<\/option><option value=\"Spanien\" class=\"choice-171 depth-1\" >Spanien<\/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=\"Surinam\" class=\"choice-174 depth-1\" >Surinam<\/option><option value=\"Sverige\" class=\"choice-175 depth-1\" >Sverige<\/option><option value=\"Schweiz\" class=\"choice-176 depth-1\" >Schweiz<\/option><option value=\"Syrien\" class=\"choice-177 depth-1\" >Syrien<\/option><option value=\"Tadzjikistan\" class=\"choice-178 depth-1\" >Tadzjikistan<\/option><option value=\"Tanzania\" class=\"choice-179 depth-1\" >Tanzania<\/option><option value=\"Thailand\" class=\"choice-180 depth-1\" >Thailand<\/option><option value=\"\u00d6sttimor\" class=\"choice-181 depth-1\" >\u00d6sttimor<\/option><option value=\"Togo\" class=\"choice-182 depth-1\" >Togo<\/option><option value=\"Anl\u00e4nde\" class=\"choice-183 depth-1\" >Anl\u00e4nde<\/option><option value=\"Trinidad och Tobago\" class=\"choice-184 depth-1\" >Trinidad och Tobago<\/option><option value=\"Tunisien\" class=\"choice-185 depth-1\" >Tunisien<\/option><option value=\"Turkiet\" class=\"choice-186 depth-1\" >Turkiet<\/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=\"Ukraina\" class=\"choice-190 depth-1\" >Ukraina<\/option><option value=\"F\u00f6renade Arabemiraten\" class=\"choice-191 depth-1\" >F\u00f6renade Arabemiraten<\/option><option value=\"Storbritannien\" class=\"choice-192 depth-1\" >Storbritannien<\/option><option value=\"USA\" class=\"choice-193 depth-1\" >USA<\/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=\"Vatikanstaten\" class=\"choice-197 depth-1\" >Vatikanstaten<\/option><option value=\"Venezuela\" class=\"choice-198 depth-1\" >Venezuela<\/option><option value=\"Vietnam\" class=\"choice-199 depth-1\" >Vietnam<\/option><option value=\"Jemen\" class=\"choice-200 depth-1\" >Jemen<\/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-4939-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-4939-field_33\" aria-hidden=\"false\">Spr\u00e5k<\/label><input type=\"text\" id=\"wpforms-4939-field_33\" class=\"wpforms-field-large\" name=\"wpforms[fields][33]\" value=\"Swedish\" aria-errormessage=\"wpforms-4939-field_33-error\" ><\/div><div id=\"wpforms-4939-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-4939-field_47\" aria-hidden=\"false\">Utvecklings-ID<\/label><input type=\"text\" id=\"wpforms-4939-field_47\" class=\"wpforms-field-medium\" name=\"wpforms[fields][47]\" value=\"18\" placeholder=\"18\" aria-errormessage=\"wpforms-4939-field_47-error\" ><\/div><div id=\"wpforms-4939-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\">GDPR<\/legend><ul id=\"wpforms-4939-field_48\"><li class=\"choice-1 depth-1\"><input type=\"checkbox\" id=\"wpforms-4939-field_48_1\" name=\"wpforms[fields][48][]\" value=\"Dina uppgifter \u00e4r s\u00e4kra och kommer att behandlas i enlighet med v\u00e5r integritetspolicy.\" aria-errormessage=\"wpforms-4939-field_48_1-error\" aria-describedby=\"wpforms-4939-field_48-description\" ><label class=\"wpforms-field-label-inline\" for=\"wpforms-4939-field_48_1\">Dina uppgifter \u00e4r s\u00e4kra och kommer att behandlas i enlighet med v\u00e5r integritetspolicy.<\/label><\/li><\/ul><div id=\"wpforms-4939-field_48-description\" class=\"wpforms-field-description\">Se v\u00e5r <a href=\"https:\/\/aboraresidencial.com\/sv\/privacy\/\">sekretesspolicy h\u00e4r. <\/a><\/div><\/fieldset><\/div><div id=\"wpforms-4939-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-4939-field_57\" aria-hidden=\"false\">tracker_lead_created<\/label><input type=\"text\" id=\"wpforms-4939-field_57\" class=\"wpforms-field-medium\" name=\"wpforms[fields][57]\" value=\"1\" aria-errormessage=\"wpforms-4939-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-4939-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-4939-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-4939-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><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"4939\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/aboraresidencial.com\/sv\/wp-json\/wp\/v2\/pages\/5698\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-4939\" class=\"wpforms-submit\" data-alt-text=\"Jobbar p\u00e5 det...\" data-submit-text=\"L\u00e5s upp all information\" aria-live=\"assertive\" value=\"wpforms-submit\">L\u00e5s upp all 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=\"Laddar\"><\/div><\/form><\/div> <!-- .wpforms-container -->\n<\/div>\n<!-- Elementor Template -->\n<div class=\"abora-unlock-return__elementor\">\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\n<\/div>\n<\/div>\n<\/section>\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 BLOCK 10: FOOTER - ENGLISH\r\n Abora Residencial - Premium Real Estate\r\n WPML Language Switcher Integration\r\n ============================================ -->\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>\n<footer class=\"abora-footer\" id=\"abora-footer\">\n<!-- Main Content -->\n<div class=\"abora-footer__main\">\n<!-- Left: Brands + Contact -->\n<div class=\"abora-footer__top\">\n<!-- Logos -->\n<div class=\"abora-footer__brands\">\n<a aria-label=\"Abora Residencial - Home\" class=\"abora-footer__logo-abora\" href=\"\/sv\/\">\n<img decoding=\"async\" alt=\"Abora Residencial\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\"\/>\n<\/a>\n<span class=\"abora-footer__brand-divider\"><\/span>\n<span class=\"abora-footer__logo-metro\">\n<img decoding=\"async\" alt=\"Metrovacesa\" src=\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/metrovacesa-logo-abreviado.png\"\/>\n<\/span>\n<\/div>\n<!-- Contact Info -->\n<div class=\"abora-footer__contact\">\n<div class=\"abora-footer__contact-item\">\n<svg class=\"abora-footer__contact-icon\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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>\n<\/svg>\n<a class=\"abora-footer__contact-link\" href=\"tel:+34911678138\">911 67 81 38<\/a>\n<\/div>\n<span class=\"abora-footer__contact-separator\"><\/span>\n<\/div>\n<\/div>\n<!-- Right: Nav & Language -->\n<div class=\"abora-footer__nav-wrapper\">\n<!-- Legal Links -->\n<nav class=\"abora-footer__nav\">\n<a class=\"abora-footer__nav-link\" href=\"\/sv\/legal-notice\">R\u00e4ttsligt meddelande<\/a>\n<span class=\"abora-footer__nav-separator\">\u00b7<\/span>\n<a class=\"abora-footer__nav-link\" href=\"\/sv\/privacy\">Privatliv<\/a>\n<span class=\"abora-footer__nav-separator\">\u00b7<\/span>\n<a class=\"abora-footer__nav-link\" href=\"\/sv\/cookies\">Cookies<\/a>\n<\/nav>\n<!-- Language Selector with WPML -->\n<div class=\"abora-footer__language\" id=\"abora-footer-language\">\n<button aria-expanded=\"false\" aria-haspopup=\"true\" aria-label=\"Select language\" class=\"abora-footer__language-toggle\">\n<span>SV<\/span>\n<svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<polyline points=\"6 9 12 15 18 9\"><\/polyline>\n<\/svg>\n<\/button>\n<div class=\"abora-footer__language-dropdown\">\n<button class=\"abora-footer__language-option active\" data-lang=\"en\">engelska<\/button>\n<button class=\"abora-footer__language-option\" data-lang=\"de\">Deutsch<\/button>\n<button class=\"abora-footer__language-option\" data-lang=\"fr\">Fran\u00e7ais<\/button>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<!-- Bottom Bar -->\n<div class=\"abora-footer__bottom\">\n<p class=\"abora-footer__copyright\">\u00a9 2025 Metrovacesa. Alla r\u00e4ttigheter reserverade.<\/p>\n<\/div>\n<\/footer>\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>Icke-kontraktuella bilder baserade p\u00e5 Grundprojektet som l\u00e4mnats in f\u00f6r handl\u00e4ggning av Bygglovet. Information \u00e4r f\u00f6rem\u00e5l f\u00f6r n\u00f6dv\u00e4ndiga \u00e4ndringar p\u00e5 grund av tekniska, juridiska eller kommersiella krav under arbetets g\u00e5ng eller n\u00e4r det har slutf\u00f6rts. All information och dokumentation kommer att tillhandah\u00e5llas i enlighet med kungligt dekret 515\/1989 och andra best\u00e4mmelser som kan komplettera den, oavsett om det \u00e4r p\u00e5 nationell eller regional niv\u00e5.<\/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-6135\" 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>\n<div class=\"evoost-signature-wrapper\">\n<a aria-label=\"Powered by eVoost\" class=\"evoost-signature\" href=\"https:\/\/evoost.ai\/?utm_source=Abora\" target=\"_blank\">\n<img decoding=\"async\" alt=\"eVoost\" class=\"evoost-logo\" src=\"https:\/\/asvillas.pt\/wp-content\/uploads\/2025\/05\/evoost_sales_innovation_logo-removebg-preview.svg\"\/>\n<span class=\"evoost-text\">Drivs av<span class=\"evoost-highlight\">eVoost<\/span><\/span>\n<\/a>\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 | Livet under den spanska solen Din tillflyktsort vid havet v\u00e4ntar SV ENEnglish ESEspa\u00f1ol FRFran\u00e7ais DEDeutsch AR\u0627\u0644\u0639\u0631\u0628\u064a\u0629 CS\u010ce\u0161tina DADansk NLNederlands NONorsk PLPolski RU\u0420\u0443\u0441\u0441\u043a\u0438\u0439 SVSvenska 01 Om Abora 02 Typologier 03 Galleri 04 L\u00e4ge Exklusiv \u00e5tkomst L\u00e5s upp information V\u00e4lj spr\u00e5k EN ES FR DE AR CS DA NL NO PL RU SV Telefon […]<\/p>\n","protected":false},"author":21,"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-5698","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Abora Residencial | Lyxl\u00e4genheter Teneriffa Costa de Adeje<\/title>\n<meta name=\"description\" content=\"Bo n\u00e5gra steg fr\u00e5n havet i Costa de Adeje. 138 nya lyxl\u00e4genheter med utsikt \u00f6ver Atlanten, premiumfaciliteter, 365 dagar perfekt v\u00e4der. Fr\u00e5n 408 700 \u20ac.\" \/>\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\/sv\/engage\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Abora Residencial | Lyxl\u00e4genheter Teneriffa Costa de Adeje\" \/>\n<meta property=\"og:description\" content=\"Bo n\u00e5gra steg fr\u00e5n havet i Costa de Adeje. 138 nya lyxl\u00e4genheter med utsikt \u00f6ver Atlanten, premiumfaciliteter, 365 dagar perfekt v\u00e4der. Fr\u00e5n 408 700 \u20ac.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aboraresidencial.com\/sv\/engage\/\" \/>\n<meta property=\"og:site_name\" content=\"Abora Residencial\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-05T03:11:47+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=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data1\" content=\"46 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aboraresidencial.com\/sv\/engage\/\",\"url\":\"https:\/\/aboraresidencial.com\/sv\/engage\/\",\"name\":\"Abora Residencial | Lyxl\u00e4genheter Teneriffa Costa de Adeje\",\"isPartOf\":{\"@id\":\"https:\/\/aboraresidencial.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/aboraresidencial.com\/sv\/engage\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/aboraresidencial.com\/sv\/engage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png\",\"datePublished\":\"2025-11-24T10:46:50+00:00\",\"dateModified\":\"2026-05-05T03:11:47+00:00\",\"description\":\"Bo n\u00e5gra steg fr\u00e5n havet i Costa de Adeje. 138 nya lyxl\u00e4genheter med utsikt \u00f6ver Atlanten, premiumfaciliteter, 365 dagar perfekt v\u00e4der. Fr\u00e5n 408 700 \u20ac.\",\"breadcrumb\":{\"@id\":\"https:\/\/aboraresidencial.com\/sv\/engage\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/aboraresidencial.com\/sv\/engage\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/aboraresidencial.com\/sv\/engage\/#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\/sv\/engage\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/aboraresidencial.com\/sv\/engage\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Engage [SE]\"}]},{\"@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\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/aboraresidencial.com\/en\/#organization\",\"name\":\"Abora Residencial\",\"url\":\"https:\/\/aboraresidencial.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/aboraresidencial.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/abora-logo.png\",\"contentUrl\":\"https:\/\/aboraresidencial.com\/wp-content\/uploads\/abora-logo.png\",\"width\":355,\"height\":120,\"caption\":\"Abora Residencial\"},\"image\":{\"@id\":\"https:\/\/aboraresidencial.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Abora Residencial | Lyxl\u00e4genheter Teneriffa Costa de Adeje","description":"Bo n\u00e5gra steg fr\u00e5n havet i Costa de Adeje. 138 nya lyxl\u00e4genheter med utsikt \u00f6ver Atlanten, premiumfaciliteter, 365 dagar perfekt v\u00e4der. Fr\u00e5n 408 700 \u20ac.","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\/sv\/engage\/","og_locale":"sv_SE","og_type":"article","og_title":"Abora Residencial | Lyxl\u00e4genheter Teneriffa Costa de Adeje","og_description":"Bo n\u00e5gra steg fr\u00e5n havet i Costa de Adeje. 138 nya lyxl\u00e4genheter med utsikt \u00f6ver Atlanten, premiumfaciliteter, 365 dagar perfekt v\u00e4der. Fr\u00e5n 408 700 \u20ac.","og_url":"https:\/\/aboraresidencial.com\/sv\/engage\/","og_site_name":"Abora Residencial","article_modified_time":"2026-05-05T03:11:47+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":{"Ber\u00e4knad l\u00e4stid":"46 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aboraresidencial.com\/sv\/engage\/","url":"https:\/\/aboraresidencial.com\/sv\/engage\/","name":"Abora Residencial | Lyxl\u00e4genheter Teneriffa Costa de Adeje","isPartOf":{"@id":"https:\/\/aboraresidencial.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aboraresidencial.com\/sv\/engage\/#primaryimage"},"image":{"@id":"https:\/\/aboraresidencial.com\/sv\/engage\/#primaryimage"},"thumbnailUrl":"https:\/\/aboraresidencial.com\/wp-content\/uploads\/2025\/11\/abora-logo.png","datePublished":"2025-11-24T10:46:50+00:00","dateModified":"2026-05-05T03:11:47+00:00","description":"Bo n\u00e5gra steg fr\u00e5n havet i Costa de Adeje. 138 nya lyxl\u00e4genheter med utsikt \u00f6ver Atlanten, premiumfaciliteter, 365 dagar perfekt v\u00e4der. Fr\u00e5n 408 700 \u20ac.","breadcrumb":{"@id":"https:\/\/aboraresidencial.com\/sv\/engage\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aboraresidencial.com\/sv\/engage\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/aboraresidencial.com\/sv\/engage\/#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\/sv\/engage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/aboraresidencial.com\/sv\/engage\/"},{"@type":"ListItem","position":2,"name":"Engage [SE]"}]},{"@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":"sv-SE"},{"@type":"Organization","@id":"https:\/\/aboraresidencial.com\/en\/#organization","name":"Abora Residencial","url":"https:\/\/aboraresidencial.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/aboraresidencial.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/aboraresidencial.com\/wp-content\/uploads\/abora-logo.png","contentUrl":"https:\/\/aboraresidencial.com\/wp-content\/uploads\/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\/sv\/wp-json\/wp\/v2\/pages\/5698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aboraresidencial.com\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aboraresidencial.com\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aboraresidencial.com\/sv\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/aboraresidencial.com\/sv\/wp-json\/wp\/v2\/comments?post=5698"}],"version-history":[{"count":9,"href":"https:\/\/aboraresidencial.com\/sv\/wp-json\/wp\/v2\/pages\/5698\/revisions"}],"predecessor-version":[{"id":6222,"href":"https:\/\/aboraresidencial.com\/sv\/wp-json\/wp\/v2\/pages\/5698\/revisions\/6222"}],"wp:attachment":[{"href":"https:\/\/aboraresidencial.com\/sv\/wp-json\/wp\/v2\/media?parent=5698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}