Korall Residences - Exclusive Sky Villas Costa del Sol<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Lexend+Deca:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* ============================================\r\n RESET & BASE\r\n ============================================ *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Lexend Deca', sans-serif;\r\n background-color: #fff;\r\n color: #3f566e;\r\n overflow-x: hidden;\r\n }\r\n\r\n body.koral_locked {\r\n overflow: hidden !important;\r\n height: 100vh !important;\r\n }\r\n\r\n \/* ============================================\r\n HERO SECTION\r\n ============================================ *\/\r\n .koral_hero {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koral_hero__bg {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n overflow: hidden !important;\r\n z-index: 1 !important;\r\n background-image: url('https:\/\/www.korallbytopgestion.com\/wp-content\/uploads\/2024\/04\/Salon-1920x1080-1.jpg') !important;\r\n background-size: cover !important;\r\n background-position: center !important;\r\n }\r\n\r\n .koral_hero__video {\r\n position: absolute !important;\r\n top: 50% !important;\r\n left: 50% !important;\r\n min-width: 100% !important;\r\n min-height: 100% !important;\r\n width: auto !important;\r\n height: auto !important;\r\n transform: translate(-50%, -50%) !important;\r\n object-fit: cover !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .koral_hero__video:not([src]) {\r\n display: none !important;\r\n }\r\n\r\n .koral_hero__overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(0, 0, 0, 0) 0%,\r\n rgba(0, 0, 0, 0.1) 35%,\r\n rgba(0, 0, 0, 0.35) 55%,\r\n rgba(0, 0, 0, 0.7) 100%\r\n ) !important;\r\n z-index: 2 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .koral_hero__grid {\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: grid !important;\r\n grid-template-columns: repeat(10, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n z-index: 5 !important;\r\n }\r\n\r\n .koral_hero__cell {\r\n background-color: #fff !important;\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), \r\n transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n }\r\n\r\n .koral_hero__cell.koral_cell--revealed {\r\n opacity: 0 !important;\r\n transform: scale(0.9) !important;\r\n }\r\n\r\n \/* ============================================\r\n NAVBAR\r\n ============================================ *\/\r\n .koral_navbar {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 9999 !important;\r\n padding: 32px 0 !important;\r\n background-color: transparent !important;\r\n opacity: 0 !important;\r\n transform: translateY(-20px) !important;\r\n transition: opacity 0.6s ease, transform 0.6s ease, \r\n background-color 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease !important;\r\n }\r\n\r\n .koral_navbar.koral_navbar--visible {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koral_navbar.koral_navbar--solid {\r\n background-color: #fff !important;\r\n padding: 20px 0 !important;\r\n box-shadow: 0 8px 30px rgba(63, 86, 110, 0.08) !important;\r\n }\r\n\r\n .koral_navbar__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n }\r\n\r\n .koral_navbar__logo {\r\n display: flex !important;\r\n align-items: center !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .koral_navbar__logo img {\r\n height: 64px !important;\r\n width: auto !important;\r\n transition: height 0.4s ease, filter 0.4s ease !important;\r\n filter: brightness(0) invert(1) !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__logo img {\r\n height: 52px !important;\r\n filter: none !important;\r\n }\r\n\r\n .koral_navbar__nav {\r\n flex: 1 !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koral_navbar__menu {\r\n display: flex !important;\r\n gap: 48px !important;\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koral_navbar__menu a {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 15px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n letter-spacing: 0.5px !important;\r\n position: relative !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__menu a {\r\n color: #3f566e !important;\r\n }\r\n\r\n .koral_navbar__menu a::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: -4px !important;\r\n left: 0 !important;\r\n width: 0 !important;\r\n height: 1px !important;\r\n background-color: #ffffff !important;\r\n transition: width 0.3s ease, background-color 0.3s ease !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__menu a::after {\r\n background-color: #4a6682 !important;\r\n }\r\n\r\n .koral_navbar__menu a:hover {\r\n color: #4a6682 !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__menu a:hover {\r\n color: #3f566e !important;\r\n }\r\n\r\n .koral_navbar__menu a:hover::after {\r\n width: 100% !important;\r\n }\r\n\r\n .koral_navbar__cta {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 16px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 16px 48px !important;\r\n border-radius: 0px !important;\r\n letter-spacing: 0.5px !important;\r\n background-color: #4a6682 !important;\r\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__cta {\r\n color: #fff !important;\r\n background-color: #4a6682 !important;\r\n border-color: #3f566e !important;\r\n }\r\n\r\n .koral_navbar__cta:hover {\r\n background-color: #4a6682 !important;\r\n border-color: #4a6682 !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n .koral_navbar__burger {\r\n display: none !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n gap: 5px !important;\r\n width: 32px !important;\r\n height: 32px !important;\r\n background: none !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koral_navbar__burger span {\r\n display: block !important;\r\n width: 100% !important;\r\n height: 2px !important;\r\n background-color: #ffffff !important;\r\n transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__burger span {\r\n background-color: #3f566e !important;\r\n }\r\n\r\n .koral_navbar__burger.koral_burger--active span:nth-child(1) {\r\n transform: translateY(7px) rotate(45deg) !important;\r\n background-color: #4a6682 !important;\r\n }\r\n\r\n .koral_navbar__burger.koral_burger--active span:nth-child(2) {\r\n opacity: 0 !important;\r\n }\r\n\r\n .koral_navbar__burger.koral_burger--active span:nth-child(3) {\r\n transform: translateY(-7px) rotate(-45deg) !important;\r\n background-color: #4a6682 !important;\r\n }\r\n\r\n \/* ============================================\r\n MOBILE MENU\r\n ============================================ *\/\r\n .koral_mobile_menu {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n background-color: #fff !important;\r\n z-index: 9998 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\r\n }\r\n\r\n .koral_mobile_menu.koral_mobile_menu--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n\r\n .koral_mobile_menu__list {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koral_mobile_menu__list li {\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .koral_mobile_menu__list a {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 28px !important;\r\n color: #3f566e !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koral_mobile_menu__list a:hover {\r\n color: #4a6682 !important;\r\n }\r\n\r\n .koral_mobile_menu__cta {\r\n display: inline-block !important;\r\n margin-top: 8px !important;\r\n padding: 14px 32px !important;\r\n border: 2px solid #3f566e !important;\r\n border-radius: 0px !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 0.5px !important;\r\n color: #3f566e !important;\r\n background-color: transparent !important;\r\n }\r\n\r\n .koral_mobile_menu__cta:hover {\r\n color: #ffffff !important;\r\n background-color: #4a6682 !important;\r\n border-color: #4a6682 !important;\r\n }\r\n\r\n .koral_mobile_menu__footer {\r\n position: absolute !important;\r\n bottom: 48px !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koral_mobile_menu__phone,\r\n .koral_mobile_menu__phone:link,\r\n .koral_mobile_menu__phone:visited,\r\n .koral_mobile_menu__phone:active {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n color: #3f566e !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koral_mobile_menu__phone:hover {\r\n color: #4a6682 !important;\r\n }\r\n\r\n .koral_mobile_menu__phone svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n stroke: currentColor !important;\r\n }\r\n\r\n .koral_mobile_menu__phone-number,\r\n .koral_mobile_menu__phone-number * {\r\n color: inherit !important;\r\n font-family: inherit !important;\r\n font-size: inherit !important;\r\n font-weight: inherit !important;\r\n }\r\n\r\n \/* ============================================\r\n HERO CONTENT - BOUNDED CONTAINER\r\n top + bottom + flex = never overlaps navbar\r\n ============================================ *\/\r\n .koral_hero__content {\r\n position: absolute !important;\r\n top: 140px !important;\r\n bottom: 100px !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 10 !important;\r\n display: flex !important;\r\n align-items: flex-end !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .koral_hero__content.koral_content--visible {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koral_hero__content-inner {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n width: 100% !important;\r\n }\r\n\r\n .koral_hero__content-text {\r\n max-width: 700px !important;\r\n }\r\n\r\n .koral_hero__label {\r\n display: inline-block !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.8) !important;\r\n margin-bottom: 16px !important;\r\n padding-left: 40px !important;\r\n position: relative !important;\r\n }\r\n\r\n .koral_hero__label::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n left: 0 !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n width: 28px !important;\r\n height: 1px !important;\r\n background-color: rgba(255, 255, 255, 0.6) !important;\r\n }\r\n\r\n .koral_hero__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: clamp(48px, 7vw, 84px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 24px 0 !important;\r\n letter-spacing: -1px !important;\r\n }\r\n\r\n .koral_hero__subtitle {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(18px, 2vw, 24px) !important;\r\n line-height: 1.7 !important;\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n margin: 0 0 32px 0 !important;\r\n max-width: 500px !important;\r\n }\r\n\r\n .koral_hero__cta {\r\n display: inline-block !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 16px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 16px 48px !important;\r\n border: 2px solid #ffffff !important;\r\n border-radius: 0px !important;\r\n letter-spacing: 1px !important;\r\n background-color: transparent !important;\r\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;\r\n }\r\n\r\n .koral_hero__cta:hover {\r\n background-color: #4a6682 !important;\r\n border-color: #4a6682 !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n .koral_hero__scroll {\r\n position: absolute !important;\r\n bottom: 48px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n z-index: 10 !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.6s ease !important;\r\n }\r\n\r\n .koral_hero__scroll.koral_scroll--visible {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koral_hero__scroll span {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 10px !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.6) !important;\r\n }\r\n\r\n .koral_hero__scroll-line {\r\n width: 1px !important;\r\n height: 48px !important;\r\n background-color: rgba(255, 255, 255, 0.3) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koral_hero__scroll-line::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: -15px !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 15px !important;\r\n background-color: rgba(255, 255, 255, 0.8) !important;\r\n animation: koral_scrollLine 1.8s ease-in-out infinite !important;\r\n }\r\n\r\n .koral_content {\r\n position: relative !important;\r\n z-index: 20 !important;\r\n background-color: #fff !important;\r\n }\r\n\r\n @keyframes koral_scrollLine {\r\n 0% {\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n transform: translateY(63px);\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - LAPTOP (1200px)\r\n ============================================ *\/\r\n @media screen and (max-width: 1200px) {\r\n .koral_navbar__menu {\r\n gap: 32px !important;\r\n }\r\n\r\n .koral_navbar__cta {\r\n padding: 14px 36px !important;\r\n font-size: 15px !important;\r\n }\r\n\r\n .koral_hero__content {\r\n top: 130px !important;\r\n bottom: 90px !important;\r\n }\r\n\r\n .koral_hero__content-inner {\r\n padding: 0 48px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n SHORT VIEWPORT LAPTOPS (height <= 768px)\r\n ============================================ *\/\r\n @media screen and (max-height: 768px) and (min-width: 992px) {\r\n .koral_navbar {\r\n padding: 24px 0 !important;\r\n }\r\n\r\n .koral_navbar.koral_navbar--solid {\r\n padding: 16px 0 !important;\r\n }\r\n\r\n .koral_navbar__logo img {\r\n height: 52px !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__logo img {\r\n height: 44px !important;\r\n }\r\n\r\n .koral_hero__content {\r\n top: 110px !important;\r\n bottom: 80px !important;\r\n }\r\n\r\n .koral_hero__title {\r\n font-size: clamp(42px, 6vw, 64px) !important;\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n .koral_hero__subtitle {\r\n font-size: 18px !important;\r\n margin-bottom: 24px !important;\r\n }\r\n\r\n .koral_hero__label {\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koral_hero__scroll {\r\n bottom: 32px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n VERY SHORT VIEWPORT (height <= 650px)\r\n ============================================ *\/\r\n @media screen and (max-height: 650px) and (min-width: 992px) {\r\n .koral_hero__content {\r\n top: 100px !important;\r\n bottom: 70px !important;\r\n }\r\n\r\n .koral_hero__title {\r\n font-size: clamp(38px, 5.5vw, 56px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koral_hero__subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 20px !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .koral_hero__cta {\r\n padding: 12px 36px !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n .koral_hero__scroll {\r\n bottom: 24px !important;\r\n }\r\n\r\n .koral_hero__scroll-line {\r\n height: 32px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET (991px)\r\n ============================================ *\/\r\n @media screen and (max-width: 991px) {\r\n .koral_navbar__container {\r\n padding: 0 40px !important;\r\n }\r\n \r\n .koral_navbar__nav,\r\n .koral_navbar__cta {\r\n display: none !important;\r\n }\r\n \r\n .koral_navbar__burger {\r\n display: flex !important;\r\n }\r\n\r\n .koral_hero__content {\r\n top: 120px !important;\r\n bottom: 90px !important;\r\n }\r\n\r\n .koral_hero__content-inner {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .koral_hero__grid {\r\n grid-template-columns: repeat(8, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE L (768px)\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .koral_navbar {\r\n padding: 24px 0 !important;\r\n }\r\n\r\n .koral_navbar--solid {\r\n padding: 16px 0 !important;\r\n }\r\n\r\n .koral_navbar__container {\r\n padding: 0 32px !important;\r\n }\r\n\r\n .koral_navbar__logo img {\r\n height: 52px !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__logo img {\r\n height: 44px !important;\r\n }\r\n\r\n .koral_hero__content {\r\n top: 100px !important;\r\n bottom: 80px !important;\r\n }\r\n\r\n .koral_hero__content-inner {\r\n padding: 0 32px !important;\r\n }\r\n\r\n .koral_hero__label {\r\n padding-left: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koral_hero__label::before {\r\n display: none !important;\r\n }\r\n\r\n .koral_hero__cta {\r\n padding: 14px 40px !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n .koral_hero__grid {\r\n grid-template-columns: repeat(6, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n TABLET SHORT VIEWPORT\r\n ============================================ *\/\r\n @media screen and (max-width: 991px) and (max-height: 700px) {\r\n .koral_hero__content {\r\n top: 90px !important;\r\n bottom: 70px !important;\r\n }\r\n\r\n .koral_hero__title {\r\n font-size: clamp(36px, 6vw, 52px) !important;\r\n margin-bottom: 14px !important;\r\n }\r\n\r\n .koral_hero__subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .koral_hero__scroll {\r\n bottom: 24px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE (480px)\r\n ============================================ *\/\r\n @media screen and (max-width: 480px) {\r\n .koral_navbar__container {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .koral_navbar__logo img {\r\n height: 44px !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__logo img {\r\n height: 38px !important;\r\n }\r\n\r\n .koral_hero__content {\r\n top: 80px !important;\r\n bottom: 70px !important;\r\n }\r\n\r\n .koral_hero__content-inner {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .koral_hero__label {\r\n font-size: 10px !important;\r\n letter-spacing: 3px !important;\r\n }\r\n\r\n .koral_hero__title {\r\n font-size: clamp(36px, 10vw, 52px) !important;\r\n }\r\n\r\n .koral_hero__subtitle {\r\n font-size: 16px !important;\r\n }\r\n\r\n .koral_hero__cta {\r\n padding: 12px 32px !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .koral_hero__scroll {\r\n bottom: 32px !important;\r\n }\r\n\r\n .koral_hero__grid {\r\n grid-template-columns: repeat(5, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n MOBILE SHORT VIEWPORT\r\n ============================================ *\/\r\n @media screen and (max-width: 480px) and (max-height: 700px) {\r\n .koral_hero__content {\r\n top: 72px !important;\r\n bottom: 60px !important;\r\n }\r\n\r\n .koral_hero__title {\r\n font-size: clamp(32px, 9vw, 44px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koral_hero__subtitle {\r\n font-size: 15px !important;\r\n margin-bottom: 20px !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n .koral_hero__scroll {\r\n bottom: 20px !important;\r\n }\r\n\r\n .koral_hero__scroll-line {\r\n height: 32px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"koral_locked\">\r\n\r\n <header class=\"koral_navbar\" id=\"koral_navbar\">\r\n <div class=\"koral_navbar__container\">\r\n <a href=\"#\" class=\"koral_navbar__logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.korallbytopgestion.com\/wp-content\/uploads\/2024\/01\/Logo-Korall-Residences-300x138px-By-TOP-Color.webp\" alt=\"Korall Residences\">\r\n <\/a>\r\n \r\n <nav class=\"koral_navbar__nav\">\r\n <ul class=\"koral_navbar__menu\">\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#typology\">Typologies<\/a><\/li>\r\n <li><a href=\"#gallery\">Gallery<\/a><\/li>\r\n <li><a href=\"#location\">Location<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n \r\n <a href=\"#unlock\" class=\"koral_navbar__cta\">Unlock information<\/a>\r\n \r\n <button class=\"koral_navbar__burger\" id=\"koral_burger\" aria-label=\"Open menu\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"koral_mobile_menu\" id=\"koral_mobile_menu\">\r\n <ul class=\"koral_mobile_menu__list\">\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#typology\">Typologies<\/a><\/li>\r\n <li><a href=\"#gallery\">Gallery<\/a><\/li>\r\n <li><a href=\"#location\">Location<\/a><\/li>\r\n <li><a href=\"#unlock\" class=\"koral_mobile_menu__cta\">Unlock information<\/a><\/li>\r\n <\/ul>\r\n <div class=\"koral_mobile_menu__footer\">\r\n <a href=\"tel:+34681962670\" class=\"koral_mobile_menu__phone\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n <span class=\"koral_mobile_menu__phone-number\">+34 911 67 95 20<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <section class=\"koral_hero\" id=\"koral_hero\">\r\n <div class=\"koral_hero__bg\">\r\n <video class=\"koral_hero__video\" id=\"koral_hero_video\" autoplay muted loop playsinline webkit-playsinline preload=\"auto\" poster=\"https:\/\/www.korallbytopgestion.com\/wp-content\/uploads\/2024\/04\/Salon-1920x1080-1.jpg\" disablepictureinpicture>\r\n <source src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/intro-kos-engage.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <div class=\"koral_hero__overlay\"><\/div>\r\n\r\n <div class=\"koral_hero__grid\" id=\"koral_grid\"><\/div>\r\n\r\n <div class=\"koral_hero__content\" id=\"koral_hero_content\">\r\n <div class=\"koral_hero__content-inner\">\r\n <div class=\"koral_hero__content-text\">\r\n <span class=\"koral_hero__label\">28 Exclusive Sky Villas<\/span>\r\n <h1 class=\"koral_hero__title\">The secret to being happy<\/h1>\r\n <p class=\"koral_hero__subtitle\">Discover a new way to experience the Costa del Sol\r\n in a sustainable oasis overlooking the Mediterranean. Where design and atmosphere are carefully aligned\r\n to create your perfect home.<\/p>\r\n <a href=\"#about\" class=\"koral_hero__cta\">Discover Korall<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koral_hero__scroll\" id=\"koral_scroll\">\r\n <span>Scroll<\/span>\r\n <div class=\"koral_hero__scroll-line\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"koral_content\"><\/div>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var CONFIG = {\r\n GRID_START_DELAY: 300,\r\n CELL_DELAY: 30,\r\n CONTENT_DELAY: 800,\r\n GRID_COLS: 10,\r\n GRID_ROWS: 8\r\n };\r\n\r\n var navbar = document.getElementById('koral_navbar');\r\n var grid = document.getElementById('koral_grid');\r\n var heroContent = document.getElementById('koral_hero_content');\r\n var scrollIndicator = document.getElementById('koral_scroll');\r\n var burger = document.getElementById('koral_burger');\r\n var mobileMenu = document.getElementById('koral_mobile_menu');\r\n var heroVideo = document.getElementById('koral_hero_video');\r\n\r\n function initVideo() {\r\n if (!heroVideo) return;\r\n \r\n heroVideo.load();\r\n \r\n var playPromise = heroVideo.play();\r\n \r\n if (playPromise !== undefined) {\r\n playPromise.then(function() {\r\n }).catch(function(error) {\r\n setTimeout(function() {\r\n heroVideo.play().catch(function(err) {\r\n console.log('Video autoplay prevented:', err);\r\n });\r\n }, 100);\r\n });\r\n }\r\n }\r\n\r\n function generateGrid() {\r\n var totalCells = CONFIG.GRID_COLS * CONFIG.GRID_ROWS;\r\n grid.innerHTML = '';\r\n \r\n for (var i = 0; i < totalCells; i++) {\r\n var cell = document.createElement('div');\r\n cell.className = 'koral_hero__cell';\r\n grid.appendChild(cell);\r\n }\r\n }\r\n\r\n function shuffleArray(array) {\r\n var shuffled = array.slice();\r\n for (var i = shuffled.length - 1; i > 0; i--) {\r\n var j = Math.floor(Math.random() * (i + 1));\r\n var temp = shuffled[i];\r\n shuffled[i] = shuffled[j];\r\n shuffled[j] = temp;\r\n }\r\n return shuffled;\r\n }\r\n\r\n function revealGrid(callback) {\r\n var cells = grid.querySelectorAll('.koral_hero__cell');\r\n var indices = [];\r\n \r\n for (var i = 0; i < cells.length; i++) {\r\n indices.push(i);\r\n }\r\n \r\n var shuffledIndices = shuffleArray(indices);\r\n var totalDuration = shuffledIndices.length * CONFIG.CELL_DELAY;\r\n\r\n shuffledIndices.forEach(function(index, i) {\r\n setTimeout(function() {\r\n cells[index].classList.add('koral_cell--revealed');\r\n }, i * CONFIG.CELL_DELAY);\r\n });\r\n\r\n if (callback) {\r\n setTimeout(callback, totalDuration + CONFIG.CONTENT_DELAY);\r\n }\r\n }\r\n\r\n function showFinalContent() {\r\n navbar.classList.add('koral_navbar--visible');\r\n heroContent.classList.add('koral_content--visible');\r\n \r\n setTimeout(function() {\r\n scrollIndicator.classList.add('koral_scroll--visible');\r\n document.body.classList.remove('koral_locked');\r\n }, 400);\r\n }\r\n\r\n function startSequence() {\r\n generateGrid();\r\n initVideo();\r\n\r\n setTimeout(function() {\r\n revealGrid(function() {\r\n showFinalContent();\r\n });\r\n }, CONFIG.GRID_START_DELAY);\r\n }\r\n\r\n function handleScroll() {\r\n var scrollY = window.pageYOffset || document.documentElement.scrollTop;\r\n \r\n if (scrollY > 100) {\r\n navbar.classList.add('koral_navbar--solid');\r\n } else {\r\n navbar.classList.remove('koral_navbar--solid');\r\n }\r\n }\r\n\r\n function toggleMobileMenu() {\r\n burger.classList.toggle('koral_burger--active');\r\n mobileMenu.classList.toggle('koral_mobile_menu--open');\r\n document.body.style.overflow = mobileMenu.classList.contains('koral_mobile_menu--open') ? 'hidden' : '';\r\n }\r\n\r\n var mobileLinks = mobileMenu.querySelectorAll('a');\r\n for (var i = 0; i < mobileLinks.length; i++) {\r\n mobileLinks[i].addEventListener('click', function() {\r\n burger.classList.remove('koral_burger--active');\r\n mobileMenu.classList.remove('koral_mobile_menu--open');\r\n document.body.style.overflow = '';\r\n });\r\n }\r\n\r\n window.addEventListener('scroll', handleScroll, { passive: true });\r\n burger.addEventListener('click', toggleMobileMenu);\r\n \r\n startSequence();\r\n \r\n \/\/ Login-aware CTA toggle\r\n (function() {\r\n var isLogged = document.body.classList.contains('logged-in');\r\n var ctaText = isLogged ? 'View information' : 'Unlock information';\r\n var ctaHref = isLogged ? '#unlocked' : '#unlock';\r\n\r\n var desktopCta = document.querySelector('.koral_navbar__cta');\r\n if (desktopCta) {\r\n desktopCta.textContent = ctaText;\r\n desktopCta.href = ctaHref;\r\n }\r\n\r\n var mobileCta = document.querySelector('.koral_mobile_menu__cta');\r\n if (mobileCta) {\r\n mobileCta.textContent = ctaText;\r\n mobileCta.href = ctaHref;\r\n }\r\n })();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fefaf20 e-con-full e-flex e-con e-parent\" data-id=\"fefaf20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16e4682 elementor-widget elementor-widget-html\" data-id=\"16e4682\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Korall Residences - About<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Lexend+Deca:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n\r\n \/* SECCI\u00d3N PRINCIPAL *\/\r\n .korall_about {\r\n position: relative !important;\r\n padding: 140px 0 180px !important;\r\n background: #fff !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n \/* DECORACI\u00d3N DE FONDO *\/\r\n .korall_about::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n right: -10% !important;\r\n width: 600px !important;\r\n height: 600px !important;\r\n background: radial-gradient(circle, rgba(168, 202, 234, 0.08) 0%, transparent 70%) !important;\r\n border-radius: 50% !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .korall_about::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: -15% !important;\r\n left: -5% !important;\r\n width: 500px !important;\r\n height: 500px !important;\r\n background: radial-gradient(circle, rgba(74, 102, 130, 0.05) 0%, transparent 70%) !important;\r\n border-radius: 50% !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .korall_about__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* HEADER CENTRADO *\/\r\n .korall_about__header {\r\n max-width: 900px !important;\r\n margin: 0 auto 100px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .korall_about__label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin-bottom: 24px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .korall_about.korall_about--visible .korall_about__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_about__title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(42px, 5.5vw, 72px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.12 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 36px 0 !important;\r\n letter-spacing: -2px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease 0.15s, transform 0.8s ease 0.15s !important;\r\n }\r\n\r\n .korall_about.korall_about--visible .korall_about__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_about__gradient-text {\r\n background: linear-gradient(\r\n 120deg,\r\n #3f566e 0%,\r\n #4a6682 30%,\r\n #a8caea 50%,\r\n #4a6682 70%,\r\n #3f566e 100%\r\n ) !important;\r\n background-size: 200% 100% !important;\r\n -webkit-background-clip: text !important;\r\n background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n animation: korall_gradient_shift 6s ease-in-out infinite !important;\r\n }\r\n\r\n @keyframes korall_gradient_shift {\r\n 0%, 100% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n }\r\n\r\n .korall_about__text {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(19px, 2vw, 25px) !important;\r\n line-height: 1.75 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 48px 0 !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease 0.25s, transform 0.8s ease 0.25s !important;\r\n }\r\n\r\n .korall_about.korall_about--visible .korall_about__text {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_about__highlight {\r\n color: #4a6682 !important;\r\n font-weight: 400 !important;\r\n }\r\n\r\n \/* GRID DE CONTENIDO *\/\r\n .korall_about__grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 80px !important;\r\n margin-bottom: 120px !important;\r\n }\r\n\r\n \/* COLUMNA IZQUIERDA - INFO *\/\r\n .korall_about__info {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 48px !important;\r\n opacity: 0 !important;\r\n transform: translateX(-40px) !important;\r\n transition: opacity 0.9s ease 0.35s, transform 0.9s ease 0.35s !important;\r\n }\r\n\r\n .korall_about.korall_about--visible .korall_about__info {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n \/* STATS EN VERTICAL *\/\r\n .korall_about__stats {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 36px !important;\r\n padding: 48px 40px !important;\r\n background: #fff !important;\r\n border-left: 3px solid #4a6682 !important;\r\n box-shadow: 0 8px 30px rgba(63, 86, 110, 0.08) !important;\r\n }\r\n\r\n .korall_about__stat {\r\n display: flex !important;\r\n align-items: baseline !important;\r\n gap: 20px !important;\r\n padding-bottom: 28px !important;\r\n border-bottom: 1px solid rgba(168, 202, 234, 0.25) !important;\r\n }\r\n\r\n .korall_about__stat:last-child {\r\n border-bottom: none !important;\r\n padding-bottom: 0 !important;\r\n }\r\n\r\n .korall_about__stat-number {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: 64px !important;\r\n font-weight: 400 !important;\r\n color: #4a6682 !important;\r\n line-height: 1 !important;\r\n letter-spacing: -2px !important;\r\n min-width: 120px !important;\r\n }\r\n\r\n .korall_about__stat-content {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 4px !important;\r\n }\r\n\r\n .korall_about__stat-label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n color: #a8caea !important;\r\n text-transform: uppercase !important;\r\n }\r\n\r\n .korall_about__stat-description {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.6 !important;\r\n color: #3f566e !important;\r\n opacity: 0.8 !important;\r\n }\r\n\r\n \/* DELIVERY INFO *\/\r\n .korall_about__delivery-card {\r\n padding: 40px !important;\r\n background: linear-gradient(135deg, #f6f6f6 0%, #fff 100%) !important;\r\n border: 1.5px solid #e2e2e2 !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .korall_about__delivery-card::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 4px !important;\r\n height: 100% !important;\r\n background: linear-gradient(180deg, #4a6682 0%, #a8caea 100%) !important;\r\n }\r\n\r\n .korall_about__delivery-label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin-bottom: 12px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .korall_about__delivery-icon {\r\n width: 16px !important;\r\n height: 16px !important;\r\n color: #4a6682 !important;\r\n }\r\n\r\n .korall_about__delivery-value {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: 36px !important;\r\n font-weight: 400 !important;\r\n color: #3f566e !important;\r\n letter-spacing: -1px !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .korall_about__delivery-note {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.6 !important;\r\n color: #3f566e !important;\r\n opacity: 0.7 !important;\r\n }\r\n\r\n \/* COLUMNA DERECHA - IMAGEN DESTACADA *\/\r\n .korall_about__featured {\r\n position: relative !important;\r\n opacity: 0 !important;\r\n transform: translateX(40px) !important;\r\n transition: opacity 0.9s ease 0.45s, transform 0.9s ease 0.45s !important;\r\n }\r\n\r\n .korall_about.korall_about--visible .korall_about__featured {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .korall_about__featured-img {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 16px 48px rgba(63, 86, 110, 0.15) !important;\r\n }\r\n\r\n .korall_about__featured-img img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n filter: saturate(0.95) !important;\r\n }\r\n\r\n .korall_about__featured-img:hover img {\r\n transform: scale(1.05) !important;\r\n filter: saturate(1) !important;\r\n }\r\n\r\n \/* CAPTION *\/\r\n .korall_about__featured-caption {\r\n position: absolute !important;\r\n bottom: 40px !important;\r\n left: 40px !important;\r\n right: 40px !important;\r\n padding: 24px 32px !important;\r\n background: rgba(255, 255, 255, 0.95) !important;\r\n backdrop-filter: blur(10px) !important;\r\n border-left: 3px solid #4a6682 !important;\r\n }\r\n\r\n .korall_about__featured-title {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin-bottom: 6px !important;\r\n }\r\n\r\n .korall_about__featured-text {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.6 !important;\r\n color: #3f566e !important;\r\n }\r\n\r\n \/* GALER\u00cdA INFERIOR - 3 IM\u00c1GENES HORIZONTALES *\/\r\n .korall_about__bottom-gallery {\r\n display: grid !important;\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n gap: 24px !important;\r\n opacity: 0 !important;\r\n transform: translateY(50px) !important;\r\n transition: opacity 0.9s ease 0.55s, transform 0.9s ease 0.55s !important;\r\n }\r\n\r\n .korall_about.korall_about--visible .korall_about__bottom-gallery {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_about__gallery-item {\r\n position: relative !important;\r\n height: 380px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 8px 30px rgba(63, 86, 110, 0.08) !important;\r\n transition: transform 0.4s ease, box-shadow 0.4s ease !important;\r\n }\r\n\r\n .korall_about__gallery-item:hover {\r\n transform: translateY(-8px) !important;\r\n box-shadow: 0 16px 48px rgba(63, 86, 110, 0.15) !important;\r\n }\r\n\r\n .korall_about__gallery-item img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n filter: saturate(0.95) !important;\r\n }\r\n\r\n .korall_about__gallery-item:hover img {\r\n transform: scale(1.08) !important;\r\n filter: saturate(1) !important;\r\n }\r\n\r\n \/* OVERLAY EN HOVER *\/\r\n .korall_about__gallery-overlay {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding: 24px !important;\r\n background: linear-gradient(0deg, rgba(63, 86, 110, 0.9) 0%, transparent 100%) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.4s ease !important;\r\n }\r\n\r\n .korall_about__gallery-item:hover .korall_about__gallery-overlay {\r\n opacity: 1 !important;\r\n }\r\n\r\n .korall_about__gallery-label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.5px !important;\r\n color: #fff !important;\r\n }\r\n\r\n \/* DOTS NAVEGACI\u00d3N GALER\u00cdA *\/\r\n .korall_about__gallery-dots {\r\n display: none !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - 1400px\r\n ============================================ *\/\r\n @media screen and (max-width: 1400px) {\r\n .korall_about__grid {\r\n gap: 60px !important;\r\n }\r\n\r\n .korall_about__stat-number {\r\n font-size: 56px !important;\r\n min-width: 100px !important;\r\n }\r\n\r\n .korall_about__gallery-item {\r\n height: 320px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - 1100px\r\n ============================================ *\/\r\n @media screen and (max-width: 1100px) {\r\n .korall_about {\r\n padding: 100px 0 120px !important;\r\n }\r\n\r\n .korall_about__container {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .korall_about__header {\r\n margin-bottom: 80px !important;\r\n }\r\n\r\n .korall_about__grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 60px !important;\r\n margin-bottom: 80px !important;\r\n }\r\n\r\n .korall_about__info {\r\n transform: none !important;\r\n }\r\n\r\n .korall_about__featured {\r\n transform: none !important;\r\n }\r\n\r\n .korall_about__featured-img {\r\n height: 500px !important;\r\n }\r\n\r\n .korall_about__bottom-gallery {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n }\r\n\r\n .korall_about__gallery-item:nth-child(3) {\r\n grid-column: 1 \/ -1 !important;\r\n height: 320px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - 768px\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .korall_about {\r\n padding: 64px 0 64px !important;\r\n }\r\n\r\n .korall_about__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .korall_about__header {\r\n margin-bottom: 48px !important;\r\n }\r\n\r\n .korall_about__title {\r\n margin-bottom: 24px !important;\r\n }\r\n\r\n .korall_about__text {\r\n font-size: clamp(16px, 4vw, 19px) !important;\r\n line-height: 1.65 !important;\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n .korall_about__grid {\r\n gap: 36px !important;\r\n margin-bottom: 48px !important;\r\n }\r\n\r\n .korall_about__info {\r\n gap: 24px !important;\r\n }\r\n\r\n \/* STATS \u2192 GRID HORIZONTAL 3 COLUMNAS *\/\r\n .korall_about__stats {\r\n display: grid !important;\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n gap: 0 !important;\r\n padding: 28px 20px !important;\r\n border-left: none !important;\r\n border-top: 3px solid #4a6682 !important;\r\n text-align: center !important;\r\n }\r\n\r\n .korall_about__stat {\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n padding: 0 12px !important;\r\n padding-bottom: 0 !important;\r\n border-bottom: none !important;\r\n border-right: 1px solid rgba(168, 202, 234, 0.25) !important;\r\n }\r\n\r\n .korall_about__stat:last-child {\r\n border-right: none !important;\r\n }\r\n\r\n .korall_about__stat-number {\r\n font-size: 36px !important;\r\n min-width: auto !important;\r\n }\r\n\r\n .korall_about__stat-label {\r\n font-size: 9px !important;\r\n letter-spacing: 1.5px !important;\r\n }\r\n\r\n .korall_about__stat-description {\r\n display: none !important;\r\n }\r\n\r\n \/* DELIVERY CARD COMPACTO *\/\r\n .korall_about__delivery-card {\r\n padding: 24px 20px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .korall_about__delivery-card::before {\r\n width: 3px !important;\r\n }\r\n\r\n .korall_about__delivery-info {\r\n flex: 1 !important;\r\n }\r\n\r\n .korall_about__delivery-label {\r\n margin-bottom: 4px !important;\r\n font-size: 10px !important;\r\n }\r\n\r\n .korall_about__delivery-value {\r\n font-size: 28px !important;\r\n margin-bottom: 4px !important;\r\n }\r\n\r\n .korall_about__delivery-note {\r\n font-size: 12px !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* FEATURED IMAGE REDUCIDA *\/\r\n .korall_about__featured-img {\r\n height: 320px !important;\r\n }\r\n\r\n .korall_about__featured-caption {\r\n bottom: 16px !important;\r\n left: 16px !important;\r\n right: 16px !important;\r\n padding: 16px 20px !important;\r\n }\r\n\r\n .korall_about__featured-text {\r\n font-size: 13px !important;\r\n }\r\n\r\n \/* GALER\u00cdA \u2192 SCROLL HORIZONTAL *\/\r\n .korall_about__bottom-gallery {\r\n display: flex !important;\r\n overflow-x: auto !important;\r\n scroll-snap-type: x mandatory !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n gap: 16px !important;\r\n padding-bottom: 8px !important;\r\n margin-right: -24px !important;\r\n padding-right: 24px !important;\r\n scrollbar-width: none !important;\r\n }\r\n\r\n .korall_about__bottom-gallery::-webkit-scrollbar {\r\n display: none !important;\r\n }\r\n\r\n .korall_about__gallery-item,\r\n .korall_about__gallery-item:nth-child(3) {\r\n flex: 0 0 60vw !important;\r\n height: 340px !important;\r\n scroll-snap-align: start !important;\r\n grid-column: auto !important;\r\n }\r\n\r\n \/* Overlay siempre visible en mobile *\/\r\n .korall_about__gallery-overlay {\r\n opacity: 1 !important;\r\n padding: 16px !important;\r\n }\r\n\r\n .korall_about__gallery-label {\r\n font-size: 13px !important;\r\n }\r\n\r\n \/* DOTS *\/\r\n .korall_about__gallery-dots {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n margin-top: 16px !important;\r\n }\r\n\r\n .korall_about__dot {\r\n width: 8px !important;\r\n height: 8px !important;\r\n border-radius: 50% !important;\r\n background-color: rgba(74, 102, 130, 0.2) !important;\r\n transition: background-color 0.3s ease, transform 0.3s ease !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .korall_about__dot.korall_dot--active {\r\n background-color: #4a6682 !important;\r\n transform: scale(1.25) !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - 480px\r\n ============================================ *\/\r\n @media screen and (max-width: 480px) {\r\n .korall_about {\r\n padding: 48px 0 48px !important;\r\n }\r\n\r\n .korall_about__container {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .korall_about__header {\r\n margin-bottom: 36px !important;\r\n }\r\n\r\n .korall_about__title {\r\n margin-bottom: 20px !important;\r\n letter-spacing: -1px !important;\r\n }\r\n\r\n .korall_about__text {\r\n font-size: 16px !important;\r\n }\r\n\r\n .korall_about__grid {\r\n gap: 28px !important;\r\n margin-bottom: 36px !important;\r\n }\r\n\r\n .korall_about__info {\r\n gap: 20px !important;\r\n }\r\n\r\n .korall_about__stats {\r\n padding: 24px 12px !important;\r\n }\r\n\r\n .korall_about__stat {\r\n padding: 0 8px !important;\r\n }\r\n\r\n .korall_about__stat-number {\r\n font-size: 30px !important;\r\n }\r\n\r\n .korall_about__stat-label {\r\n font-size: 8px !important;\r\n letter-spacing: 1px !important;\r\n }\r\n\r\n .korall_about__delivery-card {\r\n flex-direction: column !important;\r\n align-items: flex-start !important;\r\n gap: 8px !important;\r\n padding: 20px 16px !important;\r\n }\r\n\r\n .korall_about__delivery-value {\r\n font-size: 24px !important;\r\n }\r\n\r\n .korall_about__featured-img {\r\n height: 260px !important;\r\n }\r\n\r\n .korall_about__featured-caption {\r\n bottom: 12px !important;\r\n left: 12px !important;\r\n right: 12px !important;\r\n padding: 14px 16px !important;\r\n }\r\n\r\n .korall_about__featured-title {\r\n font-size: 9px !important;\r\n }\r\n\r\n .korall_about__featured-text {\r\n font-size: 12px !important;\r\n }\r\n\r\n .korall_about__bottom-gallery {\r\n margin-right: -20px !important;\r\n padding-right: 20px !important;\r\n gap: 12px !important;\r\n }\r\n\r\n .korall_about__gallery-item,\r\n .korall_about__gallery-item:nth-child(3) {\r\n flex: 0 0 65vw !important;\r\n height: 300px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"korall_about\" id=\"about\">\r\n <div class=\"korall_about__container\">\r\n \r\n \r\n <div class=\"korall_about__header\">\r\n <span class=\"korall_about__label\">Fuengirola<\/span>\r\n \r\n <h2 class=\"korall_about__title\">\r\n Where the Mediterranean <span class=\"korall_about__gradient-text\">comes alive<\/span>\r\n <\/h2>\r\n \r\n <p class=\"korall_about__text\">\r\n Korall Residences begins with a clear vision: to create spaces where architecture is shaped by its surroundings,\r\n where every sunrise over the sea becomes a unique experience. \r\n <span class=\"korall_about__highlight\">A contemporary sanctuary that honours the essence of the Costa del Sol: light, sea, nature and authenticity.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"korall_about__grid\">\r\n \r\n \r\n <div class=\"korall_about__info\">\r\n \r\n \r\n <div class=\"korall_about__stats\">\r\n <div class=\"korall_about__stat\">\r\n <span class=\"korall_about__stat-number\" data-target=\"28\">0<\/span>\r\n <div class=\"korall_about__stat-content\">\r\n <span class=\"korall_about__stat-label\">Sky Villas<\/span>\r\n <span class=\"korall_about__stat-description\">Exclusive residences with private gardens and panoramic views<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_about__stat\">\r\n <span class=\"korall_about__stat-number\" data-target=\"320\">0<\/span>\r\n <div class=\"korall_about__stat-content\">\r\n <span class=\"korall_about__stat-label\">Days of sunshine<\/span>\r\n <span class=\"korall_about__stat-description\">Privileged Mediterranean climate all year round<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_about__stat\">\r\n <span class=\"korall_about__stat-number\" data-target=\"100\" data-suffix=\"k\">0<\/span>\r\n <div class=\"korall_about__stat-content\">\r\n <span class=\"korall_about__stat-label\">m\u00b2 of nature<\/span>\r\n <span class=\"korall_about__stat-description\">Surrounded by green spaces<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"korall_about__delivery-card\">\r\n <div class=\"korall_about__delivery-info\">\r\n <div class=\"korall_about__delivery-label\">\r\n <svg class=\"korall_about__delivery-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n <\/svg>\r\n Estimated delivery\r\n <\/div>\r\n <div class=\"korall_about__delivery-value\">2028<\/div>\r\n <p class=\"korall_about__delivery-note\">\r\n Project under construction with the highest quality standards and sustainable certification.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"korall_about__featured\">\r\n <div class=\"korall_about__featured-img\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/korall-residences-overview.jpg\" alt=\"Korall Residences Architecture\" loading=\"lazy\">\r\n <div class=\"korall_about__featured-caption\">\r\n <div class=\"korall_about__featured-title\">Mediterranean Architecture<\/div>\r\n <div class=\"korall_about__featured-text\">\r\n Terraced design that maximises views and natural light in every residence\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"korall_about__bottom-gallery\">\r\n \r\n <div class=\"korall_about__gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/freepik__cinematic-shot-una-chica-de-unos-50-aos-saliendo-a__28123-scaled.jpeg\" alt=\"Terrace with sea views\" loading=\"lazy\">\r\n <div class=\"korall_about__gallery-overlay\">\r\n <div class=\"korall_about__gallery-label\">Panoramic terraces<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_about__gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Piscina-scaled.png\" alt=\"Community swimming pool\" loading=\"lazy\">\r\n <div class=\"korall_about__gallery-overlay\">\r\n <div class=\"korall_about__gallery-label\">Central pool & kids pool<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_about__gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Gym-scaled.png\" alt=\"Mediterranean gardens\" loading=\"lazy\">\r\n <div class=\"korall_about__gallery-overlay\">\r\n <div class=\"korall_about__gallery-label\">Fully equipped gym<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"korall_about__gallery-dots\">\r\n <span class=\"korall_about__dot korall_dot--active\"><\/span>\r\n <span class=\"korall_about__dot\"><\/span>\r\n <span class=\"korall_about__dot\"><\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var about = document.getElementById('about');\r\n var statNumbers = document.querySelectorAll('.korall_about__stat-number');\r\n \r\n var ticking = false;\r\n var statsAnimated = false;\r\n\r\n function animateStats() {\r\n if (statsAnimated) return;\r\n \r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.7) {\r\n statsAnimated = true;\r\n \r\n statNumbers.forEach(function(stat) {\r\n var target = parseInt(stat.getAttribute('data-target'));\r\n var suffix = stat.getAttribute('data-suffix') || '';\r\n var duration = 2000;\r\n var startTime = null;\r\n \r\n function animate(currentTime) {\r\n if (!startTime) startTime = currentTime;\r\n var progress = Math.min((currentTime - startTime) \/ duration, 1);\r\n \r\n var easeProgress = progress < 0.5 \r\n ? 4 * progress * progress * progress \r\n : 1 - Math.pow(-2 * progress + 2, 3) \/ 2;\r\n \r\n var current = Math.floor(easeProgress * target);\r\n stat.textContent = current + suffix;\r\n \r\n if (progress < 1) {\r\n requestAnimationFrame(animate);\r\n } else {\r\n stat.textContent = target + suffix;\r\n }\r\n }\r\n \r\n requestAnimationFrame(animate);\r\n });\r\n }\r\n }\r\n\r\n function checkVisibility() {\r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.75) {\r\n about.classList.add('korall_about--visible');\r\n }\r\n }\r\n\r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n animateStats();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n \r\n checkVisibility();\r\n animateStats();\r\n\r\n \/\/ GALLERY DOTS SYNC\r\n var gallery = document.querySelector('.korall_about__bottom-gallery');\r\n var dots = document.querySelectorAll('.korall_about__dot');\r\n\r\n if (gallery && dots.length) {\r\n gallery.addEventListener('scroll', function() {\r\n var scrollLeft = gallery.scrollLeft;\r\n var itemWidth = gallery.querySelector('.korall_about__gallery-item').offsetWidth;\r\n var gap = 16;\r\n var activeIndex = Math.round(scrollLeft \/ (itemWidth + gap));\r\n\r\n dots.forEach(function(dot, i) {\r\n if (i === activeIndex) {\r\n dot.classList.add('korall_dot--active');\r\n } else {\r\n dot.classList.remove('korall_dot--active');\r\n }\r\n });\r\n }, { passive: true });\r\n\r\n dots.forEach(function(dot, i) {\r\n dot.addEventListener('click', function() {\r\n var itemWidth = gallery.querySelector('.korall_about__gallery-item').offsetWidth;\r\n var gap = 16;\r\n gallery.scrollTo({\r\n left: i * (itemWidth + gap),\r\n behavior: 'smooth'\r\n });\r\n });\r\n });\r\n }\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84ae165 elementor-widget elementor-widget-html\" data-id=\"84ae165\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n<section class=\"korall_separator\" id=\"separator\" data-video-src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/03\/korall-engage-eng-desktop.mp4\" data-video-src-mobile=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/03\/korall-engage-eng-square.mp4\">\r\n \r\n \r\n<div class=\"korall_separator__header\">\r\n <h2 class=\"korall_separator__title\">Architecture that breathes<\/h2>\r\n <p class=\"korall_separator__subtitle\">Every space has been designed to capture the Mediterranean essence<\/p>\r\n<\/div>\r\n\r\n \r\n <div class=\"korall_separator__video-container\">\r\n <video class=\"korall_separator__video\" id=\"korall_separator_video\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" poster=\"https:\/\/www.korallbytopgestion.com\/wp-content\/uploads\/2024\/04\/Salon-1920x1080-1.jpg\">\r\n <\/video>\r\n \r\n <div class=\"korall_separator__video-overlay\"><\/div>\r\n\r\n \r\n <div class=\"korall_separator__controls\">\r\n \r\n \r\n <button class=\"korall_separator__control-btn korall_playing\" id=\"korall_playpause\" aria-label=\"Pausar video\">\r\n <svg class=\"korall_icon--play\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M8 5v14l11-7z\"\/>\r\n <\/svg>\r\n <svg class=\"korall_icon--pause\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n \r\n <button class=\"korall_separator__control-btn\" id=\"korall_mutetoggle\" aria-label=\"Activar sonido\">\r\n <svg class=\"korall_icon--mute\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/>\r\n <\/svg>\r\n <svg class=\"korall_icon--unmute\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n \r\n <button class=\"korall_separator__control-btn\" id=\"korall_fullscreen\" aria-label=\"Pantalla completa\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n \/* ============================================\r\n SEPARATOR SECTION\r\n ============================================ *\/\r\n .korall_separator {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n background: linear-gradient(180deg, #fff 0%, #f6f6f6 100%) !important;\r\n }\r\n\r\n \/* ============================================\r\n HEADER (20vh)\r\n ============================================ *\/\r\n .korall_separator__header {\r\n position: relative !important;\r\n height: 20vh !important;\r\n min-height: 160px !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 text-align: center !important;\r\n padding: 24px 24px !important;\r\n background-color: #fff !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .korall_separator__title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(32px, 5vw, 56px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 12px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .korall_separator.korall_separator--visible .korall_separator__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_separator__subtitle {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(18px, 1.8vw, 23px) !important;\r\n line-height: 1.6 !important;\r\n color: #3f566e !important;\r\n margin: 0 !important;\r\n max-width: 500px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s !important;\r\n }\r\n\r\n .korall_separator.korall_separator--visible .korall_separator__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n VIDEO CONTAINER (80vh)\r\n ============================================ *\/\r\n .korall_separator__video-container {\r\n position: relative !important;\r\n height: 80vh !important;\r\n min-height: 400px !important;\r\n overflow: hidden !important;\r\n opacity: 0 !important;\r\n transform: scale(0.98) !important;\r\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s !important;\r\n }\r\n\r\n .korall_separator.korall_separator--visible .korall_separator__video-container {\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n }\r\n\r\n .korall_separator__video {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n }\r\n\r\n .korall_separator__video-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(63, 86, 110, 0.12) 0%,\r\n rgba(0, 0, 0, 0) 20%,\r\n rgba(0, 0, 0, 0) 80%,\r\n rgba(63, 86, 110, 0.2) 100%\r\n ) !important;\r\n pointer-events: none !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* ============================================\r\n GLASSMORPHISM CONTROLS\r\n ============================================ *\/\r\n .korall_separator__controls {\r\n position: absolute !important;\r\n bottom: 24px !important;\r\n right: 24px !important;\r\n display: flex !important;\r\n gap: 8px !important;\r\n z-index: 10 !important;\r\n opacity: 0 !important;\r\n transform: translateY(10px) !important;\r\n transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s !important;\r\n }\r\n\r\n .korall_separator.korall_separator--visible .korall_separator__controls {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_separator__control-btn {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 48px !important;\r\n height: 48px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.25) !important;\r\n border-radius: 0px !important;\r\n background: rgba(255, 255, 255, 0.12) !important;\r\n backdrop-filter: blur(12px) !important;\r\n -webkit-backdrop-filter: blur(12px) !important;\r\n cursor: pointer !important;\r\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.2s ease !important;\r\n }\r\n\r\n .korall_separator__control-btn:hover {\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n border-color: rgba(255, 255, 255, 0.4) !important;\r\n }\r\n\r\n .korall_separator__control-btn:active {\r\n transform: scale(0.95) !important;\r\n }\r\n\r\n .korall_separator__control-btn svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n fill: rgba(255, 255, 255, 0.9) !important;\r\n transition: fill 0.3s ease !important;\r\n }\r\n\r\n .korall_separator__control-btn:hover svg {\r\n fill: #ffffff !important;\r\n }\r\n\r\n .korall_separator__control-btn .korall_icon--pause,\r\n .korall_separator__control-btn .korall_icon--unmute {\r\n display: none !important;\r\n }\r\n\r\n .korall_separator__control-btn.korall_playing .korall_icon--play {\r\n display: none !important;\r\n }\r\n\r\n .korall_separator__control-btn.korall_playing .korall_icon--pause {\r\n display: block !important;\r\n }\r\n\r\n .korall_separator__control-btn.korall_unmuted .korall_icon--mute {\r\n display: none !important;\r\n }\r\n\r\n .korall_separator__control-btn.korall_unmuted .korall_icon--unmute {\r\n display: block !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 1100px) {\r\n .korall_separator__header {\r\n min-height: 140px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .korall_separator__header {\r\n height: 22vh !important;\r\n min-height: 140px !important;\r\n padding: 20px !important;\r\n }\r\n\r\n .korall_separator__video-container {\r\n height: 78vh !important;\r\n min-height: 350px !important;\r\n }\r\n\r\n .korall_separator__title {\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .korall_separator__subtitle {\r\n font-size: clamp(17px, 3.5vw, 21px) !important;\r\n }\r\n\r\n .korall_separator__controls {\r\n bottom: 16px !important;\r\n right: 16px !important;\r\n gap: 6px !important;\r\n }\r\n\r\n .korall_separator__control-btn {\r\n width: 46px !important;\r\n height: 46px !important;\r\n }\r\n\r\n .korall_separator__control-btn svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .korall_separator__header {\r\n height: 24vh !important;\r\n min-height: 130px !important;\r\n }\r\n\r\n .korall_separator__video-container {\r\n height: 76vh !important;\r\n }\r\n\r\n .korall_separator__subtitle {\r\n padding: 0 8px !important;\r\n }\r\n }\r\n<\/style>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var separator = document.getElementById('separator');\r\n var video = document.getElementById('korall_separator_video');\r\n var playPauseBtn = document.getElementById('korall_playpause');\r\n var muteToggleBtn = document.getElementById('korall_mutetoggle');\r\n var fullscreenBtn = document.getElementById('korall_fullscreen');\r\n\r\n \/\/ ============================================\r\n \/\/ VISIBILITY ANIMATION\r\n \/\/ ============================================\r\n function checkVisibility() {\r\n var rect = separator.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n separator.classList.add('korall_separator--visible');\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ VIDEO CONTROLS\r\n \/\/ ============================================\r\n \r\n playPauseBtn.addEventListener('click', function() {\r\n if (video.paused) {\r\n video.play();\r\n playPauseBtn.classList.add('korall_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n } else {\r\n video.pause();\r\n playPauseBtn.classList.remove('korall_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\r\n }\r\n });\r\n\r\n muteToggleBtn.addEventListener('click', function() {\r\n if (video.muted) {\r\n video.muted = false;\r\n muteToggleBtn.classList.add('korall_unmuted');\r\n muteToggleBtn.setAttribute('aria-label', 'Silenciar');\r\n } else {\r\n video.muted = true;\r\n muteToggleBtn.classList.remove('korall_unmuted');\r\n muteToggleBtn.setAttribute('aria-label', 'Activar sonido');\r\n }\r\n });\r\n\r\n fullscreenBtn.addEventListener('click', function() {\r\n if (document.fullscreenElement || document.webkitFullscreenElement) {\r\n if (document.exitFullscreen) {\r\n document.exitFullscreen();\r\n } else if (document.webkitExitFullscreen) {\r\n document.webkitExitFullscreen();\r\n }\r\n return;\r\n }\r\n\r\n if (video.webkitEnterFullscreen) {\r\n video.webkitEnterFullscreen();\r\n return;\r\n }\r\n\r\n if (video.requestFullscreen) {\r\n video.requestFullscreen();\r\n } else if (video.webkitRequestFullscreen) {\r\n video.webkitRequestFullscreen();\r\n } else if (video.msRequestFullscreen) {\r\n video.msRequestFullscreen();\r\n }\r\n });\r\n\r\n video.addEventListener('webkitendfullscreen', function() {\r\n video.play();\r\n playPauseBtn.classList.add('korall_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n });\r\n\r\n document.addEventListener('fullscreenchange', function() {\r\n if (!document.fullscreenElement && video.paused) {\r\n video.play();\r\n playPauseBtn.classList.add('korall_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n }\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ SCROLL HANDLER\r\n \/\/ ============================================\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ INIT - Video source injection (desktop vs mobile)\r\n \/\/ ============================================\r\n var mobileBreakpoint = 768;\r\n var isMobile = window.innerWidth <= mobileBreakpoint;\r\n var videoSrcDesktop = separator.getAttribute('data-video-src');\r\n var videoSrcMobile = separator.getAttribute('data-video-src-mobile');\r\n\r\n var videoSrc = isMobile && videoSrcMobile && videoSrcMobile.indexOf('[') === -1 && videoSrcMobile.trim() !== ''\r\n ? videoSrcMobile\r\n : videoSrcDesktop;\r\n\r\n if (videoSrc && videoSrc.indexOf('[') === -1 && videoSrc.trim() !== '') {\r\n video.src = videoSrc;\r\n video.load();\r\n video.play().catch(function() {\r\n playPauseBtn.classList.remove('korall_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\r\n });\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\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-c470998 e-con-full e-flex e-con e-parent\" data-id=\"c470998\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd981e6 elementor-widget elementor-widget-html\" data-id=\"bd981e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Korall Residences - Sky Villas<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Lexend+Deca:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Lexend Deca', sans-serif;\r\n background-color: #fff;\r\n color: #3f566e;\r\n }\r\n\r\n \/* ============================================\r\n SECCI\u00d3N TIPOLOG\u00cdAS\r\n ============================================ *\/\r\n .korall_typology {\r\n position: relative !important;\r\n padding: 160px 0 !important;\r\n background: linear-gradient(180deg, #fff 0%, #f6f6f6 100%) !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .korall_typology::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: -10% !important;\r\n right: -5% !important;\r\n width: 500px !important;\r\n height: 500px !important;\r\n background: radial-gradient(circle, rgba(168, 202, 234, 0.06) 0%, transparent 70%) !important;\r\n border-radius: 50% !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .korall_typology::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: -15% !important;\r\n left: -8% !important;\r\n width: 600px !important;\r\n height: 600px !important;\r\n background: radial-gradient(circle, rgba(74, 102, 130, 0.04) 0%, transparent 70%) !important;\r\n border-radius: 50% !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .korall_typology__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n \/* ============================================\r\n HEADER\r\n ============================================ *\/\r\n .korall_typology__header {\r\n text-align: center !important;\r\n margin-bottom: 80px !important;\r\n }\r\n\r\n .korall_typology__label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin-bottom: 20px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .korall_typology.korall_typology--visible .korall_typology__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_typology__title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(38px, 5vw, 64px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 24px 0 !important;\r\n letter-spacing: -1.5px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .korall_typology.korall_typology--visible .korall_typology__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_typology__subtitle {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: clamp(19px, 2vw, 25px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #3f566e !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 opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .korall_typology.korall_typology--visible .korall_typology__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n LAYOUT PRINCIPAL\r\n ============================================ *\/\r\n .korall_typology__main {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 60px !important;\r\n align-items: center !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s !important;\r\n }\r\n\r\n .korall_typology.korall_typology--visible .korall_typology__main {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n COLUMNA IZQUIERDA - IMAGEN\r\n ============================================ *\/\r\n .korall_typology__image-wrapper {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 600px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 16px 48px rgba(63, 86, 110, 0.15) !important;\r\n }\r\n\r\n .korall_typology__image-wrapper::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(\r\n 180deg,\r\n rgba(0, 0, 0, 0) 0%,\r\n rgba(0, 0, 0, 0) 50%,\r\n rgba(63, 86, 110, 0.3) 100%\r\n ) !important;\r\n z-index: 2 !important;\r\n pointer-events: none !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.5s ease !important;\r\n }\r\n\r\n .korall_typology__image-wrapper:hover::before {\r\n opacity: 1 !important;\r\n }\r\n\r\n .korall_typology__image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n filter: saturate(0.95) !important;\r\n }\r\n\r\n .korall_typology__image-wrapper:hover .korall_typology__image {\r\n transform: scale(1.05) !important;\r\n filter: saturate(1) !important;\r\n }\r\n\r\n .korall_typology__image-badge {\r\n position: absolute !important;\r\n top: 24px !important;\r\n left: 24px !important;\r\n padding: 10px 20px !important;\r\n background: rgba(255, 255, 255, 0.95) !important;\r\n backdrop-filter: blur(8px) !important;\r\n -webkit-backdrop-filter: blur(8px) !important;\r\n border-left: 3px solid #4a6682 !important;\r\n z-index: 3 !important;\r\n }\r\n\r\n .korall_typology__image-badge-text {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: #3f566e !important;\r\n }\r\n\r\n \/* ============================================\r\n COLUMNA DERECHA - CONTENIDO\r\n ============================================ *\/\r\n .korall_typology__content {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 32px !important;\r\n }\r\n\r\n .korall_typology__name {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(36px, 4vw, 56px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #3f566e !important;\r\n margin: 0 !important;\r\n letter-spacing: -1px !important;\r\n }\r\n\r\n .korall_typology__description {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: clamp(16px, 1.6vw, 20px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.75 !important;\r\n color: #3f566e !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .korall_typology__highlight {\r\n color: #4a6682 !important;\r\n font-weight: 400 !important;\r\n }\r\n\r\n \/* ============================================\r\n DETALLES EN GRID\r\n ============================================ *\/\r\n .korall_typology__details {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 28px !important;\r\n padding: 32px !important;\r\n background: #fff !important;\r\n border-left: 3px solid #4a6682 !important;\r\n box-shadow: 0 8px 30px rgba(63, 86, 110, 0.08) !important;\r\n }\r\n\r\n .korall_typology__detail {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .korall_typology__detail-icon {\r\n flex-shrink: 0 !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: rgba(74, 102, 130, 0.1) !important;\r\n border-radius: 50% !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .korall_typology__detail:hover .korall_typology__detail-icon {\r\n background: rgba(74, 102, 130, 0.2) !important;\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n .korall_typology__detail-icon svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n stroke: #4a6682 !important;\r\n fill: none !important;\r\n }\r\n\r\n .korall_typology__detail-text {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 4px !important;\r\n }\r\n\r\n .korall_typology__detail-label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n }\r\n\r\n .korall_typology__detail-value {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 18px !important;\r\n font-weight: 400 !important;\r\n color: #3f566e !important;\r\n letter-spacing: -0.5px !important;\r\n }\r\n\r\n \/* ============================================\r\n CARACTER\u00cdSTICAS (FEATURES)\r\n ============================================ *\/\r\n .korall_typology__features {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .korall_typology__features-title {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin: 0 0 8px 0 !important;\r\n }\r\n\r\n .korall_typology__feature {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 12px !important;\r\n }\r\n\r\n .korall_typology__feature-bullet {\r\n flex-shrink: 0 !important;\r\n width: 6px !important;\r\n height: 6px !important;\r\n background: #4a6682 !important;\r\n border-radius: 50% !important;\r\n margin-top: 8px !important;\r\n }\r\n\r\n \/* Bullet opcional (piscina privada) *\/\r\n .korall_typology__feature-bullet--optional {\r\n background: #a8caea !important;\r\n }\r\n\r\n .korall_typology__feature-text {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.6 !important;\r\n color: #3f566e !important;\r\n }\r\n\r\n \/* Badge opcional inline *\/\r\n .korall_typology__feature-optional {\r\n display: inline-block !important;\r\n font-size: 10px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: #4a6682 !important;\r\n border: 1px solid #a8caea !important;\r\n padding: 2px 7px !important;\r\n margin-left: 8px !important;\r\n vertical-align: middle !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n \/* ============================================\r\n CTA\r\n ============================================ *\/\r\n .korall_typology__cta {\r\n display: flex;\r\n width: fit-content;\r\n margin-left: 0;\r\n margin-right: auto;\r\n justify-content: center;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n padding: 18px 56px !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #fff !important;\r\n background: #4a6682 !important;\r\n text-decoration: none !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .korall_typology__cta:hover {\r\n background: #4e7194 !important;\r\n color: #fff !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 24px rgba(74, 102, 130, 0.25) !important;\r\n }\r\n\r\n .korall_typology__cta svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n .korall_typology__cta:hover svg {\r\n transform: translateX(4px) !important;\r\n }\r\n\r\n \/* ============================================\r\n DISCLAIMER\r\n ============================================ *\/\r\n .korall_typology__disclaimer {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n font-style: italic !important;\r\n line-height: 1.6 !important;\r\n color: #a8caea !important;\r\n text-align: center !important;\r\n max-width: 900px !important;\r\n margin: 60px auto 0 !important;\r\n padding: 0 20px !important;\r\n opacity: 0 !important;\r\n transform: translateY(10px) !important;\r\n transition: opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s !important;\r\n }\r\n\r\n .korall_typology.korall_typology--visible .korall_typology__disclaimer {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 1200px) {\r\n .korall_typology {\r\n padding: 120px 0 !important;\r\n }\r\n\r\n .korall_typology__container {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .korall_typology__header {\r\n margin-bottom: 60px !important;\r\n }\r\n\r\n .korall_typology__main {\r\n gap: 48px !important;\r\n }\r\n\r\n .korall_typology__image-wrapper {\r\n height: 500px !important;\r\n }\r\n\r\n .korall_typology__details {\r\n gap: 24px !important;\r\n padding: 28px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .korall_typology {\r\n padding: 80px 0 !important;\r\n }\r\n\r\n .korall_typology__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .korall_typology__header {\r\n margin-bottom: 48px !important;\r\n }\r\n\r\n .korall_typology__main {\r\n grid-template-columns: 1fr !important;\r\n gap: 40px !important;\r\n }\r\n\r\n .korall_typology__image-wrapper {\r\n height: 400px !important;\r\n }\r\n\r\n .korall_typology__image-badge {\r\n top: 16px !important;\r\n left: 16px !important;\r\n padding: 8px 16px !important;\r\n }\r\n\r\n .korall_typology__image-badge-text {\r\n font-size: 10px !important;\r\n }\r\n\r\n .korall_typology__content {\r\n gap: 28px !important;\r\n }\r\n\r\n .korall_typology__details {\r\n grid-template-columns: 1fr !important;\r\n gap: 20px !important;\r\n padding: 24px !important;\r\n }\r\n\r\n .korall_typology__detail-icon {\r\n width: 36px !important;\r\n height: 36px !important;\r\n }\r\n\r\n .korall_typology__detail-icon svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n\r\n .korall_typology__detail-value {\r\n font-size: 16px !important;\r\n }\r\n\r\n .korall_typology__feature-text {\r\n font-size: 14px !important;\r\n }\r\n\r\n .korall_typology__cta {\r\n width: 100% !important;\r\n justify-content: center !important;\r\n padding: 16px 48px !important;\r\n }\r\n\r\n .korall_typology__disclaimer {\r\n margin-top: 48px !important;\r\n font-size: 10px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .korall_typology__image-wrapper {\r\n height: 320px !important;\r\n }\r\n\r\n .korall_typology__details {\r\n padding: 20px !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .korall_typology__detail-icon {\r\n width: 32px !important;\r\n height: 32px !important;\r\n }\r\n\r\n .korall_typology__detail-value {\r\n font-size: 15px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"korall_typology\" id=\"typology\">\r\n <div class=\"korall_typology__container\">\r\n \r\n \r\n <header class=\"korall_typology__header\">\r\n <span class=\"korall_typology__label\">Sky Villas<\/span>\r\n <h2 class=\"korall_typology__title\">3-Bedroom Sky Villa<\/h2>\r\n <p class=\"korall_typology__subtitle\">\r\n A home where comfort becomes an everyday experience.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"korall_typology__main\">\r\n \r\n \r\n <div class=\"korall_typology__image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Dormitorio-2-scaled.png\" alt=\"3-Bedroom Sky Villa - Korall Residences\" class=\"korall_typology__image\" loading=\"lazy\">\r\n <div class=\"korall_typology__image-badge\">\r\n <span class=\"korall_typology__image-badge-text\">Mediterranean Design<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"korall_typology__content\">\r\n\r\n \r\n <div class=\"korall_typology__details\">\r\n \r\n <div class=\"korall_typology__detail\">\r\n <div class=\"korall_typology__detail-icon\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n <polyline points=\"9 22 9 12 15 12 15 22\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"korall_typology__detail-text\">\r\n <span class=\"korall_typology__detail-label\">Bedrooms<\/span>\r\n <span class=\"korall_typology__detail-value\">3<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__detail\">\r\n <div class=\"korall_typology__detail-icon\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <path d=\"M3 9h18M9 21V9\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"korall_typology__detail-text\">\r\n <span class=\"korall_typology__detail-label\">Area from<\/span>\r\n <span class=\"korall_typology__detail-value\">130 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__detail\">\r\n <div class=\"korall_typology__detail-icon\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"korall_typology__detail-text\">\r\n <span class=\"korall_typology__detail-label\">Price from<\/span>\r\n <span class=\"korall_typology__detail-value\">810.000 \u20ac<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__detail\">\r\n <div class=\"korall_typology__detail-icon\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <polyline points=\"12 6 12 12 16 14\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"korall_typology__detail-text\">\r\n <span class=\"korall_typology__detail-label\">Delivery<\/span>\r\n <span class=\"korall_typology__detail-value\">2028<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"korall_typology__features\">\r\n <h4 class=\"korall_typology__features-title\">Key features<\/h4>\r\n\r\n <div class=\"korall_typology__feature\">\r\n <div class=\"korall_typology__feature-bullet\"><\/div>\r\n <span class=\"korall_typology__feature-text\">Spacious terraces with panoramic Mediterranean views<\/span>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__feature\">\r\n <div class=\"korall_typology__feature-bullet\"><\/div>\r\n <span class=\"korall_typology__feature-text\">Premium kitchen fitted with high-end appliances<\/span>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__feature\">\r\n <div class=\"korall_typology__feature-bullet\"><\/div>\r\n <span class=\"korall_typology__feature-text\">Sustainable finishes and top-quality materials<\/span>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__feature\">\r\n <div class=\"korall_typology__feature-bullet\"><\/div>\r\n <span class=\"korall_typology__feature-text\">South-west orientation for maximum natural light<\/span>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__feature\">\r\n <div class=\"korall_typology__feature-bullet\"><\/div>\r\n <span class=\"korall_typology__feature-text\">2 parking spaces + storage room included<\/span>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__feature\">\r\n <div class=\"korall_typology__feature-bullet korall_typology__feature-bullet--optional\"><\/div>\r\n <span class=\"korall_typology__feature-text\">\r\n Two-storey homes with garden and private pool\r\n <span class=\"korall_typology__feature-optional\">Optional<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <a href=\"#unlock\" class=\"korall_typology__cta\">\r\n Request information\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\r\n <\/svg>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <p class=\"korall_typology__disclaimer\">\r\n Images are non-contractual and based on the Preliminary Project. \r\n Information subject to modifications required by technical, \r\n legal or commercial reasons during or after construction.\r\n <\/p>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('typology');\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.75) {\r\n section.classList.add('korall_typology--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-979524f e-con-full e-flex e-con e-parent\" data-id=\"979524f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dc6655 elementor-widget elementor-widget-html\" data-id=\"3dc6655\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html><html lang=\"es\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Korall Residences - Divider<\/title><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Lexend+Deca:wght@300;400&display=swap\" rel=\"stylesheet\"><style>*, *::before, *::after {\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Lexend Deca', sans-serif;\n background-color: #fff;\n color: #3f566e;\n }\n\n \/* ============================================\n SECCI\u00d3N DIVIDER\n ============================================ *\/\n .korall_divider {\n position: relative !important;\n height: 70vh !important;\n min-height: 500px !important;\n max-height: 700px !important;\n overflow: hidden !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n background-color: #1a1a1a !important;\n }\n\n \/* ============================================\n IMAGEN DE FONDO CON PARALLAX\n ============================================ *\/\n .korall_divider__image {\n position: absolute !important;\n top: -15% !important;\n left: 0 !important;\n width: 100% !important;\n height: 130% !important;\n object-fit: cover !important;\n object-position: center 45% !important;\n will-change: transform !important;\n transition: transform 0.1s ease-out !important;\n }\n\n \/* Overlay oscuro *\/\n .korall_divider__overlay {\n position: absolute !important;\n inset: 0 !important;\n background: \n radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%),\n linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.3) 100%) !important;\n z-index: 1 !important;\n }\n\n \/* ============================================\n CONTENIDO CENTRADO\n ============================================ *\/\n .korall_divider__content {\n position: relative !important;\n z-index: 2 !important;\n text-align: center !important;\n padding: 0 40px !important;\n max-width: 900px !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n gap: 32px !important;\n }\n\n \/* ============================================\n LOGO\n ============================================ *\/\n .korall_divider__logo {\n width: 180px !important;\n height: auto !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.8s ease, transform 0.8s ease !important;\n filter: brightness(0) invert(1) !important;\n }\n\n .korall_divider.korall_divider--visible .korall_divider__logo {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n \/* ============================================\n TEXTO\n ============================================ *\/\n .korall_divider__text {\n font-family: 'Lexend Deca', sans-serif !important;\n font-size: clamp(18px, 2.2vw, 28px) !important;\n font-weight: 300 !important;\n line-height: 1.6 !important;\n letter-spacing: 0.3px !important;\n color: #ffffff !important;\n margin: 0 !important;\n max-width: 700px !important;\n text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4) !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.8s ease 0.15s, transform 0.8s ease 0.15s !important;\n }\n\n .korall_divider.korall_divider--visible .korall_divider__text {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n \/* ============================================\n L\u00cdNEA DECORATIVA\n ============================================ *\/\n .korall_divider__line {\n width: 80px !important;\n height: 2px !important;\n background: linear-gradient(90deg, #4a6682 0%, #a8caea 100%) !important;\n border-radius: 1px !important;\n opacity: 0 !important;\n transform: scaleX(0) !important;\n transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s !important;\n }\n\n .korall_divider.korall_divider--visible .korall_divider__line {\n opacity: 1 !important;\n transform: scaleX(1) !important;\n }\n\n \/* ============================================\n RESPONSIVE - TABLET\n ============================================ *\/\n @media screen and (max-width: 1200px) {\n .korall_divider {\n height: 65vh !important;\n min-height: 450px !important;\n }\n\n .korall_divider__logo {\n width: 160px !important;\n }\n\n .korall_divider__content {\n gap: 28px !important;\n }\n }\n\n \/* ============================================\n RESPONSIVE - TABLET SMALL\n ============================================ *\/\n @media screen and (max-width: 991px) {\n .korall_divider {\n height: 60vh !important;\n min-height: 400px !important;\n }\n\n .korall_divider__content {\n padding: 0 32px !important;\n gap: 24px !important;\n }\n\n .korall_divider__logo {\n width: 140px !important;\n }\n\n .korall_divider__line {\n width: 70px !important;\n }\n }\n\n \/* ============================================\n RESPONSIVE - MOBILE\n ============================================ *\/\n @media screen and (max-width: 768px) {\n .korall_divider {\n height: 55vh !important;\n min-height: 380px !important;\n }\n\n .korall_divider__content {\n padding: 0 24px !important;\n gap: 20px !important;\n }\n\n .korall_divider__logo {\n width: 120px !important;\n }\n\n .korall_divider__text {\n font-size: clamp(16px, 4vw, 22px) !important;\n }\n\n .korall_divider__line {\n width: 60px !important;\n }\n }\n\n \/* ============================================\n RESPONSIVE - MOBILE SMALL\n ============================================ *\/\n @media screen and (max-width: 480px) {\n .korall_divider {\n height: 50vh !important;\n min-height: 320px !important;\n }\n\n .korall_divider__logo {\n width: 100px !important;\n }\n\n .korall_divider__content {\n gap: 16px !important;\n }\n\n .korall_divider__line {\n width: 50px !important;\n }\n }\n <\/style><\/head><body><section class=\"korall_divider\" id=\"divider\"><img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/terraza_6-scaled.jpeg\" alt=\"Piscina comunitaria - Korall Residences\" class=\"korall_divider__image\" id=\"korall_divider_image\" loading=\"lazy\"><div class=\"korall_divider__overlay\"><\/div><div class=\"korall_divider__content\"><img decoding=\"async\" src=\"https:\/\/www.korallbytopgestion.com\/wp-content\/uploads\/2024\/01\/Logo-Korall-Residences-300x138px-By-TOP-Color-1.webp\" alt=\"Korall Residences\" class=\"korall_divider__logo\"><p class=\"korall_divider__text\">Where the Costa del Sol meets your lifestyle\n <\/p><div class=\"korall_divider__line\"><\/div><\/div><\/section><script>(function() {\n 'use strict';\n\n var section = document.getElementById('divider');\n var image = document.getElementById('korall_divider_image');\n\n \/\/ PARALLAX INVERSO (imagen se mueve m\u00e1s lento que scroll)\n function updateParallax() {\n var rect = section.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n \/\/ Solo aplicar parallax cuando la secci\u00f3n est\u00e1 visible\n if (rect.bottom < 0 || rect.top > windowHeight) return;\n \n \/\/ Calcular progreso del scroll (0 a 1)\n var scrollProgress = (windowHeight - rect.top) \/ (windowHeight + rect.height);\n \n \/\/ Parallax inverso: mueve la imagen en direcci\u00f3n opuesta al scroll\n \/\/ Factor de 60 = movimiento moderado (m\u00e1s bajo = m\u00e1s est\u00e1tico)\n var translateY = (scrollProgress - 0.5) * 60;\n \n image.style.transform = 'translateY(' + translateY + 'px)';\n }\n\n \/\/ ANIMACI\u00d3N DE ENTRADA\n function checkVisibility() {\n var rect = section.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.top < windowHeight * 0.8) {\n section.classList.add('korall_divider--visible');\n }\n }\n\n \/\/ OPTIMIZACI\u00d3N CON RAF\n var ticking = false;\n \n function onScroll() {\n if (!ticking) {\n requestAnimationFrame(function() {\n updateParallax();\n checkVisibility();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n \/\/ EVENTOS\n window.addEventListener('scroll', onScroll, { passive: true });\n \n \/\/ INIT\n updateParallax();\n checkVisibility();\n\n })();\n <\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8f6949 elementor-widget elementor-widget-html\" data-id=\"d8f6949\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Korall Residences - Gallery<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Lexend+Deca:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Lexend Deca', sans-serif;\r\n background-color: #fff;\r\n color: #3f566e;\r\n }\r\n\r\n \/* ============================================\r\n SECCI\u00d3N GALER\u00cdA\r\n ============================================ *\/\r\n .korall_gallery {\r\n position: relative !important;\r\n padding: 160px 0 !important;\r\n background: linear-gradient(180deg, #f6f6f6 0%, #fff 100%) !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .korall_gallery__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n \/* ============================================\r\n HEADER\r\n ============================================ *\/\r\n .korall_gallery__header {\r\n text-align: center !important;\r\n margin-bottom: 60px !important;\r\n }\r\n\r\n .korall_gallery__label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin-bottom: 20px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .korall_gallery.korall_gallery--visible .korall_gallery__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_gallery__title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(38px, 5vw, 64px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 24px 0 !important;\r\n letter-spacing: -1.5px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .korall_gallery.korall_gallery--visible .korall_gallery__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_gallery__subtitle {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: clamp(19px, 2vw, 25px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #3f566e !important;\r\n margin: 0 auto !important;\r\n max-width: 600px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .korall_gallery.korall_gallery--visible .korall_gallery__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n GRID GALER\u00cdA\r\n ============================================ *\/\r\n .korall_gallery__grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n grid-auto-rows: 360px !important;\r\n gap: 24px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s !important;\r\n }\r\n\r\n .korall_gallery.korall_gallery--visible .korall_gallery__grid {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n ITEMS DE GALER\u00cdA\r\n ============================================ *\/\r\n .korall_gallery__item {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n cursor: pointer !important;\r\n box-shadow: 0 8px 30px rgba(63, 86, 110, 0.12) !important;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease !important;\r\n }\r\n\r\n \/* Primera imagen 2x2 *\/\r\n .korall_gallery__item:first-child {\r\n grid-column: span 2 !important;\r\n grid-row: span 2 !important;\r\n }\r\n\r\n .korall_gallery__item:hover {\r\n transform: translateY(-8px) !important;\r\n box-shadow: 0 16px 48px rgba(63, 86, 110, 0.2) !important;\r\n }\r\n\r\n \/* Border sutil *\/\r\n .korall_gallery__item::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n padding: 2px !important;\r\n background: linear-gradient(135deg, rgba(74, 102, 130, 0.4) 0%, rgba(168, 202, 234, 0.2) 50%, transparent 100%) !important;\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n -webkit-mask-composite: xor !important;\r\n mask-composite: exclude !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.4s ease !important;\r\n z-index: 10 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .korall_gallery__item:hover::before {\r\n opacity: 1 !important;\r\n }\r\n\r\n .korall_gallery__image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n filter: saturate(0.95) !important;\r\n }\r\n\r\n .korall_gallery__item:hover .korall_gallery__image {\r\n transform: scale(1.05) !important;\r\n filter: saturate(1) !important;\r\n }\r\n\r\n \/* Overlay gradiente *\/\r\n .korall_gallery__overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(\r\n to top,\r\n rgba(63, 86, 110, 0.8) 0%,\r\n rgba(63, 86, 110, 0.3) 40%,\r\n rgba(0, 0, 0, 0) 70%\r\n ) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .korall_gallery__item:hover .korall_gallery__overlay {\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* Caption *\/\r\n .korall_gallery__caption {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding: 24px !important;\r\n z-index: 4 !important;\r\n transform: translateY(10px) !important;\r\n opacity: 0 !important;\r\n transition: transform 0.4s ease, opacity 0.4s ease !important;\r\n }\r\n\r\n .korall_gallery__item:hover .korall_gallery__caption {\r\n transform: translateY(0) !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n .korall_gallery__caption-title {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 17px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.3px !important;\r\n color: #ffffff !important;\r\n margin: 0 0 8px 0 !important;\r\n }\r\n\r\n .korall_gallery__caption-hint {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.7) !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n }\r\n\r\n .korall_gallery__caption-hint svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n stroke: currentColor !important;\r\n fill: none !important;\r\n stroke-width: 2 !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n .korall_gallery__item:hover .korall_gallery__caption-hint svg {\r\n transform: translateX(3px) !important;\r\n }\r\n\r\n \/* ============================================\r\n LIGHTBOX\r\n ============================================ *\/\r\n .korall_lightbox {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 99999 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\r\n }\r\n\r\n .korall_lightbox.korall_lightbox--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n\r\n .korall_lightbox__backdrop {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.96) 100%) !important;\r\n backdrop-filter: blur(16px) !important;\r\n -webkit-backdrop-filter: blur(16px) !important;\r\n }\r\n\r\n .korall_lightbox__content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 90vw !important;\r\n max-height: 85vh !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .korall_lightbox__image {\r\n max-width: 100% !important;\r\n max-height: 85vh !important;\r\n object-fit: contain !important;\r\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.6) !important;\r\n opacity: 0 !important;\r\n transform: scale(0.95) !important;\r\n transition: opacity 0.3s ease, transform 0.3s ease !important;\r\n }\r\n\r\n .korall_lightbox--open .korall_lightbox__image {\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n }\r\n\r\n .korall_lightbox__close {\r\n position: absolute !important;\r\n top: 24px !important;\r\n right: 24px !important;\r\n width: 48px !important;\r\n height: 48px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n z-index: 3 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .korall_lightbox__close:hover {\r\n background: rgba(74, 102, 130, 0.3) !important;\r\n border-color: rgba(74, 102, 130, 0.5) !important;\r\n transform: rotate(90deg) !important;\r\n }\r\n\r\n .korall_lightbox__close svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n fill: #ffffff !important;\r\n }\r\n\r\n .korall_lightbox__nav {\r\n position: absolute !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n width: 52px !important;\r\n height: 52px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: rgba(255, 255, 255, 0.08) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n z-index: 3 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .korall_lightbox__nav:hover {\r\n background: rgba(74, 102, 130, 0.2) !important;\r\n border-color: rgba(74, 102, 130, 0.4) !important;\r\n }\r\n\r\n .korall_lightbox__nav--prev {\r\n left: 24px !important;\r\n }\r\n\r\n .korall_lightbox__nav--prev:hover {\r\n transform: translateY(-50%) translateX(-4px) !important;\r\n }\r\n\r\n .korall_lightbox__nav--next {\r\n right: 24px !important;\r\n }\r\n\r\n .korall_lightbox__nav--next:hover {\r\n transform: translateY(-50%) translateX(4px) !important;\r\n }\r\n\r\n .korall_lightbox__nav svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n fill: #ffffff !important;\r\n }\r\n\r\n .korall_lightbox__info {\r\n position: absolute !important;\r\n bottom: 28px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n text-align: center !important;\r\n z-index: 3 !important;\r\n }\r\n\r\n .korall_lightbox__title {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 400 !important;\r\n color: #ffffff !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .korall_lightbox__counter {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 3px !important;\r\n color: rgba(168, 202, 234, 0.8) !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 1200px) {\r\n .korall_gallery {\r\n padding: 120px 0 !important;\r\n }\r\n\r\n .korall_gallery__container {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .korall_gallery__grid {\r\n grid-auto-rows: 300px !important;\r\n gap: 20px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .korall_gallery {\r\n padding: 80px 0 !important;\r\n }\r\n\r\n .korall_gallery__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .korall_gallery__header {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .korall_gallery__grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n grid-auto-rows: 200px !important;\r\n gap: 16px !important;\r\n }\r\n\r\n \/* Primera imagen 2x2 en mobile tambi\u00e9n *\/\r\n .korall_gallery__item:first-child {\r\n grid-column: span 2 !important;\r\n grid-row: span 2 !important;\r\n }\r\n\r\n .korall_gallery__caption {\r\n padding: 16px !important;\r\n }\r\n\r\n .korall_gallery__caption-title {\r\n font-size: 14px !important;\r\n }\r\n\r\n .korall_lightbox__close {\r\n top: 16px !important;\r\n right: 16px !important;\r\n width: 44px !important;\r\n height: 44px !important;\r\n }\r\n\r\n .korall_lightbox__nav {\r\n width: 46px !important;\r\n height: 46px !important;\r\n }\r\n\r\n .korall_lightbox__nav--prev {\r\n left: 16px !important;\r\n }\r\n\r\n .korall_lightbox__nav--next {\r\n right: 16px !important;\r\n }\r\n\r\n .korall_lightbox__info {\r\n bottom: 20px !important;\r\n }\r\n\r\n .korall_lightbox__title {\r\n font-size: 14px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .korall_gallery__grid {\r\n grid-template-columns: 1fr !important;\r\n grid-auto-rows: 260px !important;\r\n }\r\n\r\n .korall_gallery__item:first-child {\r\n grid-column: span 1 !important;\r\n grid-row: span 1 !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"korall_gallery\" id=\"gallery\">\r\n <div class=\"korall_gallery__container\">\r\n \r\n \r\n <header class=\"korall_gallery__header\">\r\n <span class=\"korall_gallery__label\">Spaces that inspire<\/span>\r\n <h2 class=\"korall_gallery__title\">A visual journey<\/h2>\r\n <p class=\"korall_gallery__subtitle\">\r\n Architectural perfection that transforms your everyday life into an exceptional experience.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"korall_gallery__grid\">\r\n \r\n <div class=\"korall_gallery__item\" data-index=\"0\" data-title=\"Private gym\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/freepik__this-is-an-existing-gym-render-in-a-residential-bu__83539-scaled.png\" alt=\"Fully equipped gym\" class=\"korall_gallery__image\" loading=\"lazy\">\r\n <div class=\"korall_gallery__overlay\"><\/div>\r\n <div class=\"korall_gallery__caption\">\r\n <p class=\"korall_gallery__caption-title\">Fully equipped gym<\/p>\r\n <p class=\"korall_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n View enlarged\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_gallery__item\" data-index=\"1\" data-title=\"Master bedroom\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/freepik__this-is-an-existing-bedroom-renderdo-not-change-fu__83541-scaled.png\" alt=\"Master suite with views\" class=\"korall_gallery__image\" loading=\"lazy\">\r\n <div class=\"korall_gallery__overlay\"><\/div>\r\n <div class=\"korall_gallery__caption\">\r\n <p class=\"korall_gallery__caption-title\">Master suite<\/p>\r\n <p class=\"korall_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n View enlarged\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_gallery__item\" data-index=\"2\" data-title=\"Master bathroom\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/freepik__this-is-an-existing-bathroom-renderdo-not-change-f__83540-scaled.png\" alt=\"En-suite bathroom\" class=\"korall_gallery__image\" loading=\"lazy\">\r\n <div class=\"korall_gallery__overlay\"><\/div>\r\n <div class=\"korall_gallery__caption\">\r\n <p class=\"korall_gallery__caption-title\">Master bathroom<\/p>\r\n <p class=\"korall_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n View enlarged\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_gallery__item\" data-index=\"3\" data-title=\"Coworking area\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/freepik__this-is-an-existing-study-or-business-lounge-rende__83537-scaled.png\" alt=\"Shared workspace\" class=\"korall_gallery__image\" loading=\"lazy\">\r\n <div class=\"korall_gallery__overlay\"><\/div>\r\n <div class=\"korall_gallery__caption\">\r\n <p class=\"korall_gallery__caption-title\">Coworking area<\/p>\r\n <p class=\"korall_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n View enlarged\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_gallery__item\" data-index=\"4\" data-title=\"Community pool\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Piscina-scaled.png\" alt=\"Outdoor swimming pool\" class=\"korall_gallery__image\" loading=\"lazy\">\r\n <div class=\"korall_gallery__overlay\"><\/div>\r\n <div class=\"korall_gallery__caption\">\r\n <p class=\"korall_gallery__caption-title\">Community pool<\/p>\r\n <p class=\"korall_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n View enlarged\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_gallery__item\" data-index=\"5\" data-title=\"Secondary suite\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/freepik__this-is-an-existing-bedroom-renderdo-not-modify-fu__83536-scaled.png\" alt=\"Secondary bedroom\" class=\"korall_gallery__image\" loading=\"lazy\">\r\n <div class=\"korall_gallery__overlay\"><\/div>\r\n <div class=\"korall_gallery__caption\">\r\n <p class=\"korall_gallery__caption-title\">Secondary bedroom<\/p>\r\n <p class=\"korall_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n View enlarged\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"korall_lightbox\" id=\"korall_lightbox\">\r\n <div class=\"korall_lightbox__backdrop\" id=\"korall_lightbox_backdrop\"><\/div>\r\n \r\n <button class=\"korall_lightbox__close\" id=\"korall_lightbox_close\" aria-label=\"Close\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/><\/svg>\r\n <\/button>\r\n\r\n <button class=\"korall_lightbox__nav korall_lightbox__nav--prev\" id=\"korall_lightbox_prev\" aria-label=\"Previous\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>\r\n <\/button>\r\n <button class=\"korall_lightbox__nav korall_lightbox__nav--next\" id=\"korall_lightbox_next\" aria-label=\"Next\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg>\r\n <\/button>\r\n\r\n <div class=\"korall_lightbox__content\">\r\n <img decoding=\"async\" class=\"korall_lightbox__image\" id=\"korall_lightbox_image\" src=\"\" alt=\"\">\r\n <\/div>\r\n\r\n <div class=\"korall_lightbox__info\">\r\n <p class=\"korall_lightbox__title\" id=\"korall_lightbox_title\"><\/p>\r\n <p class=\"korall_lightbox__counter\" id=\"korall_lightbox_counter\"><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('gallery');\r\n var items = document.querySelectorAll('.korall_gallery__item');\r\n\r\n var lightbox = document.getElementById('korall_lightbox');\r\n var lightboxBackdrop = document.getElementById('korall_lightbox_backdrop');\r\n var lightboxImage = document.getElementById('korall_lightbox_image');\r\n var lightboxTitle = document.getElementById('korall_lightbox_title');\r\n var lightboxCounter = document.getElementById('korall_lightbox_counter');\r\n var lightboxClose = document.getElementById('korall_lightbox_close');\r\n var lightboxPrev = document.getElementById('korall_lightbox_prev');\r\n var lightboxNext = document.getElementById('korall_lightbox_next');\r\n\r\n var images = [];\r\n items.forEach(function(item) {\r\n images.push({\r\n src: item.querySelector('.korall_gallery__image').src,\r\n title: item.getAttribute('data-title')\r\n });\r\n });\r\n\r\n var currentIndex = 0;\r\n var totalImages = images.length;\r\n\r\n \/\/ LIGHTBOX\r\n function openLightbox(index) {\r\n currentIndex = index;\r\n lightboxImage.src = images[currentIndex].src;\r\n lightboxImage.alt = images[currentIndex].title;\r\n lightboxTitle.textContent = images[currentIndex].title;\r\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + totalImages;\r\n lightbox.classList.add('korall_lightbox--open');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeLightbox() {\r\n lightbox.classList.remove('korall_lightbox--open');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n function updateLightbox() {\r\n lightboxImage.style.opacity = '0';\r\n lightboxImage.style.transform = 'scale(0.95)';\r\n \r\n setTimeout(function() {\r\n lightboxImage.src = images[currentIndex].src;\r\n lightboxImage.alt = images[currentIndex].title;\r\n lightboxTitle.textContent = images[currentIndex].title;\r\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + totalImages;\r\n \r\n setTimeout(function() {\r\n lightboxImage.style.opacity = '1';\r\n lightboxImage.style.transform = 'scale(1)';\r\n }, 50);\r\n }, 200);\r\n }\r\n\r\n function nextImage() {\r\n currentIndex = (currentIndex + 1) % totalImages;\r\n updateLightbox();\r\n }\r\n\r\n function prevImage() {\r\n currentIndex = (currentIndex - 1 + totalImages) % totalImages;\r\n updateLightbox();\r\n }\r\n\r\n items.forEach(function(item) {\r\n item.addEventListener('click', function() {\r\n var index = parseInt(this.getAttribute('data-index'), 10);\r\n openLightbox(index);\r\n });\r\n });\r\n\r\n lightboxClose.addEventListener('click', closeLightbox);\r\n lightboxBackdrop.addEventListener('click', closeLightbox);\r\n lightboxNext.addEventListener('click', nextImage);\r\n lightboxPrev.addEventListener('click', prevImage);\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (!lightbox.classList.contains('korall_lightbox--open')) return;\r\n if (e.key === 'Escape') closeLightbox();\r\n else if (e.key === 'ArrowRight') nextImage();\r\n else if (e.key === 'ArrowLeft') prevImage();\r\n });\r\n\r\n \/\/ TOUCH SWIPE\r\n var touchStartX = 0;\r\n var touchEndX = 0;\r\n\r\n lightbox.addEventListener('touchstart', function(e) {\r\n touchStartX = e.changedTouches[0].screenX;\r\n }, { passive: true });\r\n\r\n lightbox.addEventListener('touchend', function(e) {\r\n touchEndX = e.changedTouches[0].screenX;\r\n var deltaX = touchEndX - touchStartX;\r\n if (Math.abs(deltaX) > 50) {\r\n if (deltaX > 0) prevImage();\r\n else nextImage();\r\n }\r\n }, { passive: true });\r\n\r\n \/\/ VISIBILITY\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n if (rect.top < windowHeight * 0.75) {\r\n section.classList.add('korall_gallery--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b5cc86 e-con-full e-flex e-con e-parent\" data-id=\"3b5cc86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57e1a63 elementor-widget elementor-widget-html\" data-id=\"57e1a63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html><html lang=\"es\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Korall Residences - Ubicaci\u00f3n<\/title><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Lexend+Deca:wght@300;400&display=swap\" rel=\"stylesheet\"><style>\/* ============================================\r\n RESET & BASE\r\n ============================================ *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Lexend Deca', sans-serif;\r\n background-color: #fff;\r\n color: #3f566e;\r\n }\r\n\r\n \/* ============================================\r\n LOCATION SECTION\r\n ============================================ *\/\r\n .korall_location {\r\n position: relative !important;\r\n padding: 160px 0 !important;\r\n background-color: #f6f6f6 !important;\r\n }\r\n\r\n .korall_location__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n }\r\n\r\n \/* ============================================\r\n CONTENT\r\n ============================================ *\/\r\n .korall_location__content {\r\n text-align: center !important;\r\n max-width: 720px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .korall_location__label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin-bottom: 20px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .korall_location.korall_location--visible .korall_location__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_location__title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(38px, 5vw, 64px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 24px 0 !important;\r\n letter-spacing: -1.5px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .korall_location.korall_location--visible .korall_location__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_location__subtitle {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: clamp(19px, 2vw, 25px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #3f566e !important;\r\n margin: 0 !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .korall_location.korall_location--visible .korall_location__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 991px) {\r\n .korall_location {\r\n padding: 120px 0 !important;\r\n }\r\n\r\n .korall_location__container {\r\n padding: 0 40px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .korall_location {\r\n padding: 80px 0 !important;\r\n }\r\n\r\n .korall_location__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .korall_location__title {\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .korall_location__subtitle {\r\n font-size: clamp(17px, 4vw, 22px) !important;\r\n }\r\n }\r\n <\/style><\/head><body><section class=\"korall_location\" id=\"location\"><div class=\"korall_location__container\"><div class=\"korall_location__content\"><span class=\"korall_location__label\">Privileged location<\/span><h2 class=\"korall_location__title\">Higuer\u00f3n, Fuengirola<\/h2><p class=\"korall_location__subtitle\">Where the Mediterranean, the mountains and the sun converge. \r\n Minutes from the sea, connected to the world.\r\n <\/p><\/div><\/div><\/section><script>(function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('location');\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('korall_location--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-583e434 e-con-full e-flex e-con e-parent\" data-id=\"583e434\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b76b2dd elementor-widget elementor-widget-html\" data-id=\"b76b2dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<iframe id=\"iframe-map\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/map\/korall-en\" allowfullscreen=\"\" title=\"Parque Vega, Mapa Interactivo\" loading=\"lazy\" style=\"height: 80vh; width: 100%;\">\r\n<\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a548930 e-con-full e-flex e-con e-parent\" data-id=\"a548930\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0342a89 elementor-widget elementor-widget-html\" data-id=\"0342a89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Korall Residences - Contact<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Lexend+Deca:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Lexend Deca', sans-serif;\r\n background-color: #fff;\r\n color: #3f566e;\r\n }\r\n\r\n \/* ============================================\r\n SECCION UNLOCK\r\n ============================================ *\/\r\n .korall_unlock {\r\n position: relative !important;\r\n background-color: #fff !important;\r\n }\r\n\r\n .korall_unlock__grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n min-height: 700px !important;\r\n }\r\n\r\n \/* ============================================\r\n IMAGEN IZQUIERDA\r\n ============================================ *\/\r\n .korall_unlock__image-wrapper {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n opacity: 0 !important;\r\n transform: translateX(-30px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .korall_unlock.korall_unlock--visible .korall_unlock__image-wrapper {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .korall_unlock__image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n display: block !important;\r\n transition: transform 0.6s ease !important;\r\n filter: saturate(0.95) !important;\r\n }\r\n\r\n .korall_unlock__image-wrapper:hover .korall_unlock__image {\r\n transform: scale(1.03) !important;\r\n filter: saturate(1) !important;\r\n }\r\n\r\n \/* ============================================\r\n FORMULARIO DERECHA\r\n ============================================ *\/\r\n .korall_unlock__form-wrapper {\r\n padding: 80px 60px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n transform: translateX(30px) !important;\r\n transition: opacity 0.8s ease 0.15s, transform 0.8s ease 0.15s !important;\r\n }\r\n\r\n .korall_unlock.korall_unlock--visible .korall_unlock__form-wrapper {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .korall_unlock__label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin-bottom: 20px !important;\r\n display: block !important;\r\n }\r\n\r\n .korall_unlock__title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(32px, 4vw, 48px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 20px 0 !important;\r\n letter-spacing: -1.5px !important;\r\n }\r\n\r\n .korall_unlock__subtitle {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 19px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 40px 0 !important;\r\n }\r\n\r\n \/* ============================================\r\n ENLACE AGENTES\r\n ============================================ *\/\r\n .korall_unlock__agent {\r\n margin-top: 32px !important;\r\n padding-top: 28px !important;\r\n border-top: 1px solid #e2e2e2 !important;\r\n text-align: center !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .korall_unlock__agent-card {\r\n display: block !important;\r\n padding: 14px 24px !important;\r\n border: 1px solid #d8d8d8 !important;\r\n border-radius: 16px !important;\r\n background: #ffffff !important;\r\n cursor: pointer !important;\r\n text-decoration: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05) !important;\r\n touch-action: manipulation !important;\r\n max-width: 340px !important;\r\n width: 100% !important;\r\n }\r\n\r\n .korall_unlock__agent-card:hover {\r\n border-color: #b0b0b0 !important;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;\r\n }\r\n\r\n .korall_unlock__agent-card-title {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 600 !important;\r\n color: #333333 !important;\r\n margin: 0 0 4px 0 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n .korall_unlock__agent-card-sub {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n color: #777777 !important;\r\n margin: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* ============================================\r\n ESTILOS WPFORMS COMPARTIDOS\r\n (unlock + modal)\r\n ============================================ *\/\r\n .korall_unlock .wpforms-container,\r\n .korall_agent_modal .wpforms-container {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-form,\r\n .korall_agent_modal .wpforms-form {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field,\r\n .korall_agent_modal .wpforms-field {\r\n margin-bottom: 20px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-row,\r\n .korall_agent_modal .wpforms-field-row {\r\n display: flex !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-row .wpforms-field-row-block,\r\n .korall_agent_modal .wpforms-field-row .wpforms-field-row-block {\r\n flex: 1 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-label,\r\n .korall_agent_modal .wpforms-field-label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #3f566e !important;\r\n margin-bottom: 8px !important;\r\n display: block !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-required,\r\n .korall_agent_modal .wpforms-field-required {\r\n color: #4a6682 !important;\r\n }\r\n\r\n \/* INPUTS Y SELECT *\/\r\n .korall_unlock .wpforms-field input[type=\"text\"],\r\n .korall_unlock .wpforms-field input[type=\"email\"],\r\n .korall_unlock .wpforms-field input[type=\"tel\"],\r\n .korall_unlock .wpforms-field input[type=\"number\"],\r\n .korall_unlock .wpforms-field input[type=\"url\"],\r\n .korall_unlock .wpforms-field select,\r\n .korall_unlock .wpforms-field textarea,\r\n .korall_agent_modal .wpforms-field input[type=\"text\"],\r\n .korall_agent_modal .wpforms-field input[type=\"email\"],\r\n .korall_agent_modal .wpforms-field input[type=\"tel\"],\r\n .korall_agent_modal .wpforms-field input[type=\"number\"],\r\n .korall_agent_modal .wpforms-field input[type=\"url\"],\r\n .korall_agent_modal .wpforms-field select,\r\n .korall_agent_modal .wpforms-field textarea {\r\n width: 100% !important;\r\n padding: 16px 20px !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.5 !important;\r\n color: #3f566e !important;\r\n background-color: #ffffff !important;\r\n border: 1px solid #a8caea !important;\r\n border-radius: 4px !important;\r\n outline: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n appearance: none !important;\r\n -webkit-appearance: none !important;\r\n -moz-appearance: none !important;\r\n height: auto !important;\r\n min-height: 54px !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field input[type=\"hidden\"],\r\n .korall_agent_modal .wpforms-field input[type=\"hidden\"] {\r\n display: none !important;\r\n position: absolute !important;\r\n pointer-events: none !important;\r\n min-height: 0 !important;\r\n height: 0 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field input:focus,\r\n .korall_unlock .wpforms-field select:focus,\r\n .korall_unlock .wpforms-field textarea:focus,\r\n .korall_agent_modal .wpforms-field input:focus,\r\n .korall_agent_modal .wpforms-field select:focus,\r\n .korall_agent_modal .wpforms-field textarea:focus {\r\n border-color: #4a6682 !important;\r\n box-shadow: 0 0 0 3px rgba(74, 102, 130, 0.1) !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field input::placeholder,\r\n .korall_unlock .wpforms-field textarea::placeholder,\r\n .korall_agent_modal .wpforms-field input::placeholder,\r\n .korall_agent_modal .wpforms-field textarea::placeholder {\r\n color: #a8caea !important;\r\n font-weight: 300 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field textarea,\r\n .korall_agent_modal .wpforms-field textarea {\r\n min-height: 120px !important;\r\n resize: vertical !important;\r\n }\r\n\r\n \/* SELECT *\/\r\n .korall_unlock .wpforms-field select,\r\n .korall_agent_modal .wpforms-field select {\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233f566e' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\") !important;\r\n background-repeat: no-repeat !important;\r\n background-position: right 16px center !important;\r\n background-size: 12px !important;\r\n padding-right: 44px !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field select option,\r\n .korall_agent_modal .wpforms-field select option {\r\n padding: 10px !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* Telefono con intlTelInput *\/\r\n .korall_unlock .wpforms-field-phone .iti,\r\n .korall_agent_modal .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-phone .iti__selected-flag,\r\n .korall_agent_modal .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 12px 0 16px !important;\r\n background: transparent !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-phone input[type=\"tel\"],\r\n .korall_agent_modal .wpforms-field-phone input[type=\"tel\"] {\r\n padding-left: 85px !important;\r\n }\r\n\r\n \/* Checkboxes y Radio *\/\r\n .korall_unlock .wpforms-field-checkbox ul,\r\n .korall_unlock .wpforms-field-radio ul,\r\n .korall_agent_modal .wpforms-field-checkbox ul,\r\n .korall_agent_modal .wpforms-field-radio ul {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-checkbox li,\r\n .korall_unlock .wpforms-field-radio li,\r\n .korall_agent_modal .wpforms-field-checkbox li,\r\n .korall_agent_modal .wpforms-field-radio li {\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-checkbox label,\r\n .korall_unlock .wpforms-field-radio label,\r\n .korall_agent_modal .wpforms-field-checkbox label,\r\n .korall_agent_modal .wpforms-field-radio label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 300 !important;\r\n color: #3f566e !important;\r\n cursor: pointer !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-checkbox input,\r\n .korall_unlock .wpforms-field-radio input,\r\n .korall_agent_modal .wpforms-field-checkbox input,\r\n .korall_agent_modal .wpforms-field-radio input {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-top: 2px !important;\r\n accent-color: #4a6682 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-gdpr-checkbox label,\r\n .korall_agent_modal .wpforms-field-gdpr-checkbox label {\r\n font-size: 13px !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-gdpr-checkbox label a,\r\n .korall_agent_modal .wpforms-field-gdpr-checkbox label a {\r\n color: #4a6682 !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-gdpr-checkbox label a:hover,\r\n .korall_agent_modal .wpforms-field-gdpr-checkbox label a:hover {\r\n text-decoration: underline !important;\r\n }\r\n\r\n \/* BOTON SUBMIT - Unlock *\/\r\n .korall_unlock .wpforms-submit-container {\r\n margin-top: 32px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-submit {\r\n width: 100% !important;\r\n min-height: 58px !important;\r\n height: auto !important;\r\n padding: 18px 56px !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.4 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background: #3f566e !important;\r\n border: 2px solid #3f566e !important;\r\n border-radius: 0px !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-align: center !important;\r\n appearance: none !important;\r\n -webkit-appearance: none !important;\r\n }\r\n\r\n .korall_unlock .wpforms-submit:hover {\r\n background: #4a6682 !important;\r\n color: #ffffff !important;\r\n border-color: #4a6682 !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(74, 102, 130, 0.25) !important;\r\n }\r\n\r\n .korall_unlock .wpforms-submit:active {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* Errores *\/\r\n .korall_unlock .wpforms-field.wpforms-has-error input,\r\n .korall_unlock .wpforms-field.wpforms-has-error select,\r\n .korall_unlock .wpforms-field.wpforms-has-error textarea,\r\n .korall_agent_modal .wpforms-field.wpforms-has-error input,\r\n .korall_agent_modal .wpforms-field.wpforms-has-error select,\r\n .korall_agent_modal .wpforms-field.wpforms-has-error textarea {\r\n border-color: #d64545 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-error,\r\n .korall_agent_modal .wpforms-error {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 12px !important;\r\n color: #d64545 !important;\r\n margin-top: 6px !important;\r\n }\r\n\r\n \/* Confirmacion *\/\r\n .korall_unlock .wpforms-confirmation-container-full,\r\n .korall_agent_modal .wpforms-confirmation-container-full {\r\n padding: 40px !important;\r\n background-color: rgba(168, 202, 234, 0.1) !important;\r\n border-left: 3px solid #4a6682 !important;\r\n text-align: center !important;\r\n }\r\n\r\n .korall_unlock .wpforms-confirmation-container-full p,\r\n .korall_agent_modal .wpforms-confirmation-container-full p {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 18px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #3f566e !important;\r\n margin: 0 !important;\r\n }\r\n\r\n \/* ============================================\r\n MODAL AGENTES - Form overrides (match Kos)\r\n ============================================ *\/\r\n\r\n .korall_agent_modal .wpforms-field {\r\n margin-bottom: 18px !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-label {\r\n color: #666666 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-required {\r\n color: #b77352 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field input[type=\"text\"],\r\n .korall_agent_modal .wpforms-field input[type=\"email\"],\r\n .korall_agent_modal .wpforms-field input[type=\"tel\"],\r\n .korall_agent_modal .wpforms-field input[type=\"number\"],\r\n .korall_agent_modal .wpforms-field input[type=\"url\"],\r\n .korall_agent_modal .wpforms-field select,\r\n .korall_agent_modal .wpforms-field textarea {\r\n padding: 14px 18px !important;\r\n font-size: 15px !important;\r\n color: #333333 !important;\r\n background-color: #f8f8f8 !important;\r\n border: 1px solid #e0e0e0 !important;\r\n border-radius: 8px !important;\r\n min-height: unset !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field input:focus,\r\n .korall_agent_modal .wpforms-field select:focus,\r\n .korall_agent_modal .wpforms-field textarea:focus {\r\n background-color: #ffffff !important;\r\n border-color: #b77352 !important;\r\n box-shadow: 0 0 0 3px rgba(183, 115, 82, 0.1) !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field input::placeholder,\r\n .korall_agent_modal .wpforms-field textarea::placeholder {\r\n color: #c0c0c0 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field textarea {\r\n min-height: 100px !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-checkbox label,\r\n .korall_agent_modal .wpforms-field-radio label {\r\n color: #888888 !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-gdpr-checkbox label {\r\n color: #888888 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-gdpr-checkbox label a {\r\n color: #b77352 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-checkbox input,\r\n .korall_agent_modal .wpforms-field-radio input,\r\n .korall_agent_modal .wpforms-field-gdpr-checkbox input {\r\n accent-color: #b77352 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone .iti__flag-container {\r\n padding: 0 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 12px 0 16px !important;\r\n background: transparent !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone input[type=\"tel\"] {\r\n padding-left: 85px !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone .iti--separate-dial-code input[type=\"tel\"] {\r\n padding-left: 100px !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone .iti__country-list {\r\n max-width: 320px !important;\r\n border-radius: 8px !important;\r\n border: 1px solid #e0e0e0 !important;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone .iti__country {\r\n padding: 10px 16px !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone .iti__country:hover {\r\n background-color: #f5f5f5 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-submit {\r\n border-radius: 8px !important;\r\n }\r\n\r\n \/* ============================================\r\n MODAL AGENTES - Structure\r\n ============================================ *\/\r\n .korall_agent_modal {\r\n position: fixed !important;\r\n inset: 0 !important;\r\n z-index: 99999 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n padding: 24px !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n pointer-events: none !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n }\r\n\r\n .korall_agent_modal.korall_agent_modal--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n pointer-events: auto !important;\r\n }\r\n\r\n .korall_agent_modal__backdrop {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: rgba(0, 0, 0, 0.85) !important;\r\n backdrop-filter: blur(8px) !important;\r\n -webkit-backdrop-filter: blur(8px) !important;\r\n }\r\n\r\n .korall_agent_modal__content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n width: 100% !important;\r\n max-width: 680px !important;\r\n max-height: 90vh !important;\r\n overflow-y: auto !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n background: #ffffff !important;\r\n border-radius: 16px !important;\r\n padding: 48px 56px !important;\r\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3) !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) scale(0.98) !important;\r\n transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s !important;\r\n }\r\n\r\n .korall_agent_modal--open .korall_agent_modal__content {\r\n opacity: 1 !important;\r\n transform: translateY(0) scale(1) !important;\r\n }\r\n\r\n .korall_agent_modal__close {\r\n position: absolute !important;\r\n top: 16px !important;\r\n right: 16px !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: #f5f5f5 !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n transition: background 0.3s ease, transform 0.3s ease !important;\r\n }\r\n\r\n .korall_agent_modal__close:hover {\r\n background: #e8e8e8 !important;\r\n transform: rotate(90deg) !important;\r\n }\r\n\r\n .korall_agent_modal__close svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n fill: #666666 !important;\r\n }\r\n\r\n .korall_agent_modal__header {\r\n text-align: center !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .korall_agent_modal__logo {\r\n width: 56px !important;\r\n height: 56px !important;\r\n margin: 0 auto 24px !important;\r\n display: block !important;\r\n object-fit: contain !important;\r\n }\r\n\r\n .korall_agent_modal__title {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 20px !important;\r\n font-weight: 300 !important;\r\n color: #333333 !important;\r\n margin: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n .korall_agent_modal__title strong {\r\n font-weight: 400 !important;\r\n }\r\n\r\n \/* BOTON SUBMIT - Modal agentes *\/\r\n .korall_agent_modal .wpforms-submit-container {\r\n position: relative !important;\r\n margin-top: 28px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-submit {\r\n position: relative !important;\r\n z-index: 1 !important;\r\n width: 100% !important;\r\n padding: 18px 28px 28px 0px !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background: #2a2a2a !important;\r\n border: none !important;\r\n border-radius: 8px !important;\r\n cursor: pointer !important;\r\n overflow: hidden !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-submit:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-submit:active {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* \u2500\u2500 eVoost Partners Signature \u2500\u2500 *\/\r\n .korall_evoost-signature-wrapper {\r\n margin-top: 20px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .korall_evoost-signature {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n padding: 6px 14px !important;\r\n border: 1px solid #e8e8e8 !important;\r\n border-radius: 20px !important;\r\n text-decoration: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .korall_evoost-signature:hover {\r\n border-color: #d0d0d0 !important;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;\r\n }\r\n\r\n .korall_evoost-signature::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -100% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%) !important;\r\n transition: left 0.5s ease !important;\r\n }\r\n\r\n .korall_evoost-signature:hover::after {\r\n left: 100% !important;\r\n }\r\n\r\n .korall_evoost-logo {\r\n width: 16px !important;\r\n height: 16px !important;\r\n border-radius: 3px !important;\r\n }\r\n\r\n .korall_evoost-text {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n color: #999999 !important;\r\n }\r\n\r\n .korall_evoost-highlight {\r\n font-weight: 500 !important;\r\n color: #777777 !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media screen and (max-width: 1200px) {\r\n .korall_unlock__grid {\r\n min-height: 600px !important;\r\n }\r\n\r\n .korall_unlock__form-wrapper {\r\n padding: 60px 48px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .korall_unlock__grid {\r\n grid-template-columns: 1fr !important;\r\n min-height: auto !important;\r\n }\r\n\r\n .korall_unlock__image-wrapper {\r\n order: 1 !important;\r\n min-height: 400px !important;\r\n transform: translateY(20px) !important;\r\n }\r\n\r\n .korall_unlock.korall_unlock--visible .korall_unlock__image-wrapper {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_unlock__form-wrapper {\r\n order: 2 !important;\r\n padding: 60px 40px !important;\r\n transform: translateY(20px) !important;\r\n }\r\n\r\n .korall_unlock.korall_unlock--visible .korall_unlock__form-wrapper {\r\n transform: translateY(0) !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .korall_unlock__image-wrapper {\r\n min-height: 320px !important;\r\n }\r\n\r\n .korall_unlock__form-wrapper {\r\n padding: 48px 24px !important;\r\n }\r\n\r\n .korall_unlock__subtitle {\r\n font-size: 17px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field input,\r\n .korall_unlock .wpforms-field select,\r\n .korall_unlock .wpforms-field textarea,\r\n .korall_agent_modal .wpforms-field input,\r\n .korall_agent_modal .wpforms-field select,\r\n .korall_agent_modal .wpforms-field textarea {\r\n padding: 14px 16px !important;\r\n font-size: 16px !important;\r\n min-height: 52px !important;\r\n }\r\n\r\n .korall_unlock .wpforms-submit {\r\n padding: 16px 40px !important;\r\n min-height: 54px !important;\r\n }\r\n\r\n .korall_agent_modal__content {\r\n padding: 40px 24px !important;\r\n }\r\n\r\n .korall_agent_modal__title {\r\n font-size: 19px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"korall_unlock\" id=\"unlock\">\r\n \r\n <div class=\"korall_unlock__grid\">\r\n \r\n <div class=\"korall_unlock__image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/www.korallbytopgestion.com\/wp-content\/uploads\/2024\/04\/Korall_Residences_1000x1161px_Terraza_Baja-882x1024.jpg\" alt=\"Terrace with Mediterranean views - Korall Residences\" class=\"korall_unlock__image\" loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"korall_unlock__form-wrapper\">\r\n <span class=\"korall_unlock__label\">Request information<\/span>\r\n <h2 class=\"korall_unlock__title\">Discover your Sky Villa<\/h2>\r\n <p class=\"korall_unlock__subtitle\">\r\n Access detailed floor plans, updated prices and real-time availability. \r\n No commitment.\r\n <\/p>\r\n \r\n <div class=\"korall_unlock__form\">\r\n <style id=\"wpforms-css-vars-1269\">\n\t\t\t\t#wpforms-1269 {\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-1269\"><form id=\"wpforms-form-1269\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"1269\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/1223\" data-token=\"f0e5f7a9ab075e7d02ba2f915a588236\" data-token-time=\"1779743321\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\">\t\t<div id=\"wpforms-1269-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-1269-field_1\" >DISC Inversor utm_source<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-1269-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-1269-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-1269-field_58-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"58\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_58\" aria-hidden=\"false\">utm_source<\/label><input type=\"text\" id=\"wpforms-1269-field_58\" class=\"wpforms-field-medium\" name=\"wpforms[fields][58]\" aria-errormessage=\"wpforms-1269-field_58-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_61-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"61\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_61\" aria-hidden=\"false\">utm_medium<\/label><input type=\"text\" id=\"wpforms-1269-field_61\" class=\"wpforms-field-medium\" name=\"wpforms[fields][61]\" aria-errormessage=\"wpforms-1269-field_61-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_59-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"59\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_59\" aria-hidden=\"false\">utm_campaign<\/label><input type=\"text\" id=\"wpforms-1269-field_59\" class=\"wpforms-field-medium\" name=\"wpforms[fields][59]\" aria-errormessage=\"wpforms-1269-field_59-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_60-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"60\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_60\" aria-hidden=\"false\">utm_term<\/label><input type=\"text\" id=\"wpforms-1269-field_60\" class=\"wpforms-field-medium\" name=\"wpforms[fields][60]\" aria-errormessage=\"wpforms-1269-field_60-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_63-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"63\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_63\" aria-hidden=\"false\">Stage<\/label><input type=\"text\" id=\"wpforms-1269-field_63\" class=\"wpforms-field-medium\" name=\"wpforms[fields][63]\" value=\"PULSE\" aria-errormessage=\"wpforms-1269-field_63-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 id=\"wpforms-1269-field_62-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"62\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_62\" aria-hidden=\"false\">utm_content<\/label><input type=\"text\" id=\"wpforms-1269-field_62\" class=\"wpforms-field-medium\" name=\"wpforms[fields][62]\" aria-errormessage=\"wpforms-1269-field_62-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-1269-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-1269-field_56-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"56\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_56\" aria-hidden=\"false\">LMP Expatriado internacional \/ lifestyle<\/label><input type=\"text\" id=\"wpforms-1269-field_56\" class=\"wpforms-field-medium\" name=\"wpforms[fields][56]\" value=\"9831fa2d-02e2-4960-95fe-cd158b5390ad\" aria-errormessage=\"wpforms-1269-field_56-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_51-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"51\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_51\" aria-hidden=\"false\">LMP Familia Nacional en Crecimiento<\/label><input type=\"text\" id=\"wpforms-1269-field_51\" class=\"wpforms-field-medium\" name=\"wpforms[fields][51]\" value=\"50a47758-0c7d-4aeb-8be0-809d0d5ae5e2\" aria-errormessage=\"wpforms-1269-field_51-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_55-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"55\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_55\" aria-hidden=\"false\">LMP Inversor internacional patrimonial<\/label><input type=\"text\" id=\"wpforms-1269-field_55\" class=\"wpforms-field-medium\" name=\"wpforms[fields][55]\" value=\"87e49d8b-3e12-467c-8b37-4365402dbf69\" aria-errormessage=\"wpforms-1269-field_55-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_52-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"52\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_52\" aria-hidden=\"false\">LMP Pareja Madura Nacional \/ Retirada<\/label><input type=\"text\" id=\"wpforms-1269-field_52\" class=\"wpforms-field-medium\" name=\"wpforms[fields][52]\" value=\"4bdeba83-3150-41da-8aa9-f03538c5d37c\" aria-errormessage=\"wpforms-1269-field_52-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_57-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"57\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_57\" aria-hidden=\"false\">LMP Segunda residencia emocional internacional<\/label><input type=\"text\" id=\"wpforms-1269-field_57\" class=\"wpforms-field-medium\" name=\"wpforms[fields][57]\" value=\"6bbc8a8a-9717-455f-a5e2-41be39bf05d9\" aria-errormessage=\"wpforms-1269-field_57-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-1269-field_48-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"48\"><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-1269-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-1269-field_39\" aria-hidden=\"false\">DISC Red<\/label><input type=\"text\" id=\"wpforms-1269-field_39\" class=\"wpforms-field-medium\" name=\"wpforms[fields][39]\" value=\"D\" aria-errormessage=\"wpforms-1269-field_39-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-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-1269-field_40\" aria-hidden=\"false\">DISC Yellow<\/label><input type=\"text\" id=\"wpforms-1269-field_40\" class=\"wpforms-field-medium\" name=\"wpforms[fields][40]\" value=\"I\" aria-errormessage=\"wpforms-1269-field_40-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-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-1269-field_41\" aria-hidden=\"false\">DISC Green<\/label><input type=\"text\" id=\"wpforms-1269-field_41\" class=\"wpforms-field-medium\" name=\"wpforms[fields][41]\" value=\"S\" aria-errormessage=\"wpforms-1269-field_41-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-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-1269-field_42\" aria-hidden=\"false\">DISC Blue<\/label><input type=\"text\" id=\"wpforms-1269-field_42\" class=\"wpforms-field-medium\" name=\"wpforms[fields][42]\" value=\"C\" aria-errormessage=\"wpforms-1269-field_42-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-1269-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-1269-field_37\">What is your main motivation for looking for a new property? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1269-field_37\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][37]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Select ---<\/option><option value=\"I'm looking for a place where I can disconnect, relax, and truly feel at home.\" class=\"choice-1 depth-1\" >I'm looking for a place where I can disconnect, relax, and truly feel at home.<\/option><option value=\"We want to begin a new stage of our lives in an inspiring and comfortable environment.\" class=\"choice-2 depth-1\" >We want to begin a new stage of our lives in an inspiring and comfortable environment.<\/option><option value=\"We are looking for a larger house that suits our family's needs.\" class=\"choice-3 depth-1\" >We are looking for a larger house that suits our family's needs.<\/option><option value=\"I am looking for a profitable and secure real estate investment.\" class=\"choice-4 depth-1\" >I am looking for a profitable and secure real estate investment.<\/option><option value=\"I'm looking for a place where I can work remotely and enjoy the lifestyle.\" class=\"choice-5 depth-1\" >I'm looking for a place where I can work remotely and enjoy the lifestyle.<\/option><\/select><\/div><div id=\"wpforms-1269-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-1269-field_38\">Which of these statements best describes you? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1269-field_38\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][38]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Select ---<\/option><option value=\"I like making quick decisions and solving problems.\" class=\"choice-1 depth-1\" >I like making quick decisions and solving problems.<\/option><option value=\"I prefer to fully understand my options before making a decision.\" class=\"choice-2 depth-1\" >I prefer to fully understand my options before making a decision.<\/option><option value=\"I like to explore new ideas and be creative.\" class=\"choice-3 depth-1\" >I like to explore new ideas and be creative.<\/option><option value=\"I prefer proven methods and maintaining stability.\" class=\"choice-4 depth-1\" >I prefer proven methods and maintaining stability.<\/option><\/select><\/div><div id=\"wpforms-1269-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-1269-field_6-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-1269-field_6\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-1269-field_6\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-1269-field_6-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1269-field_8-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-1269-field_8\">Surname <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-1269-field_8\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][8]\" aria-errormessage=\"wpforms-1269-field_8-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1269-field_9-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-1269-field_9\">Phone <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-1269-field_9\" class=\"wpforms-field-medium wpforms-field-required wpforms-smart-phone-field\" data-rule-smart-phone-field=\"true\" name=\"wpforms[fields][9]\" aria-label=\"Phone\" aria-errormessage=\"wpforms-1269-field_9-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1269-field_15-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"15\"><label class=\"wpforms-field-label\" for=\"wpforms-1269-field_15\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-1269-field_15\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][15]\" spellcheck=\"false\" aria-errormessage=\"wpforms-1269-field_15-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1269-field_67-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"67\"><label class=\"wpforms-field-label\" for=\"wpforms-1269-field_67\">Age range <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1269-field_67\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][67]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Select an option --<\/option><option value=\"Less than 35 years\" class=\"choice-1 depth-1\" >Less than 35 years<\/option><option value=\"From 35 to 45 years\" class=\"choice-2 depth-1\" >From 35 to 45 years<\/option><option value=\"From 45 to 60 years\" class=\"choice-3 depth-1\" >From 45 to 60 years<\/option><option value=\"More than 60 years\" class=\"choice-4 depth-1\" >More than 60 years<\/option><\/select><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1269-field_68-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"68\"><label class=\"wpforms-field-label\" for=\"wpforms-1269-field_68\">Select your Country <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1269-field_68\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][68]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Select Choice ---<\/option><option value=\"Afghanistan\" class=\"choice-4 depth-1\" >Afghanistan<\/option><option value=\"Albania\" class=\"choice-5 depth-1\" >Albania<\/option><option value=\"Algeria\" class=\"choice-6 depth-1\" >Algeria<\/option><option value=\"Andorra\" class=\"choice-7 depth-1\" >Andorra<\/option><option value=\"Angola\" class=\"choice-8 depth-1\" >Angola<\/option><option value=\"Antigua and Barbuda\" class=\"choice-9 depth-1\" >Antigua and Barbuda<\/option><option value=\"Argentina\" class=\"choice-10 depth-1\" >Argentina<\/option><option value=\"Armenia\" class=\"choice-11 depth-1\" >Armenia<\/option><option value=\"Australia\" class=\"choice-12 depth-1\" >Australia<\/option><option value=\"Austria\" class=\"choice-13 depth-1\" >Austria<\/option><option value=\"Azerbaijan\" class=\"choice-14 depth-1\" >Azerbaijan<\/option><option value=\"Bahamas\" class=\"choice-15 depth-1\" >Bahamas<\/option><option value=\"Bahrain\" class=\"choice-16 depth-1\" >Bahrain<\/option><option value=\"Bangladesh\" class=\"choice-17 depth-1\" >Bangladesh<\/option><option value=\"Barbados\" class=\"choice-18 depth-1\" >Barbados<\/option><option value=\"Belarus\" class=\"choice-19 depth-1\" >Belarus<\/option><option value=\"Belgium\" class=\"choice-20 depth-1\" >Belgium<\/option><option value=\"Belize\" class=\"choice-21 depth-1\" >Belize<\/option><option value=\"Benin\" class=\"choice-22 depth-1\" >Benin<\/option><option value=\"Bhutan\" class=\"choice-23 depth-1\" >Bhutan<\/option><option value=\"Bolivia\" class=\"choice-24 depth-1\" >Bolivia<\/option><option value=\"Bosnia and Herzegovina\" class=\"choice-25 depth-1\" >Bosnia and Herzegovina<\/option><option value=\"Botswana\" class=\"choice-26 depth-1\" >Botswana<\/option><option value=\"Brazil\" class=\"choice-27 depth-1\" >Brazil<\/option><option value=\"Brunei\" class=\"choice-28 depth-1\" >Brunei<\/option><option value=\"Bulgaria\" class=\"choice-29 depth-1\" >Bulgaria<\/option><option value=\"Burkina Faso\" class=\"choice-30 depth-1\" >Burkina Faso<\/option><option value=\"Burundi\" class=\"choice-31 depth-1\" >Burundi<\/option><option value=\"Cabo Verde\" class=\"choice-32 depth-1\" >Cabo Verde<\/option><option value=\"Cambodia\" class=\"choice-33 depth-1\" >Cambodia<\/option><option value=\"Cameroon\" class=\"choice-34 depth-1\" >Cameroon<\/option><option value=\"Canada\" class=\"choice-35 depth-1\" >Canada<\/option><option value=\"Central African Republic\" class=\"choice-36 depth-1\" >Central African Republic<\/option><option value=\"Chad\" class=\"choice-37 depth-1\" >Chad<\/option><option value=\"Chile\" class=\"choice-38 depth-1\" >Chile<\/option><option value=\"China\" class=\"choice-39 depth-1\" >China<\/option><option value=\"Colombia\" class=\"choice-40 depth-1\" >Colombia<\/option><option value=\"Comoros\" class=\"choice-41 depth-1\" >Comoros<\/option><option value=\"Congo\" class=\"choice-42 depth-1\" >Congo<\/option><option value=\"Costa Rica\" class=\"choice-43 depth-1\" >Costa Rica<\/option><option value=\"Croatia\" class=\"choice-44 depth-1\" >Croatia<\/option><option value=\"Cuba\" class=\"choice-45 depth-1\" >Cuba<\/option><option value=\"Cyprus\" class=\"choice-46 depth-1\" >Cyprus<\/option><option value=\"Czech Republic\" class=\"choice-47 depth-1\" >Czech Republic<\/option><option value=\"Democratic Republic of the Congo\" class=\"choice-48 depth-1\" >Democratic Republic of the Congo<\/option><option value=\"Denmark\" class=\"choice-49 depth-1\" >Denmark<\/option><option value=\"Djibouti\" class=\"choice-50 depth-1\" >Djibouti<\/option><option value=\"Dominica\" class=\"choice-51 depth-1\" >Dominica<\/option><option value=\"Dominican Republic\" class=\"choice-52 depth-1\" >Dominican Republic<\/option><option value=\"Ecuador\" class=\"choice-53 depth-1\" >Ecuador<\/option><option value=\"Egypt\" class=\"choice-54 depth-1\" >Egypt<\/option><option value=\"El Salvador\" class=\"choice-55 depth-1\" >El Salvador<\/option><option value=\"Equatorial Guinea\" class=\"choice-56 depth-1\" >Equatorial Guinea<\/option><option value=\"Eritrea\" class=\"choice-57 depth-1\" >Eritrea<\/option><option value=\"Estonia\" class=\"choice-58 depth-1\" >Estonia<\/option><option value=\"Eswatini\" class=\"choice-59 depth-1\" >Eswatini<\/option><option value=\"Ethiopia\" class=\"choice-60 depth-1\" >Ethiopia<\/option><option value=\"Fiji\" class=\"choice-61 depth-1\" >Fiji<\/option><option value=\"Finland\" class=\"choice-62 depth-1\" >Finland<\/option><option value=\"France\" class=\"choice-63 depth-1\" >France<\/option><option value=\"Gabon\" class=\"choice-64 depth-1\" >Gabon<\/option><option value=\"Gambia\" class=\"choice-65 depth-1\" >Gambia<\/option><option value=\"Georgia\" class=\"choice-66 depth-1\" >Georgia<\/option><option value=\"Germany\" class=\"choice-67 depth-1\" >Germany<\/option><option value=\"Ghana\" class=\"choice-68 depth-1\" >Ghana<\/option><option value=\"Greece\" class=\"choice-69 depth-1\" >Greece<\/option><option value=\"Grenada\" class=\"choice-70 depth-1\" >Grenada<\/option><option value=\"Guatemala\" class=\"choice-71 depth-1\" >Guatemala<\/option><option value=\"Guinea\" class=\"choice-72 depth-1\" >Guinea<\/option><option value=\"Guinea-Bissau\" class=\"choice-73 depth-1\" >Guinea-Bissau<\/option><option value=\"Guyana\" class=\"choice-74 depth-1\" >Guyana<\/option><option value=\"Haiti\" class=\"choice-75 depth-1\" >Haiti<\/option><option value=\"Honduras\" class=\"choice-76 depth-1\" >Honduras<\/option><option value=\"Hungary\" class=\"choice-77 depth-1\" >Hungary<\/option><option value=\"Iceland\" class=\"choice-78 depth-1\" >Iceland<\/option><option value=\"India\" class=\"choice-79 depth-1\" >India<\/option><option value=\"Indonesia\" class=\"choice-80 depth-1\" >Indonesia<\/option><option value=\"Iran\" class=\"choice-81 depth-1\" >Iran<\/option><option value=\"Iraq\" class=\"choice-82 depth-1\" >Iraq<\/option><option value=\"Ireland\" class=\"choice-83 depth-1\" >Ireland<\/option><option value=\"Israel\" class=\"choice-84 depth-1\" >Israel<\/option><option value=\"Italy\" class=\"choice-85 depth-1\" >Italy<\/option><option value=\"Ivory Coast\" class=\"choice-86 depth-1\" >Ivory Coast<\/option><option value=\"Jamaica\" class=\"choice-87 depth-1\" >Jamaica<\/option><option value=\"Japan\" class=\"choice-88 depth-1\" >Japan<\/option><option value=\"Jordan\" class=\"choice-89 depth-1\" >Jordan<\/option><option value=\"Kazakhstan\" class=\"choice-90 depth-1\" >Kazakhstan<\/option><option value=\"Kenya\" class=\"choice-91 depth-1\" >Kenya<\/option><option value=\"Kiribati\" class=\"choice-92 depth-1\" >Kiribati<\/option><option value=\"Kuwait\" class=\"choice-93 depth-1\" >Kuwait<\/option><option value=\"Kyrgyzstan\" class=\"choice-94 depth-1\" >Kyrgyzstan<\/option><option value=\"Laos\" class=\"choice-95 depth-1\" >Laos<\/option><option value=\"Latvia\" class=\"choice-96 depth-1\" >Latvia<\/option><option value=\"Lebanon\" class=\"choice-97 depth-1\" >Lebanon<\/option><option value=\"Lesotho\" class=\"choice-98 depth-1\" >Lesotho<\/option><option value=\"Liberia\" class=\"choice-99 depth-1\" >Liberia<\/option><option value=\"Libya\" class=\"choice-100 depth-1\" >Libya<\/option><option value=\"Liechtenstein\" class=\"choice-101 depth-1\" >Liechtenstein<\/option><option value=\"Lithuania\" class=\"choice-102 depth-1\" >Lithuania<\/option><option value=\"Luxembourg\" class=\"choice-103 depth-1\" >Luxembourg<\/option><option value=\"Madagascar\" class=\"choice-104 depth-1\" >Madagascar<\/option><option value=\"Malawi\" class=\"choice-105 depth-1\" >Malawi<\/option><option value=\"Malaysia\" class=\"choice-106 depth-1\" >Malaysia<\/option><option value=\"Maldives\" class=\"choice-107 depth-1\" >Maldives<\/option><option value=\"Mali\" class=\"choice-108 depth-1\" >Mali<\/option><option value=\"Malta\" class=\"choice-109 depth-1\" >Malta<\/option><option value=\"Marshall Islands\" class=\"choice-110 depth-1\" >Marshall Islands<\/option><option value=\"Mauritania\" class=\"choice-111 depth-1\" >Mauritania<\/option><option value=\"Mauritius\" class=\"choice-112 depth-1\" >Mauritius<\/option><option value=\"Mexico\" class=\"choice-113 depth-1\" >Mexico<\/option><option value=\"Micronesia\" class=\"choice-114 depth-1\" >Micronesia<\/option><option value=\"Moldova\" class=\"choice-115 depth-1\" >Moldova<\/option><option value=\"Monaco\" class=\"choice-116 depth-1\" >Monaco<\/option><option value=\"Mongolia\" class=\"choice-117 depth-1\" >Mongolia<\/option><option value=\"Montenegro\" class=\"choice-118 depth-1\" >Montenegro<\/option><option value=\"Morocco\" class=\"choice-119 depth-1\" >Morocco<\/option><option value=\"Mozambique\" class=\"choice-120 depth-1\" >Mozambique<\/option><option value=\"Myanmar\" class=\"choice-121 depth-1\" >Myanmar<\/option><option value=\"Namibia\" class=\"choice-122 depth-1\" >Namibia<\/option><option value=\"Nauru\" class=\"choice-123 depth-1\" >Nauru<\/option><option value=\"Nepal\" class=\"choice-124 depth-1\" >Nepal<\/option><option value=\"Netherlands\" class=\"choice-125 depth-1\" >Netherlands<\/option><option value=\"New Zealand\" class=\"choice-126 depth-1\" >New Zealand<\/option><option value=\"Nicaragua\" class=\"choice-127 depth-1\" >Nicaragua<\/option><option value=\"Niger\" class=\"choice-128 depth-1\" >Niger<\/option><option value=\"Nigeria\" class=\"choice-129 depth-1\" >Nigeria<\/option><option value=\"North Korea\" class=\"choice-130 depth-1\" >North Korea<\/option><option value=\"North Macedonia\" class=\"choice-131 depth-1\" >North Macedonia<\/option><option value=\"Norway\" class=\"choice-132 depth-1\" >Norway<\/option><option value=\"Oman\" class=\"choice-133 depth-1\" >Oman<\/option><option value=\"Pakistan\" class=\"choice-134 depth-1\" >Pakistan<\/option><option value=\"Palau\" class=\"choice-135 depth-1\" >Palau<\/option><option value=\"Palestine\" class=\"choice-136 depth-1\" >Palestine<\/option><option value=\"Panama\" class=\"choice-137 depth-1\" >Panama<\/option><option value=\"Papua New Guinea\" class=\"choice-138 depth-1\" >Papua New Guinea<\/option><option value=\"Paraguay\" class=\"choice-139 depth-1\" >Paraguay<\/option><option value=\"Peru\" class=\"choice-140 depth-1\" >Peru<\/option><option value=\"Philippines\" class=\"choice-141 depth-1\" >Philippines<\/option><option value=\"Poland\" class=\"choice-142 depth-1\" >Poland<\/option><option value=\"Portugal\" class=\"choice-143 depth-1\" >Portugal<\/option><option value=\"Qatar\" class=\"choice-144 depth-1\" >Qatar<\/option><option value=\"Romania\" class=\"choice-145 depth-1\" >Romania<\/option><option value=\"Russia\" class=\"choice-146 depth-1\" >Russia<\/option><option value=\"Rwanda\" class=\"choice-147 depth-1\" >Rwanda<\/option><option value=\"Saint Kitts and Nevis\" class=\"choice-148 depth-1\" >Saint Kitts and Nevis<\/option><option value=\"Saint Lucia\" class=\"choice-149 depth-1\" >Saint Lucia<\/option><option value=\"Saint Vincent and the Grenadines\" class=\"choice-150 depth-1\" >Saint Vincent and the Grenadines<\/option><option value=\"Samoa\" class=\"choice-151 depth-1\" >Samoa<\/option><option value=\"San Marino\" class=\"choice-152 depth-1\" >San Marino<\/option><option value=\"Sao Tome and Principe\" class=\"choice-153 depth-1\" >Sao Tome and Principe<\/option><option value=\"Saudi Arabia\" class=\"choice-154 depth-1\" >Saudi Arabia<\/option><option value=\"Senegal\" class=\"choice-155 depth-1\" >Senegal<\/option><option value=\"Serbia\" class=\"choice-156 depth-1\" >Serbia<\/option><option value=\"Seychelles\" class=\"choice-157 depth-1\" >Seychelles<\/option><option value=\"Sierra Leone\" class=\"choice-158 depth-1\" >Sierra Leone<\/option><option value=\"Singapore\" class=\"choice-159 depth-1\" >Singapore<\/option><option value=\"Slovakia\" class=\"choice-160 depth-1\" >Slovakia<\/option><option value=\"Slovenia\" class=\"choice-161 depth-1\" >Slovenia<\/option><option value=\"Solomon Islands\" class=\"choice-162 depth-1\" >Solomon Islands<\/option><option value=\"Somalia\" class=\"choice-163 depth-1\" >Somalia<\/option><option value=\"South Africa\" class=\"choice-164 depth-1\" >South Africa<\/option><option value=\"South Korea\" class=\"choice-165 depth-1\" >South Korea<\/option><option value=\"South Sudan\" class=\"choice-166 depth-1\" >South Sudan<\/option><option value=\"Spain\" class=\"choice-167 depth-1\" >Spain<\/option><option value=\"Sri Lanka\" class=\"choice-168 depth-1\" >Sri Lanka<\/option><option value=\"Sudan\" class=\"choice-169 depth-1\" >Sudan<\/option><option value=\"Suriname\" class=\"choice-170 depth-1\" >Suriname<\/option><option value=\"Sweden\" class=\"choice-171 depth-1\" >Sweden<\/option><option value=\"Switzerland\" class=\"choice-172 depth-1\" >Switzerland<\/option><option value=\"Syria\" class=\"choice-173 depth-1\" >Syria<\/option><option value=\"Tajikistan\" class=\"choice-174 depth-1\" >Tajikistan<\/option><option value=\"Tanzania\" class=\"choice-175 depth-1\" >Tanzania<\/option><option value=\"Thailand\" class=\"choice-176 depth-1\" >Thailand<\/option><option value=\"Timor-Leste\" class=\"choice-177 depth-1\" >Timor-Leste<\/option><option value=\"Togo\" class=\"choice-178 depth-1\" >Togo<\/option><option value=\"Tonga\" class=\"choice-179 depth-1\" >Tonga<\/option><option value=\"Trinidad and Tobago\" class=\"choice-180 depth-1\" >Trinidad and Tobago<\/option><option value=\"Tunisia\" class=\"choice-181 depth-1\" >Tunisia<\/option><option value=\"Turkey\" class=\"choice-182 depth-1\" >Turkey<\/option><option value=\"Turkmenistan\" class=\"choice-183 depth-1\" >Turkmenistan<\/option><option value=\"Tuvalu\" class=\"choice-184 depth-1\" >Tuvalu<\/option><option value=\"Uganda\" class=\"choice-185 depth-1\" >Uganda<\/option><option value=\"Ukraine\" class=\"choice-186 depth-1\" >Ukraine<\/option><option value=\"United Arab Emirates\" class=\"choice-187 depth-1\" >United Arab Emirates<\/option><option value=\"United Kingdom\" class=\"choice-188 depth-1\" >United Kingdom<\/option><option value=\"United States\" class=\"choice-189 depth-1\" >United States<\/option><option value=\"Uruguay\" class=\"choice-190 depth-1\" >Uruguay<\/option><option value=\"Uzbekistan\" class=\"choice-191 depth-1\" >Uzbekistan<\/option><option value=\"Vanuatu\" class=\"choice-192 depth-1\" >Vanuatu<\/option><option value=\"Vatican City\" class=\"choice-193 depth-1\" >Vatican City<\/option><option value=\"Venezuela\" class=\"choice-194 depth-1\" >Venezuela<\/option><option value=\"Vietnam\" class=\"choice-195 depth-1\" >Vietnam<\/option><option value=\"Yemen\" class=\"choice-196 depth-1\" >Yemen<\/option><option value=\"Zambia\" class=\"choice-197 depth-1\" >Zambia<\/option><option value=\"Zimbabwe\" class=\"choice-198 depth-1\" >Zimbabwe<\/option><\/select><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-1269-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-1269-field_33\" aria-hidden=\"false\">Language<\/label><input type=\"text\" id=\"wpforms-1269-field_33\" class=\"wpforms-field-large\" name=\"wpforms[fields][33]\" value=\"English\" aria-errormessage=\"wpforms-1269-field_33-error\" ><\/div><div id=\"wpforms-1269-field_71-container\" class=\"wpforms-field wpforms-field-checkbox\" data-field-id=\"71\"><fieldset><legend class=\"wpforms-field-label wpforms-label-hide\" aria-hidden=\"false\">RGPD<\/legend><ul id=\"wpforms-1269-field_71\"><li class=\"choice-1 depth-1\"><input type=\"checkbox\" id=\"wpforms-1269-field_71_1\" name=\"wpforms[fields][71][]\" value=\"By submitting this form, I agree to the terms and conditions of use of this website, as well as its use of cookies and its privacy policy.\" aria-errormessage=\"wpforms-1269-field_71_1-error\" aria-describedby=\"wpforms-1269-field_71-description\" ><label class=\"wpforms-field-label-inline\" for=\"wpforms-1269-field_71_1\">By submitting this form, I agree to the terms and conditions of use of this website, as well as its use of cookies and its privacy policy.<\/label><\/li><\/ul><div id=\"wpforms-1269-field_71-description\" class=\"wpforms-field-description\">You can view the <a style=\"color:#000000;\" href=\"https:\/\/korallresidences.com\/privacidad\/\">privacy policy<\/a> by clicking here. See also <a style=\"color:#000000;\" href=\"https:\/\/korallresidences.com\/cookies\/\">our cookies<\/a>.<\/div><\/fieldset><\/div><div id=\"wpforms-1269-field_66-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"66\"><input type=\"hidden\" id=\"wpforms-1269-field_66\" name=\"wpforms[fields][66]\" value=\"1\"><\/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-1269-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-1269-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-1269-field_1-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"1269\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/pages\/1223\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-1269\" class=\"wpforms-submit\" data-alt-text=\"Working on it...\" data-submit-text=\"Unlock information\" aria-live=\"assertive\" value=\"wpforms-submit\">Unlock information<\/button><img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div> \r\n <\/div>\r\n\r\n <div class=\"korall_unlock__agent\">\r\n <a href=\"#agent-form\" class=\"korall_unlock__agent-card\" id=\"korall_agent_trigger\" role=\"button\">\r\n <p class=\"korall_unlock__agent-card-title\">Are you a real estate agent?<\/p>\r\n <p class=\"korall_unlock__agent-card-sub\">Send us your details and we will get in touch with you.<\/p>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n <div class=\"korall_agent_modal\" id=\"korall_agent_modal\">\r\n <div class=\"korall_agent_modal__backdrop\" id=\"korall_agent_backdrop\"><\/div>\r\n \r\n <div class=\"korall_agent_modal__content\">\r\n <button class=\"korall_agent_modal__close\" id=\"korall_agent_close\" aria-label=\"Close\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div class=\"evoost-b2b-form-wrapper evoost-layout-two-col\" id=\"evoost-form-1027-2766\" style=\"--evoost-accent:#4e7194;--evoost-border-focus:#4e7194;--evoost-focus-shadow:rgba(78,113,148,0.1);\">\n\n <div class=\"evoost-form-header\">\n <img decoding=\"async\" src=\"https:\/\/evoost.ai\/wp-content\/uploads\/2025\/12\/partners-favicon-single.png\" alt=\"\" class=\"evoost-form-header-logo\">\n <h3 class=\"evoost-form-header-title\">Send us your details and <strong>we will get in touch with you<\/strong><\/h3>\n <\/div>\n \n <form class=\"evoost-b2b-form\" data-form-id=\"1027\" data-lang=\"en\" data-redirect=\"https:\/\/korallresidences.com\/en\/brokers\/\" novalidate>\n\n <input type=\"hidden\" id=\"evoost_nonce\" name=\"evoost_nonce\" value=\"d1fecb0100\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1223\" \/>\n <div class=\"evoost-fields-grid\">\n \n <div class=\"evoost-field evoost-field-firstname\">\n <label for=\"evoost-form-1027-2766-firstname\">First Name <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-1027-2766-firstname\" name=\"firstname\" required autocomplete=\"given-name\" placeholder=\"First Name\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-lastname\">\n <label for=\"evoost-form-1027-2766-lastname\">Last Name <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-1027-2766-lastname\" name=\"lastname\" required autocomplete=\"family-name\" placeholder=\"Last Name\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-email\">\n <label for=\"evoost-form-1027-2766-email\">Email <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"email\" id=\"evoost-form-1027-2766-email\" name=\"email\" required autocomplete=\"email\" placeholder=\"email@example.com\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-phone\">\n <label for=\"evoost-form-1027-2766-phone\">Phone <span class=\"evoost-required\">*<\/span><\/label>\n <div class=\"evoost-phone-wrapper\">\n <span class=\"evoost-phone-prefix\" data-default=\"+34\">+34<\/span>\n <input type=\"tel\" id=\"evoost-form-1027-2766-phone\" name=\"phone\" required autocomplete=\"tel\" placeholder=\"600 000 000\" \/>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-company\">\n <label for=\"evoost-form-1027-2766-company\">Company<\/label>\n <input type=\"text\" id=\"evoost-form-1027-2766-company\" name=\"company_visible\" autocomplete=\"organization\" placeholder=\"Company\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n \n \n <div class=\"evoost-field evoost-field-country\">\n <label for=\"evoost-form-1027-2766-country\">Country <span class=\"evoost-required\">*<\/span><\/label>\n <div class=\"evoost-select-search-wrapper\">\n <input type=\"text\" class=\"evoost-select-search-input\" id=\"evoost-form-1027-2766-country-search\" placeholder=\"Country...\" autocomplete=\"off\" \/>\n <select id=\"evoost-form-1027-2766-country\" name=\"country_visible\" required class=\"evoost-select-hidden\">\n <option value=\"\">Country<\/option>\n <option value=\"Afghanistan\">Afghanistan<\/option>\n <option value=\"Albania\">Albania<\/option>\n <option value=\"Algeria\">Algeria<\/option>\n <option value=\"Andorra\">Andorra<\/option>\n <option value=\"Angola\">Angola<\/option>\n <option value=\"Antigua and Barbuda\">Antigua and Barbuda<\/option>\n <option value=\"Argentina\">Argentina<\/option>\n <option value=\"Armenia\">Armenia<\/option>\n <option value=\"Australia\">Australia<\/option>\n <option value=\"Austria\">Austria<\/option>\n <option value=\"Azerbaijan\">Azerbaijan<\/option>\n <option value=\"Bahamas\">Bahamas<\/option>\n <option value=\"Bahrain\">Bahrain<\/option>\n <option value=\"Bangladesh\">Bangladesh<\/option>\n <option value=\"Barbados\">Barbados<\/option>\n <option value=\"Belarus\">Belarus<\/option>\n <option value=\"Belgium\">Belgium<\/option>\n <option value=\"Belize\">Belize<\/option>\n <option value=\"Benin\">Benin<\/option>\n <option value=\"Bhutan\">Bhutan<\/option>\n <option value=\"Bolivia\">Bolivia<\/option>\n <option value=\"Bosnia and Herzegovina\">Bosnia and Herzegovina<\/option>\n <option value=\"Botswana\">Botswana<\/option>\n <option value=\"Brazil\">Brazil<\/option>\n <option value=\"Brunei\">Brunei<\/option>\n <option value=\"Bulgaria\">Bulgaria<\/option>\n <option value=\"Burkina Faso\">Burkina Faso<\/option>\n <option value=\"Burundi\">Burundi<\/option>\n <option value=\"Cabo Verde\">Cabo Verde<\/option>\n <option value=\"Cambodia\">Cambodia<\/option>\n <option value=\"Cameroon\">Cameroon<\/option>\n <option value=\"Canada\">Canada<\/option>\n <option value=\"Central African Republic\">Central African Republic<\/option>\n <option value=\"Chad\">Chad<\/option>\n <option value=\"Chile\">Chile<\/option>\n <option value=\"China\">China<\/option>\n <option value=\"Colombia\">Colombia<\/option>\n <option value=\"Comoros\">Comoros<\/option>\n <option value=\"Congo\">Congo<\/option>\n <option value=\"Costa Rica\">Costa Rica<\/option>\n <option value=\"Croatia\">Croatia<\/option>\n <option value=\"Cuba\">Cuba<\/option>\n <option value=\"Cyprus\">Cyprus<\/option>\n <option value=\"Czech Republic\">Czech Republic<\/option>\n <option value=\"Democratic Republic of the Congo\">Democratic Republic of the Congo<\/option>\n <option value=\"Denmark\">Denmark<\/option>\n <option value=\"Djibouti\">Djibouti<\/option>\n <option value=\"Dominica\">Dominica<\/option>\n <option value=\"Dominican Republic\">Dominican Republic<\/option>\n <option value=\"Ecuador\">Ecuador<\/option>\n <option value=\"Egypt\">Egypt<\/option>\n <option value=\"El Salvador\">El Salvador<\/option>\n <option value=\"Equatorial Guinea\">Equatorial Guinea<\/option>\n <option value=\"Eritrea\">Eritrea<\/option>\n <option value=\"Estonia\">Estonia<\/option>\n <option value=\"Eswatini\">Eswatini<\/option>\n <option value=\"Ethiopia\">Ethiopia<\/option>\n <option value=\"Fiji\">Fiji<\/option>\n <option value=\"Finland\">Finland<\/option>\n <option value=\"France\">France<\/option>\n <option value=\"Gabon\">Gabon<\/option>\n <option value=\"Gambia\">Gambia<\/option>\n <option value=\"Georgia\">Georgia<\/option>\n <option value=\"Germany\">Germany<\/option>\n <option value=\"Ghana\">Ghana<\/option>\n <option value=\"Greece\">Greece<\/option>\n <option value=\"Grenada\">Grenada<\/option>\n <option value=\"Guatemala\">Guatemala<\/option>\n <option value=\"Guinea\">Guinea<\/option>\n <option value=\"Guinea-Bissau\">Guinea-Bissau<\/option>\n <option value=\"Guyana\">Guyana<\/option>\n <option value=\"Haiti\">Haiti<\/option>\n <option value=\"Honduras\">Honduras<\/option>\n <option value=\"Hungary\">Hungary<\/option>\n <option value=\"Iceland\">Iceland<\/option>\n <option value=\"India\">India<\/option>\n <option value=\"Indonesia\">Indonesia<\/option>\n <option value=\"Iran\">Iran<\/option>\n <option value=\"Iraq\">Iraq<\/option>\n <option value=\"Ireland\">Ireland<\/option>\n <option value=\"Israel\">Israel<\/option>\n <option value=\"Italy\">Italy<\/option>\n <option value=\"Ivory Coast\">Ivory Coast<\/option>\n <option value=\"Jamaica\">Jamaica<\/option>\n <option value=\"Japan\">Japan<\/option>\n <option value=\"Jordan\">Jordan<\/option>\n <option value=\"Kazakhstan\">Kazakhstan<\/option>\n <option value=\"Kenya\">Kenya<\/option>\n <option value=\"Kiribati\">Kiribati<\/option>\n <option value=\"Kuwait\">Kuwait<\/option>\n <option value=\"Kyrgyzstan\">Kyrgyzstan<\/option>\n <option value=\"Laos\">Laos<\/option>\n <option value=\"Latvia\">Latvia<\/option>\n <option value=\"Lebanon\">Lebanon<\/option>\n <option value=\"Lesotho\">Lesotho<\/option>\n <option value=\"Liberia\">Liberia<\/option>\n <option value=\"Libya\">Libya<\/option>\n <option value=\"Liechtenstein\">Liechtenstein<\/option>\n <option value=\"Lithuania\">Lithuania<\/option>\n <option value=\"Luxembourg\">Luxembourg<\/option>\n <option value=\"Madagascar\">Madagascar<\/option>\n <option value=\"Malawi\">Malawi<\/option>\n <option value=\"Malaysia\">Malaysia<\/option>\n <option value=\"Maldives\">Maldives<\/option>\n <option value=\"Mali\">Mali<\/option>\n <option value=\"Malta\">Malta<\/option>\n <option value=\"Marshall Islands\">Marshall Islands<\/option>\n <option value=\"Mauritania\">Mauritania<\/option>\n <option value=\"Mauritius\">Mauritius<\/option>\n <option value=\"Mexico\">Mexico<\/option>\n <option value=\"Micronesia\">Micronesia<\/option>\n <option value=\"Moldova\">Moldova<\/option>\n <option value=\"Monaco\">Monaco<\/option>\n <option value=\"Mongolia\">Mongolia<\/option>\n <option value=\"Montenegro\">Montenegro<\/option>\n <option value=\"Morocco\">Morocco<\/option>\n <option value=\"Mozambique\">Mozambique<\/option>\n <option value=\"Myanmar\">Myanmar<\/option>\n <option value=\"Namibia\">Namibia<\/option>\n <option value=\"Nauru\">Nauru<\/option>\n <option value=\"Nepal\">Nepal<\/option>\n <option value=\"Netherlands\">Netherlands<\/option>\n <option value=\"New Zealand\">New Zealand<\/option>\n <option value=\"Nicaragua\">Nicaragua<\/option>\n <option value=\"Niger\">Niger<\/option>\n <option value=\"Nigeria\">Nigeria<\/option>\n <option value=\"North Korea\">North Korea<\/option>\n <option value=\"North Macedonia\">North Macedonia<\/option>\n <option value=\"Norway\">Norway<\/option>\n <option value=\"Oman\">Oman<\/option>\n <option value=\"Pakistan\">Pakistan<\/option>\n <option value=\"Palau\">Palau<\/option>\n <option value=\"Palestine\">Palestine<\/option>\n <option value=\"Panama\">Panama<\/option>\n <option value=\"Papua New Guinea\">Papua New Guinea<\/option>\n <option value=\"Paraguay\">Paraguay<\/option>\n <option value=\"Peru\">Peru<\/option>\n <option value=\"Philippines\">Philippines<\/option>\n <option value=\"Poland\">Poland<\/option>\n <option value=\"Portugal\">Portugal<\/option>\n <option value=\"Qatar\">Qatar<\/option>\n <option value=\"Romania\">Romania<\/option>\n <option value=\"Russia\">Russia<\/option>\n <option value=\"Rwanda\">Rwanda<\/option>\n <option value=\"Saint Kitts and Nevis\">Saint Kitts and Nevis<\/option>\n <option value=\"Saint Lucia\">Saint Lucia<\/option>\n <option value=\"Saint Vincent and the Grenadines\">Saint Vincent and the Grenadines<\/option>\n <option value=\"Samoa\">Samoa<\/option>\n <option value=\"San Marino\">San Marino<\/option>\n <option value=\"Sao Tome and Principe\">Sao Tome and Principe<\/option>\n <option value=\"Saudi Arabia\">Saudi Arabia<\/option>\n <option value=\"Senegal\">Senegal<\/option>\n <option value=\"Serbia\">Serbia<\/option>\n <option value=\"Seychelles\">Seychelles<\/option>\n <option value=\"Sierra Leone\">Sierra Leone<\/option>\n <option value=\"Singapore\">Singapore<\/option>\n <option value=\"Slovakia\">Slovakia<\/option>\n <option value=\"Slovenia\">Slovenia<\/option>\n <option value=\"Solomon Islands\">Solomon Islands<\/option>\n <option value=\"Somalia\">Somalia<\/option>\n <option value=\"South Africa\">South Africa<\/option>\n <option value=\"South Korea\">South Korea<\/option>\n <option value=\"South Sudan\">South Sudan<\/option>\n <option value=\"Spain\">Spain<\/option>\n <option value=\"Sri Lanka\">Sri Lanka<\/option>\n <option value=\"Sudan\">Sudan<\/option>\n <option value=\"Suriname\">Suriname<\/option>\n <option value=\"Sweden\">Sweden<\/option>\n <option value=\"Switzerland\">Switzerland<\/option>\n <option value=\"Syria\">Syria<\/option>\n <option value=\"Tajikistan\">Tajikistan<\/option>\n <option value=\"Tanzania\">Tanzania<\/option>\n <option value=\"Thailand\">Thailand<\/option>\n <option value=\"Timor-Leste\">Timor-Leste<\/option>\n <option value=\"Togo\">Togo<\/option>\n <option value=\"Tonga\">Tonga<\/option>\n <option value=\"Trinidad and Tobago\">Trinidad and Tobago<\/option>\n <option value=\"Tunisia\">Tunisia<\/option>\n <option value=\"Turkey\">Turkey<\/option>\n <option value=\"Turkmenistan\">Turkmenistan<\/option>\n <option value=\"Tuvalu\">Tuvalu<\/option>\n <option value=\"Uganda\">Uganda<\/option>\n <option value=\"Ukraine\">Ukraine<\/option>\n <option value=\"United Arab Emirates\">United Arab Emirates<\/option>\n <option value=\"United Kingdom\">United Kingdom<\/option>\n <option value=\"United States\">United States<\/option>\n <option value=\"Uruguay\">Uruguay<\/option>\n <option value=\"Uzbekistan\">Uzbekistan<\/option>\n <option value=\"Vanuatu\">Vanuatu<\/option>\n <option value=\"Vatican City\">Vatican City<\/option>\n <option value=\"Venezuela\">Venezuela<\/option>\n <option value=\"Vietnam\">Vietnam<\/option>\n <option value=\"Yemen\">Yemen<\/option>\n <option value=\"Zambia\">Zambia<\/option>\n <option value=\"Zimbabwe\">Zimbabwe<\/option>\n <\/select>\n <div class=\"evoost-select-dropdown\" style=\"display:none;\"><\/div>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-comments evoost-field-full\">\n <label for=\"evoost-form-1027-2766-comments\">Comments<\/label>\n <textarea id=\"evoost-form-1027-2766-comments\" name=\"comments\" rows=\"2\" placeholder=\"Comments...\"><\/textarea>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-consent\">\n <label class=\"evoost-consent-label\">\n <input type=\"checkbox\" name=\"consent\" required \/>\n <span class=\"evoost-checkbox-custom\">\n <svg viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M1.5 5.5L4 8L8.5 2\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <span class=\"evoost-consent-text\">\n By submitting this form, I accept the terms and conditions of use of this website, as well as its use of cookies and its privacy policy. <a href=\"https:\/\/evoost.ai\/privacy\/\" target=\"_blank\" rel=\"noopener\">view the privacy policy by clicking here<\/a>.\n <a href=\"https:\/\/evoost.ai\/cookies\/\" target=\"_blank\" rel=\"noopener\">also check our cookies policy<\/a>.\n <\/span>\n <\/label>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-submit\">\n <button type=\"submit\" class=\"evoost-submit-btn\" style=\"--evoost-btn-color: #2a2a2a\">\n <span class=\"evoost-btn-text\">Submit<\/span>\n <span class=\"evoost-btn-loading\" style=\"display:none;\">Sending...<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"evoost-form-message\" style=\"display:none;\"><\/div>\n <\/form>\n\n \n <div class=\"evoost-signature-wrapper\">\n <a href=\"https:\/\/partners.evoost.ai\" target=\"_blank\" class=\"evoost-signature\" aria-label=\"Powered by eVoost Partners\">\n <img decoding=\"async\" src=\"https:\/\/evoost.ai\/wp-content\/uploads\/2025\/12\/partners-favicon-single.png\" alt=\"eVoost Partners\" class=\"evoost-signature-logo\">\n <span class=\"evoost-signature-text\">Powered by <span class=\"evoost-signature-highlight\">eVoost Partners<\/span><\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <script>\n (function(){\n if (!window.evoostFormLabels) window.evoostFormLabels = {};\n window.evoostFormLabels['1027'] = {\"first_name\":\"First Name\",\"last_name\":\"Last Name\",\"email\":\"Email\",\"phone\":\"Phone\",\"company\":\"Company\",\"country\":\"Country\",\"comments\":\"Comments\",\"consent\":\"By submitting this form, I accept the terms and conditions of use of this website, as well as its use of cookies and its privacy policy.\",\"privacy\":\"view the privacy policy by clicking here\",\"cookies\":\"also check our cookies policy\",\"submit\":\"Submit\",\"sending\":\"Sending...\",\"success\":\"Thank you! Your request has been sent successfully.\",\"error\":\"An error occurred. Please try again.\",\"required\":\"This field is required.\",\"invalid_email\":\"Please enter a valid email.\"};\n })();\n <\/script>\n \r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('unlock');\r\n var modal = document.getElementById('korall_agent_modal');\r\n var trigger = document.getElementById('korall_agent_trigger');\r\n var backdrop = document.getElementById('korall_agent_backdrop');\r\n var closeBtn = document.getElementById('korall_agent_close');\r\n var modalContent = document.querySelector('.korall_agent_modal__content');\r\n var scrollY = 0;\r\n\r\n function openModal() {\r\n scrollY = window.scrollY;\r\n document.body.style.overflow = 'hidden';\r\n document.body.style.position = 'fixed';\r\n document.body.style.width = '100%';\r\n document.body.style.top = '-' + scrollY + 'px';\r\n modal.classList.add('korall_agent_modal--open');\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('korall_agent_modal--open');\r\n document.body.style.overflow = '';\r\n document.body.style.position = '';\r\n document.body.style.width = '';\r\n document.body.style.top = '';\r\n window.scrollTo(0, scrollY);\r\n }\r\n\r\n if (trigger) {\r\n trigger.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n setTimeout(openModal, 10);\r\n });\r\n }\r\n \r\n if (backdrop) {\r\n backdrop.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n closeModal();\r\n });\r\n }\r\n \r\n if (closeBtn) {\r\n closeBtn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n closeModal();\r\n });\r\n }\r\n\r\n if (modalContent) {\r\n modalContent.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n });\r\n }\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && modal && modal.classList.contains('korall_agent_modal--open')) {\r\n closeModal();\r\n }\r\n });\r\n\r\n function checkVisibility() {\r\n if (!section) return;\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('korall_unlock--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6259d09 e-con-full e-flex e-con e-parent\" data-id=\"6259d09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4870559 elementor-widget elementor-widget-html\" data-id=\"4870559\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n \/* ============================================\n RESET & BASE\n ============================================ *\/\n *, *::before, *::after {\n box-sizing: border-box;\n }\n\n \/* ============================================\n FOOTER\n ============================================ *\/\n .koral_footer {\n background-color: #4a6682 !important;\n padding: 80px 60px 40px 60px !important;\n }\n\n .koral_footer__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n gap: 40px !important;\n flex-wrap: wrap !important;\n }\n\n \/* ============================================\n LOGO & PHONE GROUP\n ============================================ *\/\n .koral_footer__brand {\n display: flex !important;\n align-items: center !important;\n gap: 40px !important;\n flex-shrink: 0 !important;\n }\n\n .koral_footer__brand-logo-group {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n gap: 12px !important;\n flex-shrink: 0 !important;\n }\n\n .koral_footer__brand-separator {\n width: 1px !important;\n height: 36px !important;\n background-color: rgba(255, 255, 255, 0.25) !important;\n }\n\n .koral_footer__logo {\n flex-shrink: 0 !important;\n }\n\n .koral_footer__logo img {\n height: 72px !important;\n width: auto !important;\n display: block !important;\n filter: brightness(0) invert(1) !important;\n opacity: 0.9 !important;\n transition: opacity 0.3s ease !important;\n }\n\n .koral_footer__logo:hover img {\n opacity: 1 !important;\n }\n\n \/* ============================================\n PHONE LINK\n ============================================ *\/\n #koral_footer_phone_link,\n #koral_footer_phone_link:link,\n #koral_footer_phone_link:visited,\n #koral_footer_phone_link:active,\n .koral_footer__phone,\n .koral_footer__phone:link,\n .koral_footer__phone:visited,\n .koral_footer__phone:active,\n a#koral_footer_phone_link,\n a#koral_footer_phone_link:link,\n a#koral_footer_phone_link:visited,\n a#koral_footer_phone_link:active {\n display: flex !important;\n align-items: center !important;\n gap: 8px !important;\n font-family: 'Lexend Deca', sans-serif !important;\n font-size: 16px !important;\n font-weight: 300 !important;\n color: #ffffff !important;\n text-decoration: none !important;\n transition: opacity 0.3s ease !important;\n }\n\n #koral_footer_phone_link:hover,\n .koral_footer__phone:hover,\n a#koral_footer_phone_link:hover {\n opacity: 0.85 !important;\n color: #ffffff !important;\n }\n\n #koral_footer_phone_link *,\n #koral_footer_phone_link *:link,\n #koral_footer_phone_link *:visited,\n #koral_footer_phone_link *:active,\n .koral_footer__phone *,\n .koral_footer__phone-number,\n .koral_footer__phone-number *,\n .koral_footer .koral_footer__phone-number,\n .koral_footer .koral_footer__phone-number * {\n color: #ffffff !important;\n font-family: 'Lexend Deca', sans-serif !important;\n font-size: 16px !important;\n font-weight: 300 !important;\n opacity: 1 !important;\n text-decoration: none !important;\n }\n\n .koral_footer__phone-icon {\n width: 18px !important;\n height: 18px !important;\n opacity: 0.9 !important;\n flex-shrink: 0 !important;\n }\n\n \/* ============================================\n LEGAL LINKS\n ============================================ *\/\n .koral_footer__legal {\n display: flex !important;\n align-items: center !important;\n gap: 12px !important;\n }\n\n .koral_footer__legal a {\n font-family: 'Lexend Deca', sans-serif !important;\n font-size: 14px !important;\n font-weight: 300 !important;\n letter-spacing: 0.5px !important;\n color: rgba(255, 255, 255, 0.6) !important;\n text-decoration: none !important;\n transition: color 0.3s ease !important;\n }\n\n .koral_footer__legal a:hover {\n color: rgba(255, 255, 255, 0.95) !important;\n }\n\n .koral_footer__legal-separator {\n font-size: 14px !important;\n color: rgba(255, 255, 255, 0.3) !important;\n user-select: none !important;\n }\n\n \/* ============================================\n LIFE IN COSTA LOGO\n ============================================ *\/\n .koral_footer__lic {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n flex-shrink: 0 !important;\n }\n\n .koral_footer__lic-logo {\n height: 36px !important;\n width: auto !important;\n display: block !important;\n filter: brightness(0) invert(1) !important;\n opacity: 0.55 !important;\n transition: opacity 0.3s ease !important;\n }\n\n .koral_footer__lic-logo:hover {\n opacity: 0.85 !important;\n }\n\n \/* ============================================\n LANGUAGE SELECTOR - CENTRADO DEBAJO DEL FOOTER\n (Misma estructura que el original, solo movida)\n ============================================ *\/\n .koral_footer__lang-wrapper {\n max-width: 1600px !important;\n margin: 48px auto 0 auto !important;\n padding-top: 32px !important;\n border-top: 1px solid rgba(255, 255, 255, 0.15) !important;\n text-align: center !important;\n }\n\n .koral_footer__lang {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n flex-wrap: wrap !important;\n gap: 4px !important;\n }\n\n .koral_footer__lang-link {\n font-family: 'Lexend Deca', sans-serif !important;\n font-size: 11px !important;\n font-weight: 300 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n text-decoration: none !important;\n color: rgba(255, 255, 255, 0.45) !important;\n padding: 3px 6px !important;\n border-radius: 2px !important;\n transition: color 0.3s ease !important;\n cursor: pointer !important;\n }\n\n .koral_footer__lang-link:hover {\n color: rgba(255, 255, 255, 0.9) !important;\n }\n\n .koral_footer__lang-link--active,\n .koral_footer__lang-link--active:hover {\n color: #ffffff !important;\n font-weight: 400 !important;\n cursor: default !important;\n pointer-events: none !important;\n }\n\n .koral_footer__lang-divider {\n font-size: 10px !important;\n color: rgba(255, 255, 255, 0.2) !important;\n user-select: none !important;\n }\n\n \/* ============================================\n RESPONSIVE - TABLET\n ============================================ *\/\n @media screen and (max-width: 991px) {\n .koral_footer {\n padding: 60px 40px 32px 40px !important;\n }\n\n .koral_footer__container {\n justify-content: center !important;\n gap: 32px !important;\n }\n\n .koral_footer__brand {\n width: 100% !important;\n justify-content: center !important;\n }\n\n .koral_footer__logo img {\n height: 64px !important;\n }\n\n .koral_footer__lang-wrapper {\n margin-top: 40px !important;\n padding-top: 28px !important;\n }\n }\n\n \/* ============================================\n RESPONSIVE - MOBILE L (768px)\n ============================================ *\/\n @media screen and (max-width: 768px) {\n .koral_footer {\n padding: 48px 32px 28px 32px !important;\n }\n\n .koral_footer__container {\n flex-direction: column !important;\n gap: 28px !important;\n }\n\n .koral_footer__brand {\n flex-direction: column !important;\n gap: 20px !important;\n }\n\n .koral_footer__brand-separator {\n display: none !important;\n }\n\n .koral_footer__logo img {\n height: 56px !important;\n }\n\n #koral_footer_phone_link,\n .koral_footer__phone,\n .koral_footer__phone *,\n .koral_footer__phone-number,\n .koral_footer__phone-number * {\n font-size: 15px !important;\n }\n\n .koral_footer__legal a {\n font-size: 13px !important;\n }\n\n .koral_footer__lang-wrapper {\n margin-top: 32px !important;\n padding-top: 24px !important;\n }\n }\n\n \/* ============================================\n RESPONSIVE - MOBILE (480px)\n ============================================ *\/\n @media screen and (max-width: 480px) {\n .koral_footer {\n padding: 40px 20px 24px 20px !important;\n }\n\n .koral_footer__container {\n gap: 24px !important;\n }\n\n .koral_footer__brand {\n gap: 16px !important;\n }\n\n .koral_footer__logo img {\n height: 48px !important;\n }\n\n #koral_footer_phone_link,\n .koral_footer__phone,\n .koral_footer__phone *,\n .koral_footer__phone-number,\n .koral_footer__phone-number * {\n font-size: 14px !important;\n }\n\n .koral_footer__legal {\n flex-direction: column !important;\n gap: 8px !important;\n text-align: center !important;\n }\n\n .koral_footer__legal-separator {\n display: none !important;\n }\n\n .koral_footer__legal a {\n font-size: 12px !important;\n }\n\n .koral_footer__lic-logo {\n height: 30px !important;\n }\n\n .koral_footer__lang-wrapper {\n margin-top: 24px !important;\n padding-top: 20px !important;\n }\n\n .koral_footer__lang-link {\n font-size: 10px !important;\n padding: 2px 4px !important;\n }\n }\n<\/style>\n\n\n<footer class=\"koral_footer\">\n <div class=\"koral_footer__container\">\n \n \n <div class=\"koral_footer__brand\">\n <div class=\"koral_footer__brand-logo-group\">\n <a href=\"\/\" class=\"koral_footer__logo\" aria-label=\"Korall Residences - Inicio\">\n <img decoding=\"async\" src=\"https:\/\/www.korallbytopgestion.com\/wp-content\/uploads\/2024\/01\/Logo-Korall-Residences-300x138px-By-TOP-Color.webp\" alt=\"Korall Residences\">\n <\/a>\n <\/div>\n <span class=\"koral_footer__brand-separator\"><\/span>\n <a href=\"tel:\" id=\"koral_footer_phone_link\" class=\"koral_footer__phone\">\n <svg class=\"koral_footer__phone-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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\"\/>\n <\/svg>\n <span class=\"koral_footer__phone-number\"><\/span>\n <\/a>\n <\/div>\n\n \n <nav class=\"koral_footer__legal\" id=\"koral_legal_nav\" aria-label=\"Enlaces legales\">\n <a href=\"\/legal\" data-koral-i18n=\"legal\">Legal<\/a>\n <span class=\"koral_footer__legal-separator\">\u00b7<\/span>\n <a href=\"\/privacidad\" data-koral-i18n=\"privacy\">Privacidad<\/a>\n <span class=\"koral_footer__legal-separator\">\u00b7<\/span>\n <a href=\"\/cookies\" data-koral-i18n=\"cookies\">Cookies<\/a>\n <\/nav>\n\n \n <div class=\"koral_footer__lic\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/lifeincosta.png\" alt=\"Life In Costa\" class=\"koral_footer__lic-logo\">\n <\/div>\n\n <\/div>\n\n \n <div class=\"koral_footer__lang-wrapper\">\n <nav class=\"koral_footer__lang\" id=\"koral_lang_switcher\" aria-label=\"Selector de idioma\">\n <a href=\"#\" class=\"koral_footer__lang-link\" data-lang=\"es\">ES<\/a>\n <span class=\"koral_footer__lang-divider\">|<\/span>\n <a href=\"#\" class=\"koral_footer__lang-link\" data-lang=\"en\">EN<\/a>\n <span class=\"koral_footer__lang-divider\">|<\/span>\n <a href=\"#\" class=\"koral_footer__lang-link\" data-lang=\"fr\">FR<\/a>\n <span class=\"koral_footer__lang-divider\">|<\/span>\n <a href=\"#\" class=\"koral_footer__lang-link\" data-lang=\"de\">DE<\/a>\n \n <\/nav>\n <\/div>\n<\/footer>\n\n<script>\n(function() {\n \/* \u2500\u2500 Configuraci\u00f3n de idiomas \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var langMap = {\n es: {\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Privacidad' },\n cookies: { href: '\/cookies', label: 'Cookies' },\n ariaNav: 'Enlaces legales',\n ariaLang: 'Selector de idioma'\n },\n en: {\n prefix: '\/en',\n legal: { href: '\/en\/legal', label: 'Legal' },\n privacy: { href: '\/en\/privacy', label: 'Privacy' },\n cookies: { href: '\/en\/cookies', label: 'Cookies' },\n ariaNav: 'Legal links',\n ariaLang: 'Language selector'\n },\n fr: {\n prefix: '\/fr',\n legal: { href: '\/fr\/mentions-legales', label: 'Mentions l\u00e9gales' },\n privacy: { href: '\/fr\/confidentialite', label: 'Confidentialit\u00e9' },\n cookies: { href: '\/fr\/cookies', label: 'Cookies' },\n ariaNav: 'Liens juridiques',\n ariaLang: 'S\u00e9lecteur de langue'\n },\n de: {\n prefix: '\/de',\n legal: { href: '\/de\/impressum', label: 'Impressum' },\n privacy: { href: '\/de\/datenschutz', label: 'Datenschutz' },\n cookies: { href: '\/de\/cookies', label: 'Cookies' },\n ariaNav: 'Rechtliche Hinweise',\n ariaLang: 'Sprachauswahl'\n },\n pl: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Prywatno\u015b\u0107' },\n cookies: { href: '\/cookies', label: 'Ciasteczka' },\n ariaNav: 'Linki prawne',\n ariaLang: 'Wyb\u00f3r j\u0119zyka'\n },\n ru: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: '\u041a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c' },\n cookies: { href: '\/cookies', label: '\u0424\u0430\u0439\u043b\u044b cookie' },\n ariaNav: '\u041f\u0440\u0430\u0432\u043e\u0432\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438',\n ariaLang: '\u0412\u044b\u0431\u043e\u0440 \u044f\u0437\u044b\u043a\u0430'\n },\n ar: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: '\u062e\u0635\u0648\u0635\u064a\u0629' },\n cookies: { href: '\/cookies', label: '\u0645\u0644\u0641\u0627\u062a \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0627\u0631\u062a\u0628\u0627\u0637' },\n ariaNav: '\u0631\u0648\u0627\u0628\u0637 \u0642\u0627\u0646\u0648\u0646\u064a\u0629',\n ariaLang: '\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0644\u063a\u0629'\n },\n cs: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Soukrom\u00ed' },\n cookies: { href: '\/cookies', label: 'Cookies' },\n ariaNav: 'Pr\u00e1vn\u00ed odkazy',\n ariaLang: 'V\u00fdb\u011br jazyka'\n },\n sv: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Integritet' },\n cookies: { href: '\/cookies', label: 'Cookies' },\n ariaNav: 'Juridiska l\u00e4nkar',\n ariaLang: 'Spr\u00e5kv\u00e4ljare'\n },\n nl: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Privacy' },\n cookies: { href: '\/cookies', label: 'Cookies' },\n ariaNav: 'Juridische links',\n ariaLang: 'Taalkeuze'\n },\n da: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Privatliv' },\n cookies: { href: '\/cookies', label: 'Cookies' },\n ariaNav: 'Juridiske links',\n ariaLang: 'Sprogv\u00e6lger'\n },\n no: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Personvern' },\n cookies: { href: '\/cookies', label: 'Informasjonskapsler' },\n ariaNav: 'Juridiske lenker',\n ariaLang: 'Spr\u00e5kvelger'\n }\n };\n\n \/* \u2500\u2500 Detectar locale \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var path = window.location.pathname;\n var match = path.match(\/^\\\/(es|en|fr|de|pl|ru|ar|cs|sv|nl|da|no)(\\\/|$)\/);\n var locale = (match && langMap[match[1]]) ? match[1] : 'es';\n var cfg = langMap[locale];\n\n \/* \u2500\u2500 Legal links \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var legalLinks = document.querySelectorAll('.koral_footer__legal a[data-koral-i18n]');\n for (var i = 0; i < legalLinks.length; i++) {\n var key = legalLinks[i].getAttribute('data-koral-i18n');\n if (cfg[key]) {\n legalLinks[i].href = cfg[key].href;\n legalLinks[i].textContent = cfg[key].label;\n }\n }\n\n var navLegal = document.getElementById('koral_legal_nav');\n if (navLegal) navLegal.setAttribute('aria-label', cfg.ariaNav);\n\n \/* \u2500\u2500 Language switcher \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var slug = path.replace(\/^\\\/(es|en|fr|de|pl|ru|ar|cs|sv|nl|da|no)(\\\/|$)\/, '\/');\n if (slug.charAt(0) !== '\/') slug = '\/' + slug;\n\n var switcher = document.getElementById('koral_lang_switcher');\n if (switcher) {\n switcher.setAttribute('aria-label', cfg.ariaLang);\n var links = switcher.querySelectorAll('.koral_footer__lang-link');\n for (var j = 0; j < links.length; j++) {\n var lang = links[j].getAttribute('data-lang');\n if (lang === locale) {\n links[j].classList.add('koral_footer__lang-link--active');\n links[j].removeAttribute('href');\n } else {\n links[j].classList.remove('koral_footer__lang-link--active');\n var prefix = langMap[lang] ? langMap[lang].prefix : '';\n if (prefix) {\n links[j].href = prefix + slug;\n } else {\n links[j].href = slug;\n }\n }\n }\n }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7048426 elementor-widget elementor-widget-html\" data-id=\"7048426\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"evoost-signature-wrapper\"><a href=\"https:\/\/evoost.ai\" target=\"_blank\" class=\"evoost-signature\" aria-label=\"Powered by eVoost\"><img decoding=\"async\" src=\"https:\/\/asvillas.pt\/wp-content\/uploads\/2025\/05\/evoost_sales_innovation_logo-removebg-preview.svg\" alt=\"eVoost\" class=\"evoost-logo\"><span class=\"evoost-text\">Powered by <span class=\"evoost-highlight\">eVoost<\/span><\/span><\/a><\/div><style>\/* ============================================\r\n EVOOST SIGNATURE (standalone)\r\n============================================ *\/\r\n.evoost-signature-wrapper {\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n padding: 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(0, 0, 0, 0.1) !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.6 !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: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.2px !important;\r\n color: rgba(0, 0, 0, 0.4) !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: rgba(0, 0, 0, 0.55) !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(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 100%) !important;\r\n opacity: 0;\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(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%) !important;\r\n transform: skewX(-25deg) !important;\r\n z-index: 3 !important;\r\n opacity: 0;\r\n transition: opacity 0.2s ease !important;\r\n}\r\n\r\n@keyframes shineEffect {\r\n 0% { left: -150% !important; }\r\n 100% { left: 150% !important; }\r\n}\r\n\r\n.evoost-signature:hover {\r\n border-color: rgba(0, 0, 0, 0.2) !important;\r\n}\r\n\r\n.evoost-signature:hover:before {\r\n opacity: 1;\r\n}\r\n\r\n.evoost-signature:hover:after {\r\n opacity: 1;\r\n animation: shineEffect 1.2s ease-in-out !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-logo {\r\n opacity: 0.9 !important;\r\n transform: scale(1.05) !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-text {\r\n color: rgba(0, 0, 0, 0.7) !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-highlight {\r\n color: rgba(0, 0, 0, 0.85) !important;\r\n}\r\n<\/style>\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>Korall Residences – Exclusive Sky Villas Costa del Sol About Typologies Gallery Location Unlock information About Typologies Gallery Location Unlock information 28 Exclusive Sky Villas The secret to being happy Discover a new way to experience the Costa del Sol in a sustainable oasis overlooking the Mediterranean. Where design and atmosphere are carefully aligned to […]<\/p>\n","protected":false},"author":3,"featured_media":5249,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1223","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\n<title>Korall Residences Higuer\u00f3n | 28 Sky Villas en Costa del Sol<\/title>\n<meta name=\"description\" content=\"Descubre las 28 Sky Villas de 3 dormitorios en El Higuer\u00f3n, Fuengirola - Respira M\u00e1laga desde Korall Residences\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/korallresidences.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Korall Residences Higuer\u00f3n | 28 Sky Villas en Costa del Sol\" \/>\n<meta property=\"og:description\" content=\"Descubre las 28 Sky Villas de 3 dormitorios en El Higuer\u00f3n, Fuengirola - Respira M\u00e1laga desde Korall Residences\" \/>\n<meta property=\"og:url\" content=\"https:\/\/korallresidences.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Korall Residences\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-28T12:48:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Piscina-1024x576.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"22 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/korallresidences.com\\\/\",\"url\":\"https:\\\/\\\/korallresidences.com\\\/\",\"name\":\"Korall Residences Higuer\u00f3n | 28 Sky Villas en Costa del Sol\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/korallresidences.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Piscina-scaled.png\",\"datePublished\":\"2026-02-05T02:37:15+00:00\",\"dateModified\":\"2026-04-28T12:48:08+00:00\",\"description\":\"Descubre las 28 Sky Villas de 3 dormitorios en El Higuer\u00f3n, Fuengirola - Respira M\u00e1laga desde Korall Residences\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/korallresidences.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/korallresidences.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Piscina-scaled.png\",\"contentUrl\":\"https:\\\/\\\/korallresidences.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Piscina-scaled.png\",\"width\":2560,\"height\":1440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/korallresidences.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Engage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#website\",\"url\":\"https:\\\/\\\/korallresidences.com\\\/\",\"name\":\"Korall Residences\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/korallresidences.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#organization\",\"name\":\"Korall Residences\",\"url\":\"https:\\\/\\\/korallresidences.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/korallresidences.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Logo-Korall-Residences-300x138px-By-TOP-Color.webp\",\"contentUrl\":\"https:\\\/\\\/korallresidences.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Logo-Korall-Residences-300x138px-By-TOP-Color.webp\",\"width\":300,\"height\":138,\"caption\":\"Korall Residences\"},\"image\":{\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Korall Residences Higuer\u00f3n | 28 Sky Villas en Costa del Sol","description":"Descubre las 28 Sky Villas de 3 dormitorios en El Higuer\u00f3n, Fuengirola - Respira M\u00e1laga desde Korall Residences","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:\/\/korallresidences.com\/","og_locale":"en_US","og_type":"article","og_title":"Korall Residences Higuer\u00f3n | 28 Sky Villas en Costa del Sol","og_description":"Descubre las 28 Sky Villas de 3 dormitorios en El Higuer\u00f3n, Fuengirola - Respira M\u00e1laga desde Korall Residences","og_url":"https:\/\/korallresidences.com\/","og_site_name":"Korall Residences","article_modified_time":"2026-04-28T12:48:08+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Piscina-1024x576.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/korallresidences.com\/","url":"https:\/\/korallresidences.com\/","name":"Korall Residences Higuer\u00f3n | 28 Sky Villas en Costa del Sol","isPartOf":{"@id":"https:\/\/korallresidences.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/korallresidences.com\/#primaryimage"},"image":{"@id":"https:\/\/korallresidences.com\/#primaryimage"},"thumbnailUrl":"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Piscina-scaled.png","datePublished":"2026-02-05T02:37:15+00:00","dateModified":"2026-04-28T12:48:08+00:00","description":"Descubre las 28 Sky Villas de 3 dormitorios en El Higuer\u00f3n, Fuengirola - Respira M\u00e1laga desde Korall Residences","breadcrumb":{"@id":"https:\/\/korallresidences.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/korallresidences.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/korallresidences.com\/#primaryimage","url":"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Piscina-scaled.png","contentUrl":"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Piscina-scaled.png","width":2560,"height":1440},{"@type":"BreadcrumbList","@id":"https:\/\/korallresidences.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/korallresidences.com\/"},{"@type":"ListItem","position":2,"name":"Engage"}]},{"@type":"WebSite","@id":"https:\/\/korallresidences.com\/#website","url":"https:\/\/korallresidences.com\/","name":"Korall Residences","description":"","publisher":{"@id":"https:\/\/korallresidences.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/korallresidences.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/korallresidences.com\/#organization","name":"Korall Residences","url":"https:\/\/korallresidences.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/korallresidences.com\/#\/schema\/logo\/image\/","url":"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Logo-Korall-Residences-300x138px-By-TOP-Color.webp","contentUrl":"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Logo-Korall-Residences-300x138px-By-TOP-Color.webp","width":300,"height":138,"caption":"Korall Residences"},"image":{"@id":"https:\/\/korallresidences.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/pages\/1223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/comments?post=1223"}],"version-history":[{"count":37,"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/pages\/1223\/revisions"}],"predecessor-version":[{"id":4589,"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/pages\/1223\/revisions\/4589"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/media\/5249"}],"wp:attachment":[{"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/media?parent=1223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Korall Residences - Exclusive Sky Villas Costa del Sol<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Lexend+Deca:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* ============================================\r\n RESET & BASE\r\n ============================================ *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Lexend Deca', sans-serif;\r\n background-color: #fff;\r\n color: #3f566e;\r\n overflow-x: hidden;\r\n }\r\n\r\n body.koral_locked {\r\n overflow: hidden !important;\r\n height: 100vh !important;\r\n }\r\n\r\n \/* ============================================\r\n HERO SECTION\r\n ============================================ *\/\r\n .koral_hero {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koral_hero__bg {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n overflow: hidden !important;\r\n z-index: 1 !important;\r\n background-image: url('https:\/\/www.korallbytopgestion.com\/wp-content\/uploads\/2024\/04\/Salon-1920x1080-1.jpg') !important;\r\n background-size: cover !important;\r\n background-position: center !important;\r\n }\r\n\r\n .koral_hero__video {\r\n position: absolute !important;\r\n top: 50% !important;\r\n left: 50% !important;\r\n min-width: 100% !important;\r\n min-height: 100% !important;\r\n width: auto !important;\r\n height: auto !important;\r\n transform: translate(-50%, -50%) !important;\r\n object-fit: cover !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .koral_hero__video:not([src]) {\r\n display: none !important;\r\n }\r\n\r\n .koral_hero__overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(0, 0, 0, 0) 0%,\r\n rgba(0, 0, 0, 0.1) 35%,\r\n rgba(0, 0, 0, 0.35) 55%,\r\n rgba(0, 0, 0, 0.7) 100%\r\n ) !important;\r\n z-index: 2 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .koral_hero__grid {\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: grid !important;\r\n grid-template-columns: repeat(10, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n z-index: 5 !important;\r\n }\r\n\r\n .koral_hero__cell {\r\n background-color: #fff !important;\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), \r\n transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n }\r\n\r\n .koral_hero__cell.koral_cell--revealed {\r\n opacity: 0 !important;\r\n transform: scale(0.9) !important;\r\n }\r\n\r\n \/* ============================================\r\n NAVBAR\r\n ============================================ *\/\r\n .koral_navbar {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 9999 !important;\r\n padding: 32px 0 !important;\r\n background-color: transparent !important;\r\n opacity: 0 !important;\r\n transform: translateY(-20px) !important;\r\n transition: opacity 0.6s ease, transform 0.6s ease, \r\n background-color 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease !important;\r\n }\r\n\r\n .koral_navbar.koral_navbar--visible {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koral_navbar.koral_navbar--solid {\r\n background-color: #fff !important;\r\n padding: 20px 0 !important;\r\n box-shadow: 0 8px 30px rgba(63, 86, 110, 0.08) !important;\r\n }\r\n\r\n .koral_navbar__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n }\r\n\r\n .koral_navbar__logo {\r\n display: flex !important;\r\n align-items: center !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .koral_navbar__logo img {\r\n height: 64px !important;\r\n width: auto !important;\r\n transition: height 0.4s ease, filter 0.4s ease !important;\r\n filter: brightness(0) invert(1) !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__logo img {\r\n height: 52px !important;\r\n filter: none !important;\r\n }\r\n\r\n .koral_navbar__nav {\r\n flex: 1 !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koral_navbar__menu {\r\n display: flex !important;\r\n gap: 48px !important;\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koral_navbar__menu a {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 15px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n letter-spacing: 0.5px !important;\r\n position: relative !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__menu a {\r\n color: #3f566e !important;\r\n }\r\n\r\n .koral_navbar__menu a::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: -4px !important;\r\n left: 0 !important;\r\n width: 0 !important;\r\n height: 1px !important;\r\n background-color: #ffffff !important;\r\n transition: width 0.3s ease, background-color 0.3s ease !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__menu a::after {\r\n background-color: #4a6682 !important;\r\n }\r\n\r\n .koral_navbar__menu a:hover {\r\n color: #4a6682 !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__menu a:hover {\r\n color: #3f566e !important;\r\n }\r\n\r\n .koral_navbar__menu a:hover::after {\r\n width: 100% !important;\r\n }\r\n\r\n .koral_navbar__cta {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 16px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 16px 48px !important;\r\n border-radius: 0px !important;\r\n letter-spacing: 0.5px !important;\r\n background-color: #4a6682 !important;\r\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__cta {\r\n color: #fff !important;\r\n background-color: #4a6682 !important;\r\n border-color: #3f566e !important;\r\n }\r\n\r\n .koral_navbar__cta:hover {\r\n background-color: #4a6682 !important;\r\n border-color: #4a6682 !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n .koral_navbar__burger {\r\n display: none !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n gap: 5px !important;\r\n width: 32px !important;\r\n height: 32px !important;\r\n background: none !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koral_navbar__burger span {\r\n display: block !important;\r\n width: 100% !important;\r\n height: 2px !important;\r\n background-color: #ffffff !important;\r\n transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__burger span {\r\n background-color: #3f566e !important;\r\n }\r\n\r\n .koral_navbar__burger.koral_burger--active span:nth-child(1) {\r\n transform: translateY(7px) rotate(45deg) !important;\r\n background-color: #4a6682 !important;\r\n }\r\n\r\n .koral_navbar__burger.koral_burger--active span:nth-child(2) {\r\n opacity: 0 !important;\r\n }\r\n\r\n .koral_navbar__burger.koral_burger--active span:nth-child(3) {\r\n transform: translateY(-7px) rotate(-45deg) !important;\r\n background-color: #4a6682 !important;\r\n }\r\n\r\n \/* ============================================\r\n MOBILE MENU\r\n ============================================ *\/\r\n .koral_mobile_menu {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n background-color: #fff !important;\r\n z-index: 9998 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\r\n }\r\n\r\n .koral_mobile_menu.koral_mobile_menu--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n\r\n .koral_mobile_menu__list {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koral_mobile_menu__list li {\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .koral_mobile_menu__list a {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 28px !important;\r\n color: #3f566e !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koral_mobile_menu__list a:hover {\r\n color: #4a6682 !important;\r\n }\r\n\r\n .koral_mobile_menu__cta {\r\n display: inline-block !important;\r\n margin-top: 8px !important;\r\n padding: 14px 32px !important;\r\n border: 2px solid #3f566e !important;\r\n border-radius: 0px !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 0.5px !important;\r\n color: #3f566e !important;\r\n background-color: transparent !important;\r\n }\r\n\r\n .koral_mobile_menu__cta:hover {\r\n color: #ffffff !important;\r\n background-color: #4a6682 !important;\r\n border-color: #4a6682 !important;\r\n }\r\n\r\n .koral_mobile_menu__footer {\r\n position: absolute !important;\r\n bottom: 48px !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koral_mobile_menu__phone,\r\n .koral_mobile_menu__phone:link,\r\n .koral_mobile_menu__phone:visited,\r\n .koral_mobile_menu__phone:active {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n color: #3f566e !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koral_mobile_menu__phone:hover {\r\n color: #4a6682 !important;\r\n }\r\n\r\n .koral_mobile_menu__phone svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n stroke: currentColor !important;\r\n }\r\n\r\n .koral_mobile_menu__phone-number,\r\n .koral_mobile_menu__phone-number * {\r\n color: inherit !important;\r\n font-family: inherit !important;\r\n font-size: inherit !important;\r\n font-weight: inherit !important;\r\n }\r\n\r\n \/* ============================================\r\n HERO CONTENT - BOUNDED CONTAINER\r\n top + bottom + flex = never overlaps navbar\r\n ============================================ *\/\r\n .koral_hero__content {\r\n position: absolute !important;\r\n top: 140px !important;\r\n bottom: 100px !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 10 !important;\r\n display: flex !important;\r\n align-items: flex-end !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .koral_hero__content.koral_content--visible {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koral_hero__content-inner {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n width: 100% !important;\r\n }\r\n\r\n .koral_hero__content-text {\r\n max-width: 700px !important;\r\n }\r\n\r\n .koral_hero__label {\r\n display: inline-block !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.8) !important;\r\n margin-bottom: 16px !important;\r\n padding-left: 40px !important;\r\n position: relative !important;\r\n }\r\n\r\n .koral_hero__label::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n left: 0 !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n width: 28px !important;\r\n height: 1px !important;\r\n background-color: rgba(255, 255, 255, 0.6) !important;\r\n }\r\n\r\n .koral_hero__title {\r\n font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n font-size: clamp(48px, 7vw, 84px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 24px 0 !important;\r\n letter-spacing: -1px !important;\r\n }\r\n\r\n .koral_hero__subtitle {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(18px, 2vw, 24px) !important;\r\n line-height: 1.7 !important;\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n margin: 0 0 32px 0 !important;\r\n max-width: 500px !important;\r\n }\r\n\r\n .koral_hero__cta {\r\n display: inline-block !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 16px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 16px 48px !important;\r\n border: 2px solid #ffffff !important;\r\n border-radius: 0px !important;\r\n letter-spacing: 1px !important;\r\n background-color: transparent !important;\r\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;\r\n }\r\n\r\n .koral_hero__cta:hover {\r\n background-color: #4a6682 !important;\r\n border-color: #4a6682 !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n .koral_hero__scroll {\r\n position: absolute !important;\r\n bottom: 48px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n z-index: 10 !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.6s ease !important;\r\n }\r\n\r\n .koral_hero__scroll.koral_scroll--visible {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koral_hero__scroll span {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 10px !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.6) !important;\r\n }\r\n\r\n .koral_hero__scroll-line {\r\n width: 1px !important;\r\n height: 48px !important;\r\n background-color: rgba(255, 255, 255, 0.3) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koral_hero__scroll-line::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: -15px !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 15px !important;\r\n background-color: rgba(255, 255, 255, 0.8) !important;\r\n animation: koral_scrollLine 1.8s ease-in-out infinite !important;\r\n }\r\n\r\n .koral_content {\r\n position: relative !important;\r\n z-index: 20 !important;\r\n background-color: #fff !important;\r\n }\r\n\r\n @keyframes koral_scrollLine {\r\n 0% {\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n transform: translateY(63px);\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - LAPTOP (1200px)\r\n ============================================ *\/\r\n @media screen and (max-width: 1200px) {\r\n .koral_navbar__menu {\r\n gap: 32px !important;\r\n }\r\n\r\n .koral_navbar__cta {\r\n padding: 14px 36px !important;\r\n font-size: 15px !important;\r\n }\r\n\r\n .koral_hero__content {\r\n top: 130px !important;\r\n bottom: 90px !important;\r\n }\r\n\r\n .koral_hero__content-inner {\r\n padding: 0 48px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n SHORT VIEWPORT LAPTOPS (height <= 768px)\r\n ============================================ *\/\r\n @media screen and (max-height: 768px) and (min-width: 992px) {\r\n .koral_navbar {\r\n padding: 24px 0 !important;\r\n }\r\n\r\n .koral_navbar.koral_navbar--solid {\r\n padding: 16px 0 !important;\r\n }\r\n\r\n .koral_navbar__logo img {\r\n height: 52px !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__logo img {\r\n height: 44px !important;\r\n }\r\n\r\n .koral_hero__content {\r\n top: 110px !important;\r\n bottom: 80px !important;\r\n }\r\n\r\n .koral_hero__title {\r\n font-size: clamp(42px, 6vw, 64px) !important;\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n .koral_hero__subtitle {\r\n font-size: 18px !important;\r\n margin-bottom: 24px !important;\r\n }\r\n\r\n .koral_hero__label {\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koral_hero__scroll {\r\n bottom: 32px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n VERY SHORT VIEWPORT (height <= 650px)\r\n ============================================ *\/\r\n @media screen and (max-height: 650px) and (min-width: 992px) {\r\n .koral_hero__content {\r\n top: 100px !important;\r\n bottom: 70px !important;\r\n }\r\n\r\n .koral_hero__title {\r\n font-size: clamp(38px, 5.5vw, 56px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koral_hero__subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 20px !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .koral_hero__cta {\r\n padding: 12px 36px !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n .koral_hero__scroll {\r\n bottom: 24px !important;\r\n }\r\n\r\n .koral_hero__scroll-line {\r\n height: 32px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET (991px)\r\n ============================================ *\/\r\n @media screen and (max-width: 991px) {\r\n .koral_navbar__container {\r\n padding: 0 40px !important;\r\n }\r\n \r\n .koral_navbar__nav,\r\n .koral_navbar__cta {\r\n display: none !important;\r\n }\r\n \r\n .koral_navbar__burger {\r\n display: flex !important;\r\n }\r\n\r\n .koral_hero__content {\r\n top: 120px !important;\r\n bottom: 90px !important;\r\n }\r\n\r\n .koral_hero__content-inner {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .koral_hero__grid {\r\n grid-template-columns: repeat(8, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE L (768px)\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .koral_navbar {\r\n padding: 24px 0 !important;\r\n }\r\n\r\n .koral_navbar--solid {\r\n padding: 16px 0 !important;\r\n }\r\n\r\n .koral_navbar__container {\r\n padding: 0 32px !important;\r\n }\r\n\r\n .koral_navbar__logo img {\r\n height: 52px !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__logo img {\r\n height: 44px !important;\r\n }\r\n\r\n .koral_hero__content {\r\n top: 100px !important;\r\n bottom: 80px !important;\r\n }\r\n\r\n .koral_hero__content-inner {\r\n padding: 0 32px !important;\r\n }\r\n\r\n .koral_hero__label {\r\n padding-left: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koral_hero__label::before {\r\n display: none !important;\r\n }\r\n\r\n .koral_hero__cta {\r\n padding: 14px 40px !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n .koral_hero__grid {\r\n grid-template-columns: repeat(6, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n TABLET SHORT VIEWPORT\r\n ============================================ *\/\r\n @media screen and (max-width: 991px) and (max-height: 700px) {\r\n .koral_hero__content {\r\n top: 90px !important;\r\n bottom: 70px !important;\r\n }\r\n\r\n .koral_hero__title {\r\n font-size: clamp(36px, 6vw, 52px) !important;\r\n margin-bottom: 14px !important;\r\n }\r\n\r\n .koral_hero__subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .koral_hero__scroll {\r\n bottom: 24px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE (480px)\r\n ============================================ *\/\r\n @media screen and (max-width: 480px) {\r\n .koral_navbar__container {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .koral_navbar__logo img {\r\n height: 44px !important;\r\n }\r\n\r\n .koral_navbar--solid .koral_navbar__logo img {\r\n height: 38px !important;\r\n }\r\n\r\n .koral_hero__content {\r\n top: 80px !important;\r\n bottom: 70px !important;\r\n }\r\n\r\n .koral_hero__content-inner {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .koral_hero__label {\r\n font-size: 10px !important;\r\n letter-spacing: 3px !important;\r\n }\r\n\r\n .koral_hero__title {\r\n font-size: clamp(36px, 10vw, 52px) !important;\r\n }\r\n\r\n .koral_hero__subtitle {\r\n font-size: 16px !important;\r\n }\r\n\r\n .koral_hero__cta {\r\n padding: 12px 32px !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .koral_hero__scroll {\r\n bottom: 32px !important;\r\n }\r\n\r\n .koral_hero__grid {\r\n grid-template-columns: repeat(5, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n MOBILE SHORT VIEWPORT\r\n ============================================ *\/\r\n @media screen and (max-width: 480px) and (max-height: 700px) {\r\n .koral_hero__content {\r\n top: 72px !important;\r\n bottom: 60px !important;\r\n }\r\n\r\n .koral_hero__title {\r\n font-size: clamp(32px, 9vw, 44px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koral_hero__subtitle {\r\n font-size: 15px !important;\r\n margin-bottom: 20px !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n .koral_hero__scroll {\r\n bottom: 20px !important;\r\n }\r\n\r\n .koral_hero__scroll-line {\r\n height: 32px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"koral_locked\">\r\n\r\n <header class=\"koral_navbar\" id=\"koral_navbar\">\r\n <div class=\"koral_navbar__container\">\r\n <a href=\"#\" class=\"koral_navbar__logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.korallbytopgestion.com\/wp-content\/uploads\/2024\/01\/Logo-Korall-Residences-300x138px-By-TOP-Color.webp\" alt=\"Korall Residences\">\r\n <\/a>\r\n \r\n <nav class=\"koral_navbar__nav\">\r\n <ul class=\"koral_navbar__menu\">\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#typology\">Typologies<\/a><\/li>\r\n <li><a href=\"#gallery\">Gallery<\/a><\/li>\r\n <li><a href=\"#location\">Location<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n \r\n <a href=\"#unlock\" class=\"koral_navbar__cta\">Unlock information<\/a>\r\n \r\n <button class=\"koral_navbar__burger\" id=\"koral_burger\" aria-label=\"Open menu\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"koral_mobile_menu\" id=\"koral_mobile_menu\">\r\n <ul class=\"koral_mobile_menu__list\">\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#typology\">Typologies<\/a><\/li>\r\n <li><a href=\"#gallery\">Gallery<\/a><\/li>\r\n <li><a href=\"#location\">Location<\/a><\/li>\r\n <li><a href=\"#unlock\" class=\"koral_mobile_menu__cta\">Unlock information<\/a><\/li>\r\n <\/ul>\r\n <div class=\"koral_mobile_menu__footer\">\r\n <a href=\"tel:+34681962670\" class=\"koral_mobile_menu__phone\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n <span class=\"koral_mobile_menu__phone-number\">+34 911 67 95 20<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <section class=\"koral_hero\" id=\"koral_hero\">\r\n <div class=\"koral_hero__bg\">\r\n <video class=\"koral_hero__video\" id=\"koral_hero_video\" autoplay muted loop playsinline webkit-playsinline preload=\"auto\" poster=\"https:\/\/www.korallbytopgestion.com\/wp-content\/uploads\/2024\/04\/Salon-1920x1080-1.jpg\" disablepictureinpicture>\r\n <source src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/intro-kos-engage.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <div class=\"koral_hero__overlay\"><\/div>\r\n\r\n <div class=\"koral_hero__grid\" id=\"koral_grid\"><\/div>\r\n\r\n <div class=\"koral_hero__content\" id=\"koral_hero_content\">\r\n <div class=\"koral_hero__content-inner\">\r\n <div class=\"koral_hero__content-text\">\r\n <span class=\"koral_hero__label\">28 Exclusive Sky Villas<\/span>\r\n <h1 class=\"koral_hero__title\">The secret to being happy<\/h1>\r\n <p class=\"koral_hero__subtitle\">Discover a new way to experience the Costa del Sol\r\n in a sustainable oasis overlooking the Mediterranean. Where design and atmosphere are carefully aligned\r\n to create your perfect home.<\/p>\r\n <a href=\"#about\" class=\"koral_hero__cta\">Discover Korall<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koral_hero__scroll\" id=\"koral_scroll\">\r\n <span>Scroll<\/span>\r\n <div class=\"koral_hero__scroll-line\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"koral_content\"><\/div>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var CONFIG = {\r\n GRID_START_DELAY: 300,\r\n CELL_DELAY: 30,\r\n CONTENT_DELAY: 800,\r\n GRID_COLS: 10,\r\n GRID_ROWS: 8\r\n };\r\n\r\n var navbar = document.getElementById('koral_navbar');\r\n var grid = document.getElementById('koral_grid');\r\n var heroContent = document.getElementById('koral_hero_content');\r\n var scrollIndicator = document.getElementById('koral_scroll');\r\n var burger = document.getElementById('koral_burger');\r\n var mobileMenu = document.getElementById('koral_mobile_menu');\r\n var heroVideo = document.getElementById('koral_hero_video');\r\n\r\n function initVideo() {\r\n if (!heroVideo) return;\r\n \r\n heroVideo.load();\r\n \r\n var playPromise = heroVideo.play();\r\n \r\n if (playPromise !== undefined) {\r\n playPromise.then(function() {\r\n }).catch(function(error) {\r\n setTimeout(function() {\r\n heroVideo.play().catch(function(err) {\r\n console.log('Video autoplay prevented:', err);\r\n });\r\n }, 100);\r\n });\r\n }\r\n }\r\n\r\n function generateGrid() {\r\n var totalCells = CONFIG.GRID_COLS * CONFIG.GRID_ROWS;\r\n grid.innerHTML = '';\r\n \r\n for (var i = 0; i < totalCells; i++) {\r\n var cell = document.createElement('div');\r\n cell.className = 'koral_hero__cell';\r\n grid.appendChild(cell);\r\n }\r\n }\r\n\r\n function shuffleArray(array) {\r\n var shuffled = array.slice();\r\n for (var i = shuffled.length - 1; i > 0; i--) {\r\n var j = Math.floor(Math.random() * (i + 1));\r\n var temp = shuffled[i];\r\n shuffled[i] = shuffled[j];\r\n shuffled[j] = temp;\r\n }\r\n return shuffled;\r\n }\r\n\r\n function revealGrid(callback) {\r\n var cells = grid.querySelectorAll('.koral_hero__cell');\r\n var indices = [];\r\n \r\n for (var i = 0; i < cells.length; i++) {\r\n indices.push(i);\r\n }\r\n \r\n var shuffledIndices = shuffleArray(indices);\r\n var totalDuration = shuffledIndices.length * CONFIG.CELL_DELAY;\r\n\r\n shuffledIndices.forEach(function(index, i) {\r\n setTimeout(function() {\r\n cells[index].classList.add('koral_cell--revealed');\r\n }, i * CONFIG.CELL_DELAY);\r\n });\r\n\r\n if (callback) {\r\n setTimeout(callback, totalDuration + CONFIG.CONTENT_DELAY);\r\n }\r\n }\r\n\r\n function showFinalContent() {\r\n navbar.classList.add('koral_navbar--visible');\r\n heroContent.classList.add('koral_content--visible');\r\n \r\n setTimeout(function() {\r\n scrollIndicator.classList.add('koral_scroll--visible');\r\n document.body.classList.remove('koral_locked');\r\n }, 400);\r\n }\r\n\r\n function startSequence() {\r\n generateGrid();\r\n initVideo();\r\n\r\n setTimeout(function() {\r\n revealGrid(function() {\r\n showFinalContent();\r\n });\r\n }, CONFIG.GRID_START_DELAY);\r\n }\r\n\r\n function handleScroll() {\r\n var scrollY = window.pageYOffset || document.documentElement.scrollTop;\r\n \r\n if (scrollY > 100) {\r\n navbar.classList.add('koral_navbar--solid');\r\n } else {\r\n navbar.classList.remove('koral_navbar--solid');\r\n }\r\n }\r\n\r\n function toggleMobileMenu() {\r\n burger.classList.toggle('koral_burger--active');\r\n mobileMenu.classList.toggle('koral_mobile_menu--open');\r\n document.body.style.overflow = mobileMenu.classList.contains('koral_mobile_menu--open') ? 'hidden' : '';\r\n }\r\n\r\n var mobileLinks = mobileMenu.querySelectorAll('a');\r\n for (var i = 0; i < mobileLinks.length; i++) {\r\n mobileLinks[i].addEventListener('click', function() {\r\n burger.classList.remove('koral_burger--active');\r\n mobileMenu.classList.remove('koral_mobile_menu--open');\r\n document.body.style.overflow = '';\r\n });\r\n }\r\n\r\n window.addEventListener('scroll', handleScroll, { passive: true });\r\n burger.addEventListener('click', toggleMobileMenu);\r\n \r\n startSequence();\r\n \r\n \/\/ Login-aware CTA toggle\r\n (function() {\r\n var isLogged = document.body.classList.contains('logged-in');\r\n var ctaText = isLogged ? 'View information' : 'Unlock information';\r\n var ctaHref = isLogged ? '#unlocked' : '#unlock';\r\n\r\n var desktopCta = document.querySelector('.koral_navbar__cta');\r\n if (desktopCta) {\r\n desktopCta.textContent = ctaText;\r\n desktopCta.href = ctaHref;\r\n }\r\n\r\n var mobileCta = document.querySelector('.koral_mobile_menu__cta');\r\n if (mobileCta) {\r\n mobileCta.textContent = ctaText;\r\n mobileCta.href = ctaHref;\r\n }\r\n })();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fefaf20 e-con-full e-flex e-con e-parent\" data-id=\"fefaf20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16e4682 elementor-widget elementor-widget-html\" data-id=\"16e4682\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Korall Residences - About<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Lexend+Deca:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n\r\n \/* SECCI\u00d3N PRINCIPAL *\/\r\n .korall_about {\r\n position: relative !important;\r\n padding: 140px 0 180px !important;\r\n background: #fff !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n \/* DECORACI\u00d3N DE FONDO *\/\r\n .korall_about::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n right: -10% !important;\r\n width: 600px !important;\r\n height: 600px !important;\r\n background: radial-gradient(circle, rgba(168, 202, 234, 0.08) 0%, transparent 70%) !important;\r\n border-radius: 50% !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .korall_about::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: -15% !important;\r\n left: -5% !important;\r\n width: 500px !important;\r\n height: 500px !important;\r\n background: radial-gradient(circle, rgba(74, 102, 130, 0.05) 0%, transparent 70%) !important;\r\n border-radius: 50% !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .korall_about__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* HEADER CENTRADO *\/\r\n .korall_about__header {\r\n max-width: 900px !important;\r\n margin: 0 auto 100px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .korall_about__label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin-bottom: 24px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .korall_about.korall_about--visible .korall_about__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_about__title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(42px, 5.5vw, 72px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.12 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 36px 0 !important;\r\n letter-spacing: -2px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease 0.15s, transform 0.8s ease 0.15s !important;\r\n }\r\n\r\n .korall_about.korall_about--visible .korall_about__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_about__gradient-text {\r\n background: linear-gradient(\r\n 120deg,\r\n #3f566e 0%,\r\n #4a6682 30%,\r\n #a8caea 50%,\r\n #4a6682 70%,\r\n #3f566e 100%\r\n ) !important;\r\n background-size: 200% 100% !important;\r\n -webkit-background-clip: text !important;\r\n background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n animation: korall_gradient_shift 6s ease-in-out infinite !important;\r\n }\r\n\r\n @keyframes korall_gradient_shift {\r\n 0%, 100% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n }\r\n\r\n .korall_about__text {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(19px, 2vw, 25px) !important;\r\n line-height: 1.75 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 48px 0 !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease 0.25s, transform 0.8s ease 0.25s !important;\r\n }\r\n\r\n .korall_about.korall_about--visible .korall_about__text {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_about__highlight {\r\n color: #4a6682 !important;\r\n font-weight: 400 !important;\r\n }\r\n\r\n \/* GRID DE CONTENIDO *\/\r\n .korall_about__grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 80px !important;\r\n margin-bottom: 120px !important;\r\n }\r\n\r\n \/* COLUMNA IZQUIERDA - INFO *\/\r\n .korall_about__info {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 48px !important;\r\n opacity: 0 !important;\r\n transform: translateX(-40px) !important;\r\n transition: opacity 0.9s ease 0.35s, transform 0.9s ease 0.35s !important;\r\n }\r\n\r\n .korall_about.korall_about--visible .korall_about__info {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n \/* STATS EN VERTICAL *\/\r\n .korall_about__stats {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 36px !important;\r\n padding: 48px 40px !important;\r\n background: #fff !important;\r\n border-left: 3px solid #4a6682 !important;\r\n box-shadow: 0 8px 30px rgba(63, 86, 110, 0.08) !important;\r\n }\r\n\r\n .korall_about__stat {\r\n display: flex !important;\r\n align-items: baseline !important;\r\n gap: 20px !important;\r\n padding-bottom: 28px !important;\r\n border-bottom: 1px solid rgba(168, 202, 234, 0.25) !important;\r\n }\r\n\r\n .korall_about__stat:last-child {\r\n border-bottom: none !important;\r\n padding-bottom: 0 !important;\r\n }\r\n\r\n .korall_about__stat-number {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: 64px !important;\r\n font-weight: 400 !important;\r\n color: #4a6682 !important;\r\n line-height: 1 !important;\r\n letter-spacing: -2px !important;\r\n min-width: 120px !important;\r\n }\r\n\r\n .korall_about__stat-content {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 4px !important;\r\n }\r\n\r\n .korall_about__stat-label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n color: #a8caea !important;\r\n text-transform: uppercase !important;\r\n }\r\n\r\n .korall_about__stat-description {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.6 !important;\r\n color: #3f566e !important;\r\n opacity: 0.8 !important;\r\n }\r\n\r\n \/* DELIVERY INFO *\/\r\n .korall_about__delivery-card {\r\n padding: 40px !important;\r\n background: linear-gradient(135deg, #f6f6f6 0%, #fff 100%) !important;\r\n border: 1.5px solid #e2e2e2 !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .korall_about__delivery-card::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 4px !important;\r\n height: 100% !important;\r\n background: linear-gradient(180deg, #4a6682 0%, #a8caea 100%) !important;\r\n }\r\n\r\n .korall_about__delivery-label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin-bottom: 12px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .korall_about__delivery-icon {\r\n width: 16px !important;\r\n height: 16px !important;\r\n color: #4a6682 !important;\r\n }\r\n\r\n .korall_about__delivery-value {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: 36px !important;\r\n font-weight: 400 !important;\r\n color: #3f566e !important;\r\n letter-spacing: -1px !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .korall_about__delivery-note {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.6 !important;\r\n color: #3f566e !important;\r\n opacity: 0.7 !important;\r\n }\r\n\r\n \/* COLUMNA DERECHA - IMAGEN DESTACADA *\/\r\n .korall_about__featured {\r\n position: relative !important;\r\n opacity: 0 !important;\r\n transform: translateX(40px) !important;\r\n transition: opacity 0.9s ease 0.45s, transform 0.9s ease 0.45s !important;\r\n }\r\n\r\n .korall_about.korall_about--visible .korall_about__featured {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .korall_about__featured-img {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 16px 48px rgba(63, 86, 110, 0.15) !important;\r\n }\r\n\r\n .korall_about__featured-img img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n filter: saturate(0.95) !important;\r\n }\r\n\r\n .korall_about__featured-img:hover img {\r\n transform: scale(1.05) !important;\r\n filter: saturate(1) !important;\r\n }\r\n\r\n \/* CAPTION *\/\r\n .korall_about__featured-caption {\r\n position: absolute !important;\r\n bottom: 40px !important;\r\n left: 40px !important;\r\n right: 40px !important;\r\n padding: 24px 32px !important;\r\n background: rgba(255, 255, 255, 0.95) !important;\r\n backdrop-filter: blur(10px) !important;\r\n border-left: 3px solid #4a6682 !important;\r\n }\r\n\r\n .korall_about__featured-title {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin-bottom: 6px !important;\r\n }\r\n\r\n .korall_about__featured-text {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.6 !important;\r\n color: #3f566e !important;\r\n }\r\n\r\n \/* GALER\u00cdA INFERIOR - 3 IM\u00c1GENES HORIZONTALES *\/\r\n .korall_about__bottom-gallery {\r\n display: grid !important;\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n gap: 24px !important;\r\n opacity: 0 !important;\r\n transform: translateY(50px) !important;\r\n transition: opacity 0.9s ease 0.55s, transform 0.9s ease 0.55s !important;\r\n }\r\n\r\n .korall_about.korall_about--visible .korall_about__bottom-gallery {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_about__gallery-item {\r\n position: relative !important;\r\n height: 380px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 8px 30px rgba(63, 86, 110, 0.08) !important;\r\n transition: transform 0.4s ease, box-shadow 0.4s ease !important;\r\n }\r\n\r\n .korall_about__gallery-item:hover {\r\n transform: translateY(-8px) !important;\r\n box-shadow: 0 16px 48px rgba(63, 86, 110, 0.15) !important;\r\n }\r\n\r\n .korall_about__gallery-item img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n filter: saturate(0.95) !important;\r\n }\r\n\r\n .korall_about__gallery-item:hover img {\r\n transform: scale(1.08) !important;\r\n filter: saturate(1) !important;\r\n }\r\n\r\n \/* OVERLAY EN HOVER *\/\r\n .korall_about__gallery-overlay {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding: 24px !important;\r\n background: linear-gradient(0deg, rgba(63, 86, 110, 0.9) 0%, transparent 100%) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.4s ease !important;\r\n }\r\n\r\n .korall_about__gallery-item:hover .korall_about__gallery-overlay {\r\n opacity: 1 !important;\r\n }\r\n\r\n .korall_about__gallery-label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.5px !important;\r\n color: #fff !important;\r\n }\r\n\r\n \/* DOTS NAVEGACI\u00d3N GALER\u00cdA *\/\r\n .korall_about__gallery-dots {\r\n display: none !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - 1400px\r\n ============================================ *\/\r\n @media screen and (max-width: 1400px) {\r\n .korall_about__grid {\r\n gap: 60px !important;\r\n }\r\n\r\n .korall_about__stat-number {\r\n font-size: 56px !important;\r\n min-width: 100px !important;\r\n }\r\n\r\n .korall_about__gallery-item {\r\n height: 320px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - 1100px\r\n ============================================ *\/\r\n @media screen and (max-width: 1100px) {\r\n .korall_about {\r\n padding: 100px 0 120px !important;\r\n }\r\n\r\n .korall_about__container {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .korall_about__header {\r\n margin-bottom: 80px !important;\r\n }\r\n\r\n .korall_about__grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 60px !important;\r\n margin-bottom: 80px !important;\r\n }\r\n\r\n .korall_about__info {\r\n transform: none !important;\r\n }\r\n\r\n .korall_about__featured {\r\n transform: none !important;\r\n }\r\n\r\n .korall_about__featured-img {\r\n height: 500px !important;\r\n }\r\n\r\n .korall_about__bottom-gallery {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n }\r\n\r\n .korall_about__gallery-item:nth-child(3) {\r\n grid-column: 1 \/ -1 !important;\r\n height: 320px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - 768px\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .korall_about {\r\n padding: 64px 0 64px !important;\r\n }\r\n\r\n .korall_about__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .korall_about__header {\r\n margin-bottom: 48px !important;\r\n }\r\n\r\n .korall_about__title {\r\n margin-bottom: 24px !important;\r\n }\r\n\r\n .korall_about__text {\r\n font-size: clamp(16px, 4vw, 19px) !important;\r\n line-height: 1.65 !important;\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n .korall_about__grid {\r\n gap: 36px !important;\r\n margin-bottom: 48px !important;\r\n }\r\n\r\n .korall_about__info {\r\n gap: 24px !important;\r\n }\r\n\r\n \/* STATS \u2192 GRID HORIZONTAL 3 COLUMNAS *\/\r\n .korall_about__stats {\r\n display: grid !important;\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n gap: 0 !important;\r\n padding: 28px 20px !important;\r\n border-left: none !important;\r\n border-top: 3px solid #4a6682 !important;\r\n text-align: center !important;\r\n }\r\n\r\n .korall_about__stat {\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n padding: 0 12px !important;\r\n padding-bottom: 0 !important;\r\n border-bottom: none !important;\r\n border-right: 1px solid rgba(168, 202, 234, 0.25) !important;\r\n }\r\n\r\n .korall_about__stat:last-child {\r\n border-right: none !important;\r\n }\r\n\r\n .korall_about__stat-number {\r\n font-size: 36px !important;\r\n min-width: auto !important;\r\n }\r\n\r\n .korall_about__stat-label {\r\n font-size: 9px !important;\r\n letter-spacing: 1.5px !important;\r\n }\r\n\r\n .korall_about__stat-description {\r\n display: none !important;\r\n }\r\n\r\n \/* DELIVERY CARD COMPACTO *\/\r\n .korall_about__delivery-card {\r\n padding: 24px 20px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .korall_about__delivery-card::before {\r\n width: 3px !important;\r\n }\r\n\r\n .korall_about__delivery-info {\r\n flex: 1 !important;\r\n }\r\n\r\n .korall_about__delivery-label {\r\n margin-bottom: 4px !important;\r\n font-size: 10px !important;\r\n }\r\n\r\n .korall_about__delivery-value {\r\n font-size: 28px !important;\r\n margin-bottom: 4px !important;\r\n }\r\n\r\n .korall_about__delivery-note {\r\n font-size: 12px !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* FEATURED IMAGE REDUCIDA *\/\r\n .korall_about__featured-img {\r\n height: 320px !important;\r\n }\r\n\r\n .korall_about__featured-caption {\r\n bottom: 16px !important;\r\n left: 16px !important;\r\n right: 16px !important;\r\n padding: 16px 20px !important;\r\n }\r\n\r\n .korall_about__featured-text {\r\n font-size: 13px !important;\r\n }\r\n\r\n \/* GALER\u00cdA \u2192 SCROLL HORIZONTAL *\/\r\n .korall_about__bottom-gallery {\r\n display: flex !important;\r\n overflow-x: auto !important;\r\n scroll-snap-type: x mandatory !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n gap: 16px !important;\r\n padding-bottom: 8px !important;\r\n margin-right: -24px !important;\r\n padding-right: 24px !important;\r\n scrollbar-width: none !important;\r\n }\r\n\r\n .korall_about__bottom-gallery::-webkit-scrollbar {\r\n display: none !important;\r\n }\r\n\r\n .korall_about__gallery-item,\r\n .korall_about__gallery-item:nth-child(3) {\r\n flex: 0 0 60vw !important;\r\n height: 340px !important;\r\n scroll-snap-align: start !important;\r\n grid-column: auto !important;\r\n }\r\n\r\n \/* Overlay siempre visible en mobile *\/\r\n .korall_about__gallery-overlay {\r\n opacity: 1 !important;\r\n padding: 16px !important;\r\n }\r\n\r\n .korall_about__gallery-label {\r\n font-size: 13px !important;\r\n }\r\n\r\n \/* DOTS *\/\r\n .korall_about__gallery-dots {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n margin-top: 16px !important;\r\n }\r\n\r\n .korall_about__dot {\r\n width: 8px !important;\r\n height: 8px !important;\r\n border-radius: 50% !important;\r\n background-color: rgba(74, 102, 130, 0.2) !important;\r\n transition: background-color 0.3s ease, transform 0.3s ease !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .korall_about__dot.korall_dot--active {\r\n background-color: #4a6682 !important;\r\n transform: scale(1.25) !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - 480px\r\n ============================================ *\/\r\n @media screen and (max-width: 480px) {\r\n .korall_about {\r\n padding: 48px 0 48px !important;\r\n }\r\n\r\n .korall_about__container {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .korall_about__header {\r\n margin-bottom: 36px !important;\r\n }\r\n\r\n .korall_about__title {\r\n margin-bottom: 20px !important;\r\n letter-spacing: -1px !important;\r\n }\r\n\r\n .korall_about__text {\r\n font-size: 16px !important;\r\n }\r\n\r\n .korall_about__grid {\r\n gap: 28px !important;\r\n margin-bottom: 36px !important;\r\n }\r\n\r\n .korall_about__info {\r\n gap: 20px !important;\r\n }\r\n\r\n .korall_about__stats {\r\n padding: 24px 12px !important;\r\n }\r\n\r\n .korall_about__stat {\r\n padding: 0 8px !important;\r\n }\r\n\r\n .korall_about__stat-number {\r\n font-size: 30px !important;\r\n }\r\n\r\n .korall_about__stat-label {\r\n font-size: 8px !important;\r\n letter-spacing: 1px !important;\r\n }\r\n\r\n .korall_about__delivery-card {\r\n flex-direction: column !important;\r\n align-items: flex-start !important;\r\n gap: 8px !important;\r\n padding: 20px 16px !important;\r\n }\r\n\r\n .korall_about__delivery-value {\r\n font-size: 24px !important;\r\n }\r\n\r\n .korall_about__featured-img {\r\n height: 260px !important;\r\n }\r\n\r\n .korall_about__featured-caption {\r\n bottom: 12px !important;\r\n left: 12px !important;\r\n right: 12px !important;\r\n padding: 14px 16px !important;\r\n }\r\n\r\n .korall_about__featured-title {\r\n font-size: 9px !important;\r\n }\r\n\r\n .korall_about__featured-text {\r\n font-size: 12px !important;\r\n }\r\n\r\n .korall_about__bottom-gallery {\r\n margin-right: -20px !important;\r\n padding-right: 20px !important;\r\n gap: 12px !important;\r\n }\r\n\r\n .korall_about__gallery-item,\r\n .korall_about__gallery-item:nth-child(3) {\r\n flex: 0 0 65vw !important;\r\n height: 300px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"korall_about\" id=\"about\">\r\n <div class=\"korall_about__container\">\r\n \r\n \r\n <div class=\"korall_about__header\">\r\n <span class=\"korall_about__label\">Fuengirola<\/span>\r\n \r\n <h2 class=\"korall_about__title\">\r\n Where the Mediterranean <span class=\"korall_about__gradient-text\">comes alive<\/span>\r\n <\/h2>\r\n \r\n <p class=\"korall_about__text\">\r\n Korall Residences begins with a clear vision: to create spaces where architecture is shaped by its surroundings,\r\n where every sunrise over the sea becomes a unique experience. \r\n <span class=\"korall_about__highlight\">A contemporary sanctuary that honours the essence of the Costa del Sol: light, sea, nature and authenticity.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"korall_about__grid\">\r\n \r\n \r\n <div class=\"korall_about__info\">\r\n \r\n \r\n <div class=\"korall_about__stats\">\r\n <div class=\"korall_about__stat\">\r\n <span class=\"korall_about__stat-number\" data-target=\"28\">0<\/span>\r\n <div class=\"korall_about__stat-content\">\r\n <span class=\"korall_about__stat-label\">Sky Villas<\/span>\r\n <span class=\"korall_about__stat-description\">Exclusive residences with private gardens and panoramic views<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_about__stat\">\r\n <span class=\"korall_about__stat-number\" data-target=\"320\">0<\/span>\r\n <div class=\"korall_about__stat-content\">\r\n <span class=\"korall_about__stat-label\">Days of sunshine<\/span>\r\n <span class=\"korall_about__stat-description\">Privileged Mediterranean climate all year round<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_about__stat\">\r\n <span class=\"korall_about__stat-number\" data-target=\"100\" data-suffix=\"k\">0<\/span>\r\n <div class=\"korall_about__stat-content\">\r\n <span class=\"korall_about__stat-label\">m\u00b2 of nature<\/span>\r\n <span class=\"korall_about__stat-description\">Surrounded by green spaces<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"korall_about__delivery-card\">\r\n <div class=\"korall_about__delivery-info\">\r\n <div class=\"korall_about__delivery-label\">\r\n <svg class=\"korall_about__delivery-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n <\/svg>\r\n Estimated delivery\r\n <\/div>\r\n <div class=\"korall_about__delivery-value\">2028<\/div>\r\n <p class=\"korall_about__delivery-note\">\r\n Project under construction with the highest quality standards and sustainable certification.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"korall_about__featured\">\r\n <div class=\"korall_about__featured-img\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/korall-residences-overview.jpg\" alt=\"Korall Residences Architecture\" loading=\"lazy\">\r\n <div class=\"korall_about__featured-caption\">\r\n <div class=\"korall_about__featured-title\">Mediterranean Architecture<\/div>\r\n <div class=\"korall_about__featured-text\">\r\n Terraced design that maximises views and natural light in every residence\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"korall_about__bottom-gallery\">\r\n \r\n <div class=\"korall_about__gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/freepik__cinematic-shot-una-chica-de-unos-50-aos-saliendo-a__28123-scaled.jpeg\" alt=\"Terrace with sea views\" loading=\"lazy\">\r\n <div class=\"korall_about__gallery-overlay\">\r\n <div class=\"korall_about__gallery-label\">Panoramic terraces<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_about__gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Piscina-scaled.png\" alt=\"Community swimming pool\" loading=\"lazy\">\r\n <div class=\"korall_about__gallery-overlay\">\r\n <div class=\"korall_about__gallery-label\">Central pool & kids pool<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_about__gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Gym-scaled.png\" alt=\"Mediterranean gardens\" loading=\"lazy\">\r\n <div class=\"korall_about__gallery-overlay\">\r\n <div class=\"korall_about__gallery-label\">Fully equipped gym<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"korall_about__gallery-dots\">\r\n <span class=\"korall_about__dot korall_dot--active\"><\/span>\r\n <span class=\"korall_about__dot\"><\/span>\r\n <span class=\"korall_about__dot\"><\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var about = document.getElementById('about');\r\n var statNumbers = document.querySelectorAll('.korall_about__stat-number');\r\n \r\n var ticking = false;\r\n var statsAnimated = false;\r\n\r\n function animateStats() {\r\n if (statsAnimated) return;\r\n \r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.7) {\r\n statsAnimated = true;\r\n \r\n statNumbers.forEach(function(stat) {\r\n var target = parseInt(stat.getAttribute('data-target'));\r\n var suffix = stat.getAttribute('data-suffix') || '';\r\n var duration = 2000;\r\n var startTime = null;\r\n \r\n function animate(currentTime) {\r\n if (!startTime) startTime = currentTime;\r\n var progress = Math.min((currentTime - startTime) \/ duration, 1);\r\n \r\n var easeProgress = progress < 0.5 \r\n ? 4 * progress * progress * progress \r\n : 1 - Math.pow(-2 * progress + 2, 3) \/ 2;\r\n \r\n var current = Math.floor(easeProgress * target);\r\n stat.textContent = current + suffix;\r\n \r\n if (progress < 1) {\r\n requestAnimationFrame(animate);\r\n } else {\r\n stat.textContent = target + suffix;\r\n }\r\n }\r\n \r\n requestAnimationFrame(animate);\r\n });\r\n }\r\n }\r\n\r\n function checkVisibility() {\r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.75) {\r\n about.classList.add('korall_about--visible');\r\n }\r\n }\r\n\r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n animateStats();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n \r\n checkVisibility();\r\n animateStats();\r\n\r\n \/\/ GALLERY DOTS SYNC\r\n var gallery = document.querySelector('.korall_about__bottom-gallery');\r\n var dots = document.querySelectorAll('.korall_about__dot');\r\n\r\n if (gallery && dots.length) {\r\n gallery.addEventListener('scroll', function() {\r\n var scrollLeft = gallery.scrollLeft;\r\n var itemWidth = gallery.querySelector('.korall_about__gallery-item').offsetWidth;\r\n var gap = 16;\r\n var activeIndex = Math.round(scrollLeft \/ (itemWidth + gap));\r\n\r\n dots.forEach(function(dot, i) {\r\n if (i === activeIndex) {\r\n dot.classList.add('korall_dot--active');\r\n } else {\r\n dot.classList.remove('korall_dot--active');\r\n }\r\n });\r\n }, { passive: true });\r\n\r\n dots.forEach(function(dot, i) {\r\n dot.addEventListener('click', function() {\r\n var itemWidth = gallery.querySelector('.korall_about__gallery-item').offsetWidth;\r\n var gap = 16;\r\n gallery.scrollTo({\r\n left: i * (itemWidth + gap),\r\n behavior: 'smooth'\r\n });\r\n });\r\n });\r\n }\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84ae165 elementor-widget elementor-widget-html\" data-id=\"84ae165\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n<section class=\"korall_separator\" id=\"separator\" data-video-src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/03\/korall-engage-eng-desktop.mp4\" data-video-src-mobile=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/03\/korall-engage-eng-square.mp4\">\r\n \r\n \r\n<div class=\"korall_separator__header\">\r\n <h2 class=\"korall_separator__title\">Architecture that breathes<\/h2>\r\n <p class=\"korall_separator__subtitle\">Every space has been designed to capture the Mediterranean essence<\/p>\r\n<\/div>\r\n\r\n \r\n <div class=\"korall_separator__video-container\">\r\n <video class=\"korall_separator__video\" id=\"korall_separator_video\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" poster=\"https:\/\/www.korallbytopgestion.com\/wp-content\/uploads\/2024\/04\/Salon-1920x1080-1.jpg\">\r\n <\/video>\r\n \r\n <div class=\"korall_separator__video-overlay\"><\/div>\r\n\r\n \r\n <div class=\"korall_separator__controls\">\r\n \r\n \r\n <button class=\"korall_separator__control-btn korall_playing\" id=\"korall_playpause\" aria-label=\"Pausar video\">\r\n <svg class=\"korall_icon--play\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M8 5v14l11-7z\"\/>\r\n <\/svg>\r\n <svg class=\"korall_icon--pause\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n \r\n <button class=\"korall_separator__control-btn\" id=\"korall_mutetoggle\" aria-label=\"Activar sonido\">\r\n <svg class=\"korall_icon--mute\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/>\r\n <\/svg>\r\n <svg class=\"korall_icon--unmute\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n \r\n <button class=\"korall_separator__control-btn\" id=\"korall_fullscreen\" aria-label=\"Pantalla completa\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n \/* ============================================\r\n SEPARATOR SECTION\r\n ============================================ *\/\r\n .korall_separator {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n background: linear-gradient(180deg, #fff 0%, #f6f6f6 100%) !important;\r\n }\r\n\r\n \/* ============================================\r\n HEADER (20vh)\r\n ============================================ *\/\r\n .korall_separator__header {\r\n position: relative !important;\r\n height: 20vh !important;\r\n min-height: 160px !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 text-align: center !important;\r\n padding: 24px 24px !important;\r\n background-color: #fff !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .korall_separator__title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(32px, 5vw, 56px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 12px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .korall_separator.korall_separator--visible .korall_separator__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_separator__subtitle {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(18px, 1.8vw, 23px) !important;\r\n line-height: 1.6 !important;\r\n color: #3f566e !important;\r\n margin: 0 !important;\r\n max-width: 500px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s !important;\r\n }\r\n\r\n .korall_separator.korall_separator--visible .korall_separator__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n VIDEO CONTAINER (80vh)\r\n ============================================ *\/\r\n .korall_separator__video-container {\r\n position: relative !important;\r\n height: 80vh !important;\r\n min-height: 400px !important;\r\n overflow: hidden !important;\r\n opacity: 0 !important;\r\n transform: scale(0.98) !important;\r\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s !important;\r\n }\r\n\r\n .korall_separator.korall_separator--visible .korall_separator__video-container {\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n }\r\n\r\n .korall_separator__video {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n }\r\n\r\n .korall_separator__video-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(63, 86, 110, 0.12) 0%,\r\n rgba(0, 0, 0, 0) 20%,\r\n rgba(0, 0, 0, 0) 80%,\r\n rgba(63, 86, 110, 0.2) 100%\r\n ) !important;\r\n pointer-events: none !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* ============================================\r\n GLASSMORPHISM CONTROLS\r\n ============================================ *\/\r\n .korall_separator__controls {\r\n position: absolute !important;\r\n bottom: 24px !important;\r\n right: 24px !important;\r\n display: flex !important;\r\n gap: 8px !important;\r\n z-index: 10 !important;\r\n opacity: 0 !important;\r\n transform: translateY(10px) !important;\r\n transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s !important;\r\n }\r\n\r\n .korall_separator.korall_separator--visible .korall_separator__controls {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_separator__control-btn {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 48px !important;\r\n height: 48px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.25) !important;\r\n border-radius: 0px !important;\r\n background: rgba(255, 255, 255, 0.12) !important;\r\n backdrop-filter: blur(12px) !important;\r\n -webkit-backdrop-filter: blur(12px) !important;\r\n cursor: pointer !important;\r\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.2s ease !important;\r\n }\r\n\r\n .korall_separator__control-btn:hover {\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n border-color: rgba(255, 255, 255, 0.4) !important;\r\n }\r\n\r\n .korall_separator__control-btn:active {\r\n transform: scale(0.95) !important;\r\n }\r\n\r\n .korall_separator__control-btn svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n fill: rgba(255, 255, 255, 0.9) !important;\r\n transition: fill 0.3s ease !important;\r\n }\r\n\r\n .korall_separator__control-btn:hover svg {\r\n fill: #ffffff !important;\r\n }\r\n\r\n .korall_separator__control-btn .korall_icon--pause,\r\n .korall_separator__control-btn .korall_icon--unmute {\r\n display: none !important;\r\n }\r\n\r\n .korall_separator__control-btn.korall_playing .korall_icon--play {\r\n display: none !important;\r\n }\r\n\r\n .korall_separator__control-btn.korall_playing .korall_icon--pause {\r\n display: block !important;\r\n }\r\n\r\n .korall_separator__control-btn.korall_unmuted .korall_icon--mute {\r\n display: none !important;\r\n }\r\n\r\n .korall_separator__control-btn.korall_unmuted .korall_icon--unmute {\r\n display: block !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 1100px) {\r\n .korall_separator__header {\r\n min-height: 140px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .korall_separator__header {\r\n height: 22vh !important;\r\n min-height: 140px !important;\r\n padding: 20px !important;\r\n }\r\n\r\n .korall_separator__video-container {\r\n height: 78vh !important;\r\n min-height: 350px !important;\r\n }\r\n\r\n .korall_separator__title {\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .korall_separator__subtitle {\r\n font-size: clamp(17px, 3.5vw, 21px) !important;\r\n }\r\n\r\n .korall_separator__controls {\r\n bottom: 16px !important;\r\n right: 16px !important;\r\n gap: 6px !important;\r\n }\r\n\r\n .korall_separator__control-btn {\r\n width: 46px !important;\r\n height: 46px !important;\r\n }\r\n\r\n .korall_separator__control-btn svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .korall_separator__header {\r\n height: 24vh !important;\r\n min-height: 130px !important;\r\n }\r\n\r\n .korall_separator__video-container {\r\n height: 76vh !important;\r\n }\r\n\r\n .korall_separator__subtitle {\r\n padding: 0 8px !important;\r\n }\r\n }\r\n<\/style>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var separator = document.getElementById('separator');\r\n var video = document.getElementById('korall_separator_video');\r\n var playPauseBtn = document.getElementById('korall_playpause');\r\n var muteToggleBtn = document.getElementById('korall_mutetoggle');\r\n var fullscreenBtn = document.getElementById('korall_fullscreen');\r\n\r\n \/\/ ============================================\r\n \/\/ VISIBILITY ANIMATION\r\n \/\/ ============================================\r\n function checkVisibility() {\r\n var rect = separator.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n separator.classList.add('korall_separator--visible');\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ VIDEO CONTROLS\r\n \/\/ ============================================\r\n \r\n playPauseBtn.addEventListener('click', function() {\r\n if (video.paused) {\r\n video.play();\r\n playPauseBtn.classList.add('korall_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n } else {\r\n video.pause();\r\n playPauseBtn.classList.remove('korall_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\r\n }\r\n });\r\n\r\n muteToggleBtn.addEventListener('click', function() {\r\n if (video.muted) {\r\n video.muted = false;\r\n muteToggleBtn.classList.add('korall_unmuted');\r\n muteToggleBtn.setAttribute('aria-label', 'Silenciar');\r\n } else {\r\n video.muted = true;\r\n muteToggleBtn.classList.remove('korall_unmuted');\r\n muteToggleBtn.setAttribute('aria-label', 'Activar sonido');\r\n }\r\n });\r\n\r\n fullscreenBtn.addEventListener('click', function() {\r\n if (document.fullscreenElement || document.webkitFullscreenElement) {\r\n if (document.exitFullscreen) {\r\n document.exitFullscreen();\r\n } else if (document.webkitExitFullscreen) {\r\n document.webkitExitFullscreen();\r\n }\r\n return;\r\n }\r\n\r\n if (video.webkitEnterFullscreen) {\r\n video.webkitEnterFullscreen();\r\n return;\r\n }\r\n\r\n if (video.requestFullscreen) {\r\n video.requestFullscreen();\r\n } else if (video.webkitRequestFullscreen) {\r\n video.webkitRequestFullscreen();\r\n } else if (video.msRequestFullscreen) {\r\n video.msRequestFullscreen();\r\n }\r\n });\r\n\r\n video.addEventListener('webkitendfullscreen', function() {\r\n video.play();\r\n playPauseBtn.classList.add('korall_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n });\r\n\r\n document.addEventListener('fullscreenchange', function() {\r\n if (!document.fullscreenElement && video.paused) {\r\n video.play();\r\n playPauseBtn.classList.add('korall_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n }\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ SCROLL HANDLER\r\n \/\/ ============================================\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ INIT - Video source injection (desktop vs mobile)\r\n \/\/ ============================================\r\n var mobileBreakpoint = 768;\r\n var isMobile = window.innerWidth <= mobileBreakpoint;\r\n var videoSrcDesktop = separator.getAttribute('data-video-src');\r\n var videoSrcMobile = separator.getAttribute('data-video-src-mobile');\r\n\r\n var videoSrc = isMobile && videoSrcMobile && videoSrcMobile.indexOf('[') === -1 && videoSrcMobile.trim() !== ''\r\n ? videoSrcMobile\r\n : videoSrcDesktop;\r\n\r\n if (videoSrc && videoSrc.indexOf('[') === -1 && videoSrc.trim() !== '') {\r\n video.src = videoSrc;\r\n video.load();\r\n video.play().catch(function() {\r\n playPauseBtn.classList.remove('korall_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\r\n });\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\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-c470998 e-con-full e-flex e-con e-parent\" data-id=\"c470998\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd981e6 elementor-widget elementor-widget-html\" data-id=\"bd981e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Korall Residences - Sky Villas<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Lexend+Deca:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Lexend Deca', sans-serif;\r\n background-color: #fff;\r\n color: #3f566e;\r\n }\r\n\r\n \/* ============================================\r\n SECCI\u00d3N TIPOLOG\u00cdAS\r\n ============================================ *\/\r\n .korall_typology {\r\n position: relative !important;\r\n padding: 160px 0 !important;\r\n background: linear-gradient(180deg, #fff 0%, #f6f6f6 100%) !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .korall_typology::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: -10% !important;\r\n right: -5% !important;\r\n width: 500px !important;\r\n height: 500px !important;\r\n background: radial-gradient(circle, rgba(168, 202, 234, 0.06) 0%, transparent 70%) !important;\r\n border-radius: 50% !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .korall_typology::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: -15% !important;\r\n left: -8% !important;\r\n width: 600px !important;\r\n height: 600px !important;\r\n background: radial-gradient(circle, rgba(74, 102, 130, 0.04) 0%, transparent 70%) !important;\r\n border-radius: 50% !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .korall_typology__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n \/* ============================================\r\n HEADER\r\n ============================================ *\/\r\n .korall_typology__header {\r\n text-align: center !important;\r\n margin-bottom: 80px !important;\r\n }\r\n\r\n .korall_typology__label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin-bottom: 20px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .korall_typology.korall_typology--visible .korall_typology__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_typology__title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(38px, 5vw, 64px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 24px 0 !important;\r\n letter-spacing: -1.5px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .korall_typology.korall_typology--visible .korall_typology__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_typology__subtitle {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: clamp(19px, 2vw, 25px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #3f566e !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 opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .korall_typology.korall_typology--visible .korall_typology__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n LAYOUT PRINCIPAL\r\n ============================================ *\/\r\n .korall_typology__main {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 60px !important;\r\n align-items: center !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s !important;\r\n }\r\n\r\n .korall_typology.korall_typology--visible .korall_typology__main {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n COLUMNA IZQUIERDA - IMAGEN\r\n ============================================ *\/\r\n .korall_typology__image-wrapper {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 600px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 16px 48px rgba(63, 86, 110, 0.15) !important;\r\n }\r\n\r\n .korall_typology__image-wrapper::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(\r\n 180deg,\r\n rgba(0, 0, 0, 0) 0%,\r\n rgba(0, 0, 0, 0) 50%,\r\n rgba(63, 86, 110, 0.3) 100%\r\n ) !important;\r\n z-index: 2 !important;\r\n pointer-events: none !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.5s ease !important;\r\n }\r\n\r\n .korall_typology__image-wrapper:hover::before {\r\n opacity: 1 !important;\r\n }\r\n\r\n .korall_typology__image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n filter: saturate(0.95) !important;\r\n }\r\n\r\n .korall_typology__image-wrapper:hover .korall_typology__image {\r\n transform: scale(1.05) !important;\r\n filter: saturate(1) !important;\r\n }\r\n\r\n .korall_typology__image-badge {\r\n position: absolute !important;\r\n top: 24px !important;\r\n left: 24px !important;\r\n padding: 10px 20px !important;\r\n background: rgba(255, 255, 255, 0.95) !important;\r\n backdrop-filter: blur(8px) !important;\r\n -webkit-backdrop-filter: blur(8px) !important;\r\n border-left: 3px solid #4a6682 !important;\r\n z-index: 3 !important;\r\n }\r\n\r\n .korall_typology__image-badge-text {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: #3f566e !important;\r\n }\r\n\r\n \/* ============================================\r\n COLUMNA DERECHA - CONTENIDO\r\n ============================================ *\/\r\n .korall_typology__content {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 32px !important;\r\n }\r\n\r\n .korall_typology__name {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(36px, 4vw, 56px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #3f566e !important;\r\n margin: 0 !important;\r\n letter-spacing: -1px !important;\r\n }\r\n\r\n .korall_typology__description {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: clamp(16px, 1.6vw, 20px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.75 !important;\r\n color: #3f566e !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .korall_typology__highlight {\r\n color: #4a6682 !important;\r\n font-weight: 400 !important;\r\n }\r\n\r\n \/* ============================================\r\n DETALLES EN GRID\r\n ============================================ *\/\r\n .korall_typology__details {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 28px !important;\r\n padding: 32px !important;\r\n background: #fff !important;\r\n border-left: 3px solid #4a6682 !important;\r\n box-shadow: 0 8px 30px rgba(63, 86, 110, 0.08) !important;\r\n }\r\n\r\n .korall_typology__detail {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .korall_typology__detail-icon {\r\n flex-shrink: 0 !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: rgba(74, 102, 130, 0.1) !important;\r\n border-radius: 50% !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .korall_typology__detail:hover .korall_typology__detail-icon {\r\n background: rgba(74, 102, 130, 0.2) !important;\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n .korall_typology__detail-icon svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n stroke: #4a6682 !important;\r\n fill: none !important;\r\n }\r\n\r\n .korall_typology__detail-text {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 4px !important;\r\n }\r\n\r\n .korall_typology__detail-label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n }\r\n\r\n .korall_typology__detail-value {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 18px !important;\r\n font-weight: 400 !important;\r\n color: #3f566e !important;\r\n letter-spacing: -0.5px !important;\r\n }\r\n\r\n \/* ============================================\r\n CARACTER\u00cdSTICAS (FEATURES)\r\n ============================================ *\/\r\n .korall_typology__features {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .korall_typology__features-title {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin: 0 0 8px 0 !important;\r\n }\r\n\r\n .korall_typology__feature {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 12px !important;\r\n }\r\n\r\n .korall_typology__feature-bullet {\r\n flex-shrink: 0 !important;\r\n width: 6px !important;\r\n height: 6px !important;\r\n background: #4a6682 !important;\r\n border-radius: 50% !important;\r\n margin-top: 8px !important;\r\n }\r\n\r\n \/* Bullet opcional (piscina privada) *\/\r\n .korall_typology__feature-bullet--optional {\r\n background: #a8caea !important;\r\n }\r\n\r\n .korall_typology__feature-text {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.6 !important;\r\n color: #3f566e !important;\r\n }\r\n\r\n \/* Badge opcional inline *\/\r\n .korall_typology__feature-optional {\r\n display: inline-block !important;\r\n font-size: 10px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: #4a6682 !important;\r\n border: 1px solid #a8caea !important;\r\n padding: 2px 7px !important;\r\n margin-left: 8px !important;\r\n vertical-align: middle !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n \/* ============================================\r\n CTA\r\n ============================================ *\/\r\n .korall_typology__cta {\r\n display: flex;\r\n width: fit-content;\r\n margin-left: 0;\r\n margin-right: auto;\r\n justify-content: center;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n padding: 18px 56px !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #fff !important;\r\n background: #4a6682 !important;\r\n text-decoration: none !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .korall_typology__cta:hover {\r\n background: #4e7194 !important;\r\n color: #fff !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 24px rgba(74, 102, 130, 0.25) !important;\r\n }\r\n\r\n .korall_typology__cta svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n .korall_typology__cta:hover svg {\r\n transform: translateX(4px) !important;\r\n }\r\n\r\n \/* ============================================\r\n DISCLAIMER\r\n ============================================ *\/\r\n .korall_typology__disclaimer {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n font-style: italic !important;\r\n line-height: 1.6 !important;\r\n color: #a8caea !important;\r\n text-align: center !important;\r\n max-width: 900px !important;\r\n margin: 60px auto 0 !important;\r\n padding: 0 20px !important;\r\n opacity: 0 !important;\r\n transform: translateY(10px) !important;\r\n transition: opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s !important;\r\n }\r\n\r\n .korall_typology.korall_typology--visible .korall_typology__disclaimer {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 1200px) {\r\n .korall_typology {\r\n padding: 120px 0 !important;\r\n }\r\n\r\n .korall_typology__container {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .korall_typology__header {\r\n margin-bottom: 60px !important;\r\n }\r\n\r\n .korall_typology__main {\r\n gap: 48px !important;\r\n }\r\n\r\n .korall_typology__image-wrapper {\r\n height: 500px !important;\r\n }\r\n\r\n .korall_typology__details {\r\n gap: 24px !important;\r\n padding: 28px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .korall_typology {\r\n padding: 80px 0 !important;\r\n }\r\n\r\n .korall_typology__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .korall_typology__header {\r\n margin-bottom: 48px !important;\r\n }\r\n\r\n .korall_typology__main {\r\n grid-template-columns: 1fr !important;\r\n gap: 40px !important;\r\n }\r\n\r\n .korall_typology__image-wrapper {\r\n height: 400px !important;\r\n }\r\n\r\n .korall_typology__image-badge {\r\n top: 16px !important;\r\n left: 16px !important;\r\n padding: 8px 16px !important;\r\n }\r\n\r\n .korall_typology__image-badge-text {\r\n font-size: 10px !important;\r\n }\r\n\r\n .korall_typology__content {\r\n gap: 28px !important;\r\n }\r\n\r\n .korall_typology__details {\r\n grid-template-columns: 1fr !important;\r\n gap: 20px !important;\r\n padding: 24px !important;\r\n }\r\n\r\n .korall_typology__detail-icon {\r\n width: 36px !important;\r\n height: 36px !important;\r\n }\r\n\r\n .korall_typology__detail-icon svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n\r\n .korall_typology__detail-value {\r\n font-size: 16px !important;\r\n }\r\n\r\n .korall_typology__feature-text {\r\n font-size: 14px !important;\r\n }\r\n\r\n .korall_typology__cta {\r\n width: 100% !important;\r\n justify-content: center !important;\r\n padding: 16px 48px !important;\r\n }\r\n\r\n .korall_typology__disclaimer {\r\n margin-top: 48px !important;\r\n font-size: 10px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .korall_typology__image-wrapper {\r\n height: 320px !important;\r\n }\r\n\r\n .korall_typology__details {\r\n padding: 20px !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .korall_typology__detail-icon {\r\n width: 32px !important;\r\n height: 32px !important;\r\n }\r\n\r\n .korall_typology__detail-value {\r\n font-size: 15px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"korall_typology\" id=\"typology\">\r\n <div class=\"korall_typology__container\">\r\n \r\n \r\n <header class=\"korall_typology__header\">\r\n <span class=\"korall_typology__label\">Sky Villas<\/span>\r\n <h2 class=\"korall_typology__title\">3-Bedroom Sky Villa<\/h2>\r\n <p class=\"korall_typology__subtitle\">\r\n A home where comfort becomes an everyday experience.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"korall_typology__main\">\r\n \r\n \r\n <div class=\"korall_typology__image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Dormitorio-2-scaled.png\" alt=\"3-Bedroom Sky Villa - Korall Residences\" class=\"korall_typology__image\" loading=\"lazy\">\r\n <div class=\"korall_typology__image-badge\">\r\n <span class=\"korall_typology__image-badge-text\">Mediterranean Design<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"korall_typology__content\">\r\n\r\n \r\n <div class=\"korall_typology__details\">\r\n \r\n <div class=\"korall_typology__detail\">\r\n <div class=\"korall_typology__detail-icon\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n <polyline points=\"9 22 9 12 15 12 15 22\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"korall_typology__detail-text\">\r\n <span class=\"korall_typology__detail-label\">Bedrooms<\/span>\r\n <span class=\"korall_typology__detail-value\">3<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__detail\">\r\n <div class=\"korall_typology__detail-icon\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <path d=\"M3 9h18M9 21V9\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"korall_typology__detail-text\">\r\n <span class=\"korall_typology__detail-label\">Area from<\/span>\r\n <span class=\"korall_typology__detail-value\">130 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__detail\">\r\n <div class=\"korall_typology__detail-icon\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"korall_typology__detail-text\">\r\n <span class=\"korall_typology__detail-label\">Price from<\/span>\r\n <span class=\"korall_typology__detail-value\">810.000 \u20ac<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__detail\">\r\n <div class=\"korall_typology__detail-icon\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <polyline points=\"12 6 12 12 16 14\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"korall_typology__detail-text\">\r\n <span class=\"korall_typology__detail-label\">Delivery<\/span>\r\n <span class=\"korall_typology__detail-value\">2028<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"korall_typology__features\">\r\n <h4 class=\"korall_typology__features-title\">Key features<\/h4>\r\n\r\n <div class=\"korall_typology__feature\">\r\n <div class=\"korall_typology__feature-bullet\"><\/div>\r\n <span class=\"korall_typology__feature-text\">Spacious terraces with panoramic Mediterranean views<\/span>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__feature\">\r\n <div class=\"korall_typology__feature-bullet\"><\/div>\r\n <span class=\"korall_typology__feature-text\">Premium kitchen fitted with high-end appliances<\/span>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__feature\">\r\n <div class=\"korall_typology__feature-bullet\"><\/div>\r\n <span class=\"korall_typology__feature-text\">Sustainable finishes and top-quality materials<\/span>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__feature\">\r\n <div class=\"korall_typology__feature-bullet\"><\/div>\r\n <span class=\"korall_typology__feature-text\">South-west orientation for maximum natural light<\/span>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__feature\">\r\n <div class=\"korall_typology__feature-bullet\"><\/div>\r\n <span class=\"korall_typology__feature-text\">2 parking spaces + storage room included<\/span>\r\n <\/div>\r\n\r\n <div class=\"korall_typology__feature\">\r\n <div class=\"korall_typology__feature-bullet korall_typology__feature-bullet--optional\"><\/div>\r\n <span class=\"korall_typology__feature-text\">\r\n Two-storey homes with garden and private pool\r\n <span class=\"korall_typology__feature-optional\">Optional<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <a href=\"#unlock\" class=\"korall_typology__cta\">\r\n Request information\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\r\n <\/svg>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <p class=\"korall_typology__disclaimer\">\r\n Images are non-contractual and based on the Preliminary Project. \r\n Information subject to modifications required by technical, \r\n legal or commercial reasons during or after construction.\r\n <\/p>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('typology');\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.75) {\r\n section.classList.add('korall_typology--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-979524f e-con-full e-flex e-con e-parent\" data-id=\"979524f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dc6655 elementor-widget elementor-widget-html\" data-id=\"3dc6655\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html><html lang=\"es\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Korall Residences - Divider<\/title><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Lexend+Deca:wght@300;400&display=swap\" rel=\"stylesheet\"><style>*, *::before, *::after {\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Lexend Deca', sans-serif;\n background-color: #fff;\n color: #3f566e;\n }\n\n \/* ============================================\n SECCI\u00d3N DIVIDER\n ============================================ *\/\n .korall_divider {\n position: relative !important;\n height: 70vh !important;\n min-height: 500px !important;\n max-height: 700px !important;\n overflow: hidden !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n background-color: #1a1a1a !important;\n }\n\n \/* ============================================\n IMAGEN DE FONDO CON PARALLAX\n ============================================ *\/\n .korall_divider__image {\n position: absolute !important;\n top: -15% !important;\n left: 0 !important;\n width: 100% !important;\n height: 130% !important;\n object-fit: cover !important;\n object-position: center 45% !important;\n will-change: transform !important;\n transition: transform 0.1s ease-out !important;\n }\n\n \/* Overlay oscuro *\/\n .korall_divider__overlay {\n position: absolute !important;\n inset: 0 !important;\n background: \n radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%),\n linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.3) 100%) !important;\n z-index: 1 !important;\n }\n\n \/* ============================================\n CONTENIDO CENTRADO\n ============================================ *\/\n .korall_divider__content {\n position: relative !important;\n z-index: 2 !important;\n text-align: center !important;\n padding: 0 40px !important;\n max-width: 900px !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n gap: 32px !important;\n }\n\n \/* ============================================\n LOGO\n ============================================ *\/\n .korall_divider__logo {\n width: 180px !important;\n height: auto !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.8s ease, transform 0.8s ease !important;\n filter: brightness(0) invert(1) !important;\n }\n\n .korall_divider.korall_divider--visible .korall_divider__logo {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n \/* ============================================\n TEXTO\n ============================================ *\/\n .korall_divider__text {\n font-family: 'Lexend Deca', sans-serif !important;\n font-size: clamp(18px, 2.2vw, 28px) !important;\n font-weight: 300 !important;\n line-height: 1.6 !important;\n letter-spacing: 0.3px !important;\n color: #ffffff !important;\n margin: 0 !important;\n max-width: 700px !important;\n text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4) !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.8s ease 0.15s, transform 0.8s ease 0.15s !important;\n }\n\n .korall_divider.korall_divider--visible .korall_divider__text {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n \/* ============================================\n L\u00cdNEA DECORATIVA\n ============================================ *\/\n .korall_divider__line {\n width: 80px !important;\n height: 2px !important;\n background: linear-gradient(90deg, #4a6682 0%, #a8caea 100%) !important;\n border-radius: 1px !important;\n opacity: 0 !important;\n transform: scaleX(0) !important;\n transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s !important;\n }\n\n .korall_divider.korall_divider--visible .korall_divider__line {\n opacity: 1 !important;\n transform: scaleX(1) !important;\n }\n\n \/* ============================================\n RESPONSIVE - TABLET\n ============================================ *\/\n @media screen and (max-width: 1200px) {\n .korall_divider {\n height: 65vh !important;\n min-height: 450px !important;\n }\n\n .korall_divider__logo {\n width: 160px !important;\n }\n\n .korall_divider__content {\n gap: 28px !important;\n }\n }\n\n \/* ============================================\n RESPONSIVE - TABLET SMALL\n ============================================ *\/\n @media screen and (max-width: 991px) {\n .korall_divider {\n height: 60vh !important;\n min-height: 400px !important;\n }\n\n .korall_divider__content {\n padding: 0 32px !important;\n gap: 24px !important;\n }\n\n .korall_divider__logo {\n width: 140px !important;\n }\n\n .korall_divider__line {\n width: 70px !important;\n }\n }\n\n \/* ============================================\n RESPONSIVE - MOBILE\n ============================================ *\/\n @media screen and (max-width: 768px) {\n .korall_divider {\n height: 55vh !important;\n min-height: 380px !important;\n }\n\n .korall_divider__content {\n padding: 0 24px !important;\n gap: 20px !important;\n }\n\n .korall_divider__logo {\n width: 120px !important;\n }\n\n .korall_divider__text {\n font-size: clamp(16px, 4vw, 22px) !important;\n }\n\n .korall_divider__line {\n width: 60px !important;\n }\n }\n\n \/* ============================================\n RESPONSIVE - MOBILE SMALL\n ============================================ *\/\n @media screen and (max-width: 480px) {\n .korall_divider {\n height: 50vh !important;\n min-height: 320px !important;\n }\n\n .korall_divider__logo {\n width: 100px !important;\n }\n\n .korall_divider__content {\n gap: 16px !important;\n }\n\n .korall_divider__line {\n width: 50px !important;\n }\n }\n <\/style><\/head><body><section class=\"korall_divider\" id=\"divider\"><img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/terraza_6-scaled.jpeg\" alt=\"Piscina comunitaria - Korall Residences\" class=\"korall_divider__image\" id=\"korall_divider_image\" loading=\"lazy\"><div class=\"korall_divider__overlay\"><\/div><div class=\"korall_divider__content\"><img decoding=\"async\" src=\"https:\/\/www.korallbytopgestion.com\/wp-content\/uploads\/2024\/01\/Logo-Korall-Residences-300x138px-By-TOP-Color-1.webp\" alt=\"Korall Residences\" class=\"korall_divider__logo\"><p class=\"korall_divider__text\">Where the Costa del Sol meets your lifestyle\n <\/p><div class=\"korall_divider__line\"><\/div><\/div><\/section><script>(function() {\n 'use strict';\n\n var section = document.getElementById('divider');\n var image = document.getElementById('korall_divider_image');\n\n \/\/ PARALLAX INVERSO (imagen se mueve m\u00e1s lento que scroll)\n function updateParallax() {\n var rect = section.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n \/\/ Solo aplicar parallax cuando la secci\u00f3n est\u00e1 visible\n if (rect.bottom < 0 || rect.top > windowHeight) return;\n \n \/\/ Calcular progreso del scroll (0 a 1)\n var scrollProgress = (windowHeight - rect.top) \/ (windowHeight + rect.height);\n \n \/\/ Parallax inverso: mueve la imagen en direcci\u00f3n opuesta al scroll\n \/\/ Factor de 60 = movimiento moderado (m\u00e1s bajo = m\u00e1s est\u00e1tico)\n var translateY = (scrollProgress - 0.5) * 60;\n \n image.style.transform = 'translateY(' + translateY + 'px)';\n }\n\n \/\/ ANIMACI\u00d3N DE ENTRADA\n function checkVisibility() {\n var rect = section.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.top < windowHeight * 0.8) {\n section.classList.add('korall_divider--visible');\n }\n }\n\n \/\/ OPTIMIZACI\u00d3N CON RAF\n var ticking = false;\n \n function onScroll() {\n if (!ticking) {\n requestAnimationFrame(function() {\n updateParallax();\n checkVisibility();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n \/\/ EVENTOS\n window.addEventListener('scroll', onScroll, { passive: true });\n \n \/\/ INIT\n updateParallax();\n checkVisibility();\n\n })();\n <\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8f6949 elementor-widget elementor-widget-html\" data-id=\"d8f6949\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Korall Residences - Gallery<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Lexend+Deca:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Lexend Deca', sans-serif;\r\n background-color: #fff;\r\n color: #3f566e;\r\n }\r\n\r\n \/* ============================================\r\n SECCI\u00d3N GALER\u00cdA\r\n ============================================ *\/\r\n .korall_gallery {\r\n position: relative !important;\r\n padding: 160px 0 !important;\r\n background: linear-gradient(180deg, #f6f6f6 0%, #fff 100%) !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .korall_gallery__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n \/* ============================================\r\n HEADER\r\n ============================================ *\/\r\n .korall_gallery__header {\r\n text-align: center !important;\r\n margin-bottom: 60px !important;\r\n }\r\n\r\n .korall_gallery__label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin-bottom: 20px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .korall_gallery.korall_gallery--visible .korall_gallery__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_gallery__title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(38px, 5vw, 64px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 24px 0 !important;\r\n letter-spacing: -1.5px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .korall_gallery.korall_gallery--visible .korall_gallery__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_gallery__subtitle {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: clamp(19px, 2vw, 25px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #3f566e !important;\r\n margin: 0 auto !important;\r\n max-width: 600px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .korall_gallery.korall_gallery--visible .korall_gallery__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n GRID GALER\u00cdA\r\n ============================================ *\/\r\n .korall_gallery__grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n grid-auto-rows: 360px !important;\r\n gap: 24px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s !important;\r\n }\r\n\r\n .korall_gallery.korall_gallery--visible .korall_gallery__grid {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n ITEMS DE GALER\u00cdA\r\n ============================================ *\/\r\n .korall_gallery__item {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n cursor: pointer !important;\r\n box-shadow: 0 8px 30px rgba(63, 86, 110, 0.12) !important;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease !important;\r\n }\r\n\r\n \/* Primera imagen 2x2 *\/\r\n .korall_gallery__item:first-child {\r\n grid-column: span 2 !important;\r\n grid-row: span 2 !important;\r\n }\r\n\r\n .korall_gallery__item:hover {\r\n transform: translateY(-8px) !important;\r\n box-shadow: 0 16px 48px rgba(63, 86, 110, 0.2) !important;\r\n }\r\n\r\n \/* Border sutil *\/\r\n .korall_gallery__item::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n padding: 2px !important;\r\n background: linear-gradient(135deg, rgba(74, 102, 130, 0.4) 0%, rgba(168, 202, 234, 0.2) 50%, transparent 100%) !important;\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n -webkit-mask-composite: xor !important;\r\n mask-composite: exclude !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.4s ease !important;\r\n z-index: 10 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .korall_gallery__item:hover::before {\r\n opacity: 1 !important;\r\n }\r\n\r\n .korall_gallery__image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n filter: saturate(0.95) !important;\r\n }\r\n\r\n .korall_gallery__item:hover .korall_gallery__image {\r\n transform: scale(1.05) !important;\r\n filter: saturate(1) !important;\r\n }\r\n\r\n \/* Overlay gradiente *\/\r\n .korall_gallery__overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(\r\n to top,\r\n rgba(63, 86, 110, 0.8) 0%,\r\n rgba(63, 86, 110, 0.3) 40%,\r\n rgba(0, 0, 0, 0) 70%\r\n ) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .korall_gallery__item:hover .korall_gallery__overlay {\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* Caption *\/\r\n .korall_gallery__caption {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding: 24px !important;\r\n z-index: 4 !important;\r\n transform: translateY(10px) !important;\r\n opacity: 0 !important;\r\n transition: transform 0.4s ease, opacity 0.4s ease !important;\r\n }\r\n\r\n .korall_gallery__item:hover .korall_gallery__caption {\r\n transform: translateY(0) !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n .korall_gallery__caption-title {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 17px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.3px !important;\r\n color: #ffffff !important;\r\n margin: 0 0 8px 0 !important;\r\n }\r\n\r\n .korall_gallery__caption-hint {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.7) !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n }\r\n\r\n .korall_gallery__caption-hint svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n stroke: currentColor !important;\r\n fill: none !important;\r\n stroke-width: 2 !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n .korall_gallery__item:hover .korall_gallery__caption-hint svg {\r\n transform: translateX(3px) !important;\r\n }\r\n\r\n \/* ============================================\r\n LIGHTBOX\r\n ============================================ *\/\r\n .korall_lightbox {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 99999 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\r\n }\r\n\r\n .korall_lightbox.korall_lightbox--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n\r\n .korall_lightbox__backdrop {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.96) 100%) !important;\r\n backdrop-filter: blur(16px) !important;\r\n -webkit-backdrop-filter: blur(16px) !important;\r\n }\r\n\r\n .korall_lightbox__content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 90vw !important;\r\n max-height: 85vh !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .korall_lightbox__image {\r\n max-width: 100% !important;\r\n max-height: 85vh !important;\r\n object-fit: contain !important;\r\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.6) !important;\r\n opacity: 0 !important;\r\n transform: scale(0.95) !important;\r\n transition: opacity 0.3s ease, transform 0.3s ease !important;\r\n }\r\n\r\n .korall_lightbox--open .korall_lightbox__image {\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n }\r\n\r\n .korall_lightbox__close {\r\n position: absolute !important;\r\n top: 24px !important;\r\n right: 24px !important;\r\n width: 48px !important;\r\n height: 48px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n z-index: 3 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .korall_lightbox__close:hover {\r\n background: rgba(74, 102, 130, 0.3) !important;\r\n border-color: rgba(74, 102, 130, 0.5) !important;\r\n transform: rotate(90deg) !important;\r\n }\r\n\r\n .korall_lightbox__close svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n fill: #ffffff !important;\r\n }\r\n\r\n .korall_lightbox__nav {\r\n position: absolute !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n width: 52px !important;\r\n height: 52px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: rgba(255, 255, 255, 0.08) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n z-index: 3 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .korall_lightbox__nav:hover {\r\n background: rgba(74, 102, 130, 0.2) !important;\r\n border-color: rgba(74, 102, 130, 0.4) !important;\r\n }\r\n\r\n .korall_lightbox__nav--prev {\r\n left: 24px !important;\r\n }\r\n\r\n .korall_lightbox__nav--prev:hover {\r\n transform: translateY(-50%) translateX(-4px) !important;\r\n }\r\n\r\n .korall_lightbox__nav--next {\r\n right: 24px !important;\r\n }\r\n\r\n .korall_lightbox__nav--next:hover {\r\n transform: translateY(-50%) translateX(4px) !important;\r\n }\r\n\r\n .korall_lightbox__nav svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n fill: #ffffff !important;\r\n }\r\n\r\n .korall_lightbox__info {\r\n position: absolute !important;\r\n bottom: 28px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n text-align: center !important;\r\n z-index: 3 !important;\r\n }\r\n\r\n .korall_lightbox__title {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 400 !important;\r\n color: #ffffff !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .korall_lightbox__counter {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 3px !important;\r\n color: rgba(168, 202, 234, 0.8) !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 1200px) {\r\n .korall_gallery {\r\n padding: 120px 0 !important;\r\n }\r\n\r\n .korall_gallery__container {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .korall_gallery__grid {\r\n grid-auto-rows: 300px !important;\r\n gap: 20px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .korall_gallery {\r\n padding: 80px 0 !important;\r\n }\r\n\r\n .korall_gallery__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .korall_gallery__header {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .korall_gallery__grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n grid-auto-rows: 200px !important;\r\n gap: 16px !important;\r\n }\r\n\r\n \/* Primera imagen 2x2 en mobile tambi\u00e9n *\/\r\n .korall_gallery__item:first-child {\r\n grid-column: span 2 !important;\r\n grid-row: span 2 !important;\r\n }\r\n\r\n .korall_gallery__caption {\r\n padding: 16px !important;\r\n }\r\n\r\n .korall_gallery__caption-title {\r\n font-size: 14px !important;\r\n }\r\n\r\n .korall_lightbox__close {\r\n top: 16px !important;\r\n right: 16px !important;\r\n width: 44px !important;\r\n height: 44px !important;\r\n }\r\n\r\n .korall_lightbox__nav {\r\n width: 46px !important;\r\n height: 46px !important;\r\n }\r\n\r\n .korall_lightbox__nav--prev {\r\n left: 16px !important;\r\n }\r\n\r\n .korall_lightbox__nav--next {\r\n right: 16px !important;\r\n }\r\n\r\n .korall_lightbox__info {\r\n bottom: 20px !important;\r\n }\r\n\r\n .korall_lightbox__title {\r\n font-size: 14px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .korall_gallery__grid {\r\n grid-template-columns: 1fr !important;\r\n grid-auto-rows: 260px !important;\r\n }\r\n\r\n .korall_gallery__item:first-child {\r\n grid-column: span 1 !important;\r\n grid-row: span 1 !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"korall_gallery\" id=\"gallery\">\r\n <div class=\"korall_gallery__container\">\r\n \r\n \r\n <header class=\"korall_gallery__header\">\r\n <span class=\"korall_gallery__label\">Spaces that inspire<\/span>\r\n <h2 class=\"korall_gallery__title\">A visual journey<\/h2>\r\n <p class=\"korall_gallery__subtitle\">\r\n Architectural perfection that transforms your everyday life into an exceptional experience.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"korall_gallery__grid\">\r\n \r\n <div class=\"korall_gallery__item\" data-index=\"0\" data-title=\"Private gym\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/freepik__this-is-an-existing-gym-render-in-a-residential-bu__83539-scaled.png\" alt=\"Fully equipped gym\" class=\"korall_gallery__image\" loading=\"lazy\">\r\n <div class=\"korall_gallery__overlay\"><\/div>\r\n <div class=\"korall_gallery__caption\">\r\n <p class=\"korall_gallery__caption-title\">Fully equipped gym<\/p>\r\n <p class=\"korall_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n View enlarged\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_gallery__item\" data-index=\"1\" data-title=\"Master bedroom\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/freepik__this-is-an-existing-bedroom-renderdo-not-change-fu__83541-scaled.png\" alt=\"Master suite with views\" class=\"korall_gallery__image\" loading=\"lazy\">\r\n <div class=\"korall_gallery__overlay\"><\/div>\r\n <div class=\"korall_gallery__caption\">\r\n <p class=\"korall_gallery__caption-title\">Master suite<\/p>\r\n <p class=\"korall_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n View enlarged\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_gallery__item\" data-index=\"2\" data-title=\"Master bathroom\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/freepik__this-is-an-existing-bathroom-renderdo-not-change-f__83540-scaled.png\" alt=\"En-suite bathroom\" class=\"korall_gallery__image\" loading=\"lazy\">\r\n <div class=\"korall_gallery__overlay\"><\/div>\r\n <div class=\"korall_gallery__caption\">\r\n <p class=\"korall_gallery__caption-title\">Master bathroom<\/p>\r\n <p class=\"korall_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n View enlarged\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_gallery__item\" data-index=\"3\" data-title=\"Coworking area\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/freepik__this-is-an-existing-study-or-business-lounge-rende__83537-scaled.png\" alt=\"Shared workspace\" class=\"korall_gallery__image\" loading=\"lazy\">\r\n <div class=\"korall_gallery__overlay\"><\/div>\r\n <div class=\"korall_gallery__caption\">\r\n <p class=\"korall_gallery__caption-title\">Coworking area<\/p>\r\n <p class=\"korall_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n View enlarged\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_gallery__item\" data-index=\"4\" data-title=\"Community pool\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Piscina-scaled.png\" alt=\"Outdoor swimming pool\" class=\"korall_gallery__image\" loading=\"lazy\">\r\n <div class=\"korall_gallery__overlay\"><\/div>\r\n <div class=\"korall_gallery__caption\">\r\n <p class=\"korall_gallery__caption-title\">Community pool<\/p>\r\n <p class=\"korall_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n View enlarged\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"korall_gallery__item\" data-index=\"5\" data-title=\"Secondary suite\">\r\n <img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/freepik__this-is-an-existing-bedroom-renderdo-not-modify-fu__83536-scaled.png\" alt=\"Secondary bedroom\" class=\"korall_gallery__image\" loading=\"lazy\">\r\n <div class=\"korall_gallery__overlay\"><\/div>\r\n <div class=\"korall_gallery__caption\">\r\n <p class=\"korall_gallery__caption-title\">Secondary bedroom<\/p>\r\n <p class=\"korall_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n View enlarged\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"korall_lightbox\" id=\"korall_lightbox\">\r\n <div class=\"korall_lightbox__backdrop\" id=\"korall_lightbox_backdrop\"><\/div>\r\n \r\n <button class=\"korall_lightbox__close\" id=\"korall_lightbox_close\" aria-label=\"Close\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/><\/svg>\r\n <\/button>\r\n\r\n <button class=\"korall_lightbox__nav korall_lightbox__nav--prev\" id=\"korall_lightbox_prev\" aria-label=\"Previous\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>\r\n <\/button>\r\n <button class=\"korall_lightbox__nav korall_lightbox__nav--next\" id=\"korall_lightbox_next\" aria-label=\"Next\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg>\r\n <\/button>\r\n\r\n <div class=\"korall_lightbox__content\">\r\n <img decoding=\"async\" class=\"korall_lightbox__image\" id=\"korall_lightbox_image\" src=\"\" alt=\"\">\r\n <\/div>\r\n\r\n <div class=\"korall_lightbox__info\">\r\n <p class=\"korall_lightbox__title\" id=\"korall_lightbox_title\"><\/p>\r\n <p class=\"korall_lightbox__counter\" id=\"korall_lightbox_counter\"><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('gallery');\r\n var items = document.querySelectorAll('.korall_gallery__item');\r\n\r\n var lightbox = document.getElementById('korall_lightbox');\r\n var lightboxBackdrop = document.getElementById('korall_lightbox_backdrop');\r\n var lightboxImage = document.getElementById('korall_lightbox_image');\r\n var lightboxTitle = document.getElementById('korall_lightbox_title');\r\n var lightboxCounter = document.getElementById('korall_lightbox_counter');\r\n var lightboxClose = document.getElementById('korall_lightbox_close');\r\n var lightboxPrev = document.getElementById('korall_lightbox_prev');\r\n var lightboxNext = document.getElementById('korall_lightbox_next');\r\n\r\n var images = [];\r\n items.forEach(function(item) {\r\n images.push({\r\n src: item.querySelector('.korall_gallery__image').src,\r\n title: item.getAttribute('data-title')\r\n });\r\n });\r\n\r\n var currentIndex = 0;\r\n var totalImages = images.length;\r\n\r\n \/\/ LIGHTBOX\r\n function openLightbox(index) {\r\n currentIndex = index;\r\n lightboxImage.src = images[currentIndex].src;\r\n lightboxImage.alt = images[currentIndex].title;\r\n lightboxTitle.textContent = images[currentIndex].title;\r\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + totalImages;\r\n lightbox.classList.add('korall_lightbox--open');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeLightbox() {\r\n lightbox.classList.remove('korall_lightbox--open');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n function updateLightbox() {\r\n lightboxImage.style.opacity = '0';\r\n lightboxImage.style.transform = 'scale(0.95)';\r\n \r\n setTimeout(function() {\r\n lightboxImage.src = images[currentIndex].src;\r\n lightboxImage.alt = images[currentIndex].title;\r\n lightboxTitle.textContent = images[currentIndex].title;\r\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + totalImages;\r\n \r\n setTimeout(function() {\r\n lightboxImage.style.opacity = '1';\r\n lightboxImage.style.transform = 'scale(1)';\r\n }, 50);\r\n }, 200);\r\n }\r\n\r\n function nextImage() {\r\n currentIndex = (currentIndex + 1) % totalImages;\r\n updateLightbox();\r\n }\r\n\r\n function prevImage() {\r\n currentIndex = (currentIndex - 1 + totalImages) % totalImages;\r\n updateLightbox();\r\n }\r\n\r\n items.forEach(function(item) {\r\n item.addEventListener('click', function() {\r\n var index = parseInt(this.getAttribute('data-index'), 10);\r\n openLightbox(index);\r\n });\r\n });\r\n\r\n lightboxClose.addEventListener('click', closeLightbox);\r\n lightboxBackdrop.addEventListener('click', closeLightbox);\r\n lightboxNext.addEventListener('click', nextImage);\r\n lightboxPrev.addEventListener('click', prevImage);\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (!lightbox.classList.contains('korall_lightbox--open')) return;\r\n if (e.key === 'Escape') closeLightbox();\r\n else if (e.key === 'ArrowRight') nextImage();\r\n else if (e.key === 'ArrowLeft') prevImage();\r\n });\r\n\r\n \/\/ TOUCH SWIPE\r\n var touchStartX = 0;\r\n var touchEndX = 0;\r\n\r\n lightbox.addEventListener('touchstart', function(e) {\r\n touchStartX = e.changedTouches[0].screenX;\r\n }, { passive: true });\r\n\r\n lightbox.addEventListener('touchend', function(e) {\r\n touchEndX = e.changedTouches[0].screenX;\r\n var deltaX = touchEndX - touchStartX;\r\n if (Math.abs(deltaX) > 50) {\r\n if (deltaX > 0) prevImage();\r\n else nextImage();\r\n }\r\n }, { passive: true });\r\n\r\n \/\/ VISIBILITY\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n if (rect.top < windowHeight * 0.75) {\r\n section.classList.add('korall_gallery--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b5cc86 e-con-full e-flex e-con e-parent\" data-id=\"3b5cc86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57e1a63 elementor-widget elementor-widget-html\" data-id=\"57e1a63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html><html lang=\"es\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Korall Residences - Ubicaci\u00f3n<\/title><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Lexend+Deca:wght@300;400&display=swap\" rel=\"stylesheet\"><style>\/* ============================================\r\n RESET & BASE\r\n ============================================ *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Lexend Deca', sans-serif;\r\n background-color: #fff;\r\n color: #3f566e;\r\n }\r\n\r\n \/* ============================================\r\n LOCATION SECTION\r\n ============================================ *\/\r\n .korall_location {\r\n position: relative !important;\r\n padding: 160px 0 !important;\r\n background-color: #f6f6f6 !important;\r\n }\r\n\r\n .korall_location__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n }\r\n\r\n \/* ============================================\r\n CONTENT\r\n ============================================ *\/\r\n .korall_location__content {\r\n text-align: center !important;\r\n max-width: 720px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .korall_location__label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin-bottom: 20px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .korall_location.korall_location--visible .korall_location__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_location__title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(38px, 5vw, 64px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 24px 0 !important;\r\n letter-spacing: -1.5px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .korall_location.korall_location--visible .korall_location__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_location__subtitle {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: clamp(19px, 2vw, 25px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #3f566e !important;\r\n margin: 0 !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .korall_location.korall_location--visible .korall_location__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 991px) {\r\n .korall_location {\r\n padding: 120px 0 !important;\r\n }\r\n\r\n .korall_location__container {\r\n padding: 0 40px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .korall_location {\r\n padding: 80px 0 !important;\r\n }\r\n\r\n .korall_location__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .korall_location__title {\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .korall_location__subtitle {\r\n font-size: clamp(17px, 4vw, 22px) !important;\r\n }\r\n }\r\n <\/style><\/head><body><section class=\"korall_location\" id=\"location\"><div class=\"korall_location__container\"><div class=\"korall_location__content\"><span class=\"korall_location__label\">Privileged location<\/span><h2 class=\"korall_location__title\">Higuer\u00f3n, Fuengirola<\/h2><p class=\"korall_location__subtitle\">Where the Mediterranean, the mountains and the sun converge. \r\n Minutes from the sea, connected to the world.\r\n <\/p><\/div><\/div><\/section><script>(function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('location');\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('korall_location--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-583e434 e-con-full e-flex e-con e-parent\" data-id=\"583e434\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b76b2dd elementor-widget elementor-widget-html\" data-id=\"b76b2dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<iframe id=\"iframe-map\" src=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/map\/korall-en\" allowfullscreen=\"\" title=\"Parque Vega, Mapa Interactivo\" loading=\"lazy\" style=\"height: 80vh; width: 100%;\">\r\n<\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a548930 e-con-full e-flex e-con e-parent\" data-id=\"a548930\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0342a89 elementor-widget elementor-widget-html\" data-id=\"0342a89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Korall Residences - Contact<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Lexend+Deca:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Lexend Deca', sans-serif;\r\n background-color: #fff;\r\n color: #3f566e;\r\n }\r\n\r\n \/* ============================================\r\n SECCION UNLOCK\r\n ============================================ *\/\r\n .korall_unlock {\r\n position: relative !important;\r\n background-color: #fff !important;\r\n }\r\n\r\n .korall_unlock__grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n min-height: 700px !important;\r\n }\r\n\r\n \/* ============================================\r\n IMAGEN IZQUIERDA\r\n ============================================ *\/\r\n .korall_unlock__image-wrapper {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n opacity: 0 !important;\r\n transform: translateX(-30px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .korall_unlock.korall_unlock--visible .korall_unlock__image-wrapper {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .korall_unlock__image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n display: block !important;\r\n transition: transform 0.6s ease !important;\r\n filter: saturate(0.95) !important;\r\n }\r\n\r\n .korall_unlock__image-wrapper:hover .korall_unlock__image {\r\n transform: scale(1.03) !important;\r\n filter: saturate(1) !important;\r\n }\r\n\r\n \/* ============================================\r\n FORMULARIO DERECHA\r\n ============================================ *\/\r\n .korall_unlock__form-wrapper {\r\n padding: 80px 60px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n transform: translateX(30px) !important;\r\n transition: opacity 0.8s ease 0.15s, transform 0.8s ease 0.15s !important;\r\n }\r\n\r\n .korall_unlock.korall_unlock--visible .korall_unlock__form-wrapper {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .korall_unlock__label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: #a8caea !important;\r\n margin-bottom: 20px !important;\r\n display: block !important;\r\n }\r\n\r\n .korall_unlock__title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(32px, 4vw, 48px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 20px 0 !important;\r\n letter-spacing: -1.5px !important;\r\n }\r\n\r\n .korall_unlock__subtitle {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 19px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #3f566e !important;\r\n margin: 0 0 40px 0 !important;\r\n }\r\n\r\n \/* ============================================\r\n ENLACE AGENTES\r\n ============================================ *\/\r\n .korall_unlock__agent {\r\n margin-top: 32px !important;\r\n padding-top: 28px !important;\r\n border-top: 1px solid #e2e2e2 !important;\r\n text-align: center !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .korall_unlock__agent-card {\r\n display: block !important;\r\n padding: 14px 24px !important;\r\n border: 1px solid #d8d8d8 !important;\r\n border-radius: 16px !important;\r\n background: #ffffff !important;\r\n cursor: pointer !important;\r\n text-decoration: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05) !important;\r\n touch-action: manipulation !important;\r\n max-width: 340px !important;\r\n width: 100% !important;\r\n }\r\n\r\n .korall_unlock__agent-card:hover {\r\n border-color: #b0b0b0 !important;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;\r\n }\r\n\r\n .korall_unlock__agent-card-title {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 600 !important;\r\n color: #333333 !important;\r\n margin: 0 0 4px 0 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n .korall_unlock__agent-card-sub {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n color: #777777 !important;\r\n margin: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* ============================================\r\n ESTILOS WPFORMS COMPARTIDOS\r\n (unlock + modal)\r\n ============================================ *\/\r\n .korall_unlock .wpforms-container,\r\n .korall_agent_modal .wpforms-container {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-form,\r\n .korall_agent_modal .wpforms-form {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field,\r\n .korall_agent_modal .wpforms-field {\r\n margin-bottom: 20px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-row,\r\n .korall_agent_modal .wpforms-field-row {\r\n display: flex !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-row .wpforms-field-row-block,\r\n .korall_agent_modal .wpforms-field-row .wpforms-field-row-block {\r\n flex: 1 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-label,\r\n .korall_agent_modal .wpforms-field-label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #3f566e !important;\r\n margin-bottom: 8px !important;\r\n display: block !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-required,\r\n .korall_agent_modal .wpforms-field-required {\r\n color: #4a6682 !important;\r\n }\r\n\r\n \/* INPUTS Y SELECT *\/\r\n .korall_unlock .wpforms-field input[type=\"text\"],\r\n .korall_unlock .wpforms-field input[type=\"email\"],\r\n .korall_unlock .wpforms-field input[type=\"tel\"],\r\n .korall_unlock .wpforms-field input[type=\"number\"],\r\n .korall_unlock .wpforms-field input[type=\"url\"],\r\n .korall_unlock .wpforms-field select,\r\n .korall_unlock .wpforms-field textarea,\r\n .korall_agent_modal .wpforms-field input[type=\"text\"],\r\n .korall_agent_modal .wpforms-field input[type=\"email\"],\r\n .korall_agent_modal .wpforms-field input[type=\"tel\"],\r\n .korall_agent_modal .wpforms-field input[type=\"number\"],\r\n .korall_agent_modal .wpforms-field input[type=\"url\"],\r\n .korall_agent_modal .wpforms-field select,\r\n .korall_agent_modal .wpforms-field textarea {\r\n width: 100% !important;\r\n padding: 16px 20px !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.5 !important;\r\n color: #3f566e !important;\r\n background-color: #ffffff !important;\r\n border: 1px solid #a8caea !important;\r\n border-radius: 4px !important;\r\n outline: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n appearance: none !important;\r\n -webkit-appearance: none !important;\r\n -moz-appearance: none !important;\r\n height: auto !important;\r\n min-height: 54px !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field input[type=\"hidden\"],\r\n .korall_agent_modal .wpforms-field input[type=\"hidden\"] {\r\n display: none !important;\r\n position: absolute !important;\r\n pointer-events: none !important;\r\n min-height: 0 !important;\r\n height: 0 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field input:focus,\r\n .korall_unlock .wpforms-field select:focus,\r\n .korall_unlock .wpforms-field textarea:focus,\r\n .korall_agent_modal .wpforms-field input:focus,\r\n .korall_agent_modal .wpforms-field select:focus,\r\n .korall_agent_modal .wpforms-field textarea:focus {\r\n border-color: #4a6682 !important;\r\n box-shadow: 0 0 0 3px rgba(74, 102, 130, 0.1) !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field input::placeholder,\r\n .korall_unlock .wpforms-field textarea::placeholder,\r\n .korall_agent_modal .wpforms-field input::placeholder,\r\n .korall_agent_modal .wpforms-field textarea::placeholder {\r\n color: #a8caea !important;\r\n font-weight: 300 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field textarea,\r\n .korall_agent_modal .wpforms-field textarea {\r\n min-height: 120px !important;\r\n resize: vertical !important;\r\n }\r\n\r\n \/* SELECT *\/\r\n .korall_unlock .wpforms-field select,\r\n .korall_agent_modal .wpforms-field select {\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233f566e' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\") !important;\r\n background-repeat: no-repeat !important;\r\n background-position: right 16px center !important;\r\n background-size: 12px !important;\r\n padding-right: 44px !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field select option,\r\n .korall_agent_modal .wpforms-field select option {\r\n padding: 10px !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* Telefono con intlTelInput *\/\r\n .korall_unlock .wpforms-field-phone .iti,\r\n .korall_agent_modal .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-phone .iti__selected-flag,\r\n .korall_agent_modal .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 12px 0 16px !important;\r\n background: transparent !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-phone input[type=\"tel\"],\r\n .korall_agent_modal .wpforms-field-phone input[type=\"tel\"] {\r\n padding-left: 85px !important;\r\n }\r\n\r\n \/* Checkboxes y Radio *\/\r\n .korall_unlock .wpforms-field-checkbox ul,\r\n .korall_unlock .wpforms-field-radio ul,\r\n .korall_agent_modal .wpforms-field-checkbox ul,\r\n .korall_agent_modal .wpforms-field-radio ul {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-checkbox li,\r\n .korall_unlock .wpforms-field-radio li,\r\n .korall_agent_modal .wpforms-field-checkbox li,\r\n .korall_agent_modal .wpforms-field-radio li {\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-checkbox label,\r\n .korall_unlock .wpforms-field-radio label,\r\n .korall_agent_modal .wpforms-field-checkbox label,\r\n .korall_agent_modal .wpforms-field-radio label {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 300 !important;\r\n color: #3f566e !important;\r\n cursor: pointer !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-checkbox input,\r\n .korall_unlock .wpforms-field-radio input,\r\n .korall_agent_modal .wpforms-field-checkbox input,\r\n .korall_agent_modal .wpforms-field-radio input {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-top: 2px !important;\r\n accent-color: #4a6682 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-gdpr-checkbox label,\r\n .korall_agent_modal .wpforms-field-gdpr-checkbox label {\r\n font-size: 13px !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-gdpr-checkbox label a,\r\n .korall_agent_modal .wpforms-field-gdpr-checkbox label a {\r\n color: #4a6682 !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field-gdpr-checkbox label a:hover,\r\n .korall_agent_modal .wpforms-field-gdpr-checkbox label a:hover {\r\n text-decoration: underline !important;\r\n }\r\n\r\n \/* BOTON SUBMIT - Unlock *\/\r\n .korall_unlock .wpforms-submit-container {\r\n margin-top: 32px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-submit {\r\n width: 100% !important;\r\n min-height: 58px !important;\r\n height: auto !important;\r\n padding: 18px 56px !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.4 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background: #3f566e !important;\r\n border: 2px solid #3f566e !important;\r\n border-radius: 0px !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-align: center !important;\r\n appearance: none !important;\r\n -webkit-appearance: none !important;\r\n }\r\n\r\n .korall_unlock .wpforms-submit:hover {\r\n background: #4a6682 !important;\r\n color: #ffffff !important;\r\n border-color: #4a6682 !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(74, 102, 130, 0.25) !important;\r\n }\r\n\r\n .korall_unlock .wpforms-submit:active {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* Errores *\/\r\n .korall_unlock .wpforms-field.wpforms-has-error input,\r\n .korall_unlock .wpforms-field.wpforms-has-error select,\r\n .korall_unlock .wpforms-field.wpforms-has-error textarea,\r\n .korall_agent_modal .wpforms-field.wpforms-has-error input,\r\n .korall_agent_modal .wpforms-field.wpforms-has-error select,\r\n .korall_agent_modal .wpforms-field.wpforms-has-error textarea {\r\n border-color: #d64545 !important;\r\n }\r\n\r\n .korall_unlock .wpforms-error,\r\n .korall_agent_modal .wpforms-error {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 12px !important;\r\n color: #d64545 !important;\r\n margin-top: 6px !important;\r\n }\r\n\r\n \/* Confirmacion *\/\r\n .korall_unlock .wpforms-confirmation-container-full,\r\n .korall_agent_modal .wpforms-confirmation-container-full {\r\n padding: 40px !important;\r\n background-color: rgba(168, 202, 234, 0.1) !important;\r\n border-left: 3px solid #4a6682 !important;\r\n text-align: center !important;\r\n }\r\n\r\n .korall_unlock .wpforms-confirmation-container-full p,\r\n .korall_agent_modal .wpforms-confirmation-container-full p {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 18px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #3f566e !important;\r\n margin: 0 !important;\r\n }\r\n\r\n \/* ============================================\r\n MODAL AGENTES - Form overrides (match Kos)\r\n ============================================ *\/\r\n\r\n .korall_agent_modal .wpforms-field {\r\n margin-bottom: 18px !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-label {\r\n color: #666666 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-required {\r\n color: #b77352 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field input[type=\"text\"],\r\n .korall_agent_modal .wpforms-field input[type=\"email\"],\r\n .korall_agent_modal .wpforms-field input[type=\"tel\"],\r\n .korall_agent_modal .wpforms-field input[type=\"number\"],\r\n .korall_agent_modal .wpforms-field input[type=\"url\"],\r\n .korall_agent_modal .wpforms-field select,\r\n .korall_agent_modal .wpforms-field textarea {\r\n padding: 14px 18px !important;\r\n font-size: 15px !important;\r\n color: #333333 !important;\r\n background-color: #f8f8f8 !important;\r\n border: 1px solid #e0e0e0 !important;\r\n border-radius: 8px !important;\r\n min-height: unset !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field input:focus,\r\n .korall_agent_modal .wpforms-field select:focus,\r\n .korall_agent_modal .wpforms-field textarea:focus {\r\n background-color: #ffffff !important;\r\n border-color: #b77352 !important;\r\n box-shadow: 0 0 0 3px rgba(183, 115, 82, 0.1) !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field input::placeholder,\r\n .korall_agent_modal .wpforms-field textarea::placeholder {\r\n color: #c0c0c0 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field textarea {\r\n min-height: 100px !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-checkbox label,\r\n .korall_agent_modal .wpforms-field-radio label {\r\n color: #888888 !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-gdpr-checkbox label {\r\n color: #888888 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-gdpr-checkbox label a {\r\n color: #b77352 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-checkbox input,\r\n .korall_agent_modal .wpforms-field-radio input,\r\n .korall_agent_modal .wpforms-field-gdpr-checkbox input {\r\n accent-color: #b77352 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone .iti__flag-container {\r\n padding: 0 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 12px 0 16px !important;\r\n background: transparent !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone input[type=\"tel\"] {\r\n padding-left: 85px !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone .iti--separate-dial-code input[type=\"tel\"] {\r\n padding-left: 100px !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone .iti__country-list {\r\n max-width: 320px !important;\r\n border-radius: 8px !important;\r\n border: 1px solid #e0e0e0 !important;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone .iti__country {\r\n padding: 10px 16px !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-field-phone .iti__country:hover {\r\n background-color: #f5f5f5 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-submit {\r\n border-radius: 8px !important;\r\n }\r\n\r\n \/* ============================================\r\n MODAL AGENTES - Structure\r\n ============================================ *\/\r\n .korall_agent_modal {\r\n position: fixed !important;\r\n inset: 0 !important;\r\n z-index: 99999 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n padding: 24px !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n pointer-events: none !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n }\r\n\r\n .korall_agent_modal.korall_agent_modal--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n pointer-events: auto !important;\r\n }\r\n\r\n .korall_agent_modal__backdrop {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: rgba(0, 0, 0, 0.85) !important;\r\n backdrop-filter: blur(8px) !important;\r\n -webkit-backdrop-filter: blur(8px) !important;\r\n }\r\n\r\n .korall_agent_modal__content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n width: 100% !important;\r\n max-width: 680px !important;\r\n max-height: 90vh !important;\r\n overflow-y: auto !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n background: #ffffff !important;\r\n border-radius: 16px !important;\r\n padding: 48px 56px !important;\r\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3) !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) scale(0.98) !important;\r\n transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s !important;\r\n }\r\n\r\n .korall_agent_modal--open .korall_agent_modal__content {\r\n opacity: 1 !important;\r\n transform: translateY(0) scale(1) !important;\r\n }\r\n\r\n .korall_agent_modal__close {\r\n position: absolute !important;\r\n top: 16px !important;\r\n right: 16px !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: #f5f5f5 !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n transition: background 0.3s ease, transform 0.3s ease !important;\r\n }\r\n\r\n .korall_agent_modal__close:hover {\r\n background: #e8e8e8 !important;\r\n transform: rotate(90deg) !important;\r\n }\r\n\r\n .korall_agent_modal__close svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n fill: #666666 !important;\r\n }\r\n\r\n .korall_agent_modal__header {\r\n text-align: center !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .korall_agent_modal__logo {\r\n width: 56px !important;\r\n height: 56px !important;\r\n margin: 0 auto 24px !important;\r\n display: block !important;\r\n object-fit: contain !important;\r\n }\r\n\r\n .korall_agent_modal__title {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 20px !important;\r\n font-weight: 300 !important;\r\n color: #333333 !important;\r\n margin: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n .korall_agent_modal__title strong {\r\n font-weight: 400 !important;\r\n }\r\n\r\n \/* BOTON SUBMIT - Modal agentes *\/\r\n .korall_agent_modal .wpforms-submit-container {\r\n position: relative !important;\r\n margin-top: 28px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-submit {\r\n position: relative !important;\r\n z-index: 1 !important;\r\n width: 100% !important;\r\n padding: 18px 28px 28px 0px !important;\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background: #2a2a2a !important;\r\n border: none !important;\r\n border-radius: 8px !important;\r\n cursor: pointer !important;\r\n overflow: hidden !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-submit:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;\r\n }\r\n\r\n .korall_agent_modal .wpforms-submit:active {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* \u2500\u2500 eVoost Partners Signature \u2500\u2500 *\/\r\n .korall_evoost-signature-wrapper {\r\n margin-top: 20px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .korall_evoost-signature {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n padding: 6px 14px !important;\r\n border: 1px solid #e8e8e8 !important;\r\n border-radius: 20px !important;\r\n text-decoration: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .korall_evoost-signature:hover {\r\n border-color: #d0d0d0 !important;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;\r\n }\r\n\r\n .korall_evoost-signature::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -100% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%) !important;\r\n transition: left 0.5s ease !important;\r\n }\r\n\r\n .korall_evoost-signature:hover::after {\r\n left: 100% !important;\r\n }\r\n\r\n .korall_evoost-logo {\r\n width: 16px !important;\r\n height: 16px !important;\r\n border-radius: 3px !important;\r\n }\r\n\r\n .korall_evoost-text {\r\n font-family: 'Lexend Deca', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n color: #999999 !important;\r\n }\r\n\r\n .korall_evoost-highlight {\r\n font-weight: 500 !important;\r\n color: #777777 !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media screen and (max-width: 1200px) {\r\n .korall_unlock__grid {\r\n min-height: 600px !important;\r\n }\r\n\r\n .korall_unlock__form-wrapper {\r\n padding: 60px 48px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .korall_unlock__grid {\r\n grid-template-columns: 1fr !important;\r\n min-height: auto !important;\r\n }\r\n\r\n .korall_unlock__image-wrapper {\r\n order: 1 !important;\r\n min-height: 400px !important;\r\n transform: translateY(20px) !important;\r\n }\r\n\r\n .korall_unlock.korall_unlock--visible .korall_unlock__image-wrapper {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .korall_unlock__form-wrapper {\r\n order: 2 !important;\r\n padding: 60px 40px !important;\r\n transform: translateY(20px) !important;\r\n }\r\n\r\n .korall_unlock.korall_unlock--visible .korall_unlock__form-wrapper {\r\n transform: translateY(0) !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .korall_unlock__image-wrapper {\r\n min-height: 320px !important;\r\n }\r\n\r\n .korall_unlock__form-wrapper {\r\n padding: 48px 24px !important;\r\n }\r\n\r\n .korall_unlock__subtitle {\r\n font-size: 17px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .korall_unlock .wpforms-field input,\r\n .korall_unlock .wpforms-field select,\r\n .korall_unlock .wpforms-field textarea,\r\n .korall_agent_modal .wpforms-field input,\r\n .korall_agent_modal .wpforms-field select,\r\n .korall_agent_modal .wpforms-field textarea {\r\n padding: 14px 16px !important;\r\n font-size: 16px !important;\r\n min-height: 52px !important;\r\n }\r\n\r\n .korall_unlock .wpforms-submit {\r\n padding: 16px 40px !important;\r\n min-height: 54px !important;\r\n }\r\n\r\n .korall_agent_modal__content {\r\n padding: 40px 24px !important;\r\n }\r\n\r\n .korall_agent_modal__title {\r\n font-size: 19px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"korall_unlock\" id=\"unlock\">\r\n \r\n <div class=\"korall_unlock__grid\">\r\n \r\n <div class=\"korall_unlock__image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/www.korallbytopgestion.com\/wp-content\/uploads\/2024\/04\/Korall_Residences_1000x1161px_Terraza_Baja-882x1024.jpg\" alt=\"Terrace with Mediterranean views - Korall Residences\" class=\"korall_unlock__image\" loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"korall_unlock__form-wrapper\">\r\n <span class=\"korall_unlock__label\">Request information<\/span>\r\n <h2 class=\"korall_unlock__title\">Discover your Sky Villa<\/h2>\r\n <p class=\"korall_unlock__subtitle\">\r\n Access detailed floor plans, updated prices and real-time availability. \r\n No commitment.\r\n <\/p>\r\n \r\n <div class=\"korall_unlock__form\">\r\n <style id=\"wpforms-css-vars-1269\">\n\t\t\t\t#wpforms-1269 {\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-1269\"><form id=\"wpforms-form-1269\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"1269\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/1223\" data-token=\"f0e5f7a9ab075e7d02ba2f915a588236\" data-token-time=\"1779743321\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\">\t\t<div id=\"wpforms-1269-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-1269-field_1\" >DISC Inversor utm_source<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-1269-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-1269-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-1269-field_58-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"58\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_58\" aria-hidden=\"false\">utm_source<\/label><input type=\"text\" id=\"wpforms-1269-field_58\" class=\"wpforms-field-medium\" name=\"wpforms[fields][58]\" aria-errormessage=\"wpforms-1269-field_58-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_61-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"61\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_61\" aria-hidden=\"false\">utm_medium<\/label><input type=\"text\" id=\"wpforms-1269-field_61\" class=\"wpforms-field-medium\" name=\"wpforms[fields][61]\" aria-errormessage=\"wpforms-1269-field_61-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_59-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"59\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_59\" aria-hidden=\"false\">utm_campaign<\/label><input type=\"text\" id=\"wpforms-1269-field_59\" class=\"wpforms-field-medium\" name=\"wpforms[fields][59]\" aria-errormessage=\"wpforms-1269-field_59-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_60-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"60\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_60\" aria-hidden=\"false\">utm_term<\/label><input type=\"text\" id=\"wpforms-1269-field_60\" class=\"wpforms-field-medium\" name=\"wpforms[fields][60]\" aria-errormessage=\"wpforms-1269-field_60-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_63-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"63\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_63\" aria-hidden=\"false\">Stage<\/label><input type=\"text\" id=\"wpforms-1269-field_63\" class=\"wpforms-field-medium\" name=\"wpforms[fields][63]\" value=\"PULSE\" aria-errormessage=\"wpforms-1269-field_63-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 id=\"wpforms-1269-field_62-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"62\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_62\" aria-hidden=\"false\">utm_content<\/label><input type=\"text\" id=\"wpforms-1269-field_62\" class=\"wpforms-field-medium\" name=\"wpforms[fields][62]\" aria-errormessage=\"wpforms-1269-field_62-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-1269-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-1269-field_56-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"56\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_56\" aria-hidden=\"false\">LMP Expatriado internacional \/ lifestyle<\/label><input type=\"text\" id=\"wpforms-1269-field_56\" class=\"wpforms-field-medium\" name=\"wpforms[fields][56]\" value=\"9831fa2d-02e2-4960-95fe-cd158b5390ad\" aria-errormessage=\"wpforms-1269-field_56-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_51-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"51\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_51\" aria-hidden=\"false\">LMP Familia Nacional en Crecimiento<\/label><input type=\"text\" id=\"wpforms-1269-field_51\" class=\"wpforms-field-medium\" name=\"wpforms[fields][51]\" value=\"50a47758-0c7d-4aeb-8be0-809d0d5ae5e2\" aria-errormessage=\"wpforms-1269-field_51-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_55-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"55\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_55\" aria-hidden=\"false\">LMP Inversor internacional patrimonial<\/label><input type=\"text\" id=\"wpforms-1269-field_55\" class=\"wpforms-field-medium\" name=\"wpforms[fields][55]\" value=\"87e49d8b-3e12-467c-8b37-4365402dbf69\" aria-errormessage=\"wpforms-1269-field_55-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_52-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"52\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_52\" aria-hidden=\"false\">LMP Pareja Madura Nacional \/ Retirada<\/label><input type=\"text\" id=\"wpforms-1269-field_52\" class=\"wpforms-field-medium\" name=\"wpforms[fields][52]\" value=\"4bdeba83-3150-41da-8aa9-f03538c5d37c\" aria-errormessage=\"wpforms-1269-field_52-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-field_57-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"57\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1269-field_57\" aria-hidden=\"false\">LMP Segunda residencia emocional internacional<\/label><input type=\"text\" id=\"wpforms-1269-field_57\" class=\"wpforms-field-medium\" name=\"wpforms[fields][57]\" value=\"6bbc8a8a-9717-455f-a5e2-41be39bf05d9\" aria-errormessage=\"wpforms-1269-field_57-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-1269-field_48-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"48\"><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-1269-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-1269-field_39\" aria-hidden=\"false\">DISC Red<\/label><input type=\"text\" id=\"wpforms-1269-field_39\" class=\"wpforms-field-medium\" name=\"wpforms[fields][39]\" value=\"D\" aria-errormessage=\"wpforms-1269-field_39-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-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-1269-field_40\" aria-hidden=\"false\">DISC Yellow<\/label><input type=\"text\" id=\"wpforms-1269-field_40\" class=\"wpforms-field-medium\" name=\"wpforms[fields][40]\" value=\"I\" aria-errormessage=\"wpforms-1269-field_40-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-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-1269-field_41\" aria-hidden=\"false\">DISC Green<\/label><input type=\"text\" id=\"wpforms-1269-field_41\" class=\"wpforms-field-medium\" name=\"wpforms[fields][41]\" value=\"S\" aria-errormessage=\"wpforms-1269-field_41-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1269-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-1269-field_42\" aria-hidden=\"false\">DISC Blue<\/label><input type=\"text\" id=\"wpforms-1269-field_42\" class=\"wpforms-field-medium\" name=\"wpforms[fields][42]\" value=\"C\" aria-errormessage=\"wpforms-1269-field_42-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-1269-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-1269-field_37\">What is your main motivation for looking for a new property? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1269-field_37\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][37]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Select ---<\/option><option value=\"I'm looking for a place where I can disconnect, relax, and truly feel at home.\" class=\"choice-1 depth-1\" >I'm looking for a place where I can disconnect, relax, and truly feel at home.<\/option><option value=\"We want to begin a new stage of our lives in an inspiring and comfortable environment.\" class=\"choice-2 depth-1\" >We want to begin a new stage of our lives in an inspiring and comfortable environment.<\/option><option value=\"We are looking for a larger house that suits our family's needs.\" class=\"choice-3 depth-1\" >We are looking for a larger house that suits our family's needs.<\/option><option value=\"I am looking for a profitable and secure real estate investment.\" class=\"choice-4 depth-1\" >I am looking for a profitable and secure real estate investment.<\/option><option value=\"I'm looking for a place where I can work remotely and enjoy the lifestyle.\" class=\"choice-5 depth-1\" >I'm looking for a place where I can work remotely and enjoy the lifestyle.<\/option><\/select><\/div><div id=\"wpforms-1269-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-1269-field_38\">Which of these statements best describes you? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1269-field_38\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][38]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Select ---<\/option><option value=\"I like making quick decisions and solving problems.\" class=\"choice-1 depth-1\" >I like making quick decisions and solving problems.<\/option><option value=\"I prefer to fully understand my options before making a decision.\" class=\"choice-2 depth-1\" >I prefer to fully understand my options before making a decision.<\/option><option value=\"I like to explore new ideas and be creative.\" class=\"choice-3 depth-1\" >I like to explore new ideas and be creative.<\/option><option value=\"I prefer proven methods and maintaining stability.\" class=\"choice-4 depth-1\" >I prefer proven methods and maintaining stability.<\/option><\/select><\/div><div id=\"wpforms-1269-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-1269-field_6-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-1269-field_6\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-1269-field_6\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-1269-field_6-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1269-field_8-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-1269-field_8\">Surname <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-1269-field_8\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][8]\" aria-errormessage=\"wpforms-1269-field_8-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1269-field_9-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-1269-field_9\">Phone <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-1269-field_9\" class=\"wpforms-field-medium wpforms-field-required wpforms-smart-phone-field\" data-rule-smart-phone-field=\"true\" name=\"wpforms[fields][9]\" aria-label=\"Phone\" aria-errormessage=\"wpforms-1269-field_9-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1269-field_15-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"15\"><label class=\"wpforms-field-label\" for=\"wpforms-1269-field_15\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-1269-field_15\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][15]\" spellcheck=\"false\" aria-errormessage=\"wpforms-1269-field_15-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1269-field_67-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"67\"><label class=\"wpforms-field-label\" for=\"wpforms-1269-field_67\">Age range <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1269-field_67\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][67]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Select an option --<\/option><option value=\"Less than 35 years\" class=\"choice-1 depth-1\" >Less than 35 years<\/option><option value=\"From 35 to 45 years\" class=\"choice-2 depth-1\" >From 35 to 45 years<\/option><option value=\"From 45 to 60 years\" class=\"choice-3 depth-1\" >From 45 to 60 years<\/option><option value=\"More than 60 years\" class=\"choice-4 depth-1\" >More than 60 years<\/option><\/select><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1269-field_68-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"68\"><label class=\"wpforms-field-label\" for=\"wpforms-1269-field_68\">Select your Country <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1269-field_68\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][68]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Select Choice ---<\/option><option value=\"Afghanistan\" class=\"choice-4 depth-1\" >Afghanistan<\/option><option value=\"Albania\" class=\"choice-5 depth-1\" >Albania<\/option><option value=\"Algeria\" class=\"choice-6 depth-1\" >Algeria<\/option><option value=\"Andorra\" class=\"choice-7 depth-1\" >Andorra<\/option><option value=\"Angola\" class=\"choice-8 depth-1\" >Angola<\/option><option value=\"Antigua and Barbuda\" class=\"choice-9 depth-1\" >Antigua and Barbuda<\/option><option value=\"Argentina\" class=\"choice-10 depth-1\" >Argentina<\/option><option value=\"Armenia\" class=\"choice-11 depth-1\" >Armenia<\/option><option value=\"Australia\" class=\"choice-12 depth-1\" >Australia<\/option><option value=\"Austria\" class=\"choice-13 depth-1\" >Austria<\/option><option value=\"Azerbaijan\" class=\"choice-14 depth-1\" >Azerbaijan<\/option><option value=\"Bahamas\" class=\"choice-15 depth-1\" >Bahamas<\/option><option value=\"Bahrain\" class=\"choice-16 depth-1\" >Bahrain<\/option><option value=\"Bangladesh\" class=\"choice-17 depth-1\" >Bangladesh<\/option><option value=\"Barbados\" class=\"choice-18 depth-1\" >Barbados<\/option><option value=\"Belarus\" class=\"choice-19 depth-1\" >Belarus<\/option><option value=\"Belgium\" class=\"choice-20 depth-1\" >Belgium<\/option><option value=\"Belize\" class=\"choice-21 depth-1\" >Belize<\/option><option value=\"Benin\" class=\"choice-22 depth-1\" >Benin<\/option><option value=\"Bhutan\" class=\"choice-23 depth-1\" >Bhutan<\/option><option value=\"Bolivia\" class=\"choice-24 depth-1\" >Bolivia<\/option><option value=\"Bosnia and Herzegovina\" class=\"choice-25 depth-1\" >Bosnia and Herzegovina<\/option><option value=\"Botswana\" class=\"choice-26 depth-1\" >Botswana<\/option><option value=\"Brazil\" class=\"choice-27 depth-1\" >Brazil<\/option><option value=\"Brunei\" class=\"choice-28 depth-1\" >Brunei<\/option><option value=\"Bulgaria\" class=\"choice-29 depth-1\" >Bulgaria<\/option><option value=\"Burkina Faso\" class=\"choice-30 depth-1\" >Burkina Faso<\/option><option value=\"Burundi\" class=\"choice-31 depth-1\" >Burundi<\/option><option value=\"Cabo Verde\" class=\"choice-32 depth-1\" >Cabo Verde<\/option><option value=\"Cambodia\" class=\"choice-33 depth-1\" >Cambodia<\/option><option value=\"Cameroon\" class=\"choice-34 depth-1\" >Cameroon<\/option><option value=\"Canada\" class=\"choice-35 depth-1\" >Canada<\/option><option value=\"Central African Republic\" class=\"choice-36 depth-1\" >Central African Republic<\/option><option value=\"Chad\" class=\"choice-37 depth-1\" >Chad<\/option><option value=\"Chile\" class=\"choice-38 depth-1\" >Chile<\/option><option value=\"China\" class=\"choice-39 depth-1\" >China<\/option><option value=\"Colombia\" class=\"choice-40 depth-1\" >Colombia<\/option><option value=\"Comoros\" class=\"choice-41 depth-1\" >Comoros<\/option><option value=\"Congo\" class=\"choice-42 depth-1\" >Congo<\/option><option value=\"Costa Rica\" class=\"choice-43 depth-1\" >Costa Rica<\/option><option value=\"Croatia\" class=\"choice-44 depth-1\" >Croatia<\/option><option value=\"Cuba\" class=\"choice-45 depth-1\" >Cuba<\/option><option value=\"Cyprus\" class=\"choice-46 depth-1\" >Cyprus<\/option><option value=\"Czech Republic\" class=\"choice-47 depth-1\" >Czech Republic<\/option><option value=\"Democratic Republic of the Congo\" class=\"choice-48 depth-1\" >Democratic Republic of the Congo<\/option><option value=\"Denmark\" class=\"choice-49 depth-1\" >Denmark<\/option><option value=\"Djibouti\" class=\"choice-50 depth-1\" >Djibouti<\/option><option value=\"Dominica\" class=\"choice-51 depth-1\" >Dominica<\/option><option value=\"Dominican Republic\" class=\"choice-52 depth-1\" >Dominican Republic<\/option><option value=\"Ecuador\" class=\"choice-53 depth-1\" >Ecuador<\/option><option value=\"Egypt\" class=\"choice-54 depth-1\" >Egypt<\/option><option value=\"El Salvador\" class=\"choice-55 depth-1\" >El Salvador<\/option><option value=\"Equatorial Guinea\" class=\"choice-56 depth-1\" >Equatorial Guinea<\/option><option value=\"Eritrea\" class=\"choice-57 depth-1\" >Eritrea<\/option><option value=\"Estonia\" class=\"choice-58 depth-1\" >Estonia<\/option><option value=\"Eswatini\" class=\"choice-59 depth-1\" >Eswatini<\/option><option value=\"Ethiopia\" class=\"choice-60 depth-1\" >Ethiopia<\/option><option value=\"Fiji\" class=\"choice-61 depth-1\" >Fiji<\/option><option value=\"Finland\" class=\"choice-62 depth-1\" >Finland<\/option><option value=\"France\" class=\"choice-63 depth-1\" >France<\/option><option value=\"Gabon\" class=\"choice-64 depth-1\" >Gabon<\/option><option value=\"Gambia\" class=\"choice-65 depth-1\" >Gambia<\/option><option value=\"Georgia\" class=\"choice-66 depth-1\" >Georgia<\/option><option value=\"Germany\" class=\"choice-67 depth-1\" >Germany<\/option><option value=\"Ghana\" class=\"choice-68 depth-1\" >Ghana<\/option><option value=\"Greece\" class=\"choice-69 depth-1\" >Greece<\/option><option value=\"Grenada\" class=\"choice-70 depth-1\" >Grenada<\/option><option value=\"Guatemala\" class=\"choice-71 depth-1\" >Guatemala<\/option><option value=\"Guinea\" class=\"choice-72 depth-1\" >Guinea<\/option><option value=\"Guinea-Bissau\" class=\"choice-73 depth-1\" >Guinea-Bissau<\/option><option value=\"Guyana\" class=\"choice-74 depth-1\" >Guyana<\/option><option value=\"Haiti\" class=\"choice-75 depth-1\" >Haiti<\/option><option value=\"Honduras\" class=\"choice-76 depth-1\" >Honduras<\/option><option value=\"Hungary\" class=\"choice-77 depth-1\" >Hungary<\/option><option value=\"Iceland\" class=\"choice-78 depth-1\" >Iceland<\/option><option value=\"India\" class=\"choice-79 depth-1\" >India<\/option><option value=\"Indonesia\" class=\"choice-80 depth-1\" >Indonesia<\/option><option value=\"Iran\" class=\"choice-81 depth-1\" >Iran<\/option><option value=\"Iraq\" class=\"choice-82 depth-1\" >Iraq<\/option><option value=\"Ireland\" class=\"choice-83 depth-1\" >Ireland<\/option><option value=\"Israel\" class=\"choice-84 depth-1\" >Israel<\/option><option value=\"Italy\" class=\"choice-85 depth-1\" >Italy<\/option><option value=\"Ivory Coast\" class=\"choice-86 depth-1\" >Ivory Coast<\/option><option value=\"Jamaica\" class=\"choice-87 depth-1\" >Jamaica<\/option><option value=\"Japan\" class=\"choice-88 depth-1\" >Japan<\/option><option value=\"Jordan\" class=\"choice-89 depth-1\" >Jordan<\/option><option value=\"Kazakhstan\" class=\"choice-90 depth-1\" >Kazakhstan<\/option><option value=\"Kenya\" class=\"choice-91 depth-1\" >Kenya<\/option><option value=\"Kiribati\" class=\"choice-92 depth-1\" >Kiribati<\/option><option value=\"Kuwait\" class=\"choice-93 depth-1\" >Kuwait<\/option><option value=\"Kyrgyzstan\" class=\"choice-94 depth-1\" >Kyrgyzstan<\/option><option value=\"Laos\" class=\"choice-95 depth-1\" >Laos<\/option><option value=\"Latvia\" class=\"choice-96 depth-1\" >Latvia<\/option><option value=\"Lebanon\" class=\"choice-97 depth-1\" >Lebanon<\/option><option value=\"Lesotho\" class=\"choice-98 depth-1\" >Lesotho<\/option><option value=\"Liberia\" class=\"choice-99 depth-1\" >Liberia<\/option><option value=\"Libya\" class=\"choice-100 depth-1\" >Libya<\/option><option value=\"Liechtenstein\" class=\"choice-101 depth-1\" >Liechtenstein<\/option><option value=\"Lithuania\" class=\"choice-102 depth-1\" >Lithuania<\/option><option value=\"Luxembourg\" class=\"choice-103 depth-1\" >Luxembourg<\/option><option value=\"Madagascar\" class=\"choice-104 depth-1\" >Madagascar<\/option><option value=\"Malawi\" class=\"choice-105 depth-1\" >Malawi<\/option><option value=\"Malaysia\" class=\"choice-106 depth-1\" >Malaysia<\/option><option value=\"Maldives\" class=\"choice-107 depth-1\" >Maldives<\/option><option value=\"Mali\" class=\"choice-108 depth-1\" >Mali<\/option><option value=\"Malta\" class=\"choice-109 depth-1\" >Malta<\/option><option value=\"Marshall Islands\" class=\"choice-110 depth-1\" >Marshall Islands<\/option><option value=\"Mauritania\" class=\"choice-111 depth-1\" >Mauritania<\/option><option value=\"Mauritius\" class=\"choice-112 depth-1\" >Mauritius<\/option><option value=\"Mexico\" class=\"choice-113 depth-1\" >Mexico<\/option><option value=\"Micronesia\" class=\"choice-114 depth-1\" >Micronesia<\/option><option value=\"Moldova\" class=\"choice-115 depth-1\" >Moldova<\/option><option value=\"Monaco\" class=\"choice-116 depth-1\" >Monaco<\/option><option value=\"Mongolia\" class=\"choice-117 depth-1\" >Mongolia<\/option><option value=\"Montenegro\" class=\"choice-118 depth-1\" >Montenegro<\/option><option value=\"Morocco\" class=\"choice-119 depth-1\" >Morocco<\/option><option value=\"Mozambique\" class=\"choice-120 depth-1\" >Mozambique<\/option><option value=\"Myanmar\" class=\"choice-121 depth-1\" >Myanmar<\/option><option value=\"Namibia\" class=\"choice-122 depth-1\" >Namibia<\/option><option value=\"Nauru\" class=\"choice-123 depth-1\" >Nauru<\/option><option value=\"Nepal\" class=\"choice-124 depth-1\" >Nepal<\/option><option value=\"Netherlands\" class=\"choice-125 depth-1\" >Netherlands<\/option><option value=\"New Zealand\" class=\"choice-126 depth-1\" >New Zealand<\/option><option value=\"Nicaragua\" class=\"choice-127 depth-1\" >Nicaragua<\/option><option value=\"Niger\" class=\"choice-128 depth-1\" >Niger<\/option><option value=\"Nigeria\" class=\"choice-129 depth-1\" >Nigeria<\/option><option value=\"North Korea\" class=\"choice-130 depth-1\" >North Korea<\/option><option value=\"North Macedonia\" class=\"choice-131 depth-1\" >North Macedonia<\/option><option value=\"Norway\" class=\"choice-132 depth-1\" >Norway<\/option><option value=\"Oman\" class=\"choice-133 depth-1\" >Oman<\/option><option value=\"Pakistan\" class=\"choice-134 depth-1\" >Pakistan<\/option><option value=\"Palau\" class=\"choice-135 depth-1\" >Palau<\/option><option value=\"Palestine\" class=\"choice-136 depth-1\" >Palestine<\/option><option value=\"Panama\" class=\"choice-137 depth-1\" >Panama<\/option><option value=\"Papua New Guinea\" class=\"choice-138 depth-1\" >Papua New Guinea<\/option><option value=\"Paraguay\" class=\"choice-139 depth-1\" >Paraguay<\/option><option value=\"Peru\" class=\"choice-140 depth-1\" >Peru<\/option><option value=\"Philippines\" class=\"choice-141 depth-1\" >Philippines<\/option><option value=\"Poland\" class=\"choice-142 depth-1\" >Poland<\/option><option value=\"Portugal\" class=\"choice-143 depth-1\" >Portugal<\/option><option value=\"Qatar\" class=\"choice-144 depth-1\" >Qatar<\/option><option value=\"Romania\" class=\"choice-145 depth-1\" >Romania<\/option><option value=\"Russia\" class=\"choice-146 depth-1\" >Russia<\/option><option value=\"Rwanda\" class=\"choice-147 depth-1\" >Rwanda<\/option><option value=\"Saint Kitts and Nevis\" class=\"choice-148 depth-1\" >Saint Kitts and Nevis<\/option><option value=\"Saint Lucia\" class=\"choice-149 depth-1\" >Saint Lucia<\/option><option value=\"Saint Vincent and the Grenadines\" class=\"choice-150 depth-1\" >Saint Vincent and the Grenadines<\/option><option value=\"Samoa\" class=\"choice-151 depth-1\" >Samoa<\/option><option value=\"San Marino\" class=\"choice-152 depth-1\" >San Marino<\/option><option value=\"Sao Tome and Principe\" class=\"choice-153 depth-1\" >Sao Tome and Principe<\/option><option value=\"Saudi Arabia\" class=\"choice-154 depth-1\" >Saudi Arabia<\/option><option value=\"Senegal\" class=\"choice-155 depth-1\" >Senegal<\/option><option value=\"Serbia\" class=\"choice-156 depth-1\" >Serbia<\/option><option value=\"Seychelles\" class=\"choice-157 depth-1\" >Seychelles<\/option><option value=\"Sierra Leone\" class=\"choice-158 depth-1\" >Sierra Leone<\/option><option value=\"Singapore\" class=\"choice-159 depth-1\" >Singapore<\/option><option value=\"Slovakia\" class=\"choice-160 depth-1\" >Slovakia<\/option><option value=\"Slovenia\" class=\"choice-161 depth-1\" >Slovenia<\/option><option value=\"Solomon Islands\" class=\"choice-162 depth-1\" >Solomon Islands<\/option><option value=\"Somalia\" class=\"choice-163 depth-1\" >Somalia<\/option><option value=\"South Africa\" class=\"choice-164 depth-1\" >South Africa<\/option><option value=\"South Korea\" class=\"choice-165 depth-1\" >South Korea<\/option><option value=\"South Sudan\" class=\"choice-166 depth-1\" >South Sudan<\/option><option value=\"Spain\" class=\"choice-167 depth-1\" >Spain<\/option><option value=\"Sri Lanka\" class=\"choice-168 depth-1\" >Sri Lanka<\/option><option value=\"Sudan\" class=\"choice-169 depth-1\" >Sudan<\/option><option value=\"Suriname\" class=\"choice-170 depth-1\" >Suriname<\/option><option value=\"Sweden\" class=\"choice-171 depth-1\" >Sweden<\/option><option value=\"Switzerland\" class=\"choice-172 depth-1\" >Switzerland<\/option><option value=\"Syria\" class=\"choice-173 depth-1\" >Syria<\/option><option value=\"Tajikistan\" class=\"choice-174 depth-1\" >Tajikistan<\/option><option value=\"Tanzania\" class=\"choice-175 depth-1\" >Tanzania<\/option><option value=\"Thailand\" class=\"choice-176 depth-1\" >Thailand<\/option><option value=\"Timor-Leste\" class=\"choice-177 depth-1\" >Timor-Leste<\/option><option value=\"Togo\" class=\"choice-178 depth-1\" >Togo<\/option><option value=\"Tonga\" class=\"choice-179 depth-1\" >Tonga<\/option><option value=\"Trinidad and Tobago\" class=\"choice-180 depth-1\" >Trinidad and Tobago<\/option><option value=\"Tunisia\" class=\"choice-181 depth-1\" >Tunisia<\/option><option value=\"Turkey\" class=\"choice-182 depth-1\" >Turkey<\/option><option value=\"Turkmenistan\" class=\"choice-183 depth-1\" >Turkmenistan<\/option><option value=\"Tuvalu\" class=\"choice-184 depth-1\" >Tuvalu<\/option><option value=\"Uganda\" class=\"choice-185 depth-1\" >Uganda<\/option><option value=\"Ukraine\" class=\"choice-186 depth-1\" >Ukraine<\/option><option value=\"United Arab Emirates\" class=\"choice-187 depth-1\" >United Arab Emirates<\/option><option value=\"United Kingdom\" class=\"choice-188 depth-1\" >United Kingdom<\/option><option value=\"United States\" class=\"choice-189 depth-1\" >United States<\/option><option value=\"Uruguay\" class=\"choice-190 depth-1\" >Uruguay<\/option><option value=\"Uzbekistan\" class=\"choice-191 depth-1\" >Uzbekistan<\/option><option value=\"Vanuatu\" class=\"choice-192 depth-1\" >Vanuatu<\/option><option value=\"Vatican City\" class=\"choice-193 depth-1\" >Vatican City<\/option><option value=\"Venezuela\" class=\"choice-194 depth-1\" >Venezuela<\/option><option value=\"Vietnam\" class=\"choice-195 depth-1\" >Vietnam<\/option><option value=\"Yemen\" class=\"choice-196 depth-1\" >Yemen<\/option><option value=\"Zambia\" class=\"choice-197 depth-1\" >Zambia<\/option><option value=\"Zimbabwe\" class=\"choice-198 depth-1\" >Zimbabwe<\/option><\/select><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-1269-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-1269-field_33\" aria-hidden=\"false\">Language<\/label><input type=\"text\" id=\"wpforms-1269-field_33\" class=\"wpforms-field-large\" name=\"wpforms[fields][33]\" value=\"English\" aria-errormessage=\"wpforms-1269-field_33-error\" ><\/div><div id=\"wpforms-1269-field_71-container\" class=\"wpforms-field wpforms-field-checkbox\" data-field-id=\"71\"><fieldset><legend class=\"wpforms-field-label wpforms-label-hide\" aria-hidden=\"false\">RGPD<\/legend><ul id=\"wpforms-1269-field_71\"><li class=\"choice-1 depth-1\"><input type=\"checkbox\" id=\"wpforms-1269-field_71_1\" name=\"wpforms[fields][71][]\" value=\"By submitting this form, I agree to the terms and conditions of use of this website, as well as its use of cookies and its privacy policy.\" aria-errormessage=\"wpforms-1269-field_71_1-error\" aria-describedby=\"wpforms-1269-field_71-description\" ><label class=\"wpforms-field-label-inline\" for=\"wpforms-1269-field_71_1\">By submitting this form, I agree to the terms and conditions of use of this website, as well as its use of cookies and its privacy policy.<\/label><\/li><\/ul><div id=\"wpforms-1269-field_71-description\" class=\"wpforms-field-description\">You can view the <a style=\"color:#000000;\" href=\"https:\/\/korallresidences.com\/privacidad\/\">privacy policy<\/a> by clicking here. See also <a style=\"color:#000000;\" href=\"https:\/\/korallresidences.com\/cookies\/\">our cookies<\/a>.<\/div><\/fieldset><\/div><div id=\"wpforms-1269-field_66-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"66\"><input type=\"hidden\" id=\"wpforms-1269-field_66\" name=\"wpforms[fields][66]\" value=\"1\"><\/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-1269-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-1269-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-1269-field_1-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"1269\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/pages\/1223\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-1269\" class=\"wpforms-submit\" data-alt-text=\"Working on it...\" data-submit-text=\"Unlock information\" aria-live=\"assertive\" value=\"wpforms-submit\">Unlock information<\/button><img decoding=\"async\" src=\"https:\/\/korallresidences.com\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div> \r\n <\/div>\r\n\r\n <div class=\"korall_unlock__agent\">\r\n <a href=\"#agent-form\" class=\"korall_unlock__agent-card\" id=\"korall_agent_trigger\" role=\"button\">\r\n <p class=\"korall_unlock__agent-card-title\">Are you a real estate agent?<\/p>\r\n <p class=\"korall_unlock__agent-card-sub\">Send us your details and we will get in touch with you.<\/p>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n <div class=\"korall_agent_modal\" id=\"korall_agent_modal\">\r\n <div class=\"korall_agent_modal__backdrop\" id=\"korall_agent_backdrop\"><\/div>\r\n \r\n <div class=\"korall_agent_modal__content\">\r\n <button class=\"korall_agent_modal__close\" id=\"korall_agent_close\" aria-label=\"Close\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div class=\"evoost-b2b-form-wrapper evoost-layout-two-col\" id=\"evoost-form-1027-2766\" style=\"--evoost-accent:#4e7194;--evoost-border-focus:#4e7194;--evoost-focus-shadow:rgba(78,113,148,0.1);\">\n\n <div class=\"evoost-form-header\">\n <img decoding=\"async\" src=\"https:\/\/evoost.ai\/wp-content\/uploads\/2025\/12\/partners-favicon-single.png\" alt=\"\" class=\"evoost-form-header-logo\">\n <h3 class=\"evoost-form-header-title\">Send us your details and <strong>we will get in touch with you<\/strong><\/h3>\n <\/div>\n \n <form class=\"evoost-b2b-form\" data-form-id=\"1027\" data-lang=\"en\" data-redirect=\"https:\/\/korallresidences.com\/en\/brokers\/\" novalidate>\n\n <input type=\"hidden\" id=\"evoost_nonce\" name=\"evoost_nonce\" value=\"d1fecb0100\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1223\" \/>\n <div class=\"evoost-fields-grid\">\n \n <div class=\"evoost-field evoost-field-firstname\">\n <label for=\"evoost-form-1027-2766-firstname\">First Name <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-1027-2766-firstname\" name=\"firstname\" required autocomplete=\"given-name\" placeholder=\"First Name\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-lastname\">\n <label for=\"evoost-form-1027-2766-lastname\">Last Name <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-1027-2766-lastname\" name=\"lastname\" required autocomplete=\"family-name\" placeholder=\"Last Name\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-email\">\n <label for=\"evoost-form-1027-2766-email\">Email <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"email\" id=\"evoost-form-1027-2766-email\" name=\"email\" required autocomplete=\"email\" placeholder=\"email@example.com\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-phone\">\n <label for=\"evoost-form-1027-2766-phone\">Phone <span class=\"evoost-required\">*<\/span><\/label>\n <div class=\"evoost-phone-wrapper\">\n <span class=\"evoost-phone-prefix\" data-default=\"+34\">+34<\/span>\n <input type=\"tel\" id=\"evoost-form-1027-2766-phone\" name=\"phone\" required autocomplete=\"tel\" placeholder=\"600 000 000\" \/>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-company\">\n <label for=\"evoost-form-1027-2766-company\">Company<\/label>\n <input type=\"text\" id=\"evoost-form-1027-2766-company\" name=\"company_visible\" autocomplete=\"organization\" placeholder=\"Company\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n \n \n <div class=\"evoost-field evoost-field-country\">\n <label for=\"evoost-form-1027-2766-country\">Country <span class=\"evoost-required\">*<\/span><\/label>\n <div class=\"evoost-select-search-wrapper\">\n <input type=\"text\" class=\"evoost-select-search-input\" id=\"evoost-form-1027-2766-country-search\" placeholder=\"Country...\" autocomplete=\"off\" \/>\n <select id=\"evoost-form-1027-2766-country\" name=\"country_visible\" required class=\"evoost-select-hidden\">\n <option value=\"\">Country<\/option>\n <option value=\"Afghanistan\">Afghanistan<\/option>\n <option value=\"Albania\">Albania<\/option>\n <option value=\"Algeria\">Algeria<\/option>\n <option value=\"Andorra\">Andorra<\/option>\n <option value=\"Angola\">Angola<\/option>\n <option value=\"Antigua and Barbuda\">Antigua and Barbuda<\/option>\n <option value=\"Argentina\">Argentina<\/option>\n <option value=\"Armenia\">Armenia<\/option>\n <option value=\"Australia\">Australia<\/option>\n <option value=\"Austria\">Austria<\/option>\n <option value=\"Azerbaijan\">Azerbaijan<\/option>\n <option value=\"Bahamas\">Bahamas<\/option>\n <option value=\"Bahrain\">Bahrain<\/option>\n <option value=\"Bangladesh\">Bangladesh<\/option>\n <option value=\"Barbados\">Barbados<\/option>\n <option value=\"Belarus\">Belarus<\/option>\n <option value=\"Belgium\">Belgium<\/option>\n <option value=\"Belize\">Belize<\/option>\n <option value=\"Benin\">Benin<\/option>\n <option value=\"Bhutan\">Bhutan<\/option>\n <option value=\"Bolivia\">Bolivia<\/option>\n <option value=\"Bosnia and Herzegovina\">Bosnia and Herzegovina<\/option>\n <option value=\"Botswana\">Botswana<\/option>\n <option value=\"Brazil\">Brazil<\/option>\n <option value=\"Brunei\">Brunei<\/option>\n <option value=\"Bulgaria\">Bulgaria<\/option>\n <option value=\"Burkina Faso\">Burkina Faso<\/option>\n <option value=\"Burundi\">Burundi<\/option>\n <option value=\"Cabo Verde\">Cabo Verde<\/option>\n <option value=\"Cambodia\">Cambodia<\/option>\n <option value=\"Cameroon\">Cameroon<\/option>\n <option value=\"Canada\">Canada<\/option>\n <option value=\"Central African Republic\">Central African Republic<\/option>\n <option value=\"Chad\">Chad<\/option>\n <option value=\"Chile\">Chile<\/option>\n <option value=\"China\">China<\/option>\n <option value=\"Colombia\">Colombia<\/option>\n <option value=\"Comoros\">Comoros<\/option>\n <option value=\"Congo\">Congo<\/option>\n <option value=\"Costa Rica\">Costa Rica<\/option>\n <option value=\"Croatia\">Croatia<\/option>\n <option value=\"Cuba\">Cuba<\/option>\n <option value=\"Cyprus\">Cyprus<\/option>\n <option value=\"Czech Republic\">Czech Republic<\/option>\n <option value=\"Democratic Republic of the Congo\">Democratic Republic of the Congo<\/option>\n <option value=\"Denmark\">Denmark<\/option>\n <option value=\"Djibouti\">Djibouti<\/option>\n <option value=\"Dominica\">Dominica<\/option>\n <option value=\"Dominican Republic\">Dominican Republic<\/option>\n <option value=\"Ecuador\">Ecuador<\/option>\n <option value=\"Egypt\">Egypt<\/option>\n <option value=\"El Salvador\">El Salvador<\/option>\n <option value=\"Equatorial Guinea\">Equatorial Guinea<\/option>\n <option value=\"Eritrea\">Eritrea<\/option>\n <option value=\"Estonia\">Estonia<\/option>\n <option value=\"Eswatini\">Eswatini<\/option>\n <option value=\"Ethiopia\">Ethiopia<\/option>\n <option value=\"Fiji\">Fiji<\/option>\n <option value=\"Finland\">Finland<\/option>\n <option value=\"France\">France<\/option>\n <option value=\"Gabon\">Gabon<\/option>\n <option value=\"Gambia\">Gambia<\/option>\n <option value=\"Georgia\">Georgia<\/option>\n <option value=\"Germany\">Germany<\/option>\n <option value=\"Ghana\">Ghana<\/option>\n <option value=\"Greece\">Greece<\/option>\n <option value=\"Grenada\">Grenada<\/option>\n <option value=\"Guatemala\">Guatemala<\/option>\n <option value=\"Guinea\">Guinea<\/option>\n <option value=\"Guinea-Bissau\">Guinea-Bissau<\/option>\n <option value=\"Guyana\">Guyana<\/option>\n <option value=\"Haiti\">Haiti<\/option>\n <option value=\"Honduras\">Honduras<\/option>\n <option value=\"Hungary\">Hungary<\/option>\n <option value=\"Iceland\">Iceland<\/option>\n <option value=\"India\">India<\/option>\n <option value=\"Indonesia\">Indonesia<\/option>\n <option value=\"Iran\">Iran<\/option>\n <option value=\"Iraq\">Iraq<\/option>\n <option value=\"Ireland\">Ireland<\/option>\n <option value=\"Israel\">Israel<\/option>\n <option value=\"Italy\">Italy<\/option>\n <option value=\"Ivory Coast\">Ivory Coast<\/option>\n <option value=\"Jamaica\">Jamaica<\/option>\n <option value=\"Japan\">Japan<\/option>\n <option value=\"Jordan\">Jordan<\/option>\n <option value=\"Kazakhstan\">Kazakhstan<\/option>\n <option value=\"Kenya\">Kenya<\/option>\n <option value=\"Kiribati\">Kiribati<\/option>\n <option value=\"Kuwait\">Kuwait<\/option>\n <option value=\"Kyrgyzstan\">Kyrgyzstan<\/option>\n <option value=\"Laos\">Laos<\/option>\n <option value=\"Latvia\">Latvia<\/option>\n <option value=\"Lebanon\">Lebanon<\/option>\n <option value=\"Lesotho\">Lesotho<\/option>\n <option value=\"Liberia\">Liberia<\/option>\n <option value=\"Libya\">Libya<\/option>\n <option value=\"Liechtenstein\">Liechtenstein<\/option>\n <option value=\"Lithuania\">Lithuania<\/option>\n <option value=\"Luxembourg\">Luxembourg<\/option>\n <option value=\"Madagascar\">Madagascar<\/option>\n <option value=\"Malawi\">Malawi<\/option>\n <option value=\"Malaysia\">Malaysia<\/option>\n <option value=\"Maldives\">Maldives<\/option>\n <option value=\"Mali\">Mali<\/option>\n <option value=\"Malta\">Malta<\/option>\n <option value=\"Marshall Islands\">Marshall Islands<\/option>\n <option value=\"Mauritania\">Mauritania<\/option>\n <option value=\"Mauritius\">Mauritius<\/option>\n <option value=\"Mexico\">Mexico<\/option>\n <option value=\"Micronesia\">Micronesia<\/option>\n <option value=\"Moldova\">Moldova<\/option>\n <option value=\"Monaco\">Monaco<\/option>\n <option value=\"Mongolia\">Mongolia<\/option>\n <option value=\"Montenegro\">Montenegro<\/option>\n <option value=\"Morocco\">Morocco<\/option>\n <option value=\"Mozambique\">Mozambique<\/option>\n <option value=\"Myanmar\">Myanmar<\/option>\n <option value=\"Namibia\">Namibia<\/option>\n <option value=\"Nauru\">Nauru<\/option>\n <option value=\"Nepal\">Nepal<\/option>\n <option value=\"Netherlands\">Netherlands<\/option>\n <option value=\"New Zealand\">New Zealand<\/option>\n <option value=\"Nicaragua\">Nicaragua<\/option>\n <option value=\"Niger\">Niger<\/option>\n <option value=\"Nigeria\">Nigeria<\/option>\n <option value=\"North Korea\">North Korea<\/option>\n <option value=\"North Macedonia\">North Macedonia<\/option>\n <option value=\"Norway\">Norway<\/option>\n <option value=\"Oman\">Oman<\/option>\n <option value=\"Pakistan\">Pakistan<\/option>\n <option value=\"Palau\">Palau<\/option>\n <option value=\"Palestine\">Palestine<\/option>\n <option value=\"Panama\">Panama<\/option>\n <option value=\"Papua New Guinea\">Papua New Guinea<\/option>\n <option value=\"Paraguay\">Paraguay<\/option>\n <option value=\"Peru\">Peru<\/option>\n <option value=\"Philippines\">Philippines<\/option>\n <option value=\"Poland\">Poland<\/option>\n <option value=\"Portugal\">Portugal<\/option>\n <option value=\"Qatar\">Qatar<\/option>\n <option value=\"Romania\">Romania<\/option>\n <option value=\"Russia\">Russia<\/option>\n <option value=\"Rwanda\">Rwanda<\/option>\n <option value=\"Saint Kitts and Nevis\">Saint Kitts and Nevis<\/option>\n <option value=\"Saint Lucia\">Saint Lucia<\/option>\n <option value=\"Saint Vincent and the Grenadines\">Saint Vincent and the Grenadines<\/option>\n <option value=\"Samoa\">Samoa<\/option>\n <option value=\"San Marino\">San Marino<\/option>\n <option value=\"Sao Tome and Principe\">Sao Tome and Principe<\/option>\n <option value=\"Saudi Arabia\">Saudi Arabia<\/option>\n <option value=\"Senegal\">Senegal<\/option>\n <option value=\"Serbia\">Serbia<\/option>\n <option value=\"Seychelles\">Seychelles<\/option>\n <option value=\"Sierra Leone\">Sierra Leone<\/option>\n <option value=\"Singapore\">Singapore<\/option>\n <option value=\"Slovakia\">Slovakia<\/option>\n <option value=\"Slovenia\">Slovenia<\/option>\n <option value=\"Solomon Islands\">Solomon Islands<\/option>\n <option value=\"Somalia\">Somalia<\/option>\n <option value=\"South Africa\">South Africa<\/option>\n <option value=\"South Korea\">South Korea<\/option>\n <option value=\"South Sudan\">South Sudan<\/option>\n <option value=\"Spain\">Spain<\/option>\n <option value=\"Sri Lanka\">Sri Lanka<\/option>\n <option value=\"Sudan\">Sudan<\/option>\n <option value=\"Suriname\">Suriname<\/option>\n <option value=\"Sweden\">Sweden<\/option>\n <option value=\"Switzerland\">Switzerland<\/option>\n <option value=\"Syria\">Syria<\/option>\n <option value=\"Tajikistan\">Tajikistan<\/option>\n <option value=\"Tanzania\">Tanzania<\/option>\n <option value=\"Thailand\">Thailand<\/option>\n <option value=\"Timor-Leste\">Timor-Leste<\/option>\n <option value=\"Togo\">Togo<\/option>\n <option value=\"Tonga\">Tonga<\/option>\n <option value=\"Trinidad and Tobago\">Trinidad and Tobago<\/option>\n <option value=\"Tunisia\">Tunisia<\/option>\n <option value=\"Turkey\">Turkey<\/option>\n <option value=\"Turkmenistan\">Turkmenistan<\/option>\n <option value=\"Tuvalu\">Tuvalu<\/option>\n <option value=\"Uganda\">Uganda<\/option>\n <option value=\"Ukraine\">Ukraine<\/option>\n <option value=\"United Arab Emirates\">United Arab Emirates<\/option>\n <option value=\"United Kingdom\">United Kingdom<\/option>\n <option value=\"United States\">United States<\/option>\n <option value=\"Uruguay\">Uruguay<\/option>\n <option value=\"Uzbekistan\">Uzbekistan<\/option>\n <option value=\"Vanuatu\">Vanuatu<\/option>\n <option value=\"Vatican City\">Vatican City<\/option>\n <option value=\"Venezuela\">Venezuela<\/option>\n <option value=\"Vietnam\">Vietnam<\/option>\n <option value=\"Yemen\">Yemen<\/option>\n <option value=\"Zambia\">Zambia<\/option>\n <option value=\"Zimbabwe\">Zimbabwe<\/option>\n <\/select>\n <div class=\"evoost-select-dropdown\" style=\"display:none;\"><\/div>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-comments evoost-field-full\">\n <label for=\"evoost-form-1027-2766-comments\">Comments<\/label>\n <textarea id=\"evoost-form-1027-2766-comments\" name=\"comments\" rows=\"2\" placeholder=\"Comments...\"><\/textarea>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-consent\">\n <label class=\"evoost-consent-label\">\n <input type=\"checkbox\" name=\"consent\" required \/>\n <span class=\"evoost-checkbox-custom\">\n <svg viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M1.5 5.5L4 8L8.5 2\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <span class=\"evoost-consent-text\">\n By submitting this form, I accept the terms and conditions of use of this website, as well as its use of cookies and its privacy policy. <a href=\"https:\/\/evoost.ai\/privacy\/\" target=\"_blank\" rel=\"noopener\">view the privacy policy by clicking here<\/a>.\n <a href=\"https:\/\/evoost.ai\/cookies\/\" target=\"_blank\" rel=\"noopener\">also check our cookies policy<\/a>.\n <\/span>\n <\/label>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-submit\">\n <button type=\"submit\" class=\"evoost-submit-btn\" style=\"--evoost-btn-color: #2a2a2a\">\n <span class=\"evoost-btn-text\">Submit<\/span>\n <span class=\"evoost-btn-loading\" style=\"display:none;\">Sending...<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"evoost-form-message\" style=\"display:none;\"><\/div>\n <\/form>\n\n \n <div class=\"evoost-signature-wrapper\">\n <a href=\"https:\/\/partners.evoost.ai\" target=\"_blank\" class=\"evoost-signature\" aria-label=\"Powered by eVoost Partners\">\n <img decoding=\"async\" src=\"https:\/\/evoost.ai\/wp-content\/uploads\/2025\/12\/partners-favicon-single.png\" alt=\"eVoost Partners\" class=\"evoost-signature-logo\">\n <span class=\"evoost-signature-text\">Powered by <span class=\"evoost-signature-highlight\">eVoost Partners<\/span><\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <script>\n (function(){\n if (!window.evoostFormLabels) window.evoostFormLabels = {};\n window.evoostFormLabels['1027'] = {\"first_name\":\"First Name\",\"last_name\":\"Last Name\",\"email\":\"Email\",\"phone\":\"Phone\",\"company\":\"Company\",\"country\":\"Country\",\"comments\":\"Comments\",\"consent\":\"By submitting this form, I accept the terms and conditions of use of this website, as well as its use of cookies and its privacy policy.\",\"privacy\":\"view the privacy policy by clicking here\",\"cookies\":\"also check our cookies policy\",\"submit\":\"Submit\",\"sending\":\"Sending...\",\"success\":\"Thank you! Your request has been sent successfully.\",\"error\":\"An error occurred. Please try again.\",\"required\":\"This field is required.\",\"invalid_email\":\"Please enter a valid email.\"};\n })();\n <\/script>\n \r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('unlock');\r\n var modal = document.getElementById('korall_agent_modal');\r\n var trigger = document.getElementById('korall_agent_trigger');\r\n var backdrop = document.getElementById('korall_agent_backdrop');\r\n var closeBtn = document.getElementById('korall_agent_close');\r\n var modalContent = document.querySelector('.korall_agent_modal__content');\r\n var scrollY = 0;\r\n\r\n function openModal() {\r\n scrollY = window.scrollY;\r\n document.body.style.overflow = 'hidden';\r\n document.body.style.position = 'fixed';\r\n document.body.style.width = '100%';\r\n document.body.style.top = '-' + scrollY + 'px';\r\n modal.classList.add('korall_agent_modal--open');\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('korall_agent_modal--open');\r\n document.body.style.overflow = '';\r\n document.body.style.position = '';\r\n document.body.style.width = '';\r\n document.body.style.top = '';\r\n window.scrollTo(0, scrollY);\r\n }\r\n\r\n if (trigger) {\r\n trigger.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n setTimeout(openModal, 10);\r\n });\r\n }\r\n \r\n if (backdrop) {\r\n backdrop.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n closeModal();\r\n });\r\n }\r\n \r\n if (closeBtn) {\r\n closeBtn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n closeModal();\r\n });\r\n }\r\n\r\n if (modalContent) {\r\n modalContent.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n });\r\n }\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && modal && modal.classList.contains('korall_agent_modal--open')) {\r\n closeModal();\r\n }\r\n });\r\n\r\n function checkVisibility() {\r\n if (!section) return;\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('korall_unlock--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6259d09 e-con-full e-flex e-con e-parent\" data-id=\"6259d09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4870559 elementor-widget elementor-widget-html\" data-id=\"4870559\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n \/* ============================================\n RESET & BASE\n ============================================ *\/\n *, *::before, *::after {\n box-sizing: border-box;\n }\n\n \/* ============================================\n FOOTER\n ============================================ *\/\n .koral_footer {\n background-color: #4a6682 !important;\n padding: 80px 60px 40px 60px !important;\n }\n\n .koral_footer__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n gap: 40px !important;\n flex-wrap: wrap !important;\n }\n\n \/* ============================================\n LOGO & PHONE GROUP\n ============================================ *\/\n .koral_footer__brand {\n display: flex !important;\n align-items: center !important;\n gap: 40px !important;\n flex-shrink: 0 !important;\n }\n\n .koral_footer__brand-logo-group {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n gap: 12px !important;\n flex-shrink: 0 !important;\n }\n\n .koral_footer__brand-separator {\n width: 1px !important;\n height: 36px !important;\n background-color: rgba(255, 255, 255, 0.25) !important;\n }\n\n .koral_footer__logo {\n flex-shrink: 0 !important;\n }\n\n .koral_footer__logo img {\n height: 72px !important;\n width: auto !important;\n display: block !important;\n filter: brightness(0) invert(1) !important;\n opacity: 0.9 !important;\n transition: opacity 0.3s ease !important;\n }\n\n .koral_footer__logo:hover img {\n opacity: 1 !important;\n }\n\n \/* ============================================\n PHONE LINK\n ============================================ *\/\n #koral_footer_phone_link,\n #koral_footer_phone_link:link,\n #koral_footer_phone_link:visited,\n #koral_footer_phone_link:active,\n .koral_footer__phone,\n .koral_footer__phone:link,\n .koral_footer__phone:visited,\n .koral_footer__phone:active,\n a#koral_footer_phone_link,\n a#koral_footer_phone_link:link,\n a#koral_footer_phone_link:visited,\n a#koral_footer_phone_link:active {\n display: flex !important;\n align-items: center !important;\n gap: 8px !important;\n font-family: 'Lexend Deca', sans-serif !important;\n font-size: 16px !important;\n font-weight: 300 !important;\n color: #ffffff !important;\n text-decoration: none !important;\n transition: opacity 0.3s ease !important;\n }\n\n #koral_footer_phone_link:hover,\n .koral_footer__phone:hover,\n a#koral_footer_phone_link:hover {\n opacity: 0.85 !important;\n color: #ffffff !important;\n }\n\n #koral_footer_phone_link *,\n #koral_footer_phone_link *:link,\n #koral_footer_phone_link *:visited,\n #koral_footer_phone_link *:active,\n .koral_footer__phone *,\n .koral_footer__phone-number,\n .koral_footer__phone-number *,\n .koral_footer .koral_footer__phone-number,\n .koral_footer .koral_footer__phone-number * {\n color: #ffffff !important;\n font-family: 'Lexend Deca', sans-serif !important;\n font-size: 16px !important;\n font-weight: 300 !important;\n opacity: 1 !important;\n text-decoration: none !important;\n }\n\n .koral_footer__phone-icon {\n width: 18px !important;\n height: 18px !important;\n opacity: 0.9 !important;\n flex-shrink: 0 !important;\n }\n\n \/* ============================================\n LEGAL LINKS\n ============================================ *\/\n .koral_footer__legal {\n display: flex !important;\n align-items: center !important;\n gap: 12px !important;\n }\n\n .koral_footer__legal a {\n font-family: 'Lexend Deca', sans-serif !important;\n font-size: 14px !important;\n font-weight: 300 !important;\n letter-spacing: 0.5px !important;\n color: rgba(255, 255, 255, 0.6) !important;\n text-decoration: none !important;\n transition: color 0.3s ease !important;\n }\n\n .koral_footer__legal a:hover {\n color: rgba(255, 255, 255, 0.95) !important;\n }\n\n .koral_footer__legal-separator {\n font-size: 14px !important;\n color: rgba(255, 255, 255, 0.3) !important;\n user-select: none !important;\n }\n\n \/* ============================================\n LIFE IN COSTA LOGO\n ============================================ *\/\n .koral_footer__lic {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n flex-shrink: 0 !important;\n }\n\n .koral_footer__lic-logo {\n height: 36px !important;\n width: auto !important;\n display: block !important;\n filter: brightness(0) invert(1) !important;\n opacity: 0.55 !important;\n transition: opacity 0.3s ease !important;\n }\n\n .koral_footer__lic-logo:hover {\n opacity: 0.85 !important;\n }\n\n \/* ============================================\n LANGUAGE SELECTOR - CENTRADO DEBAJO DEL FOOTER\n (Misma estructura que el original, solo movida)\n ============================================ *\/\n .koral_footer__lang-wrapper {\n max-width: 1600px !important;\n margin: 48px auto 0 auto !important;\n padding-top: 32px !important;\n border-top: 1px solid rgba(255, 255, 255, 0.15) !important;\n text-align: center !important;\n }\n\n .koral_footer__lang {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n flex-wrap: wrap !important;\n gap: 4px !important;\n }\n\n .koral_footer__lang-link {\n font-family: 'Lexend Deca', sans-serif !important;\n font-size: 11px !important;\n font-weight: 300 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n text-decoration: none !important;\n color: rgba(255, 255, 255, 0.45) !important;\n padding: 3px 6px !important;\n border-radius: 2px !important;\n transition: color 0.3s ease !important;\n cursor: pointer !important;\n }\n\n .koral_footer__lang-link:hover {\n color: rgba(255, 255, 255, 0.9) !important;\n }\n\n .koral_footer__lang-link--active,\n .koral_footer__lang-link--active:hover {\n color: #ffffff !important;\n font-weight: 400 !important;\n cursor: default !important;\n pointer-events: none !important;\n }\n\n .koral_footer__lang-divider {\n font-size: 10px !important;\n color: rgba(255, 255, 255, 0.2) !important;\n user-select: none !important;\n }\n\n \/* ============================================\n RESPONSIVE - TABLET\n ============================================ *\/\n @media screen and (max-width: 991px) {\n .koral_footer {\n padding: 60px 40px 32px 40px !important;\n }\n\n .koral_footer__container {\n justify-content: center !important;\n gap: 32px !important;\n }\n\n .koral_footer__brand {\n width: 100% !important;\n justify-content: center !important;\n }\n\n .koral_footer__logo img {\n height: 64px !important;\n }\n\n .koral_footer__lang-wrapper {\n margin-top: 40px !important;\n padding-top: 28px !important;\n }\n }\n\n \/* ============================================\n RESPONSIVE - MOBILE L (768px)\n ============================================ *\/\n @media screen and (max-width: 768px) {\n .koral_footer {\n padding: 48px 32px 28px 32px !important;\n }\n\n .koral_footer__container {\n flex-direction: column !important;\n gap: 28px !important;\n }\n\n .koral_footer__brand {\n flex-direction: column !important;\n gap: 20px !important;\n }\n\n .koral_footer__brand-separator {\n display: none !important;\n }\n\n .koral_footer__logo img {\n height: 56px !important;\n }\n\n #koral_footer_phone_link,\n .koral_footer__phone,\n .koral_footer__phone *,\n .koral_footer__phone-number,\n .koral_footer__phone-number * {\n font-size: 15px !important;\n }\n\n .koral_footer__legal a {\n font-size: 13px !important;\n }\n\n .koral_footer__lang-wrapper {\n margin-top: 32px !important;\n padding-top: 24px !important;\n }\n }\n\n \/* ============================================\n RESPONSIVE - MOBILE (480px)\n ============================================ *\/\n @media screen and (max-width: 480px) {\n .koral_footer {\n padding: 40px 20px 24px 20px !important;\n }\n\n .koral_footer__container {\n gap: 24px !important;\n }\n\n .koral_footer__brand {\n gap: 16px !important;\n }\n\n .koral_footer__logo img {\n height: 48px !important;\n }\n\n #koral_footer_phone_link,\n .koral_footer__phone,\n .koral_footer__phone *,\n .koral_footer__phone-number,\n .koral_footer__phone-number * {\n font-size: 14px !important;\n }\n\n .koral_footer__legal {\n flex-direction: column !important;\n gap: 8px !important;\n text-align: center !important;\n }\n\n .koral_footer__legal-separator {\n display: none !important;\n }\n\n .koral_footer__legal a {\n font-size: 12px !important;\n }\n\n .koral_footer__lic-logo {\n height: 30px !important;\n }\n\n .koral_footer__lang-wrapper {\n margin-top: 24px !important;\n padding-top: 20px !important;\n }\n\n .koral_footer__lang-link {\n font-size: 10px !important;\n padding: 2px 4px !important;\n }\n }\n<\/style>\n\n\n<footer class=\"koral_footer\">\n <div class=\"koral_footer__container\">\n \n \n <div class=\"koral_footer__brand\">\n <div class=\"koral_footer__brand-logo-group\">\n <a href=\"\/\" class=\"koral_footer__logo\" aria-label=\"Korall Residences - Inicio\">\n <img decoding=\"async\" src=\"https:\/\/www.korallbytopgestion.com\/wp-content\/uploads\/2024\/01\/Logo-Korall-Residences-300x138px-By-TOP-Color.webp\" alt=\"Korall Residences\">\n <\/a>\n <\/div>\n <span class=\"koral_footer__brand-separator\"><\/span>\n <a href=\"tel:\" id=\"koral_footer_phone_link\" class=\"koral_footer__phone\">\n <svg class=\"koral_footer__phone-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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\"\/>\n <\/svg>\n <span class=\"koral_footer__phone-number\"><\/span>\n <\/a>\n <\/div>\n\n \n <nav class=\"koral_footer__legal\" id=\"koral_legal_nav\" aria-label=\"Enlaces legales\">\n <a href=\"\/legal\" data-koral-i18n=\"legal\">Legal<\/a>\n <span class=\"koral_footer__legal-separator\">\u00b7<\/span>\n <a href=\"\/privacidad\" data-koral-i18n=\"privacy\">Privacidad<\/a>\n <span class=\"koral_footer__legal-separator\">\u00b7<\/span>\n <a href=\"\/cookies\" data-koral-i18n=\"cookies\">Cookies<\/a>\n <\/nav>\n\n \n <div class=\"koral_footer__lic\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/lifeincosta.png\" alt=\"Life In Costa\" class=\"koral_footer__lic-logo\">\n <\/div>\n\n <\/div>\n\n \n <div class=\"koral_footer__lang-wrapper\">\n <nav class=\"koral_footer__lang\" id=\"koral_lang_switcher\" aria-label=\"Selector de idioma\">\n <a href=\"#\" class=\"koral_footer__lang-link\" data-lang=\"es\">ES<\/a>\n <span class=\"koral_footer__lang-divider\">|<\/span>\n <a href=\"#\" class=\"koral_footer__lang-link\" data-lang=\"en\">EN<\/a>\n <span class=\"koral_footer__lang-divider\">|<\/span>\n <a href=\"#\" class=\"koral_footer__lang-link\" data-lang=\"fr\">FR<\/a>\n <span class=\"koral_footer__lang-divider\">|<\/span>\n <a href=\"#\" class=\"koral_footer__lang-link\" data-lang=\"de\">DE<\/a>\n \n <\/nav>\n <\/div>\n<\/footer>\n\n<script>\n(function() {\n \/* \u2500\u2500 Configuraci\u00f3n de idiomas \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var langMap = {\n es: {\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Privacidad' },\n cookies: { href: '\/cookies', label: 'Cookies' },\n ariaNav: 'Enlaces legales',\n ariaLang: 'Selector de idioma'\n },\n en: {\n prefix: '\/en',\n legal: { href: '\/en\/legal', label: 'Legal' },\n privacy: { href: '\/en\/privacy', label: 'Privacy' },\n cookies: { href: '\/en\/cookies', label: 'Cookies' },\n ariaNav: 'Legal links',\n ariaLang: 'Language selector'\n },\n fr: {\n prefix: '\/fr',\n legal: { href: '\/fr\/mentions-legales', label: 'Mentions l\u00e9gales' },\n privacy: { href: '\/fr\/confidentialite', label: 'Confidentialit\u00e9' },\n cookies: { href: '\/fr\/cookies', label: 'Cookies' },\n ariaNav: 'Liens juridiques',\n ariaLang: 'S\u00e9lecteur de langue'\n },\n de: {\n prefix: '\/de',\n legal: { href: '\/de\/impressum', label: 'Impressum' },\n privacy: { href: '\/de\/datenschutz', label: 'Datenschutz' },\n cookies: { href: '\/de\/cookies', label: 'Cookies' },\n ariaNav: 'Rechtliche Hinweise',\n ariaLang: 'Sprachauswahl'\n },\n pl: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Prywatno\u015b\u0107' },\n cookies: { href: '\/cookies', label: 'Ciasteczka' },\n ariaNav: 'Linki prawne',\n ariaLang: 'Wyb\u00f3r j\u0119zyka'\n },\n ru: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: '\u041a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c' },\n cookies: { href: '\/cookies', label: '\u0424\u0430\u0439\u043b\u044b cookie' },\n ariaNav: '\u041f\u0440\u0430\u0432\u043e\u0432\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438',\n ariaLang: '\u0412\u044b\u0431\u043e\u0440 \u044f\u0437\u044b\u043a\u0430'\n },\n ar: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: '\u062e\u0635\u0648\u0635\u064a\u0629' },\n cookies: { href: '\/cookies', label: '\u0645\u0644\u0641\u0627\u062a \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0627\u0631\u062a\u0628\u0627\u0637' },\n ariaNav: '\u0631\u0648\u0627\u0628\u0637 \u0642\u0627\u0646\u0648\u0646\u064a\u0629',\n ariaLang: '\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0644\u063a\u0629'\n },\n cs: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Soukrom\u00ed' },\n cookies: { href: '\/cookies', label: 'Cookies' },\n ariaNav: 'Pr\u00e1vn\u00ed odkazy',\n ariaLang: 'V\u00fdb\u011br jazyka'\n },\n sv: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Integritet' },\n cookies: { href: '\/cookies', label: 'Cookies' },\n ariaNav: 'Juridiska l\u00e4nkar',\n ariaLang: 'Spr\u00e5kv\u00e4ljare'\n },\n nl: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Privacy' },\n cookies: { href: '\/cookies', label: 'Cookies' },\n ariaNav: 'Juridische links',\n ariaLang: 'Taalkeuze'\n },\n da: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Privatliv' },\n cookies: { href: '\/cookies', label: 'Cookies' },\n ariaNav: 'Juridiske links',\n ariaLang: 'Sprogv\u00e6lger'\n },\n no: {\n prefix: '',\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Personvern' },\n cookies: { href: '\/cookies', label: 'Informasjonskapsler' },\n ariaNav: 'Juridiske lenker',\n ariaLang: 'Spr\u00e5kvelger'\n }\n };\n\n \/* \u2500\u2500 Detectar locale \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var path = window.location.pathname;\n var match = path.match(\/^\\\/(es|en|fr|de|pl|ru|ar|cs|sv|nl|da|no)(\\\/|$)\/);\n var locale = (match && langMap[match[1]]) ? match[1] : 'es';\n var cfg = langMap[locale];\n\n \/* \u2500\u2500 Legal links \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var legalLinks = document.querySelectorAll('.koral_footer__legal a[data-koral-i18n]');\n for (var i = 0; i < legalLinks.length; i++) {\n var key = legalLinks[i].getAttribute('data-koral-i18n');\n if (cfg[key]) {\n legalLinks[i].href = cfg[key].href;\n legalLinks[i].textContent = cfg[key].label;\n }\n }\n\n var navLegal = document.getElementById('koral_legal_nav');\n if (navLegal) navLegal.setAttribute('aria-label', cfg.ariaNav);\n\n \/* \u2500\u2500 Language switcher \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var slug = path.replace(\/^\\\/(es|en|fr|de|pl|ru|ar|cs|sv|nl|da|no)(\\\/|$)\/, '\/');\n if (slug.charAt(0) !== '\/') slug = '\/' + slug;\n\n var switcher = document.getElementById('koral_lang_switcher');\n if (switcher) {\n switcher.setAttribute('aria-label', cfg.ariaLang);\n var links = switcher.querySelectorAll('.koral_footer__lang-link');\n for (var j = 0; j < links.length; j++) {\n var lang = links[j].getAttribute('data-lang');\n if (lang === locale) {\n links[j].classList.add('koral_footer__lang-link--active');\n links[j].removeAttribute('href');\n } else {\n links[j].classList.remove('koral_footer__lang-link--active');\n var prefix = langMap[lang] ? langMap[lang].prefix : '';\n if (prefix) {\n links[j].href = prefix + slug;\n } else {\n links[j].href = slug;\n }\n }\n }\n }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7048426 elementor-widget elementor-widget-html\" data-id=\"7048426\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"evoost-signature-wrapper\"><a href=\"https:\/\/evoost.ai\" target=\"_blank\" class=\"evoost-signature\" aria-label=\"Powered by eVoost\"><img decoding=\"async\" src=\"https:\/\/asvillas.pt\/wp-content\/uploads\/2025\/05\/evoost_sales_innovation_logo-removebg-preview.svg\" alt=\"eVoost\" class=\"evoost-logo\"><span class=\"evoost-text\">Powered by <span class=\"evoost-highlight\">eVoost<\/span><\/span><\/a><\/div><style>\/* ============================================\r\n EVOOST SIGNATURE (standalone)\r\n============================================ *\/\r\n.evoost-signature-wrapper {\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n padding: 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(0, 0, 0, 0.1) !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.6 !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: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.2px !important;\r\n color: rgba(0, 0, 0, 0.4) !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: rgba(0, 0, 0, 0.55) !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(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 100%) !important;\r\n opacity: 0;\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(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%) !important;\r\n transform: skewX(-25deg) !important;\r\n z-index: 3 !important;\r\n opacity: 0;\r\n transition: opacity 0.2s ease !important;\r\n}\r\n\r\n@keyframes shineEffect {\r\n 0% { left: -150% !important; }\r\n 100% { left: 150% !important; }\r\n}\r\n\r\n.evoost-signature:hover {\r\n border-color: rgba(0, 0, 0, 0.2) !important;\r\n}\r\n\r\n.evoost-signature:hover:before {\r\n opacity: 1;\r\n}\r\n\r\n.evoost-signature:hover:after {\r\n opacity: 1;\r\n animation: shineEffect 1.2s ease-in-out !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-logo {\r\n opacity: 0.9 !important;\r\n transform: scale(1.05) !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-text {\r\n color: rgba(0, 0, 0, 0.7) !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-highlight {\r\n color: rgba(0, 0, 0, 0.85) !important;\r\n}\r\n<\/style>\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>Korall Residences – Exclusive Sky Villas Costa del Sol About Typologies Gallery Location Unlock information About Typologies Gallery Location Unlock information 28 Exclusive Sky Villas The secret to being happy Discover a new way to experience the Costa del Sol in a sustainable oasis overlooking the Mediterranean. Where design and atmosphere are carefully aligned to […]<\/p>\n","protected":false},"author":3,"featured_media":5249,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1223","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\n<title>Korall Residences Higuer\u00f3n | 28 Sky Villas en Costa del Sol<\/title>\n<meta name=\"description\" content=\"Descubre las 28 Sky Villas de 3 dormitorios en El Higuer\u00f3n, Fuengirola - Respira M\u00e1laga desde Korall Residences\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/korallresidences.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Korall Residences Higuer\u00f3n | 28 Sky Villas en Costa del Sol\" \/>\n<meta property=\"og:description\" content=\"Descubre las 28 Sky Villas de 3 dormitorios en El Higuer\u00f3n, Fuengirola - Respira M\u00e1laga desde Korall Residences\" \/>\n<meta property=\"og:url\" content=\"https:\/\/korallresidences.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Korall Residences\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-28T12:48:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Piscina-1024x576.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"22 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/korallresidences.com\\\/\",\"url\":\"https:\\\/\\\/korallresidences.com\\\/\",\"name\":\"Korall Residences Higuer\u00f3n | 28 Sky Villas en Costa del Sol\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/korallresidences.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Piscina-scaled.png\",\"datePublished\":\"2026-02-05T02:37:15+00:00\",\"dateModified\":\"2026-04-28T12:48:08+00:00\",\"description\":\"Descubre las 28 Sky Villas de 3 dormitorios en El Higuer\u00f3n, Fuengirola - Respira M\u00e1laga desde Korall Residences\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/korallresidences.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/korallresidences.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Piscina-scaled.png\",\"contentUrl\":\"https:\\\/\\\/korallresidences.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Piscina-scaled.png\",\"width\":2560,\"height\":1440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/korallresidences.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Engage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#website\",\"url\":\"https:\\\/\\\/korallresidences.com\\\/\",\"name\":\"Korall Residences\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/korallresidences.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#organization\",\"name\":\"Korall Residences\",\"url\":\"https:\\\/\\\/korallresidences.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/korallresidences.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Logo-Korall-Residences-300x138px-By-TOP-Color.webp\",\"contentUrl\":\"https:\\\/\\\/korallresidences.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Logo-Korall-Residences-300x138px-By-TOP-Color.webp\",\"width\":300,\"height\":138,\"caption\":\"Korall Residences\"},\"image\":{\"@id\":\"https:\\\/\\\/korallresidences.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Korall Residences Higuer\u00f3n | 28 Sky Villas en Costa del Sol","description":"Descubre las 28 Sky Villas de 3 dormitorios en El Higuer\u00f3n, Fuengirola - Respira M\u00e1laga desde Korall Residences","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:\/\/korallresidences.com\/","og_locale":"en_US","og_type":"article","og_title":"Korall Residences Higuer\u00f3n | 28 Sky Villas en Costa del Sol","og_description":"Descubre las 28 Sky Villas de 3 dormitorios en El Higuer\u00f3n, Fuengirola - Respira M\u00e1laga desde Korall Residences","og_url":"https:\/\/korallresidences.com\/","og_site_name":"Korall Residences","article_modified_time":"2026-04-28T12:48:08+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Piscina-1024x576.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/korallresidences.com\/","url":"https:\/\/korallresidences.com\/","name":"Korall Residences Higuer\u00f3n | 28 Sky Villas en Costa del Sol","isPartOf":{"@id":"https:\/\/korallresidences.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/korallresidences.com\/#primaryimage"},"image":{"@id":"https:\/\/korallresidences.com\/#primaryimage"},"thumbnailUrl":"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Piscina-scaled.png","datePublished":"2026-02-05T02:37:15+00:00","dateModified":"2026-04-28T12:48:08+00:00","description":"Descubre las 28 Sky Villas de 3 dormitorios en El Higuer\u00f3n, Fuengirola - Respira M\u00e1laga desde Korall Residences","breadcrumb":{"@id":"https:\/\/korallresidences.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/korallresidences.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/korallresidences.com\/#primaryimage","url":"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Piscina-scaled.png","contentUrl":"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Piscina-scaled.png","width":2560,"height":1440},{"@type":"BreadcrumbList","@id":"https:\/\/korallresidences.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/korallresidences.com\/"},{"@type":"ListItem","position":2,"name":"Engage"}]},{"@type":"WebSite","@id":"https:\/\/korallresidences.com\/#website","url":"https:\/\/korallresidences.com\/","name":"Korall Residences","description":"","publisher":{"@id":"https:\/\/korallresidences.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/korallresidences.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/korallresidences.com\/#organization","name":"Korall Residences","url":"https:\/\/korallresidences.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/korallresidences.com\/#\/schema\/logo\/image\/","url":"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Logo-Korall-Residences-300x138px-By-TOP-Color.webp","contentUrl":"https:\/\/korallresidences.com\/wp-content\/uploads\/2026\/02\/Logo-Korall-Residences-300x138px-By-TOP-Color.webp","width":300,"height":138,"caption":"Korall Residences"},"image":{"@id":"https:\/\/korallresidences.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/pages\/1223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/comments?post=1223"}],"version-history":[{"count":37,"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/pages\/1223\/revisions"}],"predecessor-version":[{"id":4589,"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/pages\/1223\/revisions\/4589"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/media\/5249"}],"wp:attachment":[{"href":"https:\/\/korallresidences.com\/en\/wp-json\/wp\/v2\/media?parent=1223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}