The Kos - Hero Cinematic<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans: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: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n overflow-x: hidden;\r\n }\r\n\r\n body.koss_locked {\r\n overflow: hidden !important;\r\n height: 100vh !important;\r\n }\r\n\r\n .koss_loader {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100vh !important;\r\n background-color: #f8f8f8 !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 z-index: 10000 !important;\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transition: opacity 0.6s ease, visibility 0.6s ease !important;\r\n }\r\n\r\n .koss_loader.koss_loader--hidden {\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n }\r\n\r\n .koss_loader__logo {\r\n max-width: 180px !important;\r\n width: 60% !important;\r\n height: auto !important;\r\n opacity: 0 !important;\r\n transform: scale(0.95) !important;\r\n animation: koss_fadeInScale 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.3s forwards !important;\r\n }\r\n\r\n .koss_loader__text {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: #999999 !important;\r\n margin-top: 24px !important;\r\n opacity: 0 !important;\r\n animation: koss_fadeInScale 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.6s forwards !important;\r\n }\r\n\r\n .koss_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 .koss_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:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg') !important;\r\n background-size: cover !important;\r\n background-position: center !important;\r\n }\r\n\r\n .koss_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 }\r\n\r\n .koss_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 .koss_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 .koss_hero__cell {\r\n background-color: #f8f8f8 !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 .koss_hero__cell.koss_cell--revealed {\r\n opacity: 0 !important;\r\n transform: scale(0.9) !important;\r\n }\r\n\r\n .koss_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: 24px 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 .koss_navbar.koss_navbar--visible {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_navbar.koss_navbar--solid {\r\n background-color: #f8f8f8 !important;\r\n padding: 16px 0 !important;\r\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06) !important;\r\n }\r\n\r\n .koss_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 .koss_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 .koss_navbar__logo img {\r\n height: 70px !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 .koss_navbar--solid .koss_navbar__logo img {\r\n height: 56px !important;\r\n filter: none !important;\r\n }\r\n\r\n .koss_navbar__nav {\r\n flex: 1 !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koss_navbar__menu {\r\n display: flex !important;\r\n gap: 40px !important;\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_navbar__menu a {\r\n font-family: 'Josefin Sans', 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 .koss_navbar--solid .koss_navbar__menu a {\r\n color: #333333 !important;\r\n }\r\n\r\n .koss_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 .koss_navbar--solid .koss_navbar__menu a::after {\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_navbar__menu a:hover::after {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_navbar__cta {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 400 !important;\r\n font-size: 13px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 12px 28px !important;\r\n border: 2px solid #ffffff !important;\r\n border-radius: 8px !important;\r\n letter-spacing: 0.5px !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 .koss_navbar__cta:hover {\r\n background-color: #7c362a !important;\r\n border-color: #7c362a !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__cta {\r\n color: #ffffff !important;\r\n border-color: #7c362a !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__cta:hover {\r\n background-color: #5e2a20 !important;\r\n border-color: #5e2a20 !important;\r\n }\r\n\r\n .koss_navbar__burger {\r\n display: none !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n gap: 6px !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 .koss_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 .koss_navbar--solid .koss_navbar__burger span {\r\n background-color: #333333 !important;\r\n }\r\n\r\n .koss_navbar__burger.koss_burger--active span:nth-child(1) {\r\n transform: translateY(8px) rotate(45deg) !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_navbar__burger.koss_burger--active span:nth-child(2) {\r\n opacity: 0 !important;\r\n }\r\n\r\n .koss_navbar__burger.koss_burger--active span:nth-child(3) {\r\n transform: translateY(-8px) rotate(-45deg) !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_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: #f8f8f8 !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 .koss_mobile_menu.koss_mobile_menu--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n\r\n .koss_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 .koss_mobile_menu__list li {\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .koss_mobile_menu__list a {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 28px !important;\r\n color: #333333 !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koss_mobile_menu__list a:hover {\r\n color: #7c362a !important;\r\n }\r\n\r\n .koss_mobile_menu__cta {\r\n display: inline-block !important;\r\n margin-top: 8px !important;\r\n padding: 10px 20px !important;\r\n border: 1px solid #7c362a !important;\r\n border-radius: 6px !important;\r\n font-size: 13px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 0.3px !important;\r\n white-space: nowrap !important;\r\n color: #ffffff !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_mobile_menu__cta:hover {\r\n color: #ffffff !important;\r\n border-color: #5e2a20 !important;\r\n background-color: #5e2a20 !important;\r\n }\r\n\r\n .koss_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 .koss_mobile_menu__phone,\r\n .koss_mobile_menu__phone:link,\r\n .koss_mobile_menu__phone:visited,\r\n .koss_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: 'Josefin Sans', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n color: #666666 !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koss_mobile_menu__phone:hover {\r\n color: #7c362a !important;\r\n }\r\n\r\n .koss_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 .koss_mobile_menu__phone-number,\r\n .koss_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 .koss_hero__content {\r\n position: absolute !important;\r\n bottom: 12% !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 10 !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 .koss_hero__content.koss_content--visible {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_hero__content-inner {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n }\r\n\r\n .koss_hero__content-text {\r\n max-width: 700px !important;\r\n }\r\n\r\n .koss_hero__label {\r\n display: inline-block !important;\r\n font-family: 'Josefin Sans', 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 .koss_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 .koss_hero__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(36px, 5vw, 64px) !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 .koss_hero__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(16px, 2vw, 20px) !important;\r\n line-height: 1.6 !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 .koss_hero__cta {\r\n display: inline-block !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 400 !important;\r\n font-size: 14px !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: 8px !important;\r\n letter-spacing: 0.5px !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 .koss_hero__cta:hover {\r\n background-color: #7c362a !important;\r\n border-color: #7c362a !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n .koss_hero__scroll {\r\n position: absolute !important;\r\n bottom: 32px !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: 10px !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 .koss_hero__scroll.koss_scroll--visible {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_hero__scroll span {\r\n font-family: 'Josefin Sans', 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 .koss_hero__scroll-line {\r\n width: 1px !important;\r\n height: 40px !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 .koss_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: koss_scrollLine 1.8s ease-in-out infinite !important;\r\n }\r\n\r\n .koss_content {\r\n position: relative !important;\r\n z-index: 20 !important;\r\n background-color: #f8f8f8 !important;\r\n }\r\n\r\n @keyframes koss_fadeInScale {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0.95);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n @keyframes koss_scrollLine {\r\n 0% {\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n transform: translateY(55px);\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_navbar__container {\r\n padding: 0 40px !important;\r\n }\r\n \r\n .koss_navbar__nav,\r\n .koss_navbar__cta {\r\n display: none !important;\r\n }\r\n \r\n .koss_navbar__burger {\r\n display: flex !important;\r\n }\r\n\r\n .koss_hero__content-inner {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .koss_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 @media screen and (max-width: 768px) {\r\n .koss_navbar__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_navbar__logo img {\r\n height: 56px !important;\r\n }\r\n\r\n .koss_hero__content-inner {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_hero__content {\r\n bottom: 15% !important;\r\n }\r\n\r\n .koss_hero__label {\r\n padding-left: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koss_hero__label::before {\r\n display: none !important;\r\n }\r\n\r\n .koss_hero__cta {\r\n padding: 14px 36px !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .koss_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 .koss_loader__logo {\r\n max-width: 140px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_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 <\/style>\r\n<\/head>\r\n<body class=\"koss_locked\">\r\n\r\n <header class=\"koss_navbar\" id=\"koss_navbar\">\r\n <div class=\"koss_navbar__container\">\r\n <a href=\"#\" class=\"koss_navbar__logo\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\" alt=\"The Kos Villas\">\r\n <\/a>\r\n \r\n <nav class=\"koss_navbar__nav\">\r\n <ul class=\"koss_navbar__menu\">\r\n <li><a href=\"#about\">\u00c0 propos<\/a><\/li>\r\n <li><a href=\"#tipology\">Typologies<\/a><\/li>\r\n <li><a href=\"#gallery\">Galerie<\/a><\/li>\r\n <li><a href=\"#location\">Emplacement<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n \r\n <a href=\"#unlock\" class=\"koss_navbar__cta\">D\u00e9bloquer les informations<\/a>\r\n \r\n <button class=\"koss_navbar__burger\" id=\"koss_burger\" aria-label=\"Ouvrir le 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=\"koss_mobile_menu\" id=\"koss_mobile_menu\">\r\n <ul class=\"koss_mobile_menu__list\">\r\n <li><a href=\"#about\">\u00c0 propos<\/a><\/li>\r\n <li><a href=\"#tipology\">Typologies<\/a><\/li>\r\n <li><a href=\"#gallery\">Galerie<\/a><\/li>\r\n <li><a href=\"#location\">Emplacement<\/a><\/li>\r\n <li><a href=\"#unlock\" class=\"koss_mobile_menu__cta\">D\u00e9bloquer les informations<\/a><\/li>\r\n <\/ul>\r\n <div class=\"koss_mobile_menu__footer\">\r\n <a href=\"tel:+34 911 67 34 39\" class=\"koss_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=\"koss_mobile_menu__phone-number\">+34 911 67 34 39<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <section class=\"koss_hero\" id=\"koss_hero\">\r\n <div class=\"koss_hero__bg\">\r\n <video class=\"koss_hero__video\" id=\"koss_hero_video\" autoplay muted loop playsinline webkit-playsinline preload=\"auto\" poster=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\">\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=\"koss_hero__overlay\"><\/div>\r\n\r\n <div class=\"koss_hero__grid\" id=\"koss_grid\"><\/div>\r\n\r\n <div class=\"koss_hero__content\" id=\"koss_hero_content\">\r\n <div class=\"koss_hero__content-inner\">\r\n <div class=\"koss_hero__content-text\">\r\n <span class=\"koss_hero__label\">36 Sky Villas Exclusivas<\/span>\r\n <h1 class=\"koss_hero__title\">L\u00e0 o\u00f9 l'horizon devient votre foyer<\/h1>\r\n <p class=\"koss_hero__subtitle\">Vivez l'exp\u00e9rience de vous r\u00e9veiller chaque jour avec la M\u00e9diterran\u00e9e \u00e0 vos pieds, au c\u0153ur de la Costa del Sol.<\/p>\r\n <a href=\"#about\" class=\"koss_hero__cta\">D\u00e9couvrez votre villa<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_hero__scroll\" id=\"koss_scroll\">\r\n <span>Scroll<\/span>\r\n <div class=\"koss_hero__scroll-line\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"koss_content\"><\/div>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var CONFIG = {\r\n LOADER_DURATION: 0,\r\n LOADER_FADE: 0,\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('koss_navbar');\r\n var grid = document.getElementById('koss_grid');\r\n var heroContent = document.getElementById('koss_hero_content');\r\n var scrollIndicator = document.getElementById('koss_scroll');\r\n var burger = document.getElementById('koss_burger');\r\n var mobileMenu = document.getElementById('koss_mobile_menu');\r\n var heroVideo = document.getElementById('koss_hero_video');\r\n\r\n function initVideo() {\r\n if (!heroVideo) return;\r\n \r\n heroVideo.play().catch(function(error) {\r\n setTimeout(function() {\r\n heroVideo.play().catch(function() {});\r\n }, 100);\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 = 'koss_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('.koss_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('koss_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('koss_navbar--visible');\r\n heroContent.classList.add('koss_content--visible');\r\n \r\n setTimeout(function() {\r\n scrollIndicator.classList.add('koss_scroll--visible');\r\n document.body.classList.remove('koss_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('koss_navbar--solid');\r\n } else {\r\n navbar.classList.remove('koss_navbar--solid');\r\n }\r\n }\r\n\r\n function toggleMobileMenu() {\r\n burger.classList.toggle('koss_burger--active');\r\n mobileMenu.classList.toggle('koss_mobile_menu--open');\r\n document.body.style.overflow = mobileMenu.classList.contains('koss_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('koss_burger--active');\r\n mobileMenu.classList.remove('koss_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 ? 'D\u00e9bloquer les informations' : 'D\u00e9bloquer les informations';\r\n var ctaHref = isLogged ? '#unlocked' : '#unlock';\r\n\r\n var desktopCta = document.querySelector('.koss_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('.koss_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-c7561e0 e-con-full e-flex e-con e-parent\" data-id=\"c7561e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3447e5 elementor-widget elementor-widget-html\" data-id=\"c3447e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>The Kos - About<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after {\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Josefin Sans', sans-serif;\n background-color: #f8f8f8;\n color: #333333;\n overflow-x: hidden;\n }\n\n .koss_about {\n position: relative !important;\n padding: 160px 0px 100px 0px !important;\n background-color: #f8f8f8 !important;\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\n background-repeat: no-repeat !important;\n background-position: 35% center !important;\n background-size: auto 100% !important;\n }\n\n .koss_about__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n padding: 0 60px !important;\n display: flex !important;\n align-items: flex-start !important;\n gap: 80px !important;\n }\n\n .koss_about__content {\n flex: 0 0 45% !important;\n position: sticky !important;\n top: 120px !important;\n }\n\n .koss_about__label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #999999 !important;\n margin-bottom: 24px !important;\n display: block !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease, transform 0.7s ease !important;\n }\n\n .koss_about.koss_about--visible .koss_about__label {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_about__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(36px, 4.5vw, 56px) !important;\n font-weight: 400 !important;\n line-height: 1.12 !important;\n color: #333333 !important;\n margin: 0 0 32px 0 !important;\n letter-spacing: -1px !important;\n opacity: 0 !important;\n transform: translateY(30px) !important;\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\n }\n\n .koss_about.koss_about--visible .koss_about__title {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_about__text {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: clamp(17px, 1.8vw, 20px) !important;\n line-height: 1.8 !important;\n color: #555555 !important;\n margin: 0 0 32px 0 !important;\n opacity: 0 !important;\n transform: translateY(30px) !important;\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\n }\n\n .koss_about.koss_about--visible .koss_about__text {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_about__highlight {\n color: #7c362a !important;\n font-weight: 400 !important;\n }\n\n .koss_about__gradient-text {\n background: linear-gradient(\n 90deg,\n #804330 0%,\n #b77352 25%,\n #804330 50%,\n #b77352 75%,\n #804330 100%\n ) !important;\n background-size: 200% 100% !important;\n -webkit-background-clip: text !important;\n background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n animation: koss_gradient_shift 4s ease-in-out infinite !important;\n }\n\n @keyframes koss_gradient_shift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n .koss_about__delivery {\n display: inline-flex !important;\n align-items: center !important;\n gap: 10px !important;\n padding: 14px 24px !important;\n background: linear-gradient(135deg, rgba(116, 133, 105, 0.08) 0%, rgba(116, 133, 105, 0.04) 100%) !important;\n border: 1px solid rgba(116, 133, 105, 0.2) !important;\n border-radius: 50px !important;\n margin-bottom: 40px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.25s, transform 0.7s ease 0.25s !important;\n }\n\n .koss_about.koss_about--visible .koss_about__delivery {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_about__delivery-icon {\n width: 18px !important;\n height: 18px !important;\n color: #748569 !important;\n flex-shrink: 0 !important;\n }\n\n .koss_about__delivery-label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 400 !important;\n letter-spacing: 1px !important;\n text-transform: uppercase !important;\n color: #666666 !important;\n }\n\n .koss_about__delivery-value {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n color: #748569 !important;\n }\n\n .koss_about__stats {\n display: flex !important;\n gap: 40px !important;\n opacity: 0 !important;\n transform: translateY(30px) !important;\n transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s !important;\n }\n\n .koss_about.koss_about--visible .koss_about__stats {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_about__stat {\n display: flex !important;\n flex-direction: column !important;\n }\n\n .koss_about__stat-number {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: 48px !important;\n font-weight: 400 !important;\n color: #7c362a !important;\n line-height: 1 !important;\n margin-bottom: 8px !important;\n }\n\n .koss_about__stat-label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n letter-spacing: 2px !important;\n color: #888888 !important;\n text-transform: uppercase !important;\n }\n\n .koss_about__gallery {\n flex: 0 0 50% !important;\n display: flex !important;\n gap: 16px !important;\n min-height: 700px !important;\n }\n\n .koss_about__column {\n flex: 1 !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 16px !important;\n will-change: transform !important;\n transition: transform 0.15s ease-out !important;\n }\n\n .koss_about__img-wrapper {\n position: relative !important;\n border-radius: 12px !important;\n overflow: hidden !important;\n background-color: #e5e5e5 !important;\n opacity: 0 !important;\n transform: translateY(40px) !important;\n transition: opacity 0.8s ease, transform 0.8s ease !important;\n }\n\n .koss_about.koss_about--visible .koss_about__img-wrapper {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_about__column:nth-child(1) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.15s !important; }\n .koss_about__column:nth-child(1) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.35s !important; }\n .koss_about__column:nth-child(2) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.25s !important; }\n .koss_about__column:nth-child(2) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.45s !important; }\n .koss_about__column:nth-child(3) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.2s !important; }\n .koss_about__column:nth-child(3) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.4s !important; }\n\n .koss_about__img-wrapper--tall {\n height: 380px !important;\n }\n\n .koss_about__img-wrapper--medium {\n height: 280px !important;\n }\n\n .koss_about__img-wrapper--short {\n height: 220px !important;\n }\n\n .koss_about__img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;\n }\n\n .koss_about__img-wrapper:hover .koss_about__img {\n transform: scale(1.05) !important;\n }\n\n @media screen and (max-width: 1400px) {\n .koss_about__container {\n gap: 60px !important;\n }\n\n .koss_about__content {\n flex: 0 0 42% !important;\n }\n\n .koss_about__gallery {\n flex: 0 0 54% !important;\n }\n\n .koss_about__stat-number {\n font-size: 40px !important;\n }\n\n .koss_about__stats {\n gap: 32px !important;\n }\n }\n\n @media screen and (max-width: 1100px) {\n .koss_about {\n padding: 100px 0 !important;\n background-size: auto 80% !important;\n background-position: 60% bottom !important;\n }\n\n .koss_about__container {\n padding: 0 40px !important;\n flex-direction: column !important;\n gap: 60px !important;\n }\n\n .koss_about__content {\n flex: none !important;\n width: 100% !important;\n position: relative !important;\n top: 0 !important;\n max-width: 600px !important;\n }\n\n .koss_about__gallery {\n flex: none !important;\n width: 100% !important;\n min-height: 500px !important;\n }\n\n .koss_about__img-wrapper--tall {\n height: 300px !important;\n }\n\n .koss_about__img-wrapper--medium {\n height: 220px !important;\n }\n\n .koss_about__img-wrapper--short {\n height: 180px !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n .koss_about {\n padding: 80px 0 60px !important;\n background-size: auto 50% !important;\n background-position: 70% 20% !important;\n background-attachment: scroll !important;\n }\n\n .koss_about__container {\n padding: 0 24px !important;\n gap: 40px !important;\n }\n\n .koss_about__text {\n margin-bottom: 24px !important;\n }\n\n .koss_about__delivery {\n padding: 12px 20px !important;\n margin-bottom: 28px !important;\n }\n\n .koss_about__delivery-label {\n font-size: 10px !important;\n }\n\n .koss_about__delivery-value {\n font-size: 13px !important;\n }\n\n .koss_about__stats {\n flex-direction: row !important;\n justify-content: space-between !important;\n gap: 16px !important;\n padding: 20px 0 !important;\n border-top: 1px solid #e5e5e5 !important;\n border-bottom: 1px solid #e5e5e5 !important;\n }\n\n .koss_about__stat {\n flex: 1 !important;\n align-items: center !important;\n text-align: center !important;\n }\n\n .koss_about__stat-number {\n font-size: 28px !important;\n margin-bottom: 4px !important;\n }\n\n .koss_about__stat-label {\n font-size: 9px !important;\n letter-spacing: 1px !important;\n }\n\n .koss_about__gallery {\n flex-direction: column !important;\n gap: 12px !important;\n min-height: auto !important;\n width: 100vw !important;\n margin-left: -24px !important;\n padding: 0 !important;\n }\n\n .koss_about__column {\n flex: 0 0 auto !important;\n flex-direction: row !important;\n gap: 12px !important;\n width: max-content !important;\n padding: 0 !important;\n will-change: transform !important;\n }\n\n .koss_about__img-wrapper {\n flex-shrink: 0 !important;\n border-radius: 12px !important;\n opacity: 1 !important;\n transform: none !important;\n }\n\n .koss_about__img-wrapper--tall,\n .koss_about__img-wrapper--medium,\n .koss_about__img-wrapper--short {\n width: calc(100vw - 48px) !important;\n height: 220px !important;\n }\n }\n\n @media screen and (max-width: 480px) {\n .koss_about__container {\n padding: 0 20px !important;\n }\n\n .koss_about__stat-number {\n font-size: 24px !important;\n }\n\n .koss_about__stat-label {\n font-size: 8px !important;\n }\n\n .koss_about__delivery {\n flex-wrap: wrap !important;\n gap: 6px 10px !important;\n }\n\n .koss_about__gallery {\n margin-left: -20px !important;\n gap: 10px !important;\n }\n\n .koss_about__column {\n gap: 10px !important;\n }\n\n .koss_about__img-wrapper--tall,\n .koss_about__img-wrapper--medium,\n .koss_about__img-wrapper--short {\n width: calc(100vw - 40px) !important;\n height: 200px !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"koss_about\" id=\"about\">\n <div class=\"koss_about__container\">\n \n <div class=\"koss_about__content\">\n <span class=\"koss_about__label\">El Higuer\u00f3n, Costa del Sol<\/span>\n <h2 class=\"koss_about__title\">La conqu\u00eate des <span class='koss_about__gradient-text'>sens<\/span><\/h2>\n <p class=\"koss_about__text\">\n Au sommet d'El Higuer\u00f3n, l\u00e0 o\u00f9 la M\u00e9diterran\u00e9e s'\u00e9tend \u00e0 l'infini, na\u00eet un concept r\u00e9sidentiel unique. \r\n <span class='koss_about__highlight'>The Kos n'est pas seulement un lieu de vie, c'est une fa\u00e7on de comprendre la vie.<\/span> \r\n Architecture qui respire, espaces qui inspirent, vues qui \u00e9meuvent.\n <\/p>\n\n <div class=\"koss_about__delivery\">\n <svg class=\"koss_about__delivery-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n <\/svg>\n <span class=\"koss_about__delivery-label\">Entrega estimada<\/span>\n <span class=\"koss_about__delivery-value\">Q1 2027<\/span>\n <\/div>\n\n <div class=\"koss_about__stats\">\n <div class=\"koss_about__stat\">\n <span class=\"koss_about__stat-number\" data-target=\"37\">0<\/span>\n <span class=\"koss_about__stat-label\">Sky Villas<\/span>\n <\/div>\n <div class=\"koss_about__stat\">\n <span class=\"koss_about__stat-number\" data-target=\"321\">0<\/span>\n <span class=\"koss_about__stat-label\">D\u00edas de sol<\/span>\n <\/div>\n <div class=\"koss_about__stat\">\n <span class=\"koss_about__stat-number\" data-target=\"181\">0<\/span>\n <span class=\"koss_about__stat-label\">Vistas Panor\u00e1micas<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"koss_about__gallery\" id=\"koss_gallery\">\n \n <div class=\"koss_about__column\" data-direction=\"up\" data-speed=\"0.08\">\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--medium\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-dron-view.jpg\" alt=\"Vue a\u00e9rienne The Kos\" class=\"koss_about__img\" loading=\"lazy\">\n <\/div>\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-interior.jpg\" alt=\"Piscine int\u00e9rieure\" class=\"koss_about__img\" loading=\"lazy\">\n <\/div>\n <\/div>\n\n <div class=\"koss_about__column\" data-direction=\"down\" data-speed=\"0.12\">\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-comunitaria-exterior.jpg\" alt=\"Piscine communautaire\" class=\"koss_about__img\" loading=\"lazy\">\n <\/div>\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--short\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-terraza-exterior.jpg\" alt=\"Terrasse ext\u00e9rieure\" class=\"koss_about__img\" loading=\"lazy\">\n <\/div>\n <\/div>\n\n <div class=\"koss_about__column\" data-direction=\"up\" data-speed=\"0.06\">\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--short\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-salon-interior-terraza.jpg\" alt=\"Salon int\u00e9rieur\" class=\"koss_about__img\" loading=\"lazy\">\n <\/div>\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-exterior.jpg\" alt=\"Piscine ext\u00e9rieure\" class=\"koss_about__img\" loading=\"lazy\">\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/section>\n\n <script>\n (function() {\n 'use strict';\n\n var about = document.getElementById('about');\n var columns = document.querySelectorAll('.koss_about__column');\n var statNumbers = document.querySelectorAll('.koss_about__stat-number');\n \n var ticking = false;\n var statsAnimated = false;\n var isMobile = window.innerWidth <= 768;\n\n function updateParallaxDesktop() {\n if (isMobile) return;\n\n var rect = about.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.bottom < 0 || rect.top > windowHeight) return;\n\n var sectionCenter = rect.top + rect.height \/ 2;\n var viewportCenter = windowHeight \/ 2;\n var offset = sectionCenter - viewportCenter;\n\n columns.forEach(function(column) {\n var direction = column.getAttribute('data-direction');\n var speed = parseFloat(column.getAttribute('data-speed'));\n \n var movement = offset * speed;\n \n if (direction === 'up') {\n column.style.transform = 'translateY(' + movement + 'px)';\n } else {\n column.style.transform = 'translateY(' + (-movement) + 'px)';\n }\n });\n }\n\n function updateParallaxMobile() {\n if (!isMobile) return;\n\n var rect = about.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n var sectionHeight = rect.height;\n \n var visibleTop = Math.max(0, windowHeight - rect.top);\n var scrollProgress = visibleTop \/ (windowHeight + sectionHeight);\n scrollProgress = Math.max(0, Math.min(1, scrollProgress));\n\n var padding = window.innerWidth <= 480 ? 20 : 24;\n var gapSize = window.innerWidth <= 480 ? 10 : 12;\n var imageWidth = window.innerWidth - (padding * 2);\n var maxShift = imageWidth + gapSize;\n\n columns.forEach(function(column, index) {\n var movement;\n var speed = 0.7;\n \n if (index === 0) {\n movement = padding - (scrollProgress * maxShift * speed);\n } else if (index === 1) {\n var startPos = -(imageWidth + gapSize) + padding;\n movement = startPos + (scrollProgress * maxShift * speed);\n } else {\n movement = padding - (scrollProgress * maxShift * (speed * 0.85));\n }\n \n column.style.setProperty('transform', 'translateX(' + movement + 'px)', 'important');\n });\n }\n\n function animateStats() {\n if (statsAnimated) return;\n \n var rect = about.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.top < windowHeight * 0.7) {\n statsAnimated = true;\n \n statNumbers.forEach(function(stat) {\n var target = parseInt(stat.getAttribute('data-target'));\n var duration = 1500;\n var startTime = null;\n \n function animate(currentTime) {\n if (!startTime) startTime = currentTime;\n var progress = Math.min((currentTime - startTime) \/ duration, 1);\n var easeProgress = 1 - Math.pow(2, -10 * progress);\n var current = Math.floor(easeProgress * target);\n \n if (target === 181) {\n stat.textContent = current + '\u00ba';\n } else {\n stat.textContent = current;\n }\n \n if (progress < 1) {\n requestAnimationFrame(animate);\n }\n }\n \n requestAnimationFrame(animate);\n });\n }\n }\n\n function checkVisibility() {\n var rect = about.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.top < windowHeight * 0.85) {\n about.classList.add('koss_about--visible');\n }\n }\n\n function onScroll() {\n if (!ticking) {\n requestAnimationFrame(function() {\n checkVisibility();\n animateStats();\n if (isMobile) {\n updateParallaxMobile();\n } else {\n updateParallaxDesktop();\n }\n ticking = false;\n });\n ticking = true;\n }\n }\n\n function onResize() {\n var wasMobile = isMobile;\n isMobile = window.innerWidth <= 768;\n \n if (wasMobile !== isMobile) {\n columns.forEach(function(column) {\n column.style.transform = '';\n });\n }\n \n if (isMobile) {\n updateParallaxMobile();\n } else {\n updateParallaxDesktop();\n }\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n window.addEventListener('resize', onResize, { passive: true });\n \n checkVisibility();\n animateStats();\n if (isMobile) {\n updateParallaxMobile();\n } else {\n updateParallaxDesktop();\n }\n\n })();\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22b1f2d e-con-full e-flex e-con e-parent\" data-id=\"22b1f2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adb30a4 elementor-widget elementor-widget-html\" data-id=\"adb30a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n\n<section class=\"koss_separator\" id=\"separator\" data-video-src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-engage-video.mp4\" data-video-src-mobile=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-engage-mobile.mp4\">\n \n \n <div class=\"koss_separator__header\">\n <h2 class=\"koss_separator__title\">Con\u00e7ues pour y vivre<\/h2>\n <p class=\"koss_separator__subtitle\">Chaque villa est un refuge de lumi\u00e8re, d'espace et de s\u00e9r\u00e9nit\u00e9<\/p>\n <\/div>\n\n \n <div class=\"koss_separator__video-container\">\n <video class=\"koss_separator__video\" id=\"koss_separator_video\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" poster=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\">\n <\/video>\n \n <div class=\"koss_separator__video-overlay\"><\/div>\n\n \n <div class=\"koss_separator__controls\">\n \n \n <button class=\"koss_separator__control-btn koss_playing\" id=\"koss_playpause\" aria-label=\"Mettre en pause la vid\u00e9o\">\n <svg class=\"koss_icon--play\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M8 5v14l11-7z\"\/>\n <\/svg>\n <svg class=\"koss_icon--pause\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/>\n <\/svg>\n <\/button>\n\n \n <button class=\"koss_separator__control-btn\" id=\"koss_mutetoggle\" aria-label=\"Activer le son\">\n <svg class=\"koss_icon--mute\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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\"\/>\n <\/svg>\n <svg class=\"koss_icon--unmute\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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\"\/>\n <\/svg>\n <\/button>\n\n \n <button class=\"koss_separator__control-btn\" id=\"koss_fullscreen\" aria-label=\"Plein \u00e9cran\">\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"\/>\n <\/svg>\n <\/button>\n\n <\/div>\n <\/div>\n\n<\/section>\n\n<style>\n \/* ============================================\n SEPARATOR SECTION\n ============================================ *\/\n .koss_separator {\n position: relative !important;\n width: 100% !important;\n height: 100vh !important;\n display: flex !important;\n flex-direction: column !important;\n background-color: #1a1a1a !important;\n }\n\n \/* ============================================\n HEADER (20vh)\n ============================================ *\/\n .koss_separator__header {\n position: relative !important;\n height: 20vh !important;\n min-height: 160px !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n justify-content: center !important;\n text-align: center !important;\n padding: 24px 24px !important;\n background-color: #f8f8f8 !important;\n z-index: 2 !important;\n }\n\n .koss_separator__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(32px, 5vw, 56px) !important;\n font-weight: 400 !important;\n line-height: 1.15 !important;\n color: #333333 !important;\n margin: 0 0 12px 0 !important;\n letter-spacing: -1px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease, transform 0.7s ease !important;\n }\n\n .koss_separator.koss_separator--visible .koss_separator__title {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_separator__subtitle {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: clamp(15px, 1.8vw, 20px) !important;\n line-height: 1.6 !important;\n color: #666666 !important;\n margin: 0 !important;\n max-width: 500px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s !important;\n }\n\n .koss_separator.koss_separator--visible .koss_separator__subtitle {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n \/* ============================================\n VIDEO CONTAINER (80vh)\n ============================================ *\/\n .koss_separator__video-container {\n position: relative !important;\n height: 80vh !important;\n min-height: 400px !important;\n overflow: hidden !important;\n opacity: 0 !important;\n transform: scale(0.98) !important;\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s !important;\n }\n\n .koss_separator.koss_separator--visible .koss_separator__video-container {\n opacity: 1 !important;\n transform: scale(1) !important;\n }\n\n .koss_separator__video {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n }\n\n .koss_separator__video-overlay {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n background: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.1) 0%,\n rgba(0, 0, 0, 0) 20%,\n rgba(0, 0, 0, 0) 80%,\n rgba(0, 0, 0, 0.2) 100%\n ) !important;\n pointer-events: none !important;\n z-index: 1 !important;\n }\n\n \/* ============================================\n GLASSMORPHISM CONTROLS\n ============================================ *\/\n .koss_separator__controls {\n position: absolute !important;\n bottom: 24px !important;\n right: 24px !important;\n display: flex !important;\n gap: 8px !important;\n z-index: 10 !important;\n opacity: 0 !important;\n transform: translateY(10px) !important;\n transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s !important;\n }\n\n .koss_separator.koss_separator--visible .koss_separator__controls {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_separator__control-btn {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n width: 48px !important;\n height: 48px !important;\n border: 1px solid rgba(255, 255, 255, 0.25) !important;\n border-radius: 12px !important;\n background: rgba(255, 255, 255, 0.12) !important;\n backdrop-filter: blur(12px) !important;\n -webkit-backdrop-filter: blur(12px) !important;\n cursor: pointer !important;\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.2s ease !important;\n }\n\n .koss_separator__control-btn:hover {\n background: rgba(255, 255, 255, 0.2) !important;\n border-color: rgba(255, 255, 255, 0.4) !important;\n }\n\n .koss_separator__control-btn:active {\n transform: scale(0.95) !important;\n }\n\n .koss_separator__control-btn svg {\n width: 22px !important;\n height: 22px !important;\n fill: rgba(255, 255, 255, 0.9) !important;\n transition: fill 0.3s ease !important;\n }\n\n .koss_separator__control-btn:hover svg {\n fill: #ffffff !important;\n }\n\n .koss_separator__control-btn .koss_icon--pause,\n .koss_separator__control-btn .koss_icon--unmute {\n display: none !important;\n }\n\n .koss_separator__control-btn.koss_playing .koss_icon--play {\n display: none !important;\n }\n\n .koss_separator__control-btn.koss_playing .koss_icon--pause {\n display: block !important;\n }\n\n .koss_separator__control-btn.koss_unmuted .koss_icon--mute {\n display: none !important;\n }\n\n .koss_separator__control-btn.koss_unmuted .koss_icon--unmute {\n display: block !important;\n }\n\n \/* ============================================\n RESPONSIVE - TABLET\n ============================================ *\/\n @media screen and (max-width: 1100px) {\n .koss_separator__header {\n min-height: 140px !important;\n }\n }\n\n \/* ============================================\n RESPONSIVE - MOBILE\n ============================================ *\/\n @media screen and (max-width: 768px) {\n .koss_separator__header {\n height: 22vh !important;\n min-height: 140px !important;\n padding: 20px !important;\n }\n\n .koss_separator__video-container {\n height: 78vh !important;\n min-height: 350px !important;\n }\n\n .koss_separator__title {\n margin-bottom: 8px !important;\n }\n\n .koss_separator__controls {\n bottom: 16px !important;\n right: 16px !important;\n gap: 6px !important;\n }\n\n .koss_separator__control-btn {\n width: 46px !important;\n height: 46px !important;\n border-radius: 10px !important;\n }\n\n .koss_separator__control-btn svg {\n width: 22px !important;\n height: 22px !important;\n }\n }\n\n @media screen and (max-width: 480px) {\n .koss_separator__header {\n height: 24vh !important;\n min-height: 130px !important;\n }\n\n .koss_separator__video-container {\n height: 76vh !important;\n }\n\n .koss_separator__subtitle {\n padding: 0 8px !important;\n }\n }\n<\/style>\n\n<script>\n (function() {\n 'use strict';\n\n var separator = document.getElementById('separator');\n var video = document.getElementById('koss_separator_video');\n var playPauseBtn = document.getElementById('koss_playpause');\n var muteToggleBtn = document.getElementById('koss_mutetoggle');\n var fullscreenBtn = document.getElementById('koss_fullscreen');\n\n \/\/ ============================================\n \/\/ VISIBILITY ANIMATION\n \/\/ ============================================\n function checkVisibility() {\n var rect = separator.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.top < windowHeight * 0.85) {\n separator.classList.add('koss_separator--visible');\n }\n }\n\n \/\/ ============================================\n \/\/ VIDEO CONTROLS\n \/\/ ============================================\n \n playPauseBtn.addEventListener('click', function() {\n if (video.paused) {\n video.play();\n playPauseBtn.classList.add('koss_playing');\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\n } else {\n video.pause();\n playPauseBtn.classList.remove('koss_playing');\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\n }\n });\n\n muteToggleBtn.addEventListener('click', function() {\n if (video.muted) {\n video.muted = false;\n muteToggleBtn.classList.add('koss_unmuted');\n muteToggleBtn.setAttribute('aria-label', 'Silenciar');\n } else {\n video.muted = true;\n muteToggleBtn.classList.remove('koss_unmuted');\n muteToggleBtn.setAttribute('aria-label', 'Activar sonido');\n }\n });\n\n fullscreenBtn.addEventListener('click', function() {\n if (document.fullscreenElement || document.webkitFullscreenElement) {\n if (document.exitFullscreen) {\n document.exitFullscreen();\n } else if (document.webkitExitFullscreen) {\n document.webkitExitFullscreen();\n }\n return;\n }\n\n if (video.webkitEnterFullscreen) {\n video.webkitEnterFullscreen();\n return;\n }\n\n if (video.requestFullscreen) {\n video.requestFullscreen();\n } else if (video.webkitRequestFullscreen) {\n video.webkitRequestFullscreen();\n } else if (video.msRequestFullscreen) {\n video.msRequestFullscreen();\n }\n });\n\n video.addEventListener('webkitendfullscreen', function() {\n video.play();\n playPauseBtn.classList.add('koss_playing');\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\n });\n\n document.addEventListener('fullscreenchange', function() {\n if (!document.fullscreenElement && video.paused) {\n video.play();\n playPauseBtn.classList.add('koss_playing');\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\n }\n });\n\n \/\/ ============================================\n \/\/ SCROLL HANDLER\n \/\/ ============================================\n var ticking = false;\n \n function onScroll() {\n if (!ticking) {\n requestAnimationFrame(function() {\n checkVisibility();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n \/\/ ============================================\n \/\/ INIT - Video source injection (desktop vs mobile)\n \/\/ ============================================\n var mobileBreakpoint = 768;\n var isMobile = window.innerWidth <= mobileBreakpoint;\n var videoSrcDesktop = separator.getAttribute('data-video-src');\n var videoSrcMobile = separator.getAttribute('data-video-src-mobile');\n\n var videoSrc = isMobile && videoSrcMobile && videoSrcMobile.indexOf('[') === -1 && videoSrcMobile.trim() !== ''\n ? videoSrcMobile\n : videoSrcDesktop;\n\n if (videoSrc && videoSrc.indexOf('[') === -1 && videoSrc.trim() !== '') {\n video.src = videoSrc;\n video.load();\n video.play().catch(function() {\n playPauseBtn.classList.remove('koss_playing');\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\n });\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n checkVisibility();\n\n })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13ba09f e-con-full e-flex e-con e-parent\" data-id=\"13ba09f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec32e63 elementor-widget elementor-widget-html\" data-id=\"ec32e63\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tipology\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>The Kos - Tipolog\u00edas<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after {\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Josefin Sans', sans-serif;\n background-color: #f8f8f8;\n color: #333333;\n }\n\n .koss_typologies {\n position: relative !important;\n padding: 140px 0 !important;\n background-color: #f8f8f8 !important;\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\n background-repeat: no-repeat !important;\n background-position: -5% 80% !important;\n background-size: auto 70% !important;\n overflow: hidden !important;\n }\n\n .koss_typologies__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n padding: 0 60px !important;\n position: relative !important;\n z-index: 2 !important;\n }\n\n .koss_typologies__header {\n text-align: center !important;\n margin-bottom: 64px !important;\n }\n\n .koss_typologies__label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #999999 !important;\n margin-bottom: 16px !important;\n display: block !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease, transform 0.7s ease !important;\n }\n\n .koss_typologies.koss_typologies--visible .koss_typologies__label {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_typologies__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(32px, 4.5vw, 48px) !important;\n font-weight: 400 !important;\n line-height: 1.15 !important;\n color: #333333 !important;\n margin: 0 0 16px 0 !important;\n letter-spacing: -1px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\n }\n\n .koss_typologies.koss_typologies--visible .koss_typologies__title {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_typologies__subtitle {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: clamp(16px, 1.6vw, 19px) !important;\n font-weight: 300 !important;\n line-height: 1.6 !important;\n color: #666666 !important;\n margin: 0 !important;\n max-width: 480px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\n }\n\n .koss_typologies.koss_typologies--visible .koss_typologies__subtitle {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_typologies__grid {\n display: grid !important;\n grid-template-columns: 1.5fr 1fr !important;\n gap: 20px !important;\n min-height: 580px !important;\n opacity: 0 !important;\n transform: translateY(30px) !important;\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s !important;\n }\n\n .koss_typologies.koss_typologies--visible .koss_typologies__grid {\n opacity: 1 !important;\n transform: translateY(0) !important;\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s, grid-template-columns 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;\n }\n\n .koss_typologies__card {\n position: relative !important;\n border-radius: 16px !important;\n overflow: hidden !important;\n cursor: pointer !important;\n transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;\n }\n\n .koss_typologies__card::before {\n content: '' !important;\n position: absolute !important;\n inset: 0 !important;\n border-radius: 16px !important;\n padding: 2px !important;\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.6) 0%, rgba(128, 67, 48, 0.3) 50%, transparent 100%) !important;\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\n -webkit-mask-composite: xor !important;\n mask-composite: exclude !important;\n opacity: 0 !important;\n transition: opacity 0.5s ease !important;\n z-index: 10 !important;\n pointer-events: none !important;\n }\n\n .koss_typologies__card:hover::before {\n opacity: 1 !important;\n }\n\n .koss_typologies__card::after {\n content: '' !important;\n position: absolute !important;\n width: 300px !important;\n height: 300px !important;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%) !important;\n border-radius: 50% !important;\n pointer-events: none !important;\n z-index: 3 !important;\n opacity: 0 !important;\n transform: translate(-50%, -50%) !important;\n transition: opacity 0.3s ease !important;\n left: var(--mouse-x, 50%) !important;\n top: var(--mouse-y, 50%) !important;\n }\n\n .koss_typologies__card:hover::after {\n opacity: 1 !important;\n }\n\n .koss_typologies__card--main {\n min-height: 580px !important;\n }\n\n .koss_typologies__card--secondary {\n min-height: 580px !important;\n }\n\n .koss_typologies__card-image-wrapper {\n position: absolute !important;\n inset: -20px !important;\n overflow: hidden !important;\n z-index: 1 !important;\n }\n\n .koss_typologies__card-image {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\n will-change: transform !important;\n }\n\n .koss_typologies__card:hover .koss_typologies__card-image {\n transform: scale(1.06) !important;\n }\n\n .koss_typologies__card-overlay {\n position: absolute !important;\n inset: 0 !important;\n background: linear-gradient(\n to top,\n rgba(0, 0, 0, 0.8) 0%,\n rgba(0, 0, 0, 0.4) 40%,\n rgba(0, 0, 0, 0.1) 70%,\n rgba(0, 0, 0, 0.05) 100%\n ) !important;\n transition: background 0.5s ease !important;\n z-index: 2 !important;\n }\n\n .koss_typologies__card:hover .koss_typologies__card-overlay {\n background: linear-gradient(\n to top,\n rgba(0, 0, 0, 0.75) 0%,\n rgba(0, 0, 0, 0.25) 40%,\n rgba(0, 0, 0, 0.02) 70%,\n transparent 100%\n ) !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-overlay {\n background: linear-gradient(\n to top,\n rgba(0, 0, 0, 0.85) 0%,\n rgba(0, 0, 0, 0.5) 50%,\n rgba(0, 0, 0, 0.25) 100%\n ) !important;\n }\n\n .koss_typologies__card-content {\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n padding: 40px !important;\n z-index: 5 !important;\n transform: translateY(0) !important;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\n }\n\n .koss_typologies__card:hover .koss_typologies__card-content {\n transform: translateY(-10px) !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-content {\n padding: 32px !important;\n }\n\n .koss_typologies__card-badge {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 10px !important;\n font-weight: 400 !important;\n letter-spacing: 3px !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.5) !important;\n margin-bottom: 12px !important;\n display: block !important;\n transition: color 0.4s ease !important;\n }\n\n .koss_typologies__card:hover .koss_typologies__card-badge {\n color: rgba(183, 115, 82, 0.9) !important;\n }\n\n .koss_typologies__card-name {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-weight: 400 !important;\n line-height: 1.2 !important;\n color: #ffffff !important;\n margin: 0 0 8px 0 !important;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\n }\n\n .koss_typologies__card--main .koss_typologies__card-name {\n font-size: clamp(32px, 4vw, 44px) !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-name {\n font-size: clamp(24px, 3vw, 32px) !important;\n }\n\n .koss_typologies__card-tagline {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 15px !important;\n font-weight: 300 !important;\n font-style: italic !important;\n letter-spacing: 0.3px !important;\n color: rgba(255, 255, 255, 0.65) !important;\n margin: 0 0 28px 0 !important;\n transition: color 0.4s ease !important;\n }\n\n .koss_typologies__card:hover .koss_typologies__card-tagline {\n color: rgba(255, 255, 255, 0.9) !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-tagline {\n font-size: 14px !important;\n margin-bottom: 22px !important;\n }\n\n .koss_typologies__card-details {\n display: flex !important;\n flex-wrap: wrap !important;\n gap: 28px !important;\n margin-bottom: 28px !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-details {\n gap: 20px !important;\n margin-bottom: 22px !important;\n }\n\n .koss_typologies__card-detail {\n display: flex !important;\n align-items: center !important;\n gap: 12px !important;\n }\n\n .koss_typologies__card-detail-icon {\n width: 22px !important;\n height: 22px !important;\n color: rgba(183, 115, 82, 0.85) !important;\n flex-shrink: 0 !important;\n transition: transform 0.3s ease, color 0.3s ease !important;\n }\n\n .koss_typologies__card:hover .koss_typologies__card-detail-icon {\n transform: scale(1.1) !important;\n color: rgba(183, 115, 82, 1) !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-detail-icon {\n width: 20px !important;\n height: 20px !important;\n }\n\n .koss_typologies__card-detail-text {\n display: flex !important;\n flex-direction: column !important;\n gap: 2px !important;\n }\n\n .koss_typologies__card-detail-label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 9px !important;\n font-weight: 400 !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.4) !important;\n }\n\n .koss_typologies__card-detail-value {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 17px !important;\n font-weight: 300 !important;\n color: #ffffff !important;\n transition: all 0.5s ease !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-detail-value {\n font-size: 15px !important;\n }\n\n .koss_typologies__card-cta {\n display: inline-flex !important;\n align-items: center !important;\n gap: 12px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 13px !important;\n font-weight: 400 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: #ffffff !important;\n text-decoration: none !important;\n padding: 16px 32px !important;\n border: 1px solid rgba(255, 255, 255, 0.3) !important;\n border-radius: 8px !important;\n background: rgba(255, 255, 255, 0.05) !important;\n backdrop-filter: blur(10px) !important;\n -webkit-backdrop-filter: blur(10px) !important;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n position: relative !important;\n overflow: hidden !important;\n }\n\n .koss_typologies__card-cta::before {\n content: '' !important;\n position: absolute !important;\n top: 0 !important;\n left: -100% !important;\n width: 100% !important;\n height: 100% !important;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent) !important;\n transition: left 0.6s ease !important;\n }\n\n .koss_typologies__card-cta:hover::before {\n left: 100% !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-cta {\n padding: 14px 28px !important;\n font-size: 12px !important;\n }\n\n .koss_typologies__card-cta:hover {\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.35) 0%, rgba(128, 67, 48, 0.25) 100%) !important;\n border-color: rgba(183, 115, 82, 0.5) !important;\n transform: translateY(-2px) !important;\n box-shadow: 0 10px 30px rgba(128, 67, 48, 0.25) !important;\n }\n\n .koss_typologies__card-cta svg {\n width: 16px !important;\n height: 16px !important;\n fill: currentColor !important;\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n }\n\n .koss_typologies__card-cta:hover svg {\n transform: translateX(6px) !important;\n }\n\n .koss_typologies__swap-hint {\n position: absolute !important;\n top: 20px !important;\n right: 20px !important;\n display: none !important;\n align-items: center !important;\n gap: 6px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 10px !important;\n font-weight: 400 !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.5) !important;\n padding: 8px 14px !important;\n background: rgba(0, 0, 0, 0.3) !important;\n backdrop-filter: blur(8px) !important;\n -webkit-backdrop-filter: blur(8px) !important;\n border-radius: 6px !important;\n opacity: 0 !important;\n transition: opacity 0.3s ease !important;\n z-index: 6 !important;\n }\n\n .koss_typologies__card:hover .koss_typologies__swap-hint {\n opacity: 1 !important;\n }\n\n .koss_typologies__swap-hint svg {\n width: 12px !important;\n height: 12px !important;\n fill: currentColor !important;\n }\n\n .koss_typologies__grid.koss_grid--swapped {\n grid-template-columns: 1fr 1.5fr !important;\n }\n\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--main {\n order: 2 !important;\n }\n\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--secondary {\n order: 1 !important;\n }\n\n .koss_typologies__disclaimer {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 300 !important;\n font-style: italic !important;\n line-height: 1.6 !important;\n color: #999999 !important;\n text-align: center !important;\n max-width: 900px !important;\n margin: 48px auto 0 !important;\n padding: 0 20px !important;\n opacity: 0 !important;\n transform: translateY(10px) !important;\n transition: opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s !important;\n }\n\n .koss_typologies.koss_typologies--visible .koss_typologies__disclaimer {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n @media screen and (max-width: 1200px) {\n .koss_typologies__grid {\n grid-template-columns: 1.3fr 1fr !important;\n gap: 16px !important;\n min-height: 520px !important;\n }\n\n .koss_typologies__card--main,\n .koss_typologies__card--secondary {\n min-height: 520px !important;\n }\n\n .koss_typologies__card-content {\n padding: 32px !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-content {\n padding: 28px !important;\n }\n }\n\n @media screen and (max-width: 991px) {\n .koss_typologies {\n padding: 100px 0 !important;\n background-position: -20% 90% !important;\n background-size: auto 50% !important;\n }\n\n .koss_typologies__container {\n padding: 0 40px !important;\n }\n\n .koss_typologies__header {\n margin-bottom: 48px !important;\n }\n\n .koss_typologies__grid {\n grid-template-columns: 1fr !important;\n gap: 16px !important;\n min-height: auto !important;\n }\n\n .koss_typologies__grid.koss_grid--swapped {\n grid-template-columns: 1fr !important;\n }\n\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--main,\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--secondary {\n order: unset !important;\n }\n\n .koss_typologies__card--main,\n .koss_typologies__card--secondary {\n min-height: 420px !important;\n }\n\n .koss_typologies__card-content {\n padding: 28px !important;\n }\n\n .koss_typologies__swap-hint {\n display: none !important;\n }\n\n .koss_typologies__disclaimer {\n margin-top: 32px !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n .koss_typologies {\n padding: 80px 0 !important;\n background-image: none !important;\n }\n\n .koss_typologies__container {\n padding: 0 20px !important;\n }\n\n .koss_typologies__header {\n margin-bottom: 40px !important;\n }\n\n .koss_typologies__grid {\n gap: 12px !important;\n }\n\n .koss_typologies__card--main,\n .koss_typologies__card--secondary {\n min-height: 380px !important;\n }\n\n .koss_typologies__card-content {\n padding: 24px !important;\n }\n\n .koss_typologies__card-name {\n margin-bottom: 12px !important;\n }\n\n .koss_typologies__card--main .koss_typologies__card-name {\n font-size: 28px !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-name {\n font-size: 24px !important;\n }\n\n .koss_typologies__card-tagline {\n font-size: 13px !important;\n margin-bottom: 20px !important;\n }\n\n .koss_typologies__card-details {\n gap: 18px !important;\n margin-bottom: 20px !important;\n }\n\n .koss_typologies__card-detail-value {\n font-size: 15px !important;\n }\n\n .koss_typologies__card-cta {\n padding: 14px 28px !important;\n font-size: 12px !important;\n }\n }\n\n @media screen and (max-width: 480px) {\n .koss_typologies__card--main,\n .koss_typologies__card--secondary {\n min-height: 360px !important;\n }\n\n .koss_typologies__card-details {\n gap: 14px !important;\n }\n\n .koss_typologies__card-detail-icon {\n width: 18px !important;\n height: 18px !important;\n }\n\n .koss_typologies__card-detail-label {\n font-size: 8px !important;\n }\n\n .koss_typologies__card-detail-value {\n font-size: 14px !important;\n }\n\n .koss_typologies__disclaimer {\n font-size: 10px !important;\n margin-top: 28px !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"koss_typologies\" id=\"typologies\">\n <div class=\"koss_typologies__container\">\n \n <header class=\"koss_typologies__header\">\n <span class=\"koss_typologies__label\">Sky Top Villas<\/span>\n <h2 class=\"koss_typologies__title\">Choisissez votre horizon<\/h2>\n <p class=\"koss_typologies__subtitle\">Deux configurations con\u00e7ues pour s'adapter \u00e0 votre fa\u00e7on de vivre la M\u00e9diterran\u00e9e<\/p>\n <\/header>\n\n <div class=\"koss_typologies__grid\" id=\"koss_typologies_grid\">\n \n <article class=\"koss_typologies__card koss_typologies__card--main\" data-type=\"3bed\">\n <div class=\"koss_typologies__card-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-3bed.jpg\" alt=\"Villa 3 Chambres\" class=\"koss_typologies__card-image\" loading=\"lazy\">\n <\/div>\n <div class=\"koss_typologies__card-overlay\"><\/div>\n \n <div class=\"koss_typologies__swap-hint\" style=\"display: none;\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z\"\/>\n <\/svg>\n Ampliar\n <\/div>\n\n <div class=\"koss_typologies__card-content\">\n <span class=\"koss_typologies__card-badge\">Sky Top Villa<\/span>\n <h3 class=\"koss_typologies__card-name\">3 Chambres<\/h3>\n <p class=\"koss_typologies__card-tagline\">Votre refuge avec des vues infinies sur la M\u00e9diterran\u00e9e<\/p>\n <div class=\"koss_typologies__card-details\">\n <div class=\"koss_typologies__card-detail\">\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M6 3h12l4 6-10 12L2 9z\"\/>\n <path d=\"M2 9h20\"\/>\n <path d=\"M12 21L8 9l4-6 4 6z\"\/>\n <\/svg>\n <div class=\"koss_typologies__card-detail-text\">\n <span class=\"koss_typologies__card-detail-label\">Desde<\/span>\n <span class=\"koss_typologies__card-detail-value\">1.120.000 \u20ac<\/span>\n <\/div>\n <\/div>\n <div class=\"koss_typologies__card-detail\">\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\n <path d=\"M3 9h18M9 21V9\"\/>\n <\/svg>\n <div class=\"koss_typologies__card-detail-text\">\n <span class=\"koss_typologies__card-detail-label\">Superficie desde<\/span>\n <span class=\"koss_typologies__card-detail-value\">172 m\u00b2<\/span>\n <\/div>\n <\/div>\n <\/div>\n <a href=\"#unlock\" class=\"koss_typologies__card-cta\">\n Explorer\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/article>\n\n <article class=\"koss_typologies__card koss_typologies__card--secondary\" data-type=\"4bed\">\n <div class=\"koss_typologies__card-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-4bed.jpg\" alt=\"Villa 4 Chambres\" class=\"koss_typologies__card-image\" loading=\"lazy\">\n <\/div>\n <div class=\"koss_typologies__card-overlay\"><\/div>\n \n <div class=\"koss_typologies__swap-hint\" style=\"display: flex;\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z\"\/>\n <\/svg>\n Ampliar\n <\/div>\n\n <div class=\"koss_typologies__card-content\">\n <span class=\"koss_typologies__card-badge\">Sky Top Villa<\/span>\n <h3 class=\"koss_typologies__card-name\">4 Chambres<\/h3>\n <p class=\"koss_typologies__card-tagline\">Un espace sans limites pour ceux qui r\u00eavent en grand<\/p>\n <div class=\"koss_typologies__card-details\">\n <div class=\"koss_typologies__card-detail\">\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M6 3h12l4 6-10 12L2 9z\"\/>\n <path d=\"M2 9h20\"\/>\n <path d=\"M12 21L8 9l4-6 4 6z\"\/>\n <\/svg>\n <div class=\"koss_typologies__card-detail-text\">\n <span class=\"koss_typologies__card-detail-label\">Desde<\/span>\n <span class=\"koss_typologies__card-detail-value\">1.300.000 \u20ac<\/span>\n <\/div>\n <\/div>\n <div class=\"koss_typologies__card-detail\">\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\n <path d=\"M3 9h18M9 21V9\"\/>\n <\/svg>\n <div class=\"koss_typologies__card-detail-text\">\n <span class=\"koss_typologies__card-detail-label\">Superficie desde<\/span>\n <span class=\"koss_typologies__card-detail-value\">172 m\u00b2<\/span>\n <\/div>\n <\/div>\n <\/div>\n <a href=\"#unlock\" class=\"koss_typologies__card-cta\">\n Explorer\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/article>\n\n <\/div>\n\n <p class=\"koss_typologies__disclaimer\">Images sans caract\u00e8re contractuel \u00e9labor\u00e9es \u00e0 partir du Projet de Base pr\u00e9sent\u00e9 pour l'obtention du Permis de Construire. Informations susceptibles d'\u00eatre modifi\u00e9es en raison d'exigences d'ordre technique, juridique ou commercial au cours des travaux ou une fois ceux-ci achev\u00e9s.<\/p>\n\n <\/div>\n <\/section>\n\n <script>\n (function() {\n 'use strict';\n\n var section = document.getElementById('typologies');\n var grid = document.getElementById('koss_typologies_grid');\n var cards = document.querySelectorAll('.koss_typologies__card');\n var mainCard = document.querySelector('.koss_typologies__card--main');\n var secondaryCard = document.querySelector('.koss_typologies__card--secondary');\n\n var swapTimeout = null;\n var isSwapped = false;\n\n cards.forEach(function(card) {\n card.addEventListener('mousemove', function(e) {\n if (window.innerWidth <= 991) return;\n \n var rect = card.getBoundingClientRect();\n var x = e.clientX - rect.left;\n var y = e.clientY - rect.top;\n \n card.style.setProperty('--mouse-x', x + 'px');\n card.style.setProperty('--mouse-y', y + 'px');\n\n var image = card.querySelector('.koss_typologies__card-image');\n if (image) {\n var percentX = (x \/ rect.width - 0.5) * 2;\n var percentY = (y \/ rect.height - 0.5) * 2;\n var moveX = percentX * 8;\n var moveY = percentY * 8;\n image.style.transform = 'scale(1.06) translate(' + moveX + 'px, ' + moveY + 'px)';\n }\n });\n\n card.addEventListener('mouseleave', function() {\n var image = card.querySelector('.koss_typologies__card-image');\n if (image) {\n image.style.transform = '';\n }\n });\n });\n\n function swapCards(toSwapped) {\n if (window.innerWidth <= 991) return;\n if (toSwapped === isSwapped) return;\n\n isSwapped = toSwapped;\n\n if (toSwapped) {\n grid.classList.add('koss_grid--swapped');\n mainCard.classList.remove('koss_typologies__card--main');\n mainCard.classList.add('koss_typologies__card--secondary');\n secondaryCard.classList.remove('koss_typologies__card--secondary');\n secondaryCard.classList.add('koss_typologies__card--main');\n } else {\n grid.classList.remove('koss_grid--swapped');\n mainCard.classList.add('koss_typologies__card--main');\n mainCard.classList.remove('koss_typologies__card--secondary');\n secondaryCard.classList.add('koss_typologies__card--secondary');\n secondaryCard.classList.remove('koss_typologies__card--main');\n }\n\n updateSwapHint();\n }\n\n function updateSwapHint() {\n var hints = document.querySelectorAll('.koss_typologies__swap-hint');\n hints.forEach(function(hint) {\n var card = hint.closest('.koss_typologies__card');\n if (card.classList.contains('koss_typologies__card--secondary')) {\n hint.style.display = 'flex';\n } else {\n hint.style.display = 'none';\n }\n });\n }\n\n secondaryCard.addEventListener('mouseenter', function() {\n if (window.innerWidth <= 991) return;\n clearTimeout(swapTimeout);\n swapTimeout = setTimeout(function() {\n swapCards(true);\n }, 250);\n });\n\n mainCard.addEventListener('mouseenter', function() {\n if (window.innerWidth <= 991) return;\n clearTimeout(swapTimeout);\n swapTimeout = setTimeout(function() {\n swapCards(false);\n }, 250);\n });\n\n grid.addEventListener('mouseleave', function() {\n clearTimeout(swapTimeout);\n });\n\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('koss_typologies--visible');\n }\n }\n\n var ticking = false;\n \n function onScroll() {\n if (!ticking) {\n requestAnimationFrame(function() {\n checkVisibility();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n updateSwapHint();\n checkVisibility();\n\n })();\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-893162f elementor-widget elementor-widget-html\" data-id=\"893162f\" 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>The Kos - Divider<\/title><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans: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: 'Josefin Sans', sans-serif;\n background-color: #f8f8f8;\n color: #333333;\n }\n\n .koss_divider {\n position: relative !important;\n height: 45vh !important;\n min-height: 360px !important;\n max-height: 500px !important;\n overflow: hidden !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n }\n\n .koss_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 40% !important;\n will-change: transform !important;\n }\n\n .koss_divider__overlay {\n position: absolute !important;\n inset: 0 !important;\n background: \n radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.35) 100%),\n linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.1) 100%) !important;\n }\n\n .koss_divider__content {\n position: relative !important;\n z-index: 2 !important;\n text-align: center !important;\n padding: 0 40px !important;\n max-width: 1000px !important;\n }\n\n .koss_divider__quote {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(28px, 5vw, 52px) !important;\n font-weight: 400 !important;\n line-height: 1.25 !important;\n letter-spacing: -0.5px !important;\n color: #ffffff !important;\n margin: 0 !important;\n text-shadow: 0 2px 30px rgba(0, 0, 0, 0.3) !important;\n opacity: 0 !important;\n transform: translateY(25px) !important;\n transition: opacity 0.9s ease, transform 0.9s ease !important;\n }\n\n .koss_divider.koss_divider--visible .koss_divider__quote {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_divider__line {\n width: 70px !important;\n height: 2px !important;\n background: linear-gradient(90deg, #804330 0%, #b77352 100%) !important;\n margin: 28px auto 0 !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 .koss_divider.koss_divider--visible .koss_divider__line {\n opacity: 1 !important;\n transform: scaleX(1) !important;\n }\n\n @media screen and (max-width: 991px) {\n .koss_divider {\n height: 40vh !important;\n min-height: 320px !important;\n }\n\n .koss_divider__content {\n padding: 0 32px !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n .koss_divider {\n height: 38vh !important;\n min-height: 280px !important;\n }\n\n .koss_divider__content {\n padding: 0 24px !important;\n }\n\n .koss_divider__line {\n width: 55px !important;\n margin-top: 22px !important;\n }\n }\n\n @media screen and (max-width: 480px) {\n .koss_divider {\n min-height: 260px !important;\n }\n }\n <\/style><\/head><body><section class=\"koss_divider\" id=\"divider\"><img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\" alt=\"Vue panoramique depuis The Kos\" class=\"koss_divider__image\" id=\"koss_divider_image\"><div class=\"koss_divider__overlay\"><\/div><div class=\"koss_divider__content\"><p class=\"koss_divider__quote\">La M\u00e9diterran\u00e9e \u00e0 vos pieds, le ciel \u00e0 port\u00e9e de main<\/p><div class=\"koss_divider__line\"><\/div><\/div><\/section><script>(function() {\n 'use strict';\n\n var section = document.getElementById('divider');\n var image = document.getElementById('koss_divider_image');\n\n function updateParallax() {\n var rect = section.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.bottom < 0 || rect.top > windowHeight) return;\n \n var scrollProgress = (windowHeight - rect.top) \/ (windowHeight + rect.height);\n var translateY = (scrollProgress - 0.5) * 80;\n \n image.style.setProperty('transform', 'translateY(' + translateY + 'px)', 'important');\n }\n\n function checkVisibility() {\n var rect = section.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.top < windowHeight * 0.85) {\n section.classList.add('koss_divider--visible');\n }\n }\n\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 window.addEventListener('scroll', onScroll, { passive: true });\n updateParallax();\n checkVisibility();\n\n })();\n <\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45ccd4c e-con-full e-flex e-con e-parent\" data-id=\"45ccd4c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9950d0d elementor-widget elementor-widget-html\" data-id=\"9950d0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>The Kos - Galer\u00eda<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after {\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Josefin Sans', sans-serif;\n background-color: #f8f8f8;\n color: #333333;\n }\n\n .koss_gallery {\n position: relative !important;\n padding: 140px 0 !important;\n background-color: #f6f6f6 !important;\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\n background-repeat: no-repeat !important;\n background-position: 105% 20% !important;\n background-size: auto 60% !important;\n overflow: hidden !important;\n }\n\n .koss_gallery__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n padding: 0 60px !important;\n position: relative !important;\n z-index: 2 !important;\n }\n\n .koss_gallery__header {\n text-align: center !important;\n margin-bottom: 64px !important;\n }\n\n .koss_gallery__label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #999999 !important;\n margin-bottom: 16px !important;\n display: block !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease, transform 0.7s ease !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__label {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_gallery__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(32px, 4.5vw, 48px) !important;\n font-weight: 400 !important;\n line-height: 1.15 !important;\n color: #333333 !important;\n margin: 0 0 16px 0 !important;\n letter-spacing: -1px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__title {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_gallery__subtitle {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: clamp(16px, 1.6vw, 19px) !important;\n font-weight: 300 !important;\n line-height: 1.6 !important;\n color: #666666 !important;\n margin: 0 auto !important;\n max-width: 520px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__subtitle {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_gallery__grid {\n display: grid !important;\n grid-template-columns: repeat(12, 1fr) !important;\n grid-template-rows: repeat(2, 280px) !important;\n gap: 16px !important;\n opacity: 0 !important;\n transform: translateY(30px) !important;\n transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__grid {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_gallery__item {\n position: relative !important;\n border-radius: 12px !important;\n overflow: hidden !important;\n cursor: pointer !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.6s ease, transform 0.6s ease !important;\n }\n\n .koss_gallery__item::before {\n content: '' !important;\n position: absolute !important;\n inset: 0 !important;\n border-radius: 12px !important;\n padding: 2px !important;\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.7) 0%, rgba(128, 67, 48, 0.4) 50%, transparent 100%) !important;\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\n -webkit-mask-composite: xor !important;\n mask-composite: exclude !important;\n opacity: 0 !important;\n transition: opacity 0.4s ease !important;\n z-index: 10 !important;\n pointer-events: none !important;\n }\n\n .koss_gallery__item:hover::before {\n opacity: 1 !important;\n }\n\n .koss_gallery__item::after {\n content: '' !important;\n position: absolute !important;\n width: 200px !important;\n height: 200px !important;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 70%) !important;\n border-radius: 50% !important;\n pointer-events: none !important;\n z-index: 3 !important;\n opacity: 0 !important;\n transform: translate(-50%, -50%) !important;\n transition: opacity 0.3s ease !important;\n left: var(--mouse-x, 50%) !important;\n top: var(--mouse-y, 50%) !important;\n }\n\n .koss_gallery__item:hover::after {\n opacity: 1 !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__item {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(1) { transition-delay: 0.35s !important; }\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(2) { transition-delay: 0.45s !important; }\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(3) { transition-delay: 0.55s !important; }\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(4) { transition-delay: 0.65s !important; }\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(5) { transition-delay: 0.75s !important; }\n\n .koss_gallery__item:nth-child(1) {\n grid-column: 1 \/ 6 !important;\n grid-row: 1 \/ 3 !important;\n }\n\n .koss_gallery__item:nth-child(2) {\n grid-column: 6 \/ 9 !important;\n grid-row: 1 \/ 2 !important;\n }\n\n .koss_gallery__item:nth-child(3) {\n grid-column: 9 \/ 13 !important;\n grid-row: 1 \/ 2 !important;\n }\n\n .koss_gallery__item:nth-child(4) {\n grid-column: 6 \/ 10 !important;\n grid-row: 2 \/ 3 !important;\n }\n\n .koss_gallery__item:nth-child(5) {\n grid-column: 10 \/ 13 !important;\n grid-row: 2 \/ 3 !important;\n }\n\n .koss_gallery__image {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\n }\n\n .koss_gallery__item:hover .koss_gallery__image {\n transform: scale(1.06) !important;\n }\n\n .koss_gallery__overlay {\n position: absolute !important;\n inset: 0 !important;\n background: linear-gradient(\n to top,\n rgba(0, 0, 0, 0.7) 0%,\n rgba(0, 0, 0, 0.1) 40%,\n rgba(0, 0, 0, 0) 60%\n ) !important;\n opacity: 0 !important;\n transition: opacity 0.5s ease !important;\n z-index: 2 !important;\n }\n\n .koss_gallery__item:hover .koss_gallery__overlay {\n opacity: 1 !important;\n }\n\n .koss_gallery__caption {\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n padding: 24px !important;\n z-index: 4 !important;\n transform: translateY(10px) !important;\n opacity: 0 !important;\n transition: transform 0.4s ease, opacity 0.4s ease !important;\n }\n\n .koss_gallery__item:hover .koss_gallery__caption {\n transform: translateY(0) !important;\n opacity: 1 !important;\n }\n\n .koss_gallery__caption-title {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 15px !important;\n font-weight: 400 !important;\n letter-spacing: 0.5px !important;\n color: #ffffff !important;\n margin: 0 !important;\n }\n\n .koss_gallery__caption-hint {\n font-family: 'Josefin Sans', 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 color: rgba(255, 255, 255, 0.6) !important;\n margin-top: 8px !important;\n display: inline-flex !important;\n align-items: center !important;\n gap: 8px !important;\n transition: color 0.3s ease !important;\n }\n\n .koss_gallery__item:hover .koss_gallery__caption-hint {\n color: rgba(255, 255, 255, 0.9) !important;\n }\n\n .koss_gallery__caption-hint svg {\n width: 14px !important;\n height: 14px !important;\n fill: none !important;\n stroke: currentColor !important;\n stroke-width: 2 !important;\n stroke-linecap: round !important;\n stroke-linejoin: round !important;\n flex-shrink: 0 !important;\n position: relative !important;\n top: -2px !important;\n transition: transform 0.3s ease !important;\n }\n\n .koss_gallery__item:hover .koss_gallery__caption-hint svg {\n transform: translateX(3px) !important;\n }\n\n .koss_lightbox {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 99999 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n opacity: 0 !important;\n visibility: hidden !important;\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\n }\n\n .koss_lightbox.koss_lightbox--open {\n opacity: 1 !important;\n visibility: visible !important;\n }\n\n .koss_lightbox__backdrop {\n position: absolute !important;\n inset: 0 !important;\n background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.95) 100%) !important;\n backdrop-filter: blur(12px) !important;\n -webkit-backdrop-filter: blur(12px) !important;\n }\n\n .koss_lightbox__vignette {\n position: absolute !important;\n inset: 0 !important;\n background: radial-gradient(ellipse at center, transparent 50%, rgba(0, 0, 0, 0.4) 100%) !important;\n pointer-events: none !important;\n z-index: 1 !important;\n }\n\n .koss_lightbox__content {\n position: relative !important;\n z-index: 2 !important;\n max-width: 90vw !important;\n max-height: 85vh !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n }\n\n .koss_lightbox__image {\n max-width: 100% !important;\n max-height: 85vh !important;\n object-fit: contain !important;\n border-radius: 8px !important;\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5) !important;\n opacity: 0 !important;\n transform: scale(0.95) !important;\n transition: opacity 0.25s ease, transform 0.25s ease !important;\n }\n\n .koss_lightbox--open .koss_lightbox__image {\n opacity: 1 !important;\n transform: scale(1) !important;\n }\n\n .koss_lightbox__close {\n position: absolute !important;\n top: 24px !important;\n right: 24px !important;\n width: 48px !important;\n height: 48px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n background: rgba(255, 255, 255, 0.08) !important;\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n z-index: 3 !important;\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease !important;\n }\n\n .koss_lightbox__close:hover {\n background: rgba(183, 115, 82, 0.2) !important;\n border-color: rgba(183, 115, 82, 0.4) !important;\n transform: rotate(90deg) !important;\n }\n\n .koss_lightbox__close svg {\n width: 20px !important;\n height: 20px !important;\n fill: #ffffff !important;\n }\n\n .koss_lightbox__nav {\n position: absolute !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n width: 52px !important;\n height: 52px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n background: rgba(255, 255, 255, 0.06) !important;\n border: 1px solid rgba(255, 255, 255, 0.12) !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n z-index: 3 !important;\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease !important;\n }\n\n .koss_lightbox__nav:hover {\n background: rgba(183, 115, 82, 0.15) !important;\n border-color: rgba(183, 115, 82, 0.3) !important;\n }\n\n .koss_lightbox__nav--prev {\n left: 24px !important;\n }\n\n .koss_lightbox__nav--prev:hover {\n transform: translateY(-50%) translateX(-4px) !important;\n }\n\n .koss_lightbox__nav--next {\n right: 24px !important;\n }\n\n .koss_lightbox__nav--next:hover {\n transform: translateY(-50%) translateX(4px) !important;\n }\n\n .koss_lightbox__nav svg {\n width: 22px !important;\n height: 22px !important;\n fill: #ffffff !important;\n }\n\n .koss_lightbox__info {\n position: absolute !important;\n bottom: 28px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n text-align: center !important;\n z-index: 3 !important;\n }\n\n .koss_lightbox__title {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 16px !important;\n font-weight: 400 !important;\n color: #ffffff !important;\n margin-bottom: 8px !important;\n }\n\n .koss_lightbox__counter {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n letter-spacing: 3px !important;\n color: rgba(183, 115, 82, 0.8) !important;\n }\n\n .koss_lightbox__swipe-hint {\n display: none !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 300 !important;\n letter-spacing: 1px !important;\n color: rgba(255, 255, 255, 0.35) !important;\n margin-top: 10px !important;\n }\n\n @media screen and (max-width: 768px) {\n .koss_lightbox__swipe-hint {\n display: block !important;\n }\n }\n\n @media screen and (max-width: 1200px) {\n .koss_gallery__grid {\n grid-template-rows: repeat(2, 240px) !important;\n gap: 14px !important;\n }\n }\n\n @media screen and (max-width: 991px) {\n .koss_gallery {\n padding: 100px 0 !important;\n background-position: 110% 90% !important;\n background-size: auto 45% !important;\n }\n\n .koss_gallery__container {\n padding: 0 40px !important;\n }\n\n .koss_gallery__header {\n margin-bottom: 48px !important;\n }\n\n .koss_gallery__grid {\n grid-template-columns: repeat(2, 1fr) !important;\n grid-template-rows: repeat(3, 220px) !important;\n gap: 12px !important;\n }\n\n .koss_gallery__item:nth-child(1) {\n grid-column: 1 \/ 3 !important;\n grid-row: 1 \/ 2 !important;\n }\n\n .koss_gallery__item:nth-child(2) {\n grid-column: 1 \/ 2 !important;\n grid-row: 2 \/ 3 !important;\n }\n\n .koss_gallery__item:nth-child(3) {\n grid-column: 2 \/ 3 !important;\n grid-row: 2 \/ 3 !important;\n }\n\n .koss_gallery__item:nth-child(4) {\n grid-column: 1 \/ 2 !important;\n grid-row: 3 \/ 4 !important;\n }\n\n .koss_gallery__item:nth-child(5) {\n grid-column: 2 \/ 3 !important;\n grid-row: 3 \/ 4 !important;\n }\n\n .koss_gallery__overlay {\n opacity: 1 !important;\n }\n\n .koss_gallery__caption {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_lightbox__nav {\n width: 46px !important;\n height: 46px !important;\n }\n\n .koss_lightbox__nav--prev {\n left: 16px !important;\n }\n\n .koss_lightbox__nav--next {\n right: 16px !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n .koss_gallery {\n padding: 80px 0 !important;\n background-image: none !important;\n }\n\n .koss_gallery__container {\n padding: 0 20px !important;\n }\n\n .koss_gallery__header {\n margin-bottom: 40px !important;\n }\n\n .koss_gallery__grid {\n grid-template-columns: 1fr !important;\n grid-template-rows: repeat(5, 200px) !important;\n gap: 10px !important;\n }\n\n .koss_gallery__item:nth-child(1),\n .koss_gallery__item:nth-child(2),\n .koss_gallery__item:nth-child(3),\n .koss_gallery__item:nth-child(4),\n .koss_gallery__item:nth-child(5) {\n grid-column: 1 \/ -1 !important;\n grid-row: auto !important;\n }\n\n .koss_gallery__caption {\n padding: 20px !important;\n }\n\n .koss_gallery__caption-title {\n font-size: 14px !important;\n }\n\n .koss_lightbox__close {\n top: 16px !important;\n right: 16px !important;\n width: 44px !important;\n height: 44px !important;\n }\n\n .koss_lightbox__nav {\n width: 42px !important;\n height: 42px !important;\n }\n\n .koss_lightbox__nav--prev {\n left: 12px !important;\n }\n\n .koss_lightbox__nav--next {\n right: 12px !important;\n }\n\n .koss_lightbox__nav svg {\n width: 18px !important;\n height: 18px !important;\n }\n\n .koss_lightbox__info {\n bottom: 20px !important;\n }\n\n .koss_lightbox__title {\n font-size: 14px !important;\n }\n }\n\n @media screen and (max-width: 480px) {\n .koss_gallery__grid {\n grid-template-rows: repeat(5, 180px) !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"koss_gallery\" id=\"gallery\">\n <div class=\"koss_gallery__container\">\n \n <header class=\"koss_gallery__header\">\n <span class=\"koss_gallery__label\">Espacios<\/span>\n <h2 class=\"koss_gallery__title\">Chaque recoin, une satisfaction<\/h2>\n <p class=\"koss_gallery__subtitle\">Des int\u00e9rieurs o\u00f9 la lumi\u00e8re, le design et le bien-\u00eatre se retrouvent<\/p>\n <\/header>\n\n <div class=\"koss_gallery__grid\" id=\"koss_gallery_grid\">\n \n <div class=\"koss_gallery__item\" data-index=\"0\" data-title=\"Votre bien-\u00eatre est la priorit\u00e9\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-interior.jpg\" alt=\"Piscine int\u00e9rieure avec vue\" class=\"koss_gallery__image\" loading=\"lazy\">\n <div class=\"koss_gallery__overlay\"><\/div>\n <div class=\"koss_gallery__caption\">\n <p class=\"koss_gallery__caption-title\">Tu bienestar es la prioridad<\/p>\n <p class=\"koss_gallery__caption-hint\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n Agrandir l'image\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"koss_gallery__item\" data-index=\"1\" data-title=\"L\u00e0 o\u00f9 naissent les id\u00e9es\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-facilities-coworking.jpg\" alt=\"Espace de travail avec vue panoramique\" class=\"koss_gallery__image\" loading=\"lazy\">\n <div class=\"koss_gallery__overlay\"><\/div>\n <div class=\"koss_gallery__caption\">\n <p class=\"koss_gallery__caption-title\">Donde nacen las ideas<\/p>\n <p class=\"koss_gallery__caption-hint\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n Agrandir l'image\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"koss_gallery__item\" data-index=\"2\" data-title=\"Votre coin d'inspiration\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-despacho-dorm.jpg\" alt=\"Espace priv\u00e9 baign\u00e9 de lumi\u00e8re naturelle\" class=\"koss_gallery__image\" loading=\"lazy\">\n <div class=\"koss_gallery__overlay\"><\/div>\n <div class=\"koss_gallery__caption\">\n <p class=\"koss_gallery__caption-title\">Tu rinc\u00f3n de inspiraci\u00f3n<\/p>\n <p class=\"koss_gallery__caption-hint\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n Agrandir l'image\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"koss_gallery__item\" data-index=\"3\" data-title=\"De l'\u00e9nergie chaque matin\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/koss-gym-comunitario.jpg\" alt=\"Salle de sport \u00e9quip\u00e9e Technogym\" class=\"koss_gallery__image\" loading=\"lazy\">\n <div class=\"koss_gallery__overlay\"><\/div>\n <div class=\"koss_gallery__caption\">\n <p class=\"koss_gallery__caption-title\">Energ\u00eda cada ma\u00f1ana<\/p>\n <p class=\"koss_gallery__caption-hint\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n Agrandir l'image\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"koss_gallery__item\" data-index=\"4\" data-title=\"Le rituel de chaque jour\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-bano-principal.jpg\" alt=\"Salle de bain design aux finitions premium\" class=\"koss_gallery__image\" loading=\"lazy\">\n <div class=\"koss_gallery__overlay\"><\/div>\n <div class=\"koss_gallery__caption\">\n <p class=\"koss_gallery__caption-title\">El ritual de cada d\u00eda<\/p>\n <p class=\"koss_gallery__caption-hint\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n Agrandir l'image\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/section>\n\n <div class=\"koss_lightbox\" id=\"koss_lightbox\">\n <div class=\"koss_lightbox__backdrop\" id=\"koss_lightbox_backdrop\"><\/div>\n <div class=\"koss_lightbox__vignette\"><\/div>\n \n <button class=\"koss_lightbox__close\" id=\"koss_lightbox_close\" aria-label=\"Fermer\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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\"\/>\n <\/svg>\n <\/button>\n\n <button class=\"koss_lightbox__nav koss_lightbox__nav--prev\" id=\"koss_lightbox_prev\" aria-label=\"Pr\u00e9c\u00e9dent\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/>\n <\/svg>\n <\/button>\n <button class=\"koss_lightbox__nav koss_lightbox__nav--next\" id=\"koss_lightbox_next\" aria-label=\"Suivant\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/>\n <\/svg>\n <\/button>\n\n <div class=\"koss_lightbox__content\">\n <img decoding=\"async\" class=\"koss_lightbox__image\" id=\"koss_lightbox_image\" src=\"\" alt=\"\">\n <\/div>\n\n <div class=\"koss_lightbox__info\">\n <p class=\"koss_lightbox__title\" id=\"koss_lightbox_title\"><\/p>\n <p class=\"koss_lightbox__counter\" id=\"koss_lightbox_counter\"><\/p>\n <p class=\"koss_lightbox__swipe-hint\">Glissez pour naviguer<\/p>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n 'use strict';\n\n var section = document.getElementById('gallery');\n var items = document.querySelectorAll('.koss_gallery__item');\n var lightbox = document.getElementById('koss_lightbox');\n var lightboxBackdrop = document.getElementById('koss_lightbox_backdrop');\n var lightboxImage = document.getElementById('koss_lightbox_image');\n var lightboxTitle = document.getElementById('koss_lightbox_title');\n var lightboxCounter = document.getElementById('koss_lightbox_counter');\n var lightboxClose = document.getElementById('koss_lightbox_close');\n var lightboxPrev = document.getElementById('koss_lightbox_prev');\n var lightboxNext = document.getElementById('koss_lightbox_next');\n\n var images = [];\n items.forEach(function(item) {\n images.push({\n src: item.querySelector('.koss_gallery__image').src,\n title: item.getAttribute('data-title')\n });\n });\n\n var currentIndex = 0;\n var totalImages = images.length;\n\n items.forEach(function(item) {\n item.addEventListener('mousemove', function(e) {\n if (window.innerWidth <= 991) return;\n \n var rect = item.getBoundingClientRect();\n var x = e.clientX - rect.left;\n var y = e.clientY - rect.top;\n \n item.style.setProperty('--mouse-x', x + 'px');\n item.style.setProperty('--mouse-y', y + 'px');\n });\n });\n\n function openLightbox(index) {\n currentIndex = index;\n lightboxImage.src = images[currentIndex].src;\n lightboxImage.alt = images[currentIndex].title;\n lightboxTitle.textContent = images[currentIndex].title;\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + totalImages;\n lightbox.classList.add('koss_lightbox--open');\n document.body.style.overflow = 'hidden';\n }\n\n function closeLightbox() {\n lightbox.classList.remove('koss_lightbox--open');\n document.body.style.overflow = '';\n }\n\n function updateLightbox() {\n lightboxImage.style.setProperty('opacity', '0', 'important');\n lightboxImage.style.setProperty('transform', 'scale(0.95)', 'important');\n \n setTimeout(function() {\n lightboxImage.src = images[currentIndex].src;\n lightboxImage.alt = images[currentIndex].title;\n lightboxTitle.textContent = images[currentIndex].title;\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + totalImages;\n \n setTimeout(function() {\n lightboxImage.style.setProperty('opacity', '1', 'important');\n lightboxImage.style.setProperty('transform', 'scale(1)', 'important');\n }, 50);\n }, 200);\n }\n\n function nextImage() {\n currentIndex = (currentIndex + 1) % totalImages;\n updateLightbox();\n }\n\n function prevImage() {\n currentIndex = (currentIndex - 1 + totalImages) % totalImages;\n updateLightbox();\n }\n\n items.forEach(function(item) {\n item.addEventListener('click', function() {\n var index = parseInt(this.getAttribute('data-index'), 10);\n openLightbox(index);\n });\n });\n\n lightboxClose.addEventListener('click', closeLightbox);\n lightboxBackdrop.addEventListener('click', closeLightbox);\n\n lightboxNext.addEventListener('click', nextImage);\n lightboxPrev.addEventListener('click', prevImage);\n\n document.addEventListener('keydown', function(e) {\n if (!lightbox.classList.contains('koss_lightbox--open')) return;\n \n if (e.key === 'Escape') {\n closeLightbox();\n } else if (e.key === 'ArrowRight') {\n nextImage();\n } else if (e.key === 'ArrowLeft') {\n prevImage();\n }\n });\n\n var touchStartX = 0;\n var touchEndX = 0;\n var touchStartY = 0;\n var touchEndY = 0;\n var minSwipeDistance = 50;\n\n lightbox.addEventListener('touchstart', function(e) {\n touchStartX = e.changedTouches[0].screenX;\n touchStartY = e.changedTouches[0].screenY;\n }, { passive: true });\n\n lightbox.addEventListener('touchend', function(e) {\n touchEndX = e.changedTouches[0].screenX;\n touchEndY = e.changedTouches[0].screenY;\n handleSwipe();\n }, { passive: true });\n\n function handleSwipe() {\n var deltaX = touchEndX - touchStartX;\n var deltaY = touchEndY - touchStartY;\n \n if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > minSwipeDistance) {\n if (deltaX > 0) {\n prevImage();\n } else {\n nextImage();\n }\n }\n }\n\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('koss_gallery--visible');\n }\n }\n\n var ticking = false;\n \n function onScroll() {\n if (!ticking) {\n requestAnimationFrame(function() {\n checkVisibility();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n checkVisibility();\n\n })();\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ade6763 e-con-full e-flex e-con e-parent\" data-id=\"ade6763\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e2b6ac elementor-widget elementor-widget-html\" data-id=\"5e2b6ac\" 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>The Kos - Ubicaci\u00f3n<\/title><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"><style>\/* ============================================\n RESET & BASE\n ============================================ *\/\n *, *::before, *::after {\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Josefin Sans', sans-serif;\n background-color: #f8f8f8;\n color: #333333;\n }\n\n \/* ============================================\n LOCATION SECTION\n ============================================ *\/\n .koss_location {\n position: relative !important;\n padding: 120px 0 !important;\n background-color: #f0f0f0 !important;\n }\n\n .koss_location__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n padding: 0 60px !important;\n }\n\n \/* ============================================\n CONTENT\n ============================================ *\/\n .koss_location__content {\n text-align: center !important;\n max-width: 720px !important;\n margin: 0 auto !important;\n }\n\n .koss_location__label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #999999 !important;\n margin-bottom: 16px !important;\n display: block !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease, transform 0.7s ease !important;\n }\n\n .koss_location.koss_location--visible .koss_location__label {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_location__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(32px, 4.5vw, 48px) !important;\n font-weight: 400 !important;\n line-height: 1.2 !important;\n color: #333333 !important;\n margin: 0 0 20px 0 !important;\n letter-spacing: -1px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\n }\n\n .koss_location.koss_location--visible .koss_location__title {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_location__subtitle {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: clamp(17px, 1.8vw, 20px) !important;\n font-weight: 300 !important;\n line-height: 1.7 !important;\n color: #666666 !important;\n margin: 0 !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\n }\n\n .koss_location.koss_location--visible .koss_location__subtitle {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n \/* ============================================\n RESPONSIVE - TABLET\n ============================================ *\/\n @media screen and (max-width: 991px) {\n .koss_location {\n padding: 100px 0 !important;\n }\n\n .koss_location__container {\n padding: 0 40px !important;\n }\n }\n\n \/* ============================================\n RESPONSIVE - MOBILE\n ============================================ *\/\n @media screen and (max-width: 768px) {\n .koss_location {\n padding: 80px 0 !important;\n }\n\n .koss_location__container {\n padding: 0 24px !important;\n }\n\n .koss_location__title {\n margin-bottom: 16px !important;\n }\n }\n <\/style><\/head><body><section class=\"koss_location\" id=\"location\"><div class=\"koss_location__container\"><div class=\"koss_location__content\"><span class=\"koss_location__label\">Ubicaci\u00f3n<\/span><h2 class=\"koss_location__title\">El Higuer\u00f3n, Costa del Sol<\/h2><p class=\"koss_location__subtitle\">L\u00e0 o\u00f9 la M\u00e9diterran\u00e9e, la montagne et le soleil se rencontrent. \u00c0 quelques minutes de la mer, connect\u00e9 au monde.<\/p><\/div><\/div><\/section><script>(function() {\n 'use strict';\n\n var section = document.getElementById('location');\n\n function checkVisibility() {\n var rect = section.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.top < windowHeight * 0.85) {\n section.classList.add('koss_location--visible');\n }\n }\n\n var ticking = false;\n \n function onScroll() {\n if (!ticking) {\n requestAnimationFrame(function() {\n checkVisibility();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n checkVisibility();\n\n })();\n <\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad4385b elementor-widget elementor-widget-html\" data-id=\"ad4385b\" 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:\/\/thekosvillas.com\/wp-content\/uploads\/map\/kos.html\" allowfullscreen=\"\" title=\"Parc Vega, carte interactive\" loading=\"lazy\" style=\"height: 80vh; width: 100%;\">\n<\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d33e05 e-con-full e-flex e-con e-parent\" data-id=\"9d33e05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0db64be elementor-widget elementor-widget-html\" data-id=\"0db64be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>The Kos - Unlock<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after {\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Josefin Sans', sans-serif;\n background-color: #f8f8f8;\n color: #333333;\n }\n\n .koss_unlock {\n position: relative !important;\n background-color: #f8f8f8 !important;\n }\n\n .koss_unlock__grid {\n display: grid !important;\n grid-template-columns: 1fr 1fr !important;\n min-height: 700px !important;\n }\n\n .koss_unlock__image-wrapper {\n position: relative !important;\n overflow: hidden !important;\n opacity: 0 !important;\n transform: translateX(-30px) !important;\n transition: opacity 0.8s ease, transform 0.8s ease !important;\n }\n\n .koss_unlock.koss_unlock--visible .koss_unlock__image-wrapper {\n opacity: 1 !important;\n transform: translateX(0) !important;\n }\n\n .koss_unlock__image {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n display: block !important;\n transition: transform 0.6s ease !important;\n }\n\n .koss_unlock__image-wrapper:hover .koss_unlock__image {\n transform: scale(1.03) !important;\n }\n\n .koss_unlock__form-wrapper {\n padding: 80px 60px !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n opacity: 0 !important;\n transform: translateX(30px) !important;\n transition: opacity 0.8s ease 0.15s, transform 0.8s ease 0.15s !important;\n }\n\n .koss_unlock.koss_unlock--visible .koss_unlock__form-wrapper {\n opacity: 1 !important;\n transform: translateX(0) !important;\n }\n\n .koss_unlock__label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #999999 !important;\n margin-bottom: 16px !important;\n display: block !important;\n }\n\n .koss_unlock__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(32px, 4vw, 44px) !important;\n font-weight: 400 !important;\n line-height: 1.2 !important;\n color: #333333 !important;\n margin: 0 0 16px 0 !important;\n letter-spacing: -1px !important;\n }\n\n .koss_unlock__subtitle {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 17px !important;\n font-weight: 300 !important;\n line-height: 1.7 !important;\n color: #666666 !important;\n margin: 0 0 40px 0 !important;\n }\n\n .koss_unlock__agent {\n margin-top: 32px !important;\n padding-top: 28px !important;\n border-top: 1px solid #e8e8e8 !important;\n text-align: center !important;\n display: flex !important;\n justify-content: center !important;\n }\n\n .koss_unlock__agent-card {\n display: block !important;\n padding: 14px 24px !important;\n border: 1px solid #d8d8d8 !important;\n border-radius: 16px !important;\n background: #ffffff !important;\n cursor: pointer !important;\n text-decoration: none !important;\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05) !important;\n touch-action: manipulation !important;\n max-width: 340px !important;\n width: 100% !important;\n }\n\n .koss_unlock__agent-card:hover {\n border-color: #b0b0b0 !important;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;\n }\n\n .koss_unlock__agent-card-title {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 13px !important;\n font-weight: 600 !important;\n color: #333333 !important;\n margin: 0 0 4px 0 !important;\n line-height: 1.4 !important;\n }\n\n .koss_unlock__agent-card-sub {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n color: #777777 !important;\n margin: 0 !important;\n line-height: 1.5 !important;\n }\n\n \/* \u2500\u2500 WPForms inside unlock \u2500\u2500 *\/\n\n .koss_unlock .wpforms-container {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .koss_unlock .wpforms-form {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .koss_unlock .wpforms-field {\n margin-bottom: 20px !important;\n padding: 0 !important;\n }\n\n .koss_unlock .wpforms-field-row {\n display: flex !important;\n gap: 16px !important;\n }\n\n .koss_unlock .wpforms-field-row .wpforms-field-row-block {\n flex: 1 !important;\n }\n\n .koss_unlock .wpforms-field-row .wpforms-field-row-block input {\n width: 100% !important;\n }\n\n .koss_unlock .wpforms-field-label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 400 !important;\n letter-spacing: 1px !important;\n text-transform: uppercase !important;\n color: #666666 !important;\n margin-bottom: 8px !important;\n display: block !important;\n }\n\n .koss_unlock .wpforms-field-required {\n color: #b77352 !important;\n }\n\n .koss_unlock .wpforms-field input[type=\"text\"],\n .koss_unlock .wpforms-field input[type=\"email\"],\n .koss_unlock .wpforms-field input[type=\"tel\"],\n .koss_unlock .wpforms-field input[type=\"number\"],\n .koss_unlock .wpforms-field input[type=\"url\"],\n .koss_unlock .wpforms-field select,\n .koss_unlock .wpforms-field textarea {\n width: 100% !important;\n padding: 16px 20px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 16px !important;\n font-weight: 300 !important;\n color: #333333 !important;\n background-color: #ffffff !important;\n border: 1px solid #e0e0e0 !important;\n border-radius: 8px !important;\n outline: none !important;\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n }\n\n .koss_unlock .wpforms-field input:focus,\n .koss_unlock .wpforms-field select:focus,\n .koss_unlock .wpforms-field textarea:focus {\n border-color: #b77352 !important;\n box-shadow: 0 0 0 3px rgba(183, 115, 82, 0.1) !important;\n }\n\n .koss_unlock .wpforms-field input::placeholder,\n .koss_unlock .wpforms-field textarea::placeholder {\n color: #aaaaaa !important;\n font-weight: 300 !important;\n }\n\n .koss_unlock .wpforms-field textarea {\n min-height: 120px !important;\n resize: vertical !important;\n }\n\n .koss_unlock .wpforms-field select {\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='%23666666' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\") !important;\n background-repeat: no-repeat !important;\n background-position: right 16px center !important;\n padding-right: 44px !important;\n min-width: 0 !important;\n width: 100% !important;\n }\n\n .koss_unlock .wpforms-field.wpforms-field-select-style-classic select,\n div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select {\n padding-top: 10px !important;\n padding-bottom: 5px !important;\n }\n\n .koss_unlock .wpforms-field select option {\n padding: 12px 16px !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .koss_unlock .wpforms-field-phone .iti {\n width: 100% !important;\n }\n\n .koss_unlock .wpforms-field-phone .iti__flag-container {\n padding: 0 !important;\n }\n\n .koss_unlock .wpforms-field-phone .iti__selected-flag {\n padding: 0 12px 0 16px !important;\n background: transparent !important;\n }\n\n .koss_unlock .wpforms-field-phone input[type=\"tel\"] {\n padding-left: 85px !important;\n }\n\n .koss_unlock .wpforms-field-phone .iti--separate-dial-code input[type=\"tel\"] {\n padding-left: 100px !important;\n }\n\n .koss_unlock .wpforms-field-phone .iti__country-list {\n max-width: 360px !important;\n border-radius: 8px !important;\n border: 1px solid #e0e0e0 !important;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;\n }\n\n .koss_unlock .wpforms-field-phone .iti__country {\n padding: 10px 16px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 14px !important;\n }\n\n .koss_unlock .wpforms-field-phone .iti__country:hover {\n background-color: #f5f5f5 !important;\n }\n\n .koss_unlock .wpforms-field-checkbox ul,\n .koss_unlock .wpforms-field-radio ul {\n list-style: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .koss_unlock .wpforms-field-checkbox li,\n .koss_unlock .wpforms-field-radio li {\n margin-bottom: 10px !important;\n }\n\n .koss_unlock .wpforms-field-checkbox label,\n .koss_unlock .wpforms-field-radio label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 15px !important;\n font-weight: 300 !important;\n color: #555555 !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: flex-start !important;\n gap: 10px !important;\n }\n\n .koss_unlock .wpforms-field-checkbox input,\n .koss_unlock .wpforms-field-radio input {\n width: 18px !important;\n height: 18px !important;\n margin-top: 2px !important;\n accent-color: #b77352 !important;\n }\n\n .koss_unlock .wpforms-field-gdpr-checkbox label,\n .koss_unlock .wpforms-field-checkbox label {\n font-size: 13px !important;\n line-height: 1.5 !important;\n color: #888888 !important;\n }\n\n .koss_unlock .wpforms-field-gdpr-checkbox label a,\n .koss_unlock .wpforms-field-checkbox label a {\n color: #b77352 !important;\n text-decoration: none !important;\n }\n\n .koss_unlock .wpforms-field-gdpr-checkbox label a:hover,\n .koss_unlock .wpforms-field-checkbox label a:hover {\n text-decoration: underline !important;\n }\n\n .koss_unlock .wpforms-submit-container {\n margin-top: 32px !important;\n padding: 0 !important;\n }\n\n .koss_unlock .wpforms-submit {\n width: 100% !important;\n padding: 18px 32px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: #ffffff !important;\n background: linear-gradient(135deg, #804330 0%, #b77352 100%) !important;\n border: none !important;\n border-radius: 8px !important;\n cursor: pointer !important;\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease !important;\n }\n\n .koss_unlock .wpforms-submit:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 25px rgba(128, 67, 48, 0.3) !important;\n }\n\n .koss_unlock .wpforms-submit:active {\n transform: translateY(0) !important;\n }\n\n .koss_unlock .wpforms-field.wpforms-has-error input,\n .koss_unlock .wpforms-field.wpforms-has-error select,\n .koss_unlock .wpforms-field.wpforms-has-error textarea {\n border-color: #d64545 !important;\n }\n\n .koss_unlock .wpforms-error {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n color: #d64545 !important;\n margin-top: 6px !important;\n }\n\n .koss_unlock .wpforms-confirmation-container-full {\n padding: 40px !important;\n background-color: #f0f7f0 !important;\n border-radius: 12px !important;\n text-align: center !important;\n }\n\n .koss_unlock .wpforms-confirmation-container-full p {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 17px !important;\n font-weight: 300 !important;\n line-height: 1.7 !important;\n color: #333333 !important;\n margin: 0 !important;\n }\n\n \/* \u2500\u2500 eVoost Partners Signature \u2500\u2500 *\/\n\n .koss_evoost-signature-wrapper {\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n padding: 16px 0 0 0 !important;\n font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\n }\n\n .koss_evoost-signature {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n text-decoration: none !important;\n padding: 8px 12px !important;\n border-radius: 30px !important;\n border: 1px solid rgba(0, 0, 0, 0.1) !important;\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\n position: relative !important;\n overflow: hidden !important;\n background-color: transparent !important;\n }\n\n .koss_evoost-logo {\n width: 16px !important;\n height: 16px !important;\n margin-right: 8px !important;\n opacity: 0.6 !important;\n transition: all 0.5s ease !important;\n position: relative !important;\n z-index: 2 !important;\n }\n\n .koss_evoost-text {\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 0.2px !important;\n color: rgba(0, 0, 0, 0.4) !important;\n transition: all 0.5s ease !important;\n position: relative !important;\n z-index: 2 !important;\n }\n\n .koss_evoost-highlight {\n font-weight: 500 !important;\n color: rgba(0, 0, 0, 0.55) !important;\n transition: all 0.5s ease !important;\n }\n\n .koss_evoost-signature:before {\n content: '' !important;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n background: linear-gradient(135deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 100%) !important;\n opacity: 0;\n transition: opacity 0.5s ease !important;\n z-index: 1 !important;\n }\n\n .koss_evoost-signature:after {\n content: '' !important;\n position: absolute !important;\n top: 0 !important;\n left: -150% !important;\n width: 100% !important;\n height: 100% !important;\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;\n transform: skewX(-25deg) !important;\n z-index: 3 !important;\n opacity: 0;\n transition: opacity 0.2s ease !important;\n }\n\n @keyframes koss_shineEffect {\n 0% { left: -150% !important; }\n 100% { left: 150% !important; }\n }\n\n .koss_evoost-signature:hover {\n border-color: rgba(0, 0, 0, 0.2) !important;\n }\n\n .koss_evoost-signature:hover:before {\n opacity: 1;\n }\n\n .koss_evoost-signature:hover:after {\n opacity: 1;\n animation: koss_shineEffect 1.2s ease-in-out !important;\n }\n\n .koss_evoost-signature:hover .koss_evoost-logo {\n opacity: 0.9 !important;\n transform: scale(1.05) !important;\n }\n\n .koss_evoost-signature:hover .koss_evoost-text {\n color: rgba(0, 0, 0, 0.7) !important;\n }\n\n .koss_evoost-signature:hover .koss_evoost-highlight {\n color: rgba(0, 0, 0, 0.85) !important;\n }\n\n \/* \u2500\u2500 Agent Modal \u2500\u2500 *\/\n\n .koss_agent_modal {\n position: fixed !important;\n inset: 0 !important;\n z-index: 99999 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 24px !important;\n opacity: 0 !important;\n visibility: hidden !important;\n pointer-events: none !important;\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\n -webkit-overflow-scrolling: touch !important;\n }\n\n .koss_agent_modal.koss_agent_modal--open {\n opacity: 1 !important;\n visibility: visible !important;\n pointer-events: auto !important;\n }\n\n .koss_agent_modal__backdrop {\n position: absolute !important;\n inset: 0 !important;\n background: rgba(0, 0, 0, 0.85) !important;\n backdrop-filter: blur(8px) !important;\n -webkit-backdrop-filter: blur(8px) !important;\n }\n\n .koss_agent_modal__content {\n position: relative !important;\n z-index: 2 !important;\n width: 100% !important;\n max-width: 680px !important;\n max-height: 90vh !important;\n overflow-y: auto !important;\n -webkit-overflow-scrolling: touch !important;\n background: #ffffff !important;\n border-radius: 16px !important;\n padding: 48px 56px !important;\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3) !important;\n opacity: 0 !important;\n transform: translateY(20px) scale(0.98) !important;\n transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s !important;\n }\n\n .koss_agent_modal--open .koss_agent_modal__content {\n opacity: 1 !important;\n transform: translateY(0) scale(1) !important;\n }\n\n .koss_agent_modal__close {\n position: absolute !important;\n top: 16px !important;\n right: 16px !important;\n width: 40px !important;\n height: 40px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n background: #f5f5f5 !important;\n border: none !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: background 0.3s ease, transform 0.3s ease !important;\n }\n\n .koss_agent_modal__close:hover {\n background: #e8e8e8 !important;\n transform: rotate(90deg) !important;\n }\n\n .koss_agent_modal__close svg {\n width: 18px !important;\n height: 18px !important;\n fill: #666666 !important;\n }\n\n .koss_agent_modal__header {\n text-align: center !important;\n margin-bottom: 32px !important;\n }\n\n .koss_agent_modal__logo {\n width: 56px !important;\n height: 56px !important;\n margin: 0 auto 24px !important;\n display: block !important;\n object-fit: contain !important;\n }\n\n .koss_agent_modal__title {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 22px !important;\n font-weight: 300 !important;\n color: #333333 !important;\n margin: 0 !important;\n line-height: 1.5 !important;\n }\n\n .koss_agent_modal__title strong {\n font-weight: 400 !important;\n }\n\n \/* \u2500\u2500 WPForms inside agent modal \u2500\u2500 *\/\n\n .koss_agent_modal .wpforms-container {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .koss_agent_modal .wpforms-form {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .koss_agent_modal .wpforms-field {\n margin-bottom: 18px !important;\n padding: 0 !important;\n }\n\n .koss_agent_modal .wpforms-field-label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 400 !important;\n letter-spacing: 1px !important;\n text-transform: uppercase !important;\n color: #666666 !important;\n margin-bottom: 8px !important;\n display: block !important;\n }\n\n .koss_agent_modal .wpforms-field-required {\n color: #b77352 !important;\n }\n\n .koss_agent_modal .wpforms-field input[type=\"text\"],\n .koss_agent_modal .wpforms-field input[type=\"email\"],\n .koss_agent_modal .wpforms-field input[type=\"tel\"],\n .koss_agent_modal .wpforms-field select,\n .koss_agent_modal .wpforms-field textarea {\n width: 100% !important;\n padding: 14px 18px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 15px !important;\n font-weight: 300 !important;\n color: #333333 !important;\n background-color: #f8f8f8 !important;\n border: 1px solid #e0e0e0 !important;\n border-radius: 8px !important;\n outline: none !important;\n transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important;\n }\n\n .koss_agent_modal .wpforms-field input:focus,\n .koss_agent_modal .wpforms-field select:focus,\n .koss_agent_modal .wpforms-field textarea:focus {\n background-color: #ffffff !important;\n border-color: #b77352 !important;\n box-shadow: 0 0 0 3px rgba(183, 115, 82, 0.1) !important;\n }\n\n .koss_agent_modal .wpforms-field textarea {\n min-height: 100px !important;\n resize: vertical !important;\n }\n\n .koss_agent_modal .wpforms-field-phone .iti {\n width: 100% !important;\n }\n\n .koss_agent_modal .wpforms-field-phone .iti__flag-container {\n padding: 0 !important;\n }\n\n .koss_agent_modal .wpforms-field-phone .iti__selected-flag {\n padding: 0 12px 0 16px !important;\n background: transparent !important;\n }\n\n .koss_agent_modal .wpforms-field-phone input[type=\"tel\"] {\n padding-left: 85px !important;\n }\n\n .koss_agent_modal .wpforms-field-phone .iti--separate-dial-code input[type=\"tel\"] {\n padding-left: 100px !important;\n }\n\n .koss_agent_modal .wpforms-field-phone .iti__country-list {\n max-width: 320px !important;\n border-radius: 8px !important;\n border: 1px solid #e0e0e0 !important;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;\n }\n\n .koss_agent_modal .wpforms-field-phone .iti__country {\n padding: 10px 16px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 14px !important;\n }\n\n .koss_agent_modal .wpforms-field-phone .iti__country:hover {\n background-color: #f5f5f5 !important;\n }\n\n .koss_agent_modal .wpforms-field-gdpr-checkbox label,\n .koss_agent_modal .wpforms-field-checkbox label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 13px !important;\n line-height: 1.5 !important;\n color: #888888 !important;\n display: flex !important;\n align-items: flex-start !important;\n gap: 10px !important;\n cursor: pointer !important;\n }\n\n .koss_agent_modal .wpforms-field-gdpr-checkbox label a,\n .koss_agent_modal .wpforms-field-checkbox label a {\n color: #b77352 !important;\n text-decoration: none !important;\n }\n\n .koss_agent_modal .wpforms-field-gdpr-checkbox label a:hover,\n .koss_agent_modal .wpforms-field-checkbox label a:hover {\n text-decoration: underline !important;\n }\n\n .koss_agent_modal .wpforms-field-checkbox input,\n .koss_agent_modal .wpforms-field-gdpr-checkbox input {\n width: 18px !important;\n height: 18px !important;\n margin-top: 2px !important;\n accent-color: #b77352 !important;\n }\n\n .koss_agent_modal .wpforms-submit-container {\n position: relative !important;\n margin-top: 28px !important;\n padding: 0 !important;\n }\n\n .koss_agent_modal .wpforms-submit {\n position: relative !important;\n z-index: 1 !important;\n width: 100% !important;\n padding: 18px 28px 28px 0px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n color: #ffffff !important;\n background: #2a2a2a !important;\n border: none !important;\n border-radius: 8px !important;\n cursor: pointer !important;\n overflow: hidden !important;\n transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n }\n\n .koss_agent_modal .wpforms-submit:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;\n }\n\n .koss_agent_modal .wpforms-submit:active {\n transform: translateY(0) !important;\n }\n\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n\n @media screen and (max-width: 1200px) {\n .koss_unlock__grid {\n min-height: 600px !important;\n }\n\n .koss_unlock__form-wrapper {\n padding: 60px 48px 60px 60px !important;\n }\n }\n\n @media screen and (max-width: 991px) {\n .koss_unlock__grid {\n grid-template-columns: 1fr !important;\n min-height: auto !important;\n }\n\n .koss_unlock__image-wrapper {\n order: 1 !important;\n min-height: 400px !important;\n transform: translateY(20px) !important;\n }\n\n .koss_unlock.koss_unlock--visible .koss_unlock__image-wrapper {\n transform: translateY(0) !important;\n }\n\n .koss_unlock__form-wrapper {\n order: 2 !important;\n max-width: 100% !important;\n padding: 60px 40px !important;\n transform: translateY(20px) !important;\n }\n\n .koss_unlock.koss_unlock--visible .koss_unlock__form-wrapper {\n transform: translateY(0) !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n .koss_unlock__image-wrapper {\n min-height: 320px !important;\n }\n\n .koss_unlock__form-wrapper {\n padding: 48px 24px !important;\n }\n\n .koss_unlock__subtitle {\n font-size: 16px !important;\n margin-bottom: 32px !important;\n }\n\n .koss_unlock .wpforms-field input[type=\"text\"],\n .koss_unlock .wpforms-field input[type=\"email\"],\n .koss_unlock .wpforms-field input[type=\"tel\"],\n .koss_unlock .wpforms-field select,\n .koss_unlock .wpforms-field textarea {\n padding: 14px 16px !important;\n font-size: 16px !important;\n }\n\n .koss_unlock .wpforms-submit {\n padding: 16px 28px !important;\n }\n\n .koss_agent_modal__content {\n padding: 40px 24px !important;\n }\n\n .koss_agent_modal__title {\n font-size: 19px !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"koss_unlock\" id=\"unlock\">\n \n <div class=\"koss_unlock__grid\">\n \n <div class=\"koss_unlock__image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-dron-view.jpg\" alt=\"Terrasse avec vue sur la M\u00e9diterran\u00e9e\" class=\"koss_unlock__image\" loading=\"lazy\">\n <\/div>\n\n <div class=\"koss_unlock__form-wrapper\">\n <span class=\"koss_unlock__label\">Descubre Kos Villas por dentro<\/span>\n <h2 class=\"koss_unlock__title\">D\u00e9bloquez toutes les informations<\/h2>\n <p class=\"koss_unlock__subtitle\">Acc\u00e9dez aux plans d\u00e9taill\u00e9s, aux prix actualis\u00e9s et \u00e0 la disponibilit\u00e9 en temps r\u00e9el. Sans engagement.<\/p>\n \n <div class=\"koss_unlock__form\">\n <style id=\"wpforms-css-vars-216\">\n\t\t\t\t#wpforms-216 {\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-216\"><form id=\"wpforms-form-216\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"216\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/fr\/wp-json\/wp\/v2\/pages\/1772\" data-token=\"470fde8d436bf32c137a28540f6135f9\" data-token-time=\"1779324356\"><noscript class=\"wpforms-error-noscript\">Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-216-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-216-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-216-field_58\" aria-hidden=\"false\">utm_source<\/label><input type=\"text\" id=\"wpforms-216-field_58\" class=\"wpforms-field-medium\" name=\"wpforms[fields][58]\" aria-errormessage=\"wpforms-216-field_58-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_61\" aria-hidden=\"false\">utm_medium<\/label><input type=\"text\" id=\"wpforms-216-field_61\" class=\"wpforms-field-medium\" name=\"wpforms[fields][61]\" aria-errormessage=\"wpforms-216-field_61-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_59\" aria-hidden=\"false\">utm_campaign<\/label><input type=\"text\" id=\"wpforms-216-field_59\" class=\"wpforms-field-medium\" name=\"wpforms[fields][59]\" aria-errormessage=\"wpforms-216-field_59-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_60\" aria-hidden=\"false\">utm_term<\/label><input type=\"text\" id=\"wpforms-216-field_60\" class=\"wpforms-field-medium\" name=\"wpforms[fields][60]\" aria-errormessage=\"wpforms-216-field_60-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_63\" aria-hidden=\"false\">Stage<\/label><input type=\"text\" id=\"wpforms-216-field_63\" class=\"wpforms-field-medium\" name=\"wpforms[fields][63]\" value=\"Pulse\" aria-errormessage=\"wpforms-216-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-216-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-216-field_62\" aria-hidden=\"false\">utm_content<\/label><input type=\"text\" id=\"wpforms-216-field_62\" class=\"wpforms-field-medium\" name=\"wpforms[fields][62]\" aria-errormessage=\"wpforms-216-field_62-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-216-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-216-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-216-field_51\" aria-hidden=\"false\">LMP Pareja Madura nacional \/ retirada<\/label><input type=\"text\" id=\"wpforms-216-field_51\" class=\"wpforms-field-medium\" name=\"wpforms[fields][51]\" value=\"0e8af60f-a8fc-4089-936b-f247bf49e7b8\" aria-errormessage=\"wpforms-216-field_51-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_56\" aria-hidden=\"false\">LMP Familia nacional en crecimiento<\/label><input type=\"text\" id=\"wpforms-216-field_56\" class=\"wpforms-field-medium\" name=\"wpforms[fields][56]\" value=\"51f65774-c533-49cb-a692-86f7d18e7a65\" aria-errormessage=\"wpforms-216-field_56-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_55\" aria-hidden=\"false\">LMP Inversor Internacional Patrimonial<\/label><input type=\"text\" id=\"wpforms-216-field_55\" class=\"wpforms-field-medium\" name=\"wpforms[fields][55]\" value=\"d15699e7-6c0e-4437-822a-aaeedf712ec0\" aria-errormessage=\"wpforms-216-field_55-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_57\" aria-hidden=\"false\">LMP Expatriado internacional<\/label><input type=\"text\" id=\"wpforms-216-field_57\" class=\"wpforms-field-medium\" name=\"wpforms[fields][57]\" value=\"743b4a8a-0f3f-4229-9097-af4b188f52a4\" aria-errormessage=\"wpforms-216-field_57-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_52\" aria-hidden=\"false\">LMP Segunda Residencia Emocional<\/label><input type=\"text\" id=\"wpforms-216-field_52\" class=\"wpforms-field-medium\" name=\"wpforms[fields][52]\" value=\"ca39c7c8-3eed-4336-bf4e-4bfa1c3bc105\" aria-errormessage=\"wpforms-216-field_52-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-216-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-216-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-216-field_39\" aria-hidden=\"false\">DISC Red<\/label><input type=\"text\" id=\"wpforms-216-field_39\" class=\"wpforms-field-medium\" name=\"wpforms[fields][39]\" value=\"Red\" aria-errormessage=\"wpforms-216-field_39-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_40\" aria-hidden=\"false\">DISC Yellow<\/label><input type=\"text\" id=\"wpforms-216-field_40\" class=\"wpforms-field-medium\" name=\"wpforms[fields][40]\" value=\"Yellow\" aria-errormessage=\"wpforms-216-field_40-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_41\" aria-hidden=\"false\">DISC Green<\/label><input type=\"text\" id=\"wpforms-216-field_41\" class=\"wpforms-field-medium\" name=\"wpforms[fields][41]\" value=\"Green\" aria-errormessage=\"wpforms-216-field_41-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_42\" aria-hidden=\"false\">DISC Blue<\/label><input type=\"text\" id=\"wpforms-216-field_42\" class=\"wpforms-field-medium\" name=\"wpforms[fields][42]\" value=\"Blue\" aria-errormessage=\"wpforms-216-field_42-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-216-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-216-field_37\">\u00bfCu\u00e1l es tu principal motivaci\u00f3n para buscar una nueva propiedad? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-216-field_37\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][37]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Selecciona ---<\/option><option value=\"Busco un lugar donde desconectar, relajarme y sentirme realmente como en casa.\" class=\"choice-1 depth-1\" >Busco un lugar donde desconectar, relajarme y sentirme realmente como en casa.<\/option><option value=\"Queremos comenzar una nueva etapa de nuestra vida en un entorno inspirador y confortable.\" class=\"choice-2 depth-1\" >Queremos comenzar una nueva etapa de nuestra vida en un entorno inspirador y confortable.<\/option><option value=\"Estamos buscando una casa m\u00e1s grande que se adapte a las necesidades de nuestra familia.\" class=\"choice-3 depth-1\" >Estamos buscando una casa m\u00e1s grande que se adapte a las necesidades de nuestra familia.<\/option><option value=\"Estoy buscando una inversi\u00f3n inmobiliaria rentable y segura.\" class=\"choice-4 depth-1\" >Estoy buscando una inversi\u00f3n inmobiliaria rentable y segura.<\/option><option value=\"Estoy buscando un lugar donde poder trabajar a distancia y disfrutar del estilo de vida.\" class=\"choice-5 depth-1\" >Estoy buscando un lugar donde poder trabajar a distancia y disfrutar del estilo de vida.<\/option><\/select><\/div><div id=\"wpforms-216-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-216-field_38\">\u00bfCu\u00e1l de estas afirmaciones te describe mejor? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-216-field_38\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][38]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Selecciona ---<\/option><option value=\"Me gusta tomar decisiones r\u00e1pidas y resolver problemas.\" class=\"choice-1 depth-1\" >Me gusta tomar decisiones r\u00e1pidas y resolver problemas.<\/option><option value=\"Prefiero comprender completamente mis opciones antes de decidir.\" class=\"choice-2 depth-1\" >Prefiero comprender completamente mis opciones antes de decidir.<\/option><option value=\"Me gusta explorar nuevas ideas y ser creativo.\" class=\"choice-3 depth-1\" >Me gusta explorar nuevas ideas y ser creativo.<\/option><option value=\"Prefiero los m\u00e9todos probados y mantener la estabilidad.\" class=\"choice-4 depth-1\" >Prefiero los m\u00e9todos probados y mantener la estabilidad.<\/option><\/select><\/div><div id=\"wpforms-216-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-216-field_6-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-216-field_6\">Nombre <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-216-field_6\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-216-field_6-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-216-field_8-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-216-field_8\">Apellido <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-216-field_8\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][8]\" aria-errormessage=\"wpforms-216-field_8-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-216-field_9-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-216-field_9\">Tel\u00e9fono <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-216-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=\"Tel\u00e9fono\" aria-errormessage=\"wpforms-216-field_9-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-216-field_15-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"15\"><label class=\"wpforms-field-label\" for=\"wpforms-216-field_15\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-216-field_15\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][15]\" spellcheck=\"false\" aria-errormessage=\"wpforms-216-field_15-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-216-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-216-field_67\">Rango de edad <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-216-field_67\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][67]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Selecciona la opci\u00f3n --<\/option><option value=\"Menos de 35 a\u00f1os\" class=\"choice-1 depth-1\" >Menos de 35 a\u00f1os<\/option><option value=\"Entre 35 y 45 a\u00f1os\" class=\"choice-2 depth-1\" >Entre 35 y 45 a\u00f1os<\/option><option value=\"Entre 45 y 60 a\u00f1os\" class=\"choice-3 depth-1\" >Entre 45 y 60 a\u00f1os<\/option><option value=\"Mayor de 60 a\u00f1os\" class=\"choice-4 depth-1\" >Mayor de 60 a\u00f1os<\/option><\/select><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-216-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-216-field_68\">Indica tu nacionalidad <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-216-field_68\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][68]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Selecciona la opci\u00f3n --<\/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-216-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-216-field_33\" aria-hidden=\"false\">Language<\/label><input type=\"text\" id=\"wpforms-216-field_33\" class=\"wpforms-field-large\" name=\"wpforms[fields][33]\" value=\"Espa\u00f1ol\" aria-errormessage=\"wpforms-216-field_33-error\" ><\/div>\t\t<div id=\"wpforms-216-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-216-field_1\" >Rango para crecimiento<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-216-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-216-field_47-container\" class=\"wpforms-field wpforms-field-checkbox\" data-field-id=\"47\"><fieldset><legend class=\"wpforms-field-label wpforms-label-hide\" aria-hidden=\"false\">RGPD <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><ul id=\"wpforms-216-field_47\" class=\"wpforms-field-required\"><li class=\"choice-1 depth-1\"><input type=\"checkbox\" id=\"wpforms-216-field_47_1\" name=\"wpforms[fields][47][]\" value=\"Acepto la pol\u00edtica de privacidad de este sitio web\" aria-errormessage=\"wpforms-216-field_47_1-error\" aria-describedby=\"wpforms-216-field_47-description\" required ><label class=\"wpforms-field-label-inline\" for=\"wpforms-216-field_47_1\">Acepto la pol\u00edtica de privacidad de este sitio web<\/label><\/li><\/ul><div id=\"wpforms-216-field_47-description\" class=\"wpforms-field-description\">Puedes <a href=\"https:\/\/thekosvillas.com\/privacidad\/\">consultar la pol\u00edtica de privacidad haciendo clic aqu\u00ed<\/a><\/div><\/fieldset><\/div><div id=\"wpforms-216-field_66-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"66\"><input type=\"hidden\" id=\"wpforms-216-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-216-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-216-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-216-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=\"216\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/pages\/1772\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-216\" class=\"wpforms-submit\" data-alt-text=\"Estamos en ello...\" data-submit-text=\"Desbloquear informaci\u00f3n\" aria-live=\"assertive\" value=\"wpforms-submit\">Desbloquear informaci\u00f3n<\/button><img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Chargement en cours\"><\/div><\/form><\/div> \n <\/div>\n\n <div class=\"koss_unlock__agent\">\n <a href=\"#agent-form\" class=\"koss_unlock__agent-card\" id=\"koss_agent_trigger\" role=\"button\">\n <p class='koss_unlock__agent-card-title'>Vous \u00eates agent immobilier ?<\/p>\n <p class='koss_unlock__agent-card-sub'>Envoyez-nous vos coordonn\u00e9es et nous vous contacterons.<\/p>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/section>\n\n \n <div class=\"koss_agent_modal\" id=\"koss_agent_modal\">\n <div class=\"koss_agent_modal__backdrop\" id=\"koss_agent_backdrop\"><\/div>\n \n <div class=\"koss_agent_modal__content\">\n <button class=\"koss_agent_modal__close\" id=\"koss_agent_close\" aria-label=\"Fermer\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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\"\/>\n <\/svg>\n <\/button>\n\n <div class=\"koss_agent_modal__form\" id=\"agent-form\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n 'use strict';\n\n var section = document.getElementById('unlock');\n var modal = document.getElementById('koss_agent_modal');\n var trigger = document.getElementById('koss_agent_trigger');\n var backdrop = document.getElementById('koss_agent_backdrop');\n var closeBtn = document.getElementById('koss_agent_close');\n var modalContent = document.querySelector('.koss_agent_modal__content');\n var scrollY = 0;\n\n function openModal() {\n scrollY = window.scrollY;\n document.body.style.overflow = 'hidden';\n document.body.style.position = 'fixed';\n document.body.style.width = '100%';\n document.body.style.top = '-' + scrollY + 'px';\n modal.classList.add('koss_agent_modal--open');\n }\n\n function closeModal() {\n modal.classList.remove('koss_agent_modal--open');\n document.body.style.overflow = '';\n document.body.style.position = '';\n document.body.style.width = '';\n document.body.style.top = '';\n window.scrollTo(0, scrollY);\n }\n\n if (trigger) {\n trigger.addEventListener('click', function(e) {\n e.preventDefault();\n e.stopPropagation();\n setTimeout(openModal, 10);\n }, false);\n }\n \n if (backdrop) {\n backdrop.addEventListener('click', function(e) {\n e.preventDefault();\n closeModal();\n }, false);\n }\n \n if (closeBtn) {\n closeBtn.addEventListener('click', function(e) {\n e.preventDefault();\n e.stopPropagation();\n closeModal();\n }, false);\n }\n\n if (modalContent) {\n modalContent.addEventListener('click', function(e) {\n e.stopPropagation();\n }, false);\n }\n\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape' && modal && modal.classList.contains('koss_agent_modal--open')) {\n closeModal();\n }\n });\n\n function checkVisibility() {\n if (!section) return;\n var rect = section.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.top < windowHeight * 0.85) {\n section.classList.add('koss_unlock--visible');\n }\n }\n\n var ticking = false;\n \n function onScroll() {\n if (!ticking) {\n requestAnimationFrame(function() {\n checkVisibility();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n checkVisibility();\n\n })();\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5399f7 e-con-full e-flex e-con e-parent\" data-id=\"b5399f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-741e2e0 elementor-widget elementor-widget-html\" data-id=\"741e2e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n *, *::before, *::after { box-sizing: border-box; }\r\n\r\n \/* ============================================\r\n FOOTER\r\n ============================================ *\/\r\n .koss_footer {\r\n background-color: #191919 !important;\r\n padding: 48px 60px !important;\r\n }\r\n\r\n .koss_footer__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n gap: 24px !important;\r\n }\r\n\r\n \/* Brand *\/\r\n .koss_footer__brand {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 24px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_footer__logo-col {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: flex-start !important;\r\n gap: 8px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_footer__brand-separator {\r\n width: 1px !important;\r\n height: 36px !important;\r\n background-color: rgba(255,255,255,0.25) !important;\r\n align-self: center !important;\r\n }\r\n\r\n .koss_footer__logo { flex-shrink: 0 !important; }\r\n .koss_footer__logo img {\r\n height: 72px !important;\r\n width: auto !important;\r\n display: block !important;\r\n filter: brightness(0) invert(1) !important;\r\n opacity: 0.9 !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n .koss_footer__logo:hover img { opacity: 1 !important; }\r\n\r\n .koss_footer__phone {\r\n display: flex !important;\r\n align-items: center !important;\r\n align-self: center !important;\r\n gap: 8px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n .koss_footer__phone:hover { opacity: 0.8 !important; }\r\n .koss_footer__phone-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n opacity: 0.9 !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n \/* Legal *\/\r\n .koss_footer__legal {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n }\r\n .koss_footer__legal a {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 0.5px !important;\r\n color: rgba(255,255,255,0.5) !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n .koss_footer__legal a:hover { color: rgba(255,255,255,0.85) !important; }\r\n .koss_footer__legal-separator {\r\n font-size: 12px !important;\r\n color: rgba(255,255,255,0.25) !important;\r\n user-select: none !important;\r\n }\r\n\r\n \/* Life In Costa *\/\r\n .koss_footer__lic {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: flex-end !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_footer__lic-logo {\r\n height: 36px !important;\r\n max-height: 36px !important;\r\n width: auto !important;\r\n max-width: 100% !important;\r\n display: block !important;\r\n filter: brightness(0) invert(1) !important;\r\n opacity: 0.55 !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n .koss_footer__lic-logo:hover { opacity: 0.85 !important; }\r\n\r\n \/* Language switcher *\/\r\n .koss_footer__lang {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 4px !important;\r\n }\r\n .koss_footer__lang a {\r\n font-family: 'Josefin Sans', 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.35) !important;\r\n text-decoration: none !important;\r\n padding: 3px 5px !important;\r\n border-radius: 2px !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n .koss_footer__lang a:hover { color: rgba(255,255,255,0.75) !important; }\r\n .koss_footer__lang a.koss_lang--active {\r\n color: #fff !important;\r\n font-weight: 600 !important;\r\n cursor: default !important;\r\n pointer-events: none !important;\r\n }\r\n .koss_footer__lang-sep {\r\n font-size: 10px !important;\r\n color: rgba(255,255,255,0.2) !important;\r\n user-select: none !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 991px) {\r\n .koss_footer { padding: 32px 40px !important; }\r\n .koss_footer__container {\r\n flex-wrap: wrap !important;\r\n justify-content: center !important;\r\n gap: 24px !important;\r\n }\r\n .koss_footer__brand { order: 1 !important; width: 100% !important; justify-content: center !important; }\r\n .koss_footer__logo-col { align-items: center !important; }\r\n .koss_footer__logo img { height: 64px !important; }\r\n .koss_footer__legal { order: 2 !important; }\r\n .koss_footer__lic { order: 3 !important; }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .koss_footer { padding: 32px 20px !important; }\r\n .koss_footer__container { flex-direction: column !important; gap: 20px !important; }\r\n .koss_footer__brand { flex-direction: column !important; gap: 12px !important; }\r\n .koss_footer__brand-separator { display: none !important; }\r\n .koss_footer__logo img { height: 56px !important; }\r\n .koss_footer__phone { font-size: 14px !important; }\r\n .koss_footer__legal a { font-size: 11px !important; }\r\n .koss_footer__lic-logo { height: 30px !important; }\r\n }\r\n<\/style>\r\n\r\n\r\n<footer class=\"koss_footer\">\r\n <div class=\"koss_footer__container\">\r\n\r\n \r\n <div class=\"koss_footer__brand\">\r\n <div class=\"koss_footer__logo-col\">\r\n <a href=\"\/\" class=\"koss_footer__logo\" aria-label=\"The Kos - Inicio\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\" alt=\"The Kos\">\r\n <\/a>\r\n <nav class=\"koss_footer__lang\" id=\"koss_lang_switcher\" aria-label=\"Selector de idioma\">\r\n <a data-lang=\"es\" href=\"\/\">ES<\/a>\r\n <span class=\"koss_footer__lang-sep\">|<\/span>\r\n <a data-lang=\"en\" href=\"\/en\/\">EN<\/a>\r\n <span class=\"koss_footer__lang-sep\">|<\/span>\r\n <a data-lang=\"fr\" href=\"\/fr\/\">FR<\/a>\r\n <span class=\"koss_footer__lang-sep\">|<\/span>\r\n <a data-lang=\"de\" href=\"\/de\/\">DE<\/a>\r\n <\/nav>\r\n <\/div>\r\n <span class=\"koss_footer__brand-separator\"><\/span>\r\n <a href=\"tel:+34 911 67 34 39\" id=\"koss_footer_phone_link\" class=\"koss_footer__phone\">\r\n <svg class=\"koss_footer__phone-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n <span class=\"koss_footer__phone-number\">+34 911 67 34 39<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <nav class=\"koss_footer__legal\" aria-label=\"Enlaces legales\">\r\n <a id=\"koss_legal_link\" href=\"\/legal\">Legal<\/a>\r\n <span class=\"koss_footer__legal-separator\">\u00b7<\/span>\r\n <a id=\"koss_privacy_link\" href=\"\/privacidad\">Privacidad<\/a>\r\n <span class=\"koss_footer__legal-separator\">\u00b7<\/span>\r\n <a id=\"koss_cookies_link\" href=\"\/cookies\">Cookies<\/a>\r\n <\/nav>\r\n\r\n \r\n <div class=\"koss_footer__lic\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/lifeincosta.png\"\r\n alt=\"Life In Costa\"\r\n class=\"koss_footer__lic-logo\">\r\n <\/div>\r\n\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n(function() {\r\n \/* \u2500\u2500 Lang config \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 *\/\r\n var langMap = {\r\n es: {\r\n legal: { href: '\/legal', label: 'Legal' },\r\n privacy: { href: '\/privacidad', label: 'Privacidad' },\r\n cookies: { href: '\/cookies', label: 'Cookies' },\r\n ariaNav: 'Enlaces legales',\r\n ariaLang: 'Selector de idioma'\r\n },\r\n en: {\r\n prefix: '\/en',\r\n legal: { href: '\/en\/legal', label: 'Legal' },\r\n privacy: { href: '\/en\/privacy', label: 'Privacy' },\r\n cookies: { href: '\/en\/cookies', label: 'Cookies' },\r\n ariaNav: 'Legal links',\r\n ariaLang: 'Language selector'\r\n },\r\n fr: {\r\n prefix: '\/fr',\r\n legal: { href: '\/fr\/mentions-legales', label: 'Mentions l\u00e9gales' },\r\n privacy: { href: '\/fr\/confidentialite', label: 'Confidentialit\u00e9' },\r\n cookies: { href: '\/fr\/cookies', label: 'Cookies' },\r\n ariaNav: 'Liens juridiques',\r\n ariaLang: 'S\u00e9lecteur de langue'\r\n },\r\n de: {\r\n prefix: '\/de',\r\n legal: { href: '\/de\/impressum', label: 'Impressum' },\r\n privacy: { href: '\/de\/datenschutz', label: 'Datenschutz' },\r\n cookies: { href: '\/de\/cookies', label: 'Cookies' },\r\n ariaNav: 'Rechtliche Hinweise',\r\n ariaLang: 'Sprachauswahl'\r\n }\r\n };\r\n\r\n \/* \u2500\u2500 Detect current locale \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n var path = window.location.pathname;\r\n var match = path.match(\/^\\\/([a-z]{2})(\\\/|$)\/);\r\n var locale = (match && langMap[match[1]]) ? match[1] : 'es';\r\n var cfg = langMap[locale];\r\n\r\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 *\/\r\n var elLegal = document.getElementById('koss_legal_link');\r\n var elPrivacy = document.getElementById('koss_privacy_link');\r\n var elCookies = document.getElementById('koss_cookies_link');\r\n\r\n if (elLegal) { elLegal.href = cfg.legal.href; elLegal.textContent = cfg.legal.label; }\r\n if (elPrivacy) { elPrivacy.href = cfg.privacy.href; elPrivacy.textContent = cfg.privacy.label; }\r\n if (elCookies) { elCookies.href = cfg.cookies.href; elCookies.textContent = cfg.cookies.label; }\r\n\r\n var navLegal = document.querySelector('.koss_footer__legal');\r\n if (navLegal) navLegal.setAttribute('aria-label', cfg.ariaNav);\r\n\r\n \/* \u2500\u2500 Language switcher hrefs + active \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n var slug = path.replace(\/^\\\/[a-z]{2}(\\\/|$)\/, '\/');\r\n if (slug.charAt(0) !== '\/') slug = '\/' + slug;\r\n\r\n var switcher = document.getElementById('koss_lang_switcher');\r\n if (switcher) {\r\n switcher.setAttribute('aria-label', cfg.ariaLang);\r\n var links = switcher.querySelectorAll('a[data-lang]');\r\n for (var i = 0; i < links.length; i++) {\r\n var lang = links[i].getAttribute('data-lang');\r\n if (lang === locale) {\r\n links[i].classList.add('koss_lang--active');\r\n links[i].removeAttribute('href');\r\n } else {\r\n links[i].classList.remove('koss_lang--active');\r\n links[i].href = (lang === 'es') ? slug : '\/' + lang + slug;\r\n }\r\n }\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f04032a e-con-full e-flex e-con e-parent\" data-id=\"f04032a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c917b9c elementor-widget elementor-widget-html\" data-id=\"c917b9c\" 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>\/* ============================================\n EVOOST SIGNATURE (standalone)\n============================================ *\/\n.evoost-signature-wrapper {\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n padding: 0 !important;\n font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\n}\n\n.evoost-signature {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n text-decoration: none !important;\n padding: 8px 12px !important;\n border-radius: 30px !important;\n border: 1px solid rgba(0, 0, 0, 0.1) !important;\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\n position: relative !important;\n overflow: hidden !important;\n background-color: transparent !important;\n}\n\n.evoost-logo {\n width: 16px !important;\n height: 16px !important;\n margin-right: 8px !important;\n opacity: 0.6 !important;\n transition: all 0.5s ease !important;\n position: relative !important;\n z-index: 2 !important;\n}\n\n.evoost-text {\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 0.2px !important;\n color: rgba(0, 0, 0, 0.4) !important;\n transition: all 0.5s ease !important;\n position: relative !important;\n z-index: 2 !important;\n}\n\n.evoost-highlight {\n font-weight: 500 !important;\n color: rgba(0, 0, 0, 0.55) !important;\n transition: all 0.5s ease !important;\n}\n\n.evoost-signature:before {\n content: '' !important;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n background: linear-gradient(135deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 100%) !important;\n opacity: 0;\n transition: opacity 0.5s ease !important;\n z-index: 1 !important;\n}\n\n.evoost-signature:after {\n content: '' !important;\n position: absolute !important;\n top: 0 !important;\n left: -150% !important;\n width: 100% !important;\n height: 100% !important;\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;\n transform: skewX(-25deg) !important;\n z-index: 3 !important;\n opacity: 0;\n transition: opacity 0.2s ease !important;\n}\n\n@keyframes shineEffect {\n 0% { left: -150% !important; }\n 100% { left: 150% !important; }\n}\n\n.evoost-signature:hover {\n border-color: rgba(0, 0, 0, 0.2) !important;\n}\n\n.evoost-signature:hover:before {\n opacity: 1;\n}\n\n.evoost-signature:hover:after {\n opacity: 1;\n animation: shineEffect 1.2s ease-in-out !important;\n}\n\n.evoost-signature:hover .evoost-logo {\n opacity: 0.9 !important;\n transform: scale(1.05) !important;\n}\n\n.evoost-signature:hover .evoost-text {\n color: rgba(0, 0, 0, 0.7) !important;\n}\n\n.evoost-signature:hover .evoost-highlight {\n color: rgba(0, 0, 0, 0.85) !important;\n}\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>The Kos – Hero Cinematic \u00c0 propos Typologies Galerie Emplacement D\u00e9bloquer les informations \u00c0 propos Typologies Galerie Emplacement D\u00e9bloquer les informations 36 Sky Villas Exclusivas L\u00e0 o\u00f9 l’horizon devient votre foyer Vivez l’exp\u00e9rience de vous r\u00e9veiller chaque jour avec la M\u00e9diterran\u00e9e \u00e0 vos pieds, au c\u0153ur de la Costa del Sol. D\u00e9couvrez votre villa Scroll […]<\/p>\n","protected":false},"author":2,"featured_media":1747,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1772","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\n<title>The Kos Higuer\u00f3n | 36 Sky Villas avec piscine priv\u00e9e<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez les 36 Sky Top Villas de 3 et 4 chambres \u00e0 El Higuer\u00f3n, Fuengirola. Vues sur la M\u00e9diterran\u00e9e, exclusivit\u00e9 sur la Costa del Sol\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thekosvillas.com\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Kos Higuer\u00f3n | 36 Sky Villas avec piscine priv\u00e9e\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez les 36 Sky Top Villas de 3 et 4 chambres \u00e0 El Higuer\u00f3n, Fuengirola. Vues sur la M\u00e9diterran\u00e9e, exclusivit\u00e9 sur la Costa del Sol\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thekosvillas.com\/\" \/>\n<meta property=\"og:site_name\" content=\"The Kos Villas\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-28T12:43:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"25 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/thekosvillas.com\/\",\"url\":\"https:\/\/thekosvillas.com\/\",\"name\":\"The Kos Higuer\u00f3n | 36 Sky Villas avec piscine priv\u00e9e\",\"isPartOf\":{\"@id\":\"https:\/\/thekosvillas.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/thekosvillas.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/thekosvillas.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\",\"datePublished\":\"2026-02-04T08:30:31+00:00\",\"dateModified\":\"2026-04-28T12:43:07+00:00\",\"description\":\"D\u00e9couvrez les 36 Sky Top Villas de 3 et 4 chambres \u00e0 El Higuer\u00f3n, Fuengirola. Vues sur la M\u00e9diterran\u00e9e, exclusivit\u00e9 sur la Costa del Sol\",\"breadcrumb\":{\"@id\":\"https:\/\/thekosvillas.com\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thekosvillas.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/thekosvillas.com\/#primaryimage\",\"url\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\",\"contentUrl\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/thekosvillas.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/thekosvillas.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Engage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/thekosvillas.com\/#website\",\"url\":\"https:\/\/thekosvillas.com\/\",\"name\":\"The Kos Villas\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/thekosvillas.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/thekosvillas.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/thekosvillas.com\/#organization\",\"name\":\"The Kos Villas\",\"url\":\"https:\/\/thekosvillas.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\",\"contentUrl\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\",\"width\":600,\"height\":424,\"caption\":\"The Kos Villas\"},\"image\":{\"@id\":\"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"The Kos Higuer\u00f3n | 36 Sky Villas avec piscine priv\u00e9e","description":"D\u00e9couvrez les 36 Sky Top Villas de 3 et 4 chambres \u00e0 El Higuer\u00f3n, Fuengirola. Vues sur la M\u00e9diterran\u00e9e, exclusivit\u00e9 sur la Costa del Sol","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:\/\/thekosvillas.com\/","og_locale":"fr_FR","og_type":"article","og_title":"The Kos Higuer\u00f3n | 36 Sky Villas avec piscine priv\u00e9e","og_description":"D\u00e9couvrez les 36 Sky Top Villas de 3 et 4 chambres \u00e0 El Higuer\u00f3n, Fuengirola. Vues sur la M\u00e9diterran\u00e9e, exclusivit\u00e9 sur la Costa del Sol","og_url":"https:\/\/thekosvillas.com\/","og_site_name":"The Kos Villas","article_modified_time":"2026-04-28T12:43:07+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"25 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thekosvillas.com\/","url":"https:\/\/thekosvillas.com\/","name":"The Kos Higuer\u00f3n | 36 Sky Villas avec piscine priv\u00e9e","isPartOf":{"@id":"https:\/\/thekosvillas.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thekosvillas.com\/#primaryimage"},"image":{"@id":"https:\/\/thekosvillas.com\/#primaryimage"},"thumbnailUrl":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","datePublished":"2026-02-04T08:30:31+00:00","dateModified":"2026-04-28T12:43:07+00:00","description":"D\u00e9couvrez les 36 Sky Top Villas de 3 et 4 chambres \u00e0 El Higuer\u00f3n, Fuengirola. Vues sur la M\u00e9diterran\u00e9e, exclusivit\u00e9 sur la Costa del Sol","breadcrumb":{"@id":"https:\/\/thekosvillas.com\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thekosvillas.com\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/thekosvillas.com\/#primaryimage","url":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","contentUrl":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/thekosvillas.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thekosvillas.com\/"},{"@type":"ListItem","position":2,"name":"Engage"}]},{"@type":"WebSite","@id":"https:\/\/thekosvillas.com\/#website","url":"https:\/\/thekosvillas.com\/","name":"The Kos Villas","description":"","publisher":{"@id":"https:\/\/thekosvillas.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thekosvillas.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/thekosvillas.com\/#organization","name":"The Kos Villas","url":"https:\/\/thekosvillas.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/","url":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png","contentUrl":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png","width":600,"height":424,"caption":"The Kos Villas"},"image":{"@id":"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/pages\/1772","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/comments?post=1772"}],"version-history":[{"count":17,"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/pages\/1772\/revisions"}],"predecessor-version":[{"id":3692,"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/pages\/1772\/revisions\/3692"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/media\/1747"}],"wp:attachment":[{"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/media?parent=1772"}],"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 The Kos - Hero Cinematic<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans: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: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n overflow-x: hidden;\r\n }\r\n\r\n body.koss_locked {\r\n overflow: hidden !important;\r\n height: 100vh !important;\r\n }\r\n\r\n .koss_loader {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100vh !important;\r\n background-color: #f8f8f8 !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 z-index: 10000 !important;\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transition: opacity 0.6s ease, visibility 0.6s ease !important;\r\n }\r\n\r\n .koss_loader.koss_loader--hidden {\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n }\r\n\r\n .koss_loader__logo {\r\n max-width: 180px !important;\r\n width: 60% !important;\r\n height: auto !important;\r\n opacity: 0 !important;\r\n transform: scale(0.95) !important;\r\n animation: koss_fadeInScale 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.3s forwards !important;\r\n }\r\n\r\n .koss_loader__text {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: #999999 !important;\r\n margin-top: 24px !important;\r\n opacity: 0 !important;\r\n animation: koss_fadeInScale 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.6s forwards !important;\r\n }\r\n\r\n .koss_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 .koss_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:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg') !important;\r\n background-size: cover !important;\r\n background-position: center !important;\r\n }\r\n\r\n .koss_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 }\r\n\r\n .koss_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 .koss_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 .koss_hero__cell {\r\n background-color: #f8f8f8 !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 .koss_hero__cell.koss_cell--revealed {\r\n opacity: 0 !important;\r\n transform: scale(0.9) !important;\r\n }\r\n\r\n .koss_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: 24px 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 .koss_navbar.koss_navbar--visible {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_navbar.koss_navbar--solid {\r\n background-color: #f8f8f8 !important;\r\n padding: 16px 0 !important;\r\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06) !important;\r\n }\r\n\r\n .koss_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 .koss_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 .koss_navbar__logo img {\r\n height: 70px !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 .koss_navbar--solid .koss_navbar__logo img {\r\n height: 56px !important;\r\n filter: none !important;\r\n }\r\n\r\n .koss_navbar__nav {\r\n flex: 1 !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koss_navbar__menu {\r\n display: flex !important;\r\n gap: 40px !important;\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_navbar__menu a {\r\n font-family: 'Josefin Sans', 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 .koss_navbar--solid .koss_navbar__menu a {\r\n color: #333333 !important;\r\n }\r\n\r\n .koss_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 .koss_navbar--solid .koss_navbar__menu a::after {\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_navbar__menu a:hover::after {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_navbar__cta {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 400 !important;\r\n font-size: 13px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 12px 28px !important;\r\n border: 2px solid #ffffff !important;\r\n border-radius: 8px !important;\r\n letter-spacing: 0.5px !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 .koss_navbar__cta:hover {\r\n background-color: #7c362a !important;\r\n border-color: #7c362a !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__cta {\r\n color: #ffffff !important;\r\n border-color: #7c362a !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__cta:hover {\r\n background-color: #5e2a20 !important;\r\n border-color: #5e2a20 !important;\r\n }\r\n\r\n .koss_navbar__burger {\r\n display: none !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n gap: 6px !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 .koss_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 .koss_navbar--solid .koss_navbar__burger span {\r\n background-color: #333333 !important;\r\n }\r\n\r\n .koss_navbar__burger.koss_burger--active span:nth-child(1) {\r\n transform: translateY(8px) rotate(45deg) !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_navbar__burger.koss_burger--active span:nth-child(2) {\r\n opacity: 0 !important;\r\n }\r\n\r\n .koss_navbar__burger.koss_burger--active span:nth-child(3) {\r\n transform: translateY(-8px) rotate(-45deg) !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_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: #f8f8f8 !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 .koss_mobile_menu.koss_mobile_menu--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n\r\n .koss_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 .koss_mobile_menu__list li {\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .koss_mobile_menu__list a {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 28px !important;\r\n color: #333333 !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koss_mobile_menu__list a:hover {\r\n color: #7c362a !important;\r\n }\r\n\r\n .koss_mobile_menu__cta {\r\n display: inline-block !important;\r\n margin-top: 8px !important;\r\n padding: 10px 20px !important;\r\n border: 1px solid #7c362a !important;\r\n border-radius: 6px !important;\r\n font-size: 13px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 0.3px !important;\r\n white-space: nowrap !important;\r\n color: #ffffff !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_mobile_menu__cta:hover {\r\n color: #ffffff !important;\r\n border-color: #5e2a20 !important;\r\n background-color: #5e2a20 !important;\r\n }\r\n\r\n .koss_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 .koss_mobile_menu__phone,\r\n .koss_mobile_menu__phone:link,\r\n .koss_mobile_menu__phone:visited,\r\n .koss_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: 'Josefin Sans', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n color: #666666 !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koss_mobile_menu__phone:hover {\r\n color: #7c362a !important;\r\n }\r\n\r\n .koss_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 .koss_mobile_menu__phone-number,\r\n .koss_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 .koss_hero__content {\r\n position: absolute !important;\r\n bottom: 12% !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 10 !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 .koss_hero__content.koss_content--visible {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_hero__content-inner {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n }\r\n\r\n .koss_hero__content-text {\r\n max-width: 700px !important;\r\n }\r\n\r\n .koss_hero__label {\r\n display: inline-block !important;\r\n font-family: 'Josefin Sans', 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 .koss_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 .koss_hero__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(36px, 5vw, 64px) !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 .koss_hero__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(16px, 2vw, 20px) !important;\r\n line-height: 1.6 !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 .koss_hero__cta {\r\n display: inline-block !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 400 !important;\r\n font-size: 14px !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: 8px !important;\r\n letter-spacing: 0.5px !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 .koss_hero__cta:hover {\r\n background-color: #7c362a !important;\r\n border-color: #7c362a !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n .koss_hero__scroll {\r\n position: absolute !important;\r\n bottom: 32px !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: 10px !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 .koss_hero__scroll.koss_scroll--visible {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_hero__scroll span {\r\n font-family: 'Josefin Sans', 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 .koss_hero__scroll-line {\r\n width: 1px !important;\r\n height: 40px !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 .koss_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: koss_scrollLine 1.8s ease-in-out infinite !important;\r\n }\r\n\r\n .koss_content {\r\n position: relative !important;\r\n z-index: 20 !important;\r\n background-color: #f8f8f8 !important;\r\n }\r\n\r\n @keyframes koss_fadeInScale {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0.95);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n @keyframes koss_scrollLine {\r\n 0% {\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n transform: translateY(55px);\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_navbar__container {\r\n padding: 0 40px !important;\r\n }\r\n \r\n .koss_navbar__nav,\r\n .koss_navbar__cta {\r\n display: none !important;\r\n }\r\n \r\n .koss_navbar__burger {\r\n display: flex !important;\r\n }\r\n\r\n .koss_hero__content-inner {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .koss_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 @media screen and (max-width: 768px) {\r\n .koss_navbar__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_navbar__logo img {\r\n height: 56px !important;\r\n }\r\n\r\n .koss_hero__content-inner {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_hero__content {\r\n bottom: 15% !important;\r\n }\r\n\r\n .koss_hero__label {\r\n padding-left: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koss_hero__label::before {\r\n display: none !important;\r\n }\r\n\r\n .koss_hero__cta {\r\n padding: 14px 36px !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .koss_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 .koss_loader__logo {\r\n max-width: 140px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_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 <\/style>\r\n<\/head>\r\n<body class=\"koss_locked\">\r\n\r\n <header class=\"koss_navbar\" id=\"koss_navbar\">\r\n <div class=\"koss_navbar__container\">\r\n <a href=\"#\" class=\"koss_navbar__logo\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\" alt=\"The Kos Villas\">\r\n <\/a>\r\n \r\n <nav class=\"koss_navbar__nav\">\r\n <ul class=\"koss_navbar__menu\">\r\n <li><a href=\"#about\">\u00c0 propos<\/a><\/li>\r\n <li><a href=\"#tipology\">Typologies<\/a><\/li>\r\n <li><a href=\"#gallery\">Galerie<\/a><\/li>\r\n <li><a href=\"#location\">Emplacement<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n \r\n <a href=\"#unlock\" class=\"koss_navbar__cta\">D\u00e9bloquer les informations<\/a>\r\n \r\n <button class=\"koss_navbar__burger\" id=\"koss_burger\" aria-label=\"Ouvrir le 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=\"koss_mobile_menu\" id=\"koss_mobile_menu\">\r\n <ul class=\"koss_mobile_menu__list\">\r\n <li><a href=\"#about\">\u00c0 propos<\/a><\/li>\r\n <li><a href=\"#tipology\">Typologies<\/a><\/li>\r\n <li><a href=\"#gallery\">Galerie<\/a><\/li>\r\n <li><a href=\"#location\">Emplacement<\/a><\/li>\r\n <li><a href=\"#unlock\" class=\"koss_mobile_menu__cta\">D\u00e9bloquer les informations<\/a><\/li>\r\n <\/ul>\r\n <div class=\"koss_mobile_menu__footer\">\r\n <a href=\"tel:+34 911 67 34 39\" class=\"koss_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=\"koss_mobile_menu__phone-number\">+34 911 67 34 39<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <section class=\"koss_hero\" id=\"koss_hero\">\r\n <div class=\"koss_hero__bg\">\r\n <video class=\"koss_hero__video\" id=\"koss_hero_video\" autoplay muted loop playsinline webkit-playsinline preload=\"auto\" poster=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\">\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=\"koss_hero__overlay\"><\/div>\r\n\r\n <div class=\"koss_hero__grid\" id=\"koss_grid\"><\/div>\r\n\r\n <div class=\"koss_hero__content\" id=\"koss_hero_content\">\r\n <div class=\"koss_hero__content-inner\">\r\n <div class=\"koss_hero__content-text\">\r\n <span class=\"koss_hero__label\">36 Sky Villas Exclusivas<\/span>\r\n <h1 class=\"koss_hero__title\">L\u00e0 o\u00f9 l'horizon devient votre foyer<\/h1>\r\n <p class=\"koss_hero__subtitle\">Vivez l'exp\u00e9rience de vous r\u00e9veiller chaque jour avec la M\u00e9diterran\u00e9e \u00e0 vos pieds, au c\u0153ur de la Costa del Sol.<\/p>\r\n <a href=\"#about\" class=\"koss_hero__cta\">D\u00e9couvrez votre villa<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_hero__scroll\" id=\"koss_scroll\">\r\n <span>Scroll<\/span>\r\n <div class=\"koss_hero__scroll-line\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"koss_content\"><\/div>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var CONFIG = {\r\n LOADER_DURATION: 0,\r\n LOADER_FADE: 0,\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('koss_navbar');\r\n var grid = document.getElementById('koss_grid');\r\n var heroContent = document.getElementById('koss_hero_content');\r\n var scrollIndicator = document.getElementById('koss_scroll');\r\n var burger = document.getElementById('koss_burger');\r\n var mobileMenu = document.getElementById('koss_mobile_menu');\r\n var heroVideo = document.getElementById('koss_hero_video');\r\n\r\n function initVideo() {\r\n if (!heroVideo) return;\r\n \r\n heroVideo.play().catch(function(error) {\r\n setTimeout(function() {\r\n heroVideo.play().catch(function() {});\r\n }, 100);\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 = 'koss_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('.koss_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('koss_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('koss_navbar--visible');\r\n heroContent.classList.add('koss_content--visible');\r\n \r\n setTimeout(function() {\r\n scrollIndicator.classList.add('koss_scroll--visible');\r\n document.body.classList.remove('koss_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('koss_navbar--solid');\r\n } else {\r\n navbar.classList.remove('koss_navbar--solid');\r\n }\r\n }\r\n\r\n function toggleMobileMenu() {\r\n burger.classList.toggle('koss_burger--active');\r\n mobileMenu.classList.toggle('koss_mobile_menu--open');\r\n document.body.style.overflow = mobileMenu.classList.contains('koss_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('koss_burger--active');\r\n mobileMenu.classList.remove('koss_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 ? 'D\u00e9bloquer les informations' : 'D\u00e9bloquer les informations';\r\n var ctaHref = isLogged ? '#unlocked' : '#unlock';\r\n\r\n var desktopCta = document.querySelector('.koss_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('.koss_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-c7561e0 e-con-full e-flex e-con e-parent\" data-id=\"c7561e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3447e5 elementor-widget elementor-widget-html\" data-id=\"c3447e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>The Kos - About<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after {\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Josefin Sans', sans-serif;\n background-color: #f8f8f8;\n color: #333333;\n overflow-x: hidden;\n }\n\n .koss_about {\n position: relative !important;\n padding: 160px 0px 100px 0px !important;\n background-color: #f8f8f8 !important;\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\n background-repeat: no-repeat !important;\n background-position: 35% center !important;\n background-size: auto 100% !important;\n }\n\n .koss_about__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n padding: 0 60px !important;\n display: flex !important;\n align-items: flex-start !important;\n gap: 80px !important;\n }\n\n .koss_about__content {\n flex: 0 0 45% !important;\n position: sticky !important;\n top: 120px !important;\n }\n\n .koss_about__label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #999999 !important;\n margin-bottom: 24px !important;\n display: block !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease, transform 0.7s ease !important;\n }\n\n .koss_about.koss_about--visible .koss_about__label {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_about__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(36px, 4.5vw, 56px) !important;\n font-weight: 400 !important;\n line-height: 1.12 !important;\n color: #333333 !important;\n margin: 0 0 32px 0 !important;\n letter-spacing: -1px !important;\n opacity: 0 !important;\n transform: translateY(30px) !important;\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\n }\n\n .koss_about.koss_about--visible .koss_about__title {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_about__text {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: clamp(17px, 1.8vw, 20px) !important;\n line-height: 1.8 !important;\n color: #555555 !important;\n margin: 0 0 32px 0 !important;\n opacity: 0 !important;\n transform: translateY(30px) !important;\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\n }\n\n .koss_about.koss_about--visible .koss_about__text {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_about__highlight {\n color: #7c362a !important;\n font-weight: 400 !important;\n }\n\n .koss_about__gradient-text {\n background: linear-gradient(\n 90deg,\n #804330 0%,\n #b77352 25%,\n #804330 50%,\n #b77352 75%,\n #804330 100%\n ) !important;\n background-size: 200% 100% !important;\n -webkit-background-clip: text !important;\n background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n animation: koss_gradient_shift 4s ease-in-out infinite !important;\n }\n\n @keyframes koss_gradient_shift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n .koss_about__delivery {\n display: inline-flex !important;\n align-items: center !important;\n gap: 10px !important;\n padding: 14px 24px !important;\n background: linear-gradient(135deg, rgba(116, 133, 105, 0.08) 0%, rgba(116, 133, 105, 0.04) 100%) !important;\n border: 1px solid rgba(116, 133, 105, 0.2) !important;\n border-radius: 50px !important;\n margin-bottom: 40px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.25s, transform 0.7s ease 0.25s !important;\n }\n\n .koss_about.koss_about--visible .koss_about__delivery {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_about__delivery-icon {\n width: 18px !important;\n height: 18px !important;\n color: #748569 !important;\n flex-shrink: 0 !important;\n }\n\n .koss_about__delivery-label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 400 !important;\n letter-spacing: 1px !important;\n text-transform: uppercase !important;\n color: #666666 !important;\n }\n\n .koss_about__delivery-value {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n color: #748569 !important;\n }\n\n .koss_about__stats {\n display: flex !important;\n gap: 40px !important;\n opacity: 0 !important;\n transform: translateY(30px) !important;\n transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s !important;\n }\n\n .koss_about.koss_about--visible .koss_about__stats {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_about__stat {\n display: flex !important;\n flex-direction: column !important;\n }\n\n .koss_about__stat-number {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: 48px !important;\n font-weight: 400 !important;\n color: #7c362a !important;\n line-height: 1 !important;\n margin-bottom: 8px !important;\n }\n\n .koss_about__stat-label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n letter-spacing: 2px !important;\n color: #888888 !important;\n text-transform: uppercase !important;\n }\n\n .koss_about__gallery {\n flex: 0 0 50% !important;\n display: flex !important;\n gap: 16px !important;\n min-height: 700px !important;\n }\n\n .koss_about__column {\n flex: 1 !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 16px !important;\n will-change: transform !important;\n transition: transform 0.15s ease-out !important;\n }\n\n .koss_about__img-wrapper {\n position: relative !important;\n border-radius: 12px !important;\n overflow: hidden !important;\n background-color: #e5e5e5 !important;\n opacity: 0 !important;\n transform: translateY(40px) !important;\n transition: opacity 0.8s ease, transform 0.8s ease !important;\n }\n\n .koss_about.koss_about--visible .koss_about__img-wrapper {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_about__column:nth-child(1) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.15s !important; }\n .koss_about__column:nth-child(1) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.35s !important; }\n .koss_about__column:nth-child(2) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.25s !important; }\n .koss_about__column:nth-child(2) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.45s !important; }\n .koss_about__column:nth-child(3) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.2s !important; }\n .koss_about__column:nth-child(3) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.4s !important; }\n\n .koss_about__img-wrapper--tall {\n height: 380px !important;\n }\n\n .koss_about__img-wrapper--medium {\n height: 280px !important;\n }\n\n .koss_about__img-wrapper--short {\n height: 220px !important;\n }\n\n .koss_about__img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;\n }\n\n .koss_about__img-wrapper:hover .koss_about__img {\n transform: scale(1.05) !important;\n }\n\n @media screen and (max-width: 1400px) {\n .koss_about__container {\n gap: 60px !important;\n }\n\n .koss_about__content {\n flex: 0 0 42% !important;\n }\n\n .koss_about__gallery {\n flex: 0 0 54% !important;\n }\n\n .koss_about__stat-number {\n font-size: 40px !important;\n }\n\n .koss_about__stats {\n gap: 32px !important;\n }\n }\n\n @media screen and (max-width: 1100px) {\n .koss_about {\n padding: 100px 0 !important;\n background-size: auto 80% !important;\n background-position: 60% bottom !important;\n }\n\n .koss_about__container {\n padding: 0 40px !important;\n flex-direction: column !important;\n gap: 60px !important;\n }\n\n .koss_about__content {\n flex: none !important;\n width: 100% !important;\n position: relative !important;\n top: 0 !important;\n max-width: 600px !important;\n }\n\n .koss_about__gallery {\n flex: none !important;\n width: 100% !important;\n min-height: 500px !important;\n }\n\n .koss_about__img-wrapper--tall {\n height: 300px !important;\n }\n\n .koss_about__img-wrapper--medium {\n height: 220px !important;\n }\n\n .koss_about__img-wrapper--short {\n height: 180px !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n .koss_about {\n padding: 80px 0 60px !important;\n background-size: auto 50% !important;\n background-position: 70% 20% !important;\n background-attachment: scroll !important;\n }\n\n .koss_about__container {\n padding: 0 24px !important;\n gap: 40px !important;\n }\n\n .koss_about__text {\n margin-bottom: 24px !important;\n }\n\n .koss_about__delivery {\n padding: 12px 20px !important;\n margin-bottom: 28px !important;\n }\n\n .koss_about__delivery-label {\n font-size: 10px !important;\n }\n\n .koss_about__delivery-value {\n font-size: 13px !important;\n }\n\n .koss_about__stats {\n flex-direction: row !important;\n justify-content: space-between !important;\n gap: 16px !important;\n padding: 20px 0 !important;\n border-top: 1px solid #e5e5e5 !important;\n border-bottom: 1px solid #e5e5e5 !important;\n }\n\n .koss_about__stat {\n flex: 1 !important;\n align-items: center !important;\n text-align: center !important;\n }\n\n .koss_about__stat-number {\n font-size: 28px !important;\n margin-bottom: 4px !important;\n }\n\n .koss_about__stat-label {\n font-size: 9px !important;\n letter-spacing: 1px !important;\n }\n\n .koss_about__gallery {\n flex-direction: column !important;\n gap: 12px !important;\n min-height: auto !important;\n width: 100vw !important;\n margin-left: -24px !important;\n padding: 0 !important;\n }\n\n .koss_about__column {\n flex: 0 0 auto !important;\n flex-direction: row !important;\n gap: 12px !important;\n width: max-content !important;\n padding: 0 !important;\n will-change: transform !important;\n }\n\n .koss_about__img-wrapper {\n flex-shrink: 0 !important;\n border-radius: 12px !important;\n opacity: 1 !important;\n transform: none !important;\n }\n\n .koss_about__img-wrapper--tall,\n .koss_about__img-wrapper--medium,\n .koss_about__img-wrapper--short {\n width: calc(100vw - 48px) !important;\n height: 220px !important;\n }\n }\n\n @media screen and (max-width: 480px) {\n .koss_about__container {\n padding: 0 20px !important;\n }\n\n .koss_about__stat-number {\n font-size: 24px !important;\n }\n\n .koss_about__stat-label {\n font-size: 8px !important;\n }\n\n .koss_about__delivery {\n flex-wrap: wrap !important;\n gap: 6px 10px !important;\n }\n\n .koss_about__gallery {\n margin-left: -20px !important;\n gap: 10px !important;\n }\n\n .koss_about__column {\n gap: 10px !important;\n }\n\n .koss_about__img-wrapper--tall,\n .koss_about__img-wrapper--medium,\n .koss_about__img-wrapper--short {\n width: calc(100vw - 40px) !important;\n height: 200px !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"koss_about\" id=\"about\">\n <div class=\"koss_about__container\">\n \n <div class=\"koss_about__content\">\n <span class=\"koss_about__label\">El Higuer\u00f3n, Costa del Sol<\/span>\n <h2 class=\"koss_about__title\">La conqu\u00eate des <span class='koss_about__gradient-text'>sens<\/span><\/h2>\n <p class=\"koss_about__text\">\n Au sommet d'El Higuer\u00f3n, l\u00e0 o\u00f9 la M\u00e9diterran\u00e9e s'\u00e9tend \u00e0 l'infini, na\u00eet un concept r\u00e9sidentiel unique. \r\n <span class='koss_about__highlight'>The Kos n'est pas seulement un lieu de vie, c'est une fa\u00e7on de comprendre la vie.<\/span> \r\n Architecture qui respire, espaces qui inspirent, vues qui \u00e9meuvent.\n <\/p>\n\n <div class=\"koss_about__delivery\">\n <svg class=\"koss_about__delivery-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n <\/svg>\n <span class=\"koss_about__delivery-label\">Entrega estimada<\/span>\n <span class=\"koss_about__delivery-value\">Q1 2027<\/span>\n <\/div>\n\n <div class=\"koss_about__stats\">\n <div class=\"koss_about__stat\">\n <span class=\"koss_about__stat-number\" data-target=\"37\">0<\/span>\n <span class=\"koss_about__stat-label\">Sky Villas<\/span>\n <\/div>\n <div class=\"koss_about__stat\">\n <span class=\"koss_about__stat-number\" data-target=\"321\">0<\/span>\n <span class=\"koss_about__stat-label\">D\u00edas de sol<\/span>\n <\/div>\n <div class=\"koss_about__stat\">\n <span class=\"koss_about__stat-number\" data-target=\"181\">0<\/span>\n <span class=\"koss_about__stat-label\">Vistas Panor\u00e1micas<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"koss_about__gallery\" id=\"koss_gallery\">\n \n <div class=\"koss_about__column\" data-direction=\"up\" data-speed=\"0.08\">\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--medium\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-dron-view.jpg\" alt=\"Vue a\u00e9rienne The Kos\" class=\"koss_about__img\" loading=\"lazy\">\n <\/div>\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-interior.jpg\" alt=\"Piscine int\u00e9rieure\" class=\"koss_about__img\" loading=\"lazy\">\n <\/div>\n <\/div>\n\n <div class=\"koss_about__column\" data-direction=\"down\" data-speed=\"0.12\">\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-comunitaria-exterior.jpg\" alt=\"Piscine communautaire\" class=\"koss_about__img\" loading=\"lazy\">\n <\/div>\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--short\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-terraza-exterior.jpg\" alt=\"Terrasse ext\u00e9rieure\" class=\"koss_about__img\" loading=\"lazy\">\n <\/div>\n <\/div>\n\n <div class=\"koss_about__column\" data-direction=\"up\" data-speed=\"0.06\">\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--short\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-salon-interior-terraza.jpg\" alt=\"Salon int\u00e9rieur\" class=\"koss_about__img\" loading=\"lazy\">\n <\/div>\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-exterior.jpg\" alt=\"Piscine ext\u00e9rieure\" class=\"koss_about__img\" loading=\"lazy\">\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/section>\n\n <script>\n (function() {\n 'use strict';\n\n var about = document.getElementById('about');\n var columns = document.querySelectorAll('.koss_about__column');\n var statNumbers = document.querySelectorAll('.koss_about__stat-number');\n \n var ticking = false;\n var statsAnimated = false;\n var isMobile = window.innerWidth <= 768;\n\n function updateParallaxDesktop() {\n if (isMobile) return;\n\n var rect = about.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.bottom < 0 || rect.top > windowHeight) return;\n\n var sectionCenter = rect.top + rect.height \/ 2;\n var viewportCenter = windowHeight \/ 2;\n var offset = sectionCenter - viewportCenter;\n\n columns.forEach(function(column) {\n var direction = column.getAttribute('data-direction');\n var speed = parseFloat(column.getAttribute('data-speed'));\n \n var movement = offset * speed;\n \n if (direction === 'up') {\n column.style.transform = 'translateY(' + movement + 'px)';\n } else {\n column.style.transform = 'translateY(' + (-movement) + 'px)';\n }\n });\n }\n\n function updateParallaxMobile() {\n if (!isMobile) return;\n\n var rect = about.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n var sectionHeight = rect.height;\n \n var visibleTop = Math.max(0, windowHeight - rect.top);\n var scrollProgress = visibleTop \/ (windowHeight + sectionHeight);\n scrollProgress = Math.max(0, Math.min(1, scrollProgress));\n\n var padding = window.innerWidth <= 480 ? 20 : 24;\n var gapSize = window.innerWidth <= 480 ? 10 : 12;\n var imageWidth = window.innerWidth - (padding * 2);\n var maxShift = imageWidth + gapSize;\n\n columns.forEach(function(column, index) {\n var movement;\n var speed = 0.7;\n \n if (index === 0) {\n movement = padding - (scrollProgress * maxShift * speed);\n } else if (index === 1) {\n var startPos = -(imageWidth + gapSize) + padding;\n movement = startPos + (scrollProgress * maxShift * speed);\n } else {\n movement = padding - (scrollProgress * maxShift * (speed * 0.85));\n }\n \n column.style.setProperty('transform', 'translateX(' + movement + 'px)', 'important');\n });\n }\n\n function animateStats() {\n if (statsAnimated) return;\n \n var rect = about.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.top < windowHeight * 0.7) {\n statsAnimated = true;\n \n statNumbers.forEach(function(stat) {\n var target = parseInt(stat.getAttribute('data-target'));\n var duration = 1500;\n var startTime = null;\n \n function animate(currentTime) {\n if (!startTime) startTime = currentTime;\n var progress = Math.min((currentTime - startTime) \/ duration, 1);\n var easeProgress = 1 - Math.pow(2, -10 * progress);\n var current = Math.floor(easeProgress * target);\n \n if (target === 181) {\n stat.textContent = current + '\u00ba';\n } else {\n stat.textContent = current;\n }\n \n if (progress < 1) {\n requestAnimationFrame(animate);\n }\n }\n \n requestAnimationFrame(animate);\n });\n }\n }\n\n function checkVisibility() {\n var rect = about.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.top < windowHeight * 0.85) {\n about.classList.add('koss_about--visible');\n }\n }\n\n function onScroll() {\n if (!ticking) {\n requestAnimationFrame(function() {\n checkVisibility();\n animateStats();\n if (isMobile) {\n updateParallaxMobile();\n } else {\n updateParallaxDesktop();\n }\n ticking = false;\n });\n ticking = true;\n }\n }\n\n function onResize() {\n var wasMobile = isMobile;\n isMobile = window.innerWidth <= 768;\n \n if (wasMobile !== isMobile) {\n columns.forEach(function(column) {\n column.style.transform = '';\n });\n }\n \n if (isMobile) {\n updateParallaxMobile();\n } else {\n updateParallaxDesktop();\n }\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n window.addEventListener('resize', onResize, { passive: true });\n \n checkVisibility();\n animateStats();\n if (isMobile) {\n updateParallaxMobile();\n } else {\n updateParallaxDesktop();\n }\n\n })();\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22b1f2d e-con-full e-flex e-con e-parent\" data-id=\"22b1f2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adb30a4 elementor-widget elementor-widget-html\" data-id=\"adb30a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n\n<section class=\"koss_separator\" id=\"separator\" data-video-src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-engage-video.mp4\" data-video-src-mobile=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-engage-mobile.mp4\">\n \n \n <div class=\"koss_separator__header\">\n <h2 class=\"koss_separator__title\">Con\u00e7ues pour y vivre<\/h2>\n <p class=\"koss_separator__subtitle\">Chaque villa est un refuge de lumi\u00e8re, d'espace et de s\u00e9r\u00e9nit\u00e9<\/p>\n <\/div>\n\n \n <div class=\"koss_separator__video-container\">\n <video class=\"koss_separator__video\" id=\"koss_separator_video\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" poster=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\">\n <\/video>\n \n <div class=\"koss_separator__video-overlay\"><\/div>\n\n \n <div class=\"koss_separator__controls\">\n \n \n <button class=\"koss_separator__control-btn koss_playing\" id=\"koss_playpause\" aria-label=\"Mettre en pause la vid\u00e9o\">\n <svg class=\"koss_icon--play\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M8 5v14l11-7z\"\/>\n <\/svg>\n <svg class=\"koss_icon--pause\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/>\n <\/svg>\n <\/button>\n\n \n <button class=\"koss_separator__control-btn\" id=\"koss_mutetoggle\" aria-label=\"Activer le son\">\n <svg class=\"koss_icon--mute\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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\"\/>\n <\/svg>\n <svg class=\"koss_icon--unmute\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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\"\/>\n <\/svg>\n <\/button>\n\n \n <button class=\"koss_separator__control-btn\" id=\"koss_fullscreen\" aria-label=\"Plein \u00e9cran\">\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"\/>\n <\/svg>\n <\/button>\n\n <\/div>\n <\/div>\n\n<\/section>\n\n<style>\n \/* ============================================\n SEPARATOR SECTION\n ============================================ *\/\n .koss_separator {\n position: relative !important;\n width: 100% !important;\n height: 100vh !important;\n display: flex !important;\n flex-direction: column !important;\n background-color: #1a1a1a !important;\n }\n\n \/* ============================================\n HEADER (20vh)\n ============================================ *\/\n .koss_separator__header {\n position: relative !important;\n height: 20vh !important;\n min-height: 160px !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n justify-content: center !important;\n text-align: center !important;\n padding: 24px 24px !important;\n background-color: #f8f8f8 !important;\n z-index: 2 !important;\n }\n\n .koss_separator__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(32px, 5vw, 56px) !important;\n font-weight: 400 !important;\n line-height: 1.15 !important;\n color: #333333 !important;\n margin: 0 0 12px 0 !important;\n letter-spacing: -1px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease, transform 0.7s ease !important;\n }\n\n .koss_separator.koss_separator--visible .koss_separator__title {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_separator__subtitle {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: clamp(15px, 1.8vw, 20px) !important;\n line-height: 1.6 !important;\n color: #666666 !important;\n margin: 0 !important;\n max-width: 500px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s !important;\n }\n\n .koss_separator.koss_separator--visible .koss_separator__subtitle {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n \/* ============================================\n VIDEO CONTAINER (80vh)\n ============================================ *\/\n .koss_separator__video-container {\n position: relative !important;\n height: 80vh !important;\n min-height: 400px !important;\n overflow: hidden !important;\n opacity: 0 !important;\n transform: scale(0.98) !important;\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s !important;\n }\n\n .koss_separator.koss_separator--visible .koss_separator__video-container {\n opacity: 1 !important;\n transform: scale(1) !important;\n }\n\n .koss_separator__video {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n }\n\n .koss_separator__video-overlay {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n background: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.1) 0%,\n rgba(0, 0, 0, 0) 20%,\n rgba(0, 0, 0, 0) 80%,\n rgba(0, 0, 0, 0.2) 100%\n ) !important;\n pointer-events: none !important;\n z-index: 1 !important;\n }\n\n \/* ============================================\n GLASSMORPHISM CONTROLS\n ============================================ *\/\n .koss_separator__controls {\n position: absolute !important;\n bottom: 24px !important;\n right: 24px !important;\n display: flex !important;\n gap: 8px !important;\n z-index: 10 !important;\n opacity: 0 !important;\n transform: translateY(10px) !important;\n transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s !important;\n }\n\n .koss_separator.koss_separator--visible .koss_separator__controls {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_separator__control-btn {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n width: 48px !important;\n height: 48px !important;\n border: 1px solid rgba(255, 255, 255, 0.25) !important;\n border-radius: 12px !important;\n background: rgba(255, 255, 255, 0.12) !important;\n backdrop-filter: blur(12px) !important;\n -webkit-backdrop-filter: blur(12px) !important;\n cursor: pointer !important;\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.2s ease !important;\n }\n\n .koss_separator__control-btn:hover {\n background: rgba(255, 255, 255, 0.2) !important;\n border-color: rgba(255, 255, 255, 0.4) !important;\n }\n\n .koss_separator__control-btn:active {\n transform: scale(0.95) !important;\n }\n\n .koss_separator__control-btn svg {\n width: 22px !important;\n height: 22px !important;\n fill: rgba(255, 255, 255, 0.9) !important;\n transition: fill 0.3s ease !important;\n }\n\n .koss_separator__control-btn:hover svg {\n fill: #ffffff !important;\n }\n\n .koss_separator__control-btn .koss_icon--pause,\n .koss_separator__control-btn .koss_icon--unmute {\n display: none !important;\n }\n\n .koss_separator__control-btn.koss_playing .koss_icon--play {\n display: none !important;\n }\n\n .koss_separator__control-btn.koss_playing .koss_icon--pause {\n display: block !important;\n }\n\n .koss_separator__control-btn.koss_unmuted .koss_icon--mute {\n display: none !important;\n }\n\n .koss_separator__control-btn.koss_unmuted .koss_icon--unmute {\n display: block !important;\n }\n\n \/* ============================================\n RESPONSIVE - TABLET\n ============================================ *\/\n @media screen and (max-width: 1100px) {\n .koss_separator__header {\n min-height: 140px !important;\n }\n }\n\n \/* ============================================\n RESPONSIVE - MOBILE\n ============================================ *\/\n @media screen and (max-width: 768px) {\n .koss_separator__header {\n height: 22vh !important;\n min-height: 140px !important;\n padding: 20px !important;\n }\n\n .koss_separator__video-container {\n height: 78vh !important;\n min-height: 350px !important;\n }\n\n .koss_separator__title {\n margin-bottom: 8px !important;\n }\n\n .koss_separator__controls {\n bottom: 16px !important;\n right: 16px !important;\n gap: 6px !important;\n }\n\n .koss_separator__control-btn {\n width: 46px !important;\n height: 46px !important;\n border-radius: 10px !important;\n }\n\n .koss_separator__control-btn svg {\n width: 22px !important;\n height: 22px !important;\n }\n }\n\n @media screen and (max-width: 480px) {\n .koss_separator__header {\n height: 24vh !important;\n min-height: 130px !important;\n }\n\n .koss_separator__video-container {\n height: 76vh !important;\n }\n\n .koss_separator__subtitle {\n padding: 0 8px !important;\n }\n }\n<\/style>\n\n<script>\n (function() {\n 'use strict';\n\n var separator = document.getElementById('separator');\n var video = document.getElementById('koss_separator_video');\n var playPauseBtn = document.getElementById('koss_playpause');\n var muteToggleBtn = document.getElementById('koss_mutetoggle');\n var fullscreenBtn = document.getElementById('koss_fullscreen');\n\n \/\/ ============================================\n \/\/ VISIBILITY ANIMATION\n \/\/ ============================================\n function checkVisibility() {\n var rect = separator.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.top < windowHeight * 0.85) {\n separator.classList.add('koss_separator--visible');\n }\n }\n\n \/\/ ============================================\n \/\/ VIDEO CONTROLS\n \/\/ ============================================\n \n playPauseBtn.addEventListener('click', function() {\n if (video.paused) {\n video.play();\n playPauseBtn.classList.add('koss_playing');\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\n } else {\n video.pause();\n playPauseBtn.classList.remove('koss_playing');\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\n }\n });\n\n muteToggleBtn.addEventListener('click', function() {\n if (video.muted) {\n video.muted = false;\n muteToggleBtn.classList.add('koss_unmuted');\n muteToggleBtn.setAttribute('aria-label', 'Silenciar');\n } else {\n video.muted = true;\n muteToggleBtn.classList.remove('koss_unmuted');\n muteToggleBtn.setAttribute('aria-label', 'Activar sonido');\n }\n });\n\n fullscreenBtn.addEventListener('click', function() {\n if (document.fullscreenElement || document.webkitFullscreenElement) {\n if (document.exitFullscreen) {\n document.exitFullscreen();\n } else if (document.webkitExitFullscreen) {\n document.webkitExitFullscreen();\n }\n return;\n }\n\n if (video.webkitEnterFullscreen) {\n video.webkitEnterFullscreen();\n return;\n }\n\n if (video.requestFullscreen) {\n video.requestFullscreen();\n } else if (video.webkitRequestFullscreen) {\n video.webkitRequestFullscreen();\n } else if (video.msRequestFullscreen) {\n video.msRequestFullscreen();\n }\n });\n\n video.addEventListener('webkitendfullscreen', function() {\n video.play();\n playPauseBtn.classList.add('koss_playing');\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\n });\n\n document.addEventListener('fullscreenchange', function() {\n if (!document.fullscreenElement && video.paused) {\n video.play();\n playPauseBtn.classList.add('koss_playing');\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\n }\n });\n\n \/\/ ============================================\n \/\/ SCROLL HANDLER\n \/\/ ============================================\n var ticking = false;\n \n function onScroll() {\n if (!ticking) {\n requestAnimationFrame(function() {\n checkVisibility();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n \/\/ ============================================\n \/\/ INIT - Video source injection (desktop vs mobile)\n \/\/ ============================================\n var mobileBreakpoint = 768;\n var isMobile = window.innerWidth <= mobileBreakpoint;\n var videoSrcDesktop = separator.getAttribute('data-video-src');\n var videoSrcMobile = separator.getAttribute('data-video-src-mobile');\n\n var videoSrc = isMobile && videoSrcMobile && videoSrcMobile.indexOf('[') === -1 && videoSrcMobile.trim() !== ''\n ? videoSrcMobile\n : videoSrcDesktop;\n\n if (videoSrc && videoSrc.indexOf('[') === -1 && videoSrc.trim() !== '') {\n video.src = videoSrc;\n video.load();\n video.play().catch(function() {\n playPauseBtn.classList.remove('koss_playing');\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\n });\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n checkVisibility();\n\n })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13ba09f e-con-full e-flex e-con e-parent\" data-id=\"13ba09f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec32e63 elementor-widget elementor-widget-html\" data-id=\"ec32e63\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tipology\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>The Kos - Tipolog\u00edas<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after {\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Josefin Sans', sans-serif;\n background-color: #f8f8f8;\n color: #333333;\n }\n\n .koss_typologies {\n position: relative !important;\n padding: 140px 0 !important;\n background-color: #f8f8f8 !important;\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\n background-repeat: no-repeat !important;\n background-position: -5% 80% !important;\n background-size: auto 70% !important;\n overflow: hidden !important;\n }\n\n .koss_typologies__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n padding: 0 60px !important;\n position: relative !important;\n z-index: 2 !important;\n }\n\n .koss_typologies__header {\n text-align: center !important;\n margin-bottom: 64px !important;\n }\n\n .koss_typologies__label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #999999 !important;\n margin-bottom: 16px !important;\n display: block !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease, transform 0.7s ease !important;\n }\n\n .koss_typologies.koss_typologies--visible .koss_typologies__label {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_typologies__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(32px, 4.5vw, 48px) !important;\n font-weight: 400 !important;\n line-height: 1.15 !important;\n color: #333333 !important;\n margin: 0 0 16px 0 !important;\n letter-spacing: -1px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\n }\n\n .koss_typologies.koss_typologies--visible .koss_typologies__title {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_typologies__subtitle {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: clamp(16px, 1.6vw, 19px) !important;\n font-weight: 300 !important;\n line-height: 1.6 !important;\n color: #666666 !important;\n margin: 0 !important;\n max-width: 480px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\n }\n\n .koss_typologies.koss_typologies--visible .koss_typologies__subtitle {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_typologies__grid {\n display: grid !important;\n grid-template-columns: 1.5fr 1fr !important;\n gap: 20px !important;\n min-height: 580px !important;\n opacity: 0 !important;\n transform: translateY(30px) !important;\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s !important;\n }\n\n .koss_typologies.koss_typologies--visible .koss_typologies__grid {\n opacity: 1 !important;\n transform: translateY(0) !important;\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s, grid-template-columns 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;\n }\n\n .koss_typologies__card {\n position: relative !important;\n border-radius: 16px !important;\n overflow: hidden !important;\n cursor: pointer !important;\n transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;\n }\n\n .koss_typologies__card::before {\n content: '' !important;\n position: absolute !important;\n inset: 0 !important;\n border-radius: 16px !important;\n padding: 2px !important;\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.6) 0%, rgba(128, 67, 48, 0.3) 50%, transparent 100%) !important;\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\n -webkit-mask-composite: xor !important;\n mask-composite: exclude !important;\n opacity: 0 !important;\n transition: opacity 0.5s ease !important;\n z-index: 10 !important;\n pointer-events: none !important;\n }\n\n .koss_typologies__card:hover::before {\n opacity: 1 !important;\n }\n\n .koss_typologies__card::after {\n content: '' !important;\n position: absolute !important;\n width: 300px !important;\n height: 300px !important;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%) !important;\n border-radius: 50% !important;\n pointer-events: none !important;\n z-index: 3 !important;\n opacity: 0 !important;\n transform: translate(-50%, -50%) !important;\n transition: opacity 0.3s ease !important;\n left: var(--mouse-x, 50%) !important;\n top: var(--mouse-y, 50%) !important;\n }\n\n .koss_typologies__card:hover::after {\n opacity: 1 !important;\n }\n\n .koss_typologies__card--main {\n min-height: 580px !important;\n }\n\n .koss_typologies__card--secondary {\n min-height: 580px !important;\n }\n\n .koss_typologies__card-image-wrapper {\n position: absolute !important;\n inset: -20px !important;\n overflow: hidden !important;\n z-index: 1 !important;\n }\n\n .koss_typologies__card-image {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\n will-change: transform !important;\n }\n\n .koss_typologies__card:hover .koss_typologies__card-image {\n transform: scale(1.06) !important;\n }\n\n .koss_typologies__card-overlay {\n position: absolute !important;\n inset: 0 !important;\n background: linear-gradient(\n to top,\n rgba(0, 0, 0, 0.8) 0%,\n rgba(0, 0, 0, 0.4) 40%,\n rgba(0, 0, 0, 0.1) 70%,\n rgba(0, 0, 0, 0.05) 100%\n ) !important;\n transition: background 0.5s ease !important;\n z-index: 2 !important;\n }\n\n .koss_typologies__card:hover .koss_typologies__card-overlay {\n background: linear-gradient(\n to top,\n rgba(0, 0, 0, 0.75) 0%,\n rgba(0, 0, 0, 0.25) 40%,\n rgba(0, 0, 0, 0.02) 70%,\n transparent 100%\n ) !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-overlay {\n background: linear-gradient(\n to top,\n rgba(0, 0, 0, 0.85) 0%,\n rgba(0, 0, 0, 0.5) 50%,\n rgba(0, 0, 0, 0.25) 100%\n ) !important;\n }\n\n .koss_typologies__card-content {\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n padding: 40px !important;\n z-index: 5 !important;\n transform: translateY(0) !important;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\n }\n\n .koss_typologies__card:hover .koss_typologies__card-content {\n transform: translateY(-10px) !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-content {\n padding: 32px !important;\n }\n\n .koss_typologies__card-badge {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 10px !important;\n font-weight: 400 !important;\n letter-spacing: 3px !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.5) !important;\n margin-bottom: 12px !important;\n display: block !important;\n transition: color 0.4s ease !important;\n }\n\n .koss_typologies__card:hover .koss_typologies__card-badge {\n color: rgba(183, 115, 82, 0.9) !important;\n }\n\n .koss_typologies__card-name {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-weight: 400 !important;\n line-height: 1.2 !important;\n color: #ffffff !important;\n margin: 0 0 8px 0 !important;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\n }\n\n .koss_typologies__card--main .koss_typologies__card-name {\n font-size: clamp(32px, 4vw, 44px) !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-name {\n font-size: clamp(24px, 3vw, 32px) !important;\n }\n\n .koss_typologies__card-tagline {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 15px !important;\n font-weight: 300 !important;\n font-style: italic !important;\n letter-spacing: 0.3px !important;\n color: rgba(255, 255, 255, 0.65) !important;\n margin: 0 0 28px 0 !important;\n transition: color 0.4s ease !important;\n }\n\n .koss_typologies__card:hover .koss_typologies__card-tagline {\n color: rgba(255, 255, 255, 0.9) !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-tagline {\n font-size: 14px !important;\n margin-bottom: 22px !important;\n }\n\n .koss_typologies__card-details {\n display: flex !important;\n flex-wrap: wrap !important;\n gap: 28px !important;\n margin-bottom: 28px !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-details {\n gap: 20px !important;\n margin-bottom: 22px !important;\n }\n\n .koss_typologies__card-detail {\n display: flex !important;\n align-items: center !important;\n gap: 12px !important;\n }\n\n .koss_typologies__card-detail-icon {\n width: 22px !important;\n height: 22px !important;\n color: rgba(183, 115, 82, 0.85) !important;\n flex-shrink: 0 !important;\n transition: transform 0.3s ease, color 0.3s ease !important;\n }\n\n .koss_typologies__card:hover .koss_typologies__card-detail-icon {\n transform: scale(1.1) !important;\n color: rgba(183, 115, 82, 1) !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-detail-icon {\n width: 20px !important;\n height: 20px !important;\n }\n\n .koss_typologies__card-detail-text {\n display: flex !important;\n flex-direction: column !important;\n gap: 2px !important;\n }\n\n .koss_typologies__card-detail-label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 9px !important;\n font-weight: 400 !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.4) !important;\n }\n\n .koss_typologies__card-detail-value {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 17px !important;\n font-weight: 300 !important;\n color: #ffffff !important;\n transition: all 0.5s ease !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-detail-value {\n font-size: 15px !important;\n }\n\n .koss_typologies__card-cta {\n display: inline-flex !important;\n align-items: center !important;\n gap: 12px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 13px !important;\n font-weight: 400 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: #ffffff !important;\n text-decoration: none !important;\n padding: 16px 32px !important;\n border: 1px solid rgba(255, 255, 255, 0.3) !important;\n border-radius: 8px !important;\n background: rgba(255, 255, 255, 0.05) !important;\n backdrop-filter: blur(10px) !important;\n -webkit-backdrop-filter: blur(10px) !important;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n position: relative !important;\n overflow: hidden !important;\n }\n\n .koss_typologies__card-cta::before {\n content: '' !important;\n position: absolute !important;\n top: 0 !important;\n left: -100% !important;\n width: 100% !important;\n height: 100% !important;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent) !important;\n transition: left 0.6s ease !important;\n }\n\n .koss_typologies__card-cta:hover::before {\n left: 100% !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-cta {\n padding: 14px 28px !important;\n font-size: 12px !important;\n }\n\n .koss_typologies__card-cta:hover {\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.35) 0%, rgba(128, 67, 48, 0.25) 100%) !important;\n border-color: rgba(183, 115, 82, 0.5) !important;\n transform: translateY(-2px) !important;\n box-shadow: 0 10px 30px rgba(128, 67, 48, 0.25) !important;\n }\n\n .koss_typologies__card-cta svg {\n width: 16px !important;\n height: 16px !important;\n fill: currentColor !important;\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n }\n\n .koss_typologies__card-cta:hover svg {\n transform: translateX(6px) !important;\n }\n\n .koss_typologies__swap-hint {\n position: absolute !important;\n top: 20px !important;\n right: 20px !important;\n display: none !important;\n align-items: center !important;\n gap: 6px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 10px !important;\n font-weight: 400 !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.5) !important;\n padding: 8px 14px !important;\n background: rgba(0, 0, 0, 0.3) !important;\n backdrop-filter: blur(8px) !important;\n -webkit-backdrop-filter: blur(8px) !important;\n border-radius: 6px !important;\n opacity: 0 !important;\n transition: opacity 0.3s ease !important;\n z-index: 6 !important;\n }\n\n .koss_typologies__card:hover .koss_typologies__swap-hint {\n opacity: 1 !important;\n }\n\n .koss_typologies__swap-hint svg {\n width: 12px !important;\n height: 12px !important;\n fill: currentColor !important;\n }\n\n .koss_typologies__grid.koss_grid--swapped {\n grid-template-columns: 1fr 1.5fr !important;\n }\n\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--main {\n order: 2 !important;\n }\n\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--secondary {\n order: 1 !important;\n }\n\n .koss_typologies__disclaimer {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 300 !important;\n font-style: italic !important;\n line-height: 1.6 !important;\n color: #999999 !important;\n text-align: center !important;\n max-width: 900px !important;\n margin: 48px auto 0 !important;\n padding: 0 20px !important;\n opacity: 0 !important;\n transform: translateY(10px) !important;\n transition: opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s !important;\n }\n\n .koss_typologies.koss_typologies--visible .koss_typologies__disclaimer {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n @media screen and (max-width: 1200px) {\n .koss_typologies__grid {\n grid-template-columns: 1.3fr 1fr !important;\n gap: 16px !important;\n min-height: 520px !important;\n }\n\n .koss_typologies__card--main,\n .koss_typologies__card--secondary {\n min-height: 520px !important;\n }\n\n .koss_typologies__card-content {\n padding: 32px !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-content {\n padding: 28px !important;\n }\n }\n\n @media screen and (max-width: 991px) {\n .koss_typologies {\n padding: 100px 0 !important;\n background-position: -20% 90% !important;\n background-size: auto 50% !important;\n }\n\n .koss_typologies__container {\n padding: 0 40px !important;\n }\n\n .koss_typologies__header {\n margin-bottom: 48px !important;\n }\n\n .koss_typologies__grid {\n grid-template-columns: 1fr !important;\n gap: 16px !important;\n min-height: auto !important;\n }\n\n .koss_typologies__grid.koss_grid--swapped {\n grid-template-columns: 1fr !important;\n }\n\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--main,\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--secondary {\n order: unset !important;\n }\n\n .koss_typologies__card--main,\n .koss_typologies__card--secondary {\n min-height: 420px !important;\n }\n\n .koss_typologies__card-content {\n padding: 28px !important;\n }\n\n .koss_typologies__swap-hint {\n display: none !important;\n }\n\n .koss_typologies__disclaimer {\n margin-top: 32px !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n .koss_typologies {\n padding: 80px 0 !important;\n background-image: none !important;\n }\n\n .koss_typologies__container {\n padding: 0 20px !important;\n }\n\n .koss_typologies__header {\n margin-bottom: 40px !important;\n }\n\n .koss_typologies__grid {\n gap: 12px !important;\n }\n\n .koss_typologies__card--main,\n .koss_typologies__card--secondary {\n min-height: 380px !important;\n }\n\n .koss_typologies__card-content {\n padding: 24px !important;\n }\n\n .koss_typologies__card-name {\n margin-bottom: 12px !important;\n }\n\n .koss_typologies__card--main .koss_typologies__card-name {\n font-size: 28px !important;\n }\n\n .koss_typologies__card--secondary .koss_typologies__card-name {\n font-size: 24px !important;\n }\n\n .koss_typologies__card-tagline {\n font-size: 13px !important;\n margin-bottom: 20px !important;\n }\n\n .koss_typologies__card-details {\n gap: 18px !important;\n margin-bottom: 20px !important;\n }\n\n .koss_typologies__card-detail-value {\n font-size: 15px !important;\n }\n\n .koss_typologies__card-cta {\n padding: 14px 28px !important;\n font-size: 12px !important;\n }\n }\n\n @media screen and (max-width: 480px) {\n .koss_typologies__card--main,\n .koss_typologies__card--secondary {\n min-height: 360px !important;\n }\n\n .koss_typologies__card-details {\n gap: 14px !important;\n }\n\n .koss_typologies__card-detail-icon {\n width: 18px !important;\n height: 18px !important;\n }\n\n .koss_typologies__card-detail-label {\n font-size: 8px !important;\n }\n\n .koss_typologies__card-detail-value {\n font-size: 14px !important;\n }\n\n .koss_typologies__disclaimer {\n font-size: 10px !important;\n margin-top: 28px !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"koss_typologies\" id=\"typologies\">\n <div class=\"koss_typologies__container\">\n \n <header class=\"koss_typologies__header\">\n <span class=\"koss_typologies__label\">Sky Top Villas<\/span>\n <h2 class=\"koss_typologies__title\">Choisissez votre horizon<\/h2>\n <p class=\"koss_typologies__subtitle\">Deux configurations con\u00e7ues pour s'adapter \u00e0 votre fa\u00e7on de vivre la M\u00e9diterran\u00e9e<\/p>\n <\/header>\n\n <div class=\"koss_typologies__grid\" id=\"koss_typologies_grid\">\n \n <article class=\"koss_typologies__card koss_typologies__card--main\" data-type=\"3bed\">\n <div class=\"koss_typologies__card-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-3bed.jpg\" alt=\"Villa 3 Chambres\" class=\"koss_typologies__card-image\" loading=\"lazy\">\n <\/div>\n <div class=\"koss_typologies__card-overlay\"><\/div>\n \n <div class=\"koss_typologies__swap-hint\" style=\"display: none;\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z\"\/>\n <\/svg>\n Ampliar\n <\/div>\n\n <div class=\"koss_typologies__card-content\">\n <span class=\"koss_typologies__card-badge\">Sky Top Villa<\/span>\n <h3 class=\"koss_typologies__card-name\">3 Chambres<\/h3>\n <p class=\"koss_typologies__card-tagline\">Votre refuge avec des vues infinies sur la M\u00e9diterran\u00e9e<\/p>\n <div class=\"koss_typologies__card-details\">\n <div class=\"koss_typologies__card-detail\">\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M6 3h12l4 6-10 12L2 9z\"\/>\n <path d=\"M2 9h20\"\/>\n <path d=\"M12 21L8 9l4-6 4 6z\"\/>\n <\/svg>\n <div class=\"koss_typologies__card-detail-text\">\n <span class=\"koss_typologies__card-detail-label\">Desde<\/span>\n <span class=\"koss_typologies__card-detail-value\">1.120.000 \u20ac<\/span>\n <\/div>\n <\/div>\n <div class=\"koss_typologies__card-detail\">\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\n <path d=\"M3 9h18M9 21V9\"\/>\n <\/svg>\n <div class=\"koss_typologies__card-detail-text\">\n <span class=\"koss_typologies__card-detail-label\">Superficie desde<\/span>\n <span class=\"koss_typologies__card-detail-value\">172 m\u00b2<\/span>\n <\/div>\n <\/div>\n <\/div>\n <a href=\"#unlock\" class=\"koss_typologies__card-cta\">\n Explorer\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/article>\n\n <article class=\"koss_typologies__card koss_typologies__card--secondary\" data-type=\"4bed\">\n <div class=\"koss_typologies__card-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-4bed.jpg\" alt=\"Villa 4 Chambres\" class=\"koss_typologies__card-image\" loading=\"lazy\">\n <\/div>\n <div class=\"koss_typologies__card-overlay\"><\/div>\n \n <div class=\"koss_typologies__swap-hint\" style=\"display: flex;\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z\"\/>\n <\/svg>\n Ampliar\n <\/div>\n\n <div class=\"koss_typologies__card-content\">\n <span class=\"koss_typologies__card-badge\">Sky Top Villa<\/span>\n <h3 class=\"koss_typologies__card-name\">4 Chambres<\/h3>\n <p class=\"koss_typologies__card-tagline\">Un espace sans limites pour ceux qui r\u00eavent en grand<\/p>\n <div class=\"koss_typologies__card-details\">\n <div class=\"koss_typologies__card-detail\">\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M6 3h12l4 6-10 12L2 9z\"\/>\n <path d=\"M2 9h20\"\/>\n <path d=\"M12 21L8 9l4-6 4 6z\"\/>\n <\/svg>\n <div class=\"koss_typologies__card-detail-text\">\n <span class=\"koss_typologies__card-detail-label\">Desde<\/span>\n <span class=\"koss_typologies__card-detail-value\">1.300.000 \u20ac<\/span>\n <\/div>\n <\/div>\n <div class=\"koss_typologies__card-detail\">\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\n <path d=\"M3 9h18M9 21V9\"\/>\n <\/svg>\n <div class=\"koss_typologies__card-detail-text\">\n <span class=\"koss_typologies__card-detail-label\">Superficie desde<\/span>\n <span class=\"koss_typologies__card-detail-value\">172 m\u00b2<\/span>\n <\/div>\n <\/div>\n <\/div>\n <a href=\"#unlock\" class=\"koss_typologies__card-cta\">\n Explorer\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/article>\n\n <\/div>\n\n <p class=\"koss_typologies__disclaimer\">Images sans caract\u00e8re contractuel \u00e9labor\u00e9es \u00e0 partir du Projet de Base pr\u00e9sent\u00e9 pour l'obtention du Permis de Construire. Informations susceptibles d'\u00eatre modifi\u00e9es en raison d'exigences d'ordre technique, juridique ou commercial au cours des travaux ou une fois ceux-ci achev\u00e9s.<\/p>\n\n <\/div>\n <\/section>\n\n <script>\n (function() {\n 'use strict';\n\n var section = document.getElementById('typologies');\n var grid = document.getElementById('koss_typologies_grid');\n var cards = document.querySelectorAll('.koss_typologies__card');\n var mainCard = document.querySelector('.koss_typologies__card--main');\n var secondaryCard = document.querySelector('.koss_typologies__card--secondary');\n\n var swapTimeout = null;\n var isSwapped = false;\n\n cards.forEach(function(card) {\n card.addEventListener('mousemove', function(e) {\n if (window.innerWidth <= 991) return;\n \n var rect = card.getBoundingClientRect();\n var x = e.clientX - rect.left;\n var y = e.clientY - rect.top;\n \n card.style.setProperty('--mouse-x', x + 'px');\n card.style.setProperty('--mouse-y', y + 'px');\n\n var image = card.querySelector('.koss_typologies__card-image');\n if (image) {\n var percentX = (x \/ rect.width - 0.5) * 2;\n var percentY = (y \/ rect.height - 0.5) * 2;\n var moveX = percentX * 8;\n var moveY = percentY * 8;\n image.style.transform = 'scale(1.06) translate(' + moveX + 'px, ' + moveY + 'px)';\n }\n });\n\n card.addEventListener('mouseleave', function() {\n var image = card.querySelector('.koss_typologies__card-image');\n if (image) {\n image.style.transform = '';\n }\n });\n });\n\n function swapCards(toSwapped) {\n if (window.innerWidth <= 991) return;\n if (toSwapped === isSwapped) return;\n\n isSwapped = toSwapped;\n\n if (toSwapped) {\n grid.classList.add('koss_grid--swapped');\n mainCard.classList.remove('koss_typologies__card--main');\n mainCard.classList.add('koss_typologies__card--secondary');\n secondaryCard.classList.remove('koss_typologies__card--secondary');\n secondaryCard.classList.add('koss_typologies__card--main');\n } else {\n grid.classList.remove('koss_grid--swapped');\n mainCard.classList.add('koss_typologies__card--main');\n mainCard.classList.remove('koss_typologies__card--secondary');\n secondaryCard.classList.add('koss_typologies__card--secondary');\n secondaryCard.classList.remove('koss_typologies__card--main');\n }\n\n updateSwapHint();\n }\n\n function updateSwapHint() {\n var hints = document.querySelectorAll('.koss_typologies__swap-hint');\n hints.forEach(function(hint) {\n var card = hint.closest('.koss_typologies__card');\n if (card.classList.contains('koss_typologies__card--secondary')) {\n hint.style.display = 'flex';\n } else {\n hint.style.display = 'none';\n }\n });\n }\n\n secondaryCard.addEventListener('mouseenter', function() {\n if (window.innerWidth <= 991) return;\n clearTimeout(swapTimeout);\n swapTimeout = setTimeout(function() {\n swapCards(true);\n }, 250);\n });\n\n mainCard.addEventListener('mouseenter', function() {\n if (window.innerWidth <= 991) return;\n clearTimeout(swapTimeout);\n swapTimeout = setTimeout(function() {\n swapCards(false);\n }, 250);\n });\n\n grid.addEventListener('mouseleave', function() {\n clearTimeout(swapTimeout);\n });\n\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('koss_typologies--visible');\n }\n }\n\n var ticking = false;\n \n function onScroll() {\n if (!ticking) {\n requestAnimationFrame(function() {\n checkVisibility();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n updateSwapHint();\n checkVisibility();\n\n })();\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-893162f elementor-widget elementor-widget-html\" data-id=\"893162f\" 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>The Kos - Divider<\/title><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans: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: 'Josefin Sans', sans-serif;\n background-color: #f8f8f8;\n color: #333333;\n }\n\n .koss_divider {\n position: relative !important;\n height: 45vh !important;\n min-height: 360px !important;\n max-height: 500px !important;\n overflow: hidden !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n }\n\n .koss_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 40% !important;\n will-change: transform !important;\n }\n\n .koss_divider__overlay {\n position: absolute !important;\n inset: 0 !important;\n background: \n radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.35) 100%),\n linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.1) 100%) !important;\n }\n\n .koss_divider__content {\n position: relative !important;\n z-index: 2 !important;\n text-align: center !important;\n padding: 0 40px !important;\n max-width: 1000px !important;\n }\n\n .koss_divider__quote {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(28px, 5vw, 52px) !important;\n font-weight: 400 !important;\n line-height: 1.25 !important;\n letter-spacing: -0.5px !important;\n color: #ffffff !important;\n margin: 0 !important;\n text-shadow: 0 2px 30px rgba(0, 0, 0, 0.3) !important;\n opacity: 0 !important;\n transform: translateY(25px) !important;\n transition: opacity 0.9s ease, transform 0.9s ease !important;\n }\n\n .koss_divider.koss_divider--visible .koss_divider__quote {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_divider__line {\n width: 70px !important;\n height: 2px !important;\n background: linear-gradient(90deg, #804330 0%, #b77352 100%) !important;\n margin: 28px auto 0 !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 .koss_divider.koss_divider--visible .koss_divider__line {\n opacity: 1 !important;\n transform: scaleX(1) !important;\n }\n\n @media screen and (max-width: 991px) {\n .koss_divider {\n height: 40vh !important;\n min-height: 320px !important;\n }\n\n .koss_divider__content {\n padding: 0 32px !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n .koss_divider {\n height: 38vh !important;\n min-height: 280px !important;\n }\n\n .koss_divider__content {\n padding: 0 24px !important;\n }\n\n .koss_divider__line {\n width: 55px !important;\n margin-top: 22px !important;\n }\n }\n\n @media screen and (max-width: 480px) {\n .koss_divider {\n min-height: 260px !important;\n }\n }\n <\/style><\/head><body><section class=\"koss_divider\" id=\"divider\"><img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\" alt=\"Vue panoramique depuis The Kos\" class=\"koss_divider__image\" id=\"koss_divider_image\"><div class=\"koss_divider__overlay\"><\/div><div class=\"koss_divider__content\"><p class=\"koss_divider__quote\">La M\u00e9diterran\u00e9e \u00e0 vos pieds, le ciel \u00e0 port\u00e9e de main<\/p><div class=\"koss_divider__line\"><\/div><\/div><\/section><script>(function() {\n 'use strict';\n\n var section = document.getElementById('divider');\n var image = document.getElementById('koss_divider_image');\n\n function updateParallax() {\n var rect = section.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.bottom < 0 || rect.top > windowHeight) return;\n \n var scrollProgress = (windowHeight - rect.top) \/ (windowHeight + rect.height);\n var translateY = (scrollProgress - 0.5) * 80;\n \n image.style.setProperty('transform', 'translateY(' + translateY + 'px)', 'important');\n }\n\n function checkVisibility() {\n var rect = section.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.top < windowHeight * 0.85) {\n section.classList.add('koss_divider--visible');\n }\n }\n\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 window.addEventListener('scroll', onScroll, { passive: true });\n updateParallax();\n checkVisibility();\n\n })();\n <\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45ccd4c e-con-full e-flex e-con e-parent\" data-id=\"45ccd4c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9950d0d elementor-widget elementor-widget-html\" data-id=\"9950d0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>The Kos - Galer\u00eda<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after {\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Josefin Sans', sans-serif;\n background-color: #f8f8f8;\n color: #333333;\n }\n\n .koss_gallery {\n position: relative !important;\n padding: 140px 0 !important;\n background-color: #f6f6f6 !important;\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\n background-repeat: no-repeat !important;\n background-position: 105% 20% !important;\n background-size: auto 60% !important;\n overflow: hidden !important;\n }\n\n .koss_gallery__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n padding: 0 60px !important;\n position: relative !important;\n z-index: 2 !important;\n }\n\n .koss_gallery__header {\n text-align: center !important;\n margin-bottom: 64px !important;\n }\n\n .koss_gallery__label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #999999 !important;\n margin-bottom: 16px !important;\n display: block !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease, transform 0.7s ease !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__label {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_gallery__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(32px, 4.5vw, 48px) !important;\n font-weight: 400 !important;\n line-height: 1.15 !important;\n color: #333333 !important;\n margin: 0 0 16px 0 !important;\n letter-spacing: -1px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__title {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_gallery__subtitle {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: clamp(16px, 1.6vw, 19px) !important;\n font-weight: 300 !important;\n line-height: 1.6 !important;\n color: #666666 !important;\n margin: 0 auto !important;\n max-width: 520px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__subtitle {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_gallery__grid {\n display: grid !important;\n grid-template-columns: repeat(12, 1fr) !important;\n grid-template-rows: repeat(2, 280px) !important;\n gap: 16px !important;\n opacity: 0 !important;\n transform: translateY(30px) !important;\n transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__grid {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_gallery__item {\n position: relative !important;\n border-radius: 12px !important;\n overflow: hidden !important;\n cursor: pointer !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.6s ease, transform 0.6s ease !important;\n }\n\n .koss_gallery__item::before {\n content: '' !important;\n position: absolute !important;\n inset: 0 !important;\n border-radius: 12px !important;\n padding: 2px !important;\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.7) 0%, rgba(128, 67, 48, 0.4) 50%, transparent 100%) !important;\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\n -webkit-mask-composite: xor !important;\n mask-composite: exclude !important;\n opacity: 0 !important;\n transition: opacity 0.4s ease !important;\n z-index: 10 !important;\n pointer-events: none !important;\n }\n\n .koss_gallery__item:hover::before {\n opacity: 1 !important;\n }\n\n .koss_gallery__item::after {\n content: '' !important;\n position: absolute !important;\n width: 200px !important;\n height: 200px !important;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 70%) !important;\n border-radius: 50% !important;\n pointer-events: none !important;\n z-index: 3 !important;\n opacity: 0 !important;\n transform: translate(-50%, -50%) !important;\n transition: opacity 0.3s ease !important;\n left: var(--mouse-x, 50%) !important;\n top: var(--mouse-y, 50%) !important;\n }\n\n .koss_gallery__item:hover::after {\n opacity: 1 !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__item {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(1) { transition-delay: 0.35s !important; }\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(2) { transition-delay: 0.45s !important; }\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(3) { transition-delay: 0.55s !important; }\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(4) { transition-delay: 0.65s !important; }\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(5) { transition-delay: 0.75s !important; }\n\n .koss_gallery__item:nth-child(1) {\n grid-column: 1 \/ 6 !important;\n grid-row: 1 \/ 3 !important;\n }\n\n .koss_gallery__item:nth-child(2) {\n grid-column: 6 \/ 9 !important;\n grid-row: 1 \/ 2 !important;\n }\n\n .koss_gallery__item:nth-child(3) {\n grid-column: 9 \/ 13 !important;\n grid-row: 1 \/ 2 !important;\n }\n\n .koss_gallery__item:nth-child(4) {\n grid-column: 6 \/ 10 !important;\n grid-row: 2 \/ 3 !important;\n }\n\n .koss_gallery__item:nth-child(5) {\n grid-column: 10 \/ 13 !important;\n grid-row: 2 \/ 3 !important;\n }\n\n .koss_gallery__image {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\n }\n\n .koss_gallery__item:hover .koss_gallery__image {\n transform: scale(1.06) !important;\n }\n\n .koss_gallery__overlay {\n position: absolute !important;\n inset: 0 !important;\n background: linear-gradient(\n to top,\n rgba(0, 0, 0, 0.7) 0%,\n rgba(0, 0, 0, 0.1) 40%,\n rgba(0, 0, 0, 0) 60%\n ) !important;\n opacity: 0 !important;\n transition: opacity 0.5s ease !important;\n z-index: 2 !important;\n }\n\n .koss_gallery__item:hover .koss_gallery__overlay {\n opacity: 1 !important;\n }\n\n .koss_gallery__caption {\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n padding: 24px !important;\n z-index: 4 !important;\n transform: translateY(10px) !important;\n opacity: 0 !important;\n transition: transform 0.4s ease, opacity 0.4s ease !important;\n }\n\n .koss_gallery__item:hover .koss_gallery__caption {\n transform: translateY(0) !important;\n opacity: 1 !important;\n }\n\n .koss_gallery__caption-title {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 15px !important;\n font-weight: 400 !important;\n letter-spacing: 0.5px !important;\n color: #ffffff !important;\n margin: 0 !important;\n }\n\n .koss_gallery__caption-hint {\n font-family: 'Josefin Sans', 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 color: rgba(255, 255, 255, 0.6) !important;\n margin-top: 8px !important;\n display: inline-flex !important;\n align-items: center !important;\n gap: 8px !important;\n transition: color 0.3s ease !important;\n }\n\n .koss_gallery__item:hover .koss_gallery__caption-hint {\n color: rgba(255, 255, 255, 0.9) !important;\n }\n\n .koss_gallery__caption-hint svg {\n width: 14px !important;\n height: 14px !important;\n fill: none !important;\n stroke: currentColor !important;\n stroke-width: 2 !important;\n stroke-linecap: round !important;\n stroke-linejoin: round !important;\n flex-shrink: 0 !important;\n position: relative !important;\n top: -2px !important;\n transition: transform 0.3s ease !important;\n }\n\n .koss_gallery__item:hover .koss_gallery__caption-hint svg {\n transform: translateX(3px) !important;\n }\n\n .koss_lightbox {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 99999 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n opacity: 0 !important;\n visibility: hidden !important;\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\n }\n\n .koss_lightbox.koss_lightbox--open {\n opacity: 1 !important;\n visibility: visible !important;\n }\n\n .koss_lightbox__backdrop {\n position: absolute !important;\n inset: 0 !important;\n background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.95) 100%) !important;\n backdrop-filter: blur(12px) !important;\n -webkit-backdrop-filter: blur(12px) !important;\n }\n\n .koss_lightbox__vignette {\n position: absolute !important;\n inset: 0 !important;\n background: radial-gradient(ellipse at center, transparent 50%, rgba(0, 0, 0, 0.4) 100%) !important;\n pointer-events: none !important;\n z-index: 1 !important;\n }\n\n .koss_lightbox__content {\n position: relative !important;\n z-index: 2 !important;\n max-width: 90vw !important;\n max-height: 85vh !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n }\n\n .koss_lightbox__image {\n max-width: 100% !important;\n max-height: 85vh !important;\n object-fit: contain !important;\n border-radius: 8px !important;\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5) !important;\n opacity: 0 !important;\n transform: scale(0.95) !important;\n transition: opacity 0.25s ease, transform 0.25s ease !important;\n }\n\n .koss_lightbox--open .koss_lightbox__image {\n opacity: 1 !important;\n transform: scale(1) !important;\n }\n\n .koss_lightbox__close {\n position: absolute !important;\n top: 24px !important;\n right: 24px !important;\n width: 48px !important;\n height: 48px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n background: rgba(255, 255, 255, 0.08) !important;\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n z-index: 3 !important;\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease !important;\n }\n\n .koss_lightbox__close:hover {\n background: rgba(183, 115, 82, 0.2) !important;\n border-color: rgba(183, 115, 82, 0.4) !important;\n transform: rotate(90deg) !important;\n }\n\n .koss_lightbox__close svg {\n width: 20px !important;\n height: 20px !important;\n fill: #ffffff !important;\n }\n\n .koss_lightbox__nav {\n position: absolute !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n width: 52px !important;\n height: 52px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n background: rgba(255, 255, 255, 0.06) !important;\n border: 1px solid rgba(255, 255, 255, 0.12) !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n z-index: 3 !important;\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease !important;\n }\n\n .koss_lightbox__nav:hover {\n background: rgba(183, 115, 82, 0.15) !important;\n border-color: rgba(183, 115, 82, 0.3) !important;\n }\n\n .koss_lightbox__nav--prev {\n left: 24px !important;\n }\n\n .koss_lightbox__nav--prev:hover {\n transform: translateY(-50%) translateX(-4px) !important;\n }\n\n .koss_lightbox__nav--next {\n right: 24px !important;\n }\n\n .koss_lightbox__nav--next:hover {\n transform: translateY(-50%) translateX(4px) !important;\n }\n\n .koss_lightbox__nav svg {\n width: 22px !important;\n height: 22px !important;\n fill: #ffffff !important;\n }\n\n .koss_lightbox__info {\n position: absolute !important;\n bottom: 28px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n text-align: center !important;\n z-index: 3 !important;\n }\n\n .koss_lightbox__title {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 16px !important;\n font-weight: 400 !important;\n color: #ffffff !important;\n margin-bottom: 8px !important;\n }\n\n .koss_lightbox__counter {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n letter-spacing: 3px !important;\n color: rgba(183, 115, 82, 0.8) !important;\n }\n\n .koss_lightbox__swipe-hint {\n display: none !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 300 !important;\n letter-spacing: 1px !important;\n color: rgba(255, 255, 255, 0.35) !important;\n margin-top: 10px !important;\n }\n\n @media screen and (max-width: 768px) {\n .koss_lightbox__swipe-hint {\n display: block !important;\n }\n }\n\n @media screen and (max-width: 1200px) {\n .koss_gallery__grid {\n grid-template-rows: repeat(2, 240px) !important;\n gap: 14px !important;\n }\n }\n\n @media screen and (max-width: 991px) {\n .koss_gallery {\n padding: 100px 0 !important;\n background-position: 110% 90% !important;\n background-size: auto 45% !important;\n }\n\n .koss_gallery__container {\n padding: 0 40px !important;\n }\n\n .koss_gallery__header {\n margin-bottom: 48px !important;\n }\n\n .koss_gallery__grid {\n grid-template-columns: repeat(2, 1fr) !important;\n grid-template-rows: repeat(3, 220px) !important;\n gap: 12px !important;\n }\n\n .koss_gallery__item:nth-child(1) {\n grid-column: 1 \/ 3 !important;\n grid-row: 1 \/ 2 !important;\n }\n\n .koss_gallery__item:nth-child(2) {\n grid-column: 1 \/ 2 !important;\n grid-row: 2 \/ 3 !important;\n }\n\n .koss_gallery__item:nth-child(3) {\n grid-column: 2 \/ 3 !important;\n grid-row: 2 \/ 3 !important;\n }\n\n .koss_gallery__item:nth-child(4) {\n grid-column: 1 \/ 2 !important;\n grid-row: 3 \/ 4 !important;\n }\n\n .koss_gallery__item:nth-child(5) {\n grid-column: 2 \/ 3 !important;\n grid-row: 3 \/ 4 !important;\n }\n\n .koss_gallery__overlay {\n opacity: 1 !important;\n }\n\n .koss_gallery__caption {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_lightbox__nav {\n width: 46px !important;\n height: 46px !important;\n }\n\n .koss_lightbox__nav--prev {\n left: 16px !important;\n }\n\n .koss_lightbox__nav--next {\n right: 16px !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n .koss_gallery {\n padding: 80px 0 !important;\n background-image: none !important;\n }\n\n .koss_gallery__container {\n padding: 0 20px !important;\n }\n\n .koss_gallery__header {\n margin-bottom: 40px !important;\n }\n\n .koss_gallery__grid {\n grid-template-columns: 1fr !important;\n grid-template-rows: repeat(5, 200px) !important;\n gap: 10px !important;\n }\n\n .koss_gallery__item:nth-child(1),\n .koss_gallery__item:nth-child(2),\n .koss_gallery__item:nth-child(3),\n .koss_gallery__item:nth-child(4),\n .koss_gallery__item:nth-child(5) {\n grid-column: 1 \/ -1 !important;\n grid-row: auto !important;\n }\n\n .koss_gallery__caption {\n padding: 20px !important;\n }\n\n .koss_gallery__caption-title {\n font-size: 14px !important;\n }\n\n .koss_lightbox__close {\n top: 16px !important;\n right: 16px !important;\n width: 44px !important;\n height: 44px !important;\n }\n\n .koss_lightbox__nav {\n width: 42px !important;\n height: 42px !important;\n }\n\n .koss_lightbox__nav--prev {\n left: 12px !important;\n }\n\n .koss_lightbox__nav--next {\n right: 12px !important;\n }\n\n .koss_lightbox__nav svg {\n width: 18px !important;\n height: 18px !important;\n }\n\n .koss_lightbox__info {\n bottom: 20px !important;\n }\n\n .koss_lightbox__title {\n font-size: 14px !important;\n }\n }\n\n @media screen and (max-width: 480px) {\n .koss_gallery__grid {\n grid-template-rows: repeat(5, 180px) !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"koss_gallery\" id=\"gallery\">\n <div class=\"koss_gallery__container\">\n \n <header class=\"koss_gallery__header\">\n <span class=\"koss_gallery__label\">Espacios<\/span>\n <h2 class=\"koss_gallery__title\">Chaque recoin, une satisfaction<\/h2>\n <p class=\"koss_gallery__subtitle\">Des int\u00e9rieurs o\u00f9 la lumi\u00e8re, le design et le bien-\u00eatre se retrouvent<\/p>\n <\/header>\n\n <div class=\"koss_gallery__grid\" id=\"koss_gallery_grid\">\n \n <div class=\"koss_gallery__item\" data-index=\"0\" data-title=\"Votre bien-\u00eatre est la priorit\u00e9\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-interior.jpg\" alt=\"Piscine int\u00e9rieure avec vue\" class=\"koss_gallery__image\" loading=\"lazy\">\n <div class=\"koss_gallery__overlay\"><\/div>\n <div class=\"koss_gallery__caption\">\n <p class=\"koss_gallery__caption-title\">Tu bienestar es la prioridad<\/p>\n <p class=\"koss_gallery__caption-hint\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n Agrandir l'image\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"koss_gallery__item\" data-index=\"1\" data-title=\"L\u00e0 o\u00f9 naissent les id\u00e9es\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-facilities-coworking.jpg\" alt=\"Espace de travail avec vue panoramique\" class=\"koss_gallery__image\" loading=\"lazy\">\n <div class=\"koss_gallery__overlay\"><\/div>\n <div class=\"koss_gallery__caption\">\n <p class=\"koss_gallery__caption-title\">Donde nacen las ideas<\/p>\n <p class=\"koss_gallery__caption-hint\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n Agrandir l'image\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"koss_gallery__item\" data-index=\"2\" data-title=\"Votre coin d'inspiration\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-despacho-dorm.jpg\" alt=\"Espace priv\u00e9 baign\u00e9 de lumi\u00e8re naturelle\" class=\"koss_gallery__image\" loading=\"lazy\">\n <div class=\"koss_gallery__overlay\"><\/div>\n <div class=\"koss_gallery__caption\">\n <p class=\"koss_gallery__caption-title\">Tu rinc\u00f3n de inspiraci\u00f3n<\/p>\n <p class=\"koss_gallery__caption-hint\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n Agrandir l'image\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"koss_gallery__item\" data-index=\"3\" data-title=\"De l'\u00e9nergie chaque matin\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/koss-gym-comunitario.jpg\" alt=\"Salle de sport \u00e9quip\u00e9e Technogym\" class=\"koss_gallery__image\" loading=\"lazy\">\n <div class=\"koss_gallery__overlay\"><\/div>\n <div class=\"koss_gallery__caption\">\n <p class=\"koss_gallery__caption-title\">Energ\u00eda cada ma\u00f1ana<\/p>\n <p class=\"koss_gallery__caption-hint\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n Agrandir l'image\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"koss_gallery__item\" data-index=\"4\" data-title=\"Le rituel de chaque jour\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-bano-principal.jpg\" alt=\"Salle de bain design aux finitions premium\" class=\"koss_gallery__image\" loading=\"lazy\">\n <div class=\"koss_gallery__overlay\"><\/div>\n <div class=\"koss_gallery__caption\">\n <p class=\"koss_gallery__caption-title\">El ritual de cada d\u00eda<\/p>\n <p class=\"koss_gallery__caption-hint\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n Agrandir l'image\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/section>\n\n <div class=\"koss_lightbox\" id=\"koss_lightbox\">\n <div class=\"koss_lightbox__backdrop\" id=\"koss_lightbox_backdrop\"><\/div>\n <div class=\"koss_lightbox__vignette\"><\/div>\n \n <button class=\"koss_lightbox__close\" id=\"koss_lightbox_close\" aria-label=\"Fermer\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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\"\/>\n <\/svg>\n <\/button>\n\n <button class=\"koss_lightbox__nav koss_lightbox__nav--prev\" id=\"koss_lightbox_prev\" aria-label=\"Pr\u00e9c\u00e9dent\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/>\n <\/svg>\n <\/button>\n <button class=\"koss_lightbox__nav koss_lightbox__nav--next\" id=\"koss_lightbox_next\" aria-label=\"Suivant\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/>\n <\/svg>\n <\/button>\n\n <div class=\"koss_lightbox__content\">\n <img decoding=\"async\" class=\"koss_lightbox__image\" id=\"koss_lightbox_image\" src=\"\" alt=\"\">\n <\/div>\n\n <div class=\"koss_lightbox__info\">\n <p class=\"koss_lightbox__title\" id=\"koss_lightbox_title\"><\/p>\n <p class=\"koss_lightbox__counter\" id=\"koss_lightbox_counter\"><\/p>\n <p class=\"koss_lightbox__swipe-hint\">Glissez pour naviguer<\/p>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n 'use strict';\n\n var section = document.getElementById('gallery');\n var items = document.querySelectorAll('.koss_gallery__item');\n var lightbox = document.getElementById('koss_lightbox');\n var lightboxBackdrop = document.getElementById('koss_lightbox_backdrop');\n var lightboxImage = document.getElementById('koss_lightbox_image');\n var lightboxTitle = document.getElementById('koss_lightbox_title');\n var lightboxCounter = document.getElementById('koss_lightbox_counter');\n var lightboxClose = document.getElementById('koss_lightbox_close');\n var lightboxPrev = document.getElementById('koss_lightbox_prev');\n var lightboxNext = document.getElementById('koss_lightbox_next');\n\n var images = [];\n items.forEach(function(item) {\n images.push({\n src: item.querySelector('.koss_gallery__image').src,\n title: item.getAttribute('data-title')\n });\n });\n\n var currentIndex = 0;\n var totalImages = images.length;\n\n items.forEach(function(item) {\n item.addEventListener('mousemove', function(e) {\n if (window.innerWidth <= 991) return;\n \n var rect = item.getBoundingClientRect();\n var x = e.clientX - rect.left;\n var y = e.clientY - rect.top;\n \n item.style.setProperty('--mouse-x', x + 'px');\n item.style.setProperty('--mouse-y', y + 'px');\n });\n });\n\n function openLightbox(index) {\n currentIndex = index;\n lightboxImage.src = images[currentIndex].src;\n lightboxImage.alt = images[currentIndex].title;\n lightboxTitle.textContent = images[currentIndex].title;\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + totalImages;\n lightbox.classList.add('koss_lightbox--open');\n document.body.style.overflow = 'hidden';\n }\n\n function closeLightbox() {\n lightbox.classList.remove('koss_lightbox--open');\n document.body.style.overflow = '';\n }\n\n function updateLightbox() {\n lightboxImage.style.setProperty('opacity', '0', 'important');\n lightboxImage.style.setProperty('transform', 'scale(0.95)', 'important');\n \n setTimeout(function() {\n lightboxImage.src = images[currentIndex].src;\n lightboxImage.alt = images[currentIndex].title;\n lightboxTitle.textContent = images[currentIndex].title;\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + totalImages;\n \n setTimeout(function() {\n lightboxImage.style.setProperty('opacity', '1', 'important');\n lightboxImage.style.setProperty('transform', 'scale(1)', 'important');\n }, 50);\n }, 200);\n }\n\n function nextImage() {\n currentIndex = (currentIndex + 1) % totalImages;\n updateLightbox();\n }\n\n function prevImage() {\n currentIndex = (currentIndex - 1 + totalImages) % totalImages;\n updateLightbox();\n }\n\n items.forEach(function(item) {\n item.addEventListener('click', function() {\n var index = parseInt(this.getAttribute('data-index'), 10);\n openLightbox(index);\n });\n });\n\n lightboxClose.addEventListener('click', closeLightbox);\n lightboxBackdrop.addEventListener('click', closeLightbox);\n\n lightboxNext.addEventListener('click', nextImage);\n lightboxPrev.addEventListener('click', prevImage);\n\n document.addEventListener('keydown', function(e) {\n if (!lightbox.classList.contains('koss_lightbox--open')) return;\n \n if (e.key === 'Escape') {\n closeLightbox();\n } else if (e.key === 'ArrowRight') {\n nextImage();\n } else if (e.key === 'ArrowLeft') {\n prevImage();\n }\n });\n\n var touchStartX = 0;\n var touchEndX = 0;\n var touchStartY = 0;\n var touchEndY = 0;\n var minSwipeDistance = 50;\n\n lightbox.addEventListener('touchstart', function(e) {\n touchStartX = e.changedTouches[0].screenX;\n touchStartY = e.changedTouches[0].screenY;\n }, { passive: true });\n\n lightbox.addEventListener('touchend', function(e) {\n touchEndX = e.changedTouches[0].screenX;\n touchEndY = e.changedTouches[0].screenY;\n handleSwipe();\n }, { passive: true });\n\n function handleSwipe() {\n var deltaX = touchEndX - touchStartX;\n var deltaY = touchEndY - touchStartY;\n \n if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > minSwipeDistance) {\n if (deltaX > 0) {\n prevImage();\n } else {\n nextImage();\n }\n }\n }\n\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('koss_gallery--visible');\n }\n }\n\n var ticking = false;\n \n function onScroll() {\n if (!ticking) {\n requestAnimationFrame(function() {\n checkVisibility();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n checkVisibility();\n\n })();\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ade6763 e-con-full e-flex e-con e-parent\" data-id=\"ade6763\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e2b6ac elementor-widget elementor-widget-html\" data-id=\"5e2b6ac\" 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>The Kos - Ubicaci\u00f3n<\/title><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"><style>\/* ============================================\n RESET & BASE\n ============================================ *\/\n *, *::before, *::after {\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Josefin Sans', sans-serif;\n background-color: #f8f8f8;\n color: #333333;\n }\n\n \/* ============================================\n LOCATION SECTION\n ============================================ *\/\n .koss_location {\n position: relative !important;\n padding: 120px 0 !important;\n background-color: #f0f0f0 !important;\n }\n\n .koss_location__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n padding: 0 60px !important;\n }\n\n \/* ============================================\n CONTENT\n ============================================ *\/\n .koss_location__content {\n text-align: center !important;\n max-width: 720px !important;\n margin: 0 auto !important;\n }\n\n .koss_location__label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #999999 !important;\n margin-bottom: 16px !important;\n display: block !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease, transform 0.7s ease !important;\n }\n\n .koss_location.koss_location--visible .koss_location__label {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_location__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(32px, 4.5vw, 48px) !important;\n font-weight: 400 !important;\n line-height: 1.2 !important;\n color: #333333 !important;\n margin: 0 0 20px 0 !important;\n letter-spacing: -1px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\n }\n\n .koss_location.koss_location--visible .koss_location__title {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_location__subtitle {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: clamp(17px, 1.8vw, 20px) !important;\n font-weight: 300 !important;\n line-height: 1.7 !important;\n color: #666666 !important;\n margin: 0 !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\n }\n\n .koss_location.koss_location--visible .koss_location__subtitle {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n \/* ============================================\n RESPONSIVE - TABLET\n ============================================ *\/\n @media screen and (max-width: 991px) {\n .koss_location {\n padding: 100px 0 !important;\n }\n\n .koss_location__container {\n padding: 0 40px !important;\n }\n }\n\n \/* ============================================\n RESPONSIVE - MOBILE\n ============================================ *\/\n @media screen and (max-width: 768px) {\n .koss_location {\n padding: 80px 0 !important;\n }\n\n .koss_location__container {\n padding: 0 24px !important;\n }\n\n .koss_location__title {\n margin-bottom: 16px !important;\n }\n }\n <\/style><\/head><body><section class=\"koss_location\" id=\"location\"><div class=\"koss_location__container\"><div class=\"koss_location__content\"><span class=\"koss_location__label\">Ubicaci\u00f3n<\/span><h2 class=\"koss_location__title\">El Higuer\u00f3n, Costa del Sol<\/h2><p class=\"koss_location__subtitle\">L\u00e0 o\u00f9 la M\u00e9diterran\u00e9e, la montagne et le soleil se rencontrent. \u00c0 quelques minutes de la mer, connect\u00e9 au monde.<\/p><\/div><\/div><\/section><script>(function() {\n 'use strict';\n\n var section = document.getElementById('location');\n\n function checkVisibility() {\n var rect = section.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.top < windowHeight * 0.85) {\n section.classList.add('koss_location--visible');\n }\n }\n\n var ticking = false;\n \n function onScroll() {\n if (!ticking) {\n requestAnimationFrame(function() {\n checkVisibility();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n checkVisibility();\n\n })();\n <\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad4385b elementor-widget elementor-widget-html\" data-id=\"ad4385b\" 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:\/\/thekosvillas.com\/wp-content\/uploads\/map\/kos.html\" allowfullscreen=\"\" title=\"Parc Vega, carte interactive\" loading=\"lazy\" style=\"height: 80vh; width: 100%;\">\n<\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d33e05 e-con-full e-flex e-con e-parent\" data-id=\"9d33e05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0db64be elementor-widget elementor-widget-html\" data-id=\"0db64be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>The Kos - Unlock<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after {\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Josefin Sans', sans-serif;\n background-color: #f8f8f8;\n color: #333333;\n }\n\n .koss_unlock {\n position: relative !important;\n background-color: #f8f8f8 !important;\n }\n\n .koss_unlock__grid {\n display: grid !important;\n grid-template-columns: 1fr 1fr !important;\n min-height: 700px !important;\n }\n\n .koss_unlock__image-wrapper {\n position: relative !important;\n overflow: hidden !important;\n opacity: 0 !important;\n transform: translateX(-30px) !important;\n transition: opacity 0.8s ease, transform 0.8s ease !important;\n }\n\n .koss_unlock.koss_unlock--visible .koss_unlock__image-wrapper {\n opacity: 1 !important;\n transform: translateX(0) !important;\n }\n\n .koss_unlock__image {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n display: block !important;\n transition: transform 0.6s ease !important;\n }\n\n .koss_unlock__image-wrapper:hover .koss_unlock__image {\n transform: scale(1.03) !important;\n }\n\n .koss_unlock__form-wrapper {\n padding: 80px 60px !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n opacity: 0 !important;\n transform: translateX(30px) !important;\n transition: opacity 0.8s ease 0.15s, transform 0.8s ease 0.15s !important;\n }\n\n .koss_unlock.koss_unlock--visible .koss_unlock__form-wrapper {\n opacity: 1 !important;\n transform: translateX(0) !important;\n }\n\n .koss_unlock__label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #999999 !important;\n margin-bottom: 16px !important;\n display: block !important;\n }\n\n .koss_unlock__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(32px, 4vw, 44px) !important;\n font-weight: 400 !important;\n line-height: 1.2 !important;\n color: #333333 !important;\n margin: 0 0 16px 0 !important;\n letter-spacing: -1px !important;\n }\n\n .koss_unlock__subtitle {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 17px !important;\n font-weight: 300 !important;\n line-height: 1.7 !important;\n color: #666666 !important;\n margin: 0 0 40px 0 !important;\n }\n\n .koss_unlock__agent {\n margin-top: 32px !important;\n padding-top: 28px !important;\n border-top: 1px solid #e8e8e8 !important;\n text-align: center !important;\n display: flex !important;\n justify-content: center !important;\n }\n\n .koss_unlock__agent-card {\n display: block !important;\n padding: 14px 24px !important;\n border: 1px solid #d8d8d8 !important;\n border-radius: 16px !important;\n background: #ffffff !important;\n cursor: pointer !important;\n text-decoration: none !important;\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05) !important;\n touch-action: manipulation !important;\n max-width: 340px !important;\n width: 100% !important;\n }\n\n .koss_unlock__agent-card:hover {\n border-color: #b0b0b0 !important;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;\n }\n\n .koss_unlock__agent-card-title {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 13px !important;\n font-weight: 600 !important;\n color: #333333 !important;\n margin: 0 0 4px 0 !important;\n line-height: 1.4 !important;\n }\n\n .koss_unlock__agent-card-sub {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n color: #777777 !important;\n margin: 0 !important;\n line-height: 1.5 !important;\n }\n\n \/* \u2500\u2500 WPForms inside unlock \u2500\u2500 *\/\n\n .koss_unlock .wpforms-container {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .koss_unlock .wpforms-form {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .koss_unlock .wpforms-field {\n margin-bottom: 20px !important;\n padding: 0 !important;\n }\n\n .koss_unlock .wpforms-field-row {\n display: flex !important;\n gap: 16px !important;\n }\n\n .koss_unlock .wpforms-field-row .wpforms-field-row-block {\n flex: 1 !important;\n }\n\n .koss_unlock .wpforms-field-row .wpforms-field-row-block input {\n width: 100% !important;\n }\n\n .koss_unlock .wpforms-field-label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 400 !important;\n letter-spacing: 1px !important;\n text-transform: uppercase !important;\n color: #666666 !important;\n margin-bottom: 8px !important;\n display: block !important;\n }\n\n .koss_unlock .wpforms-field-required {\n color: #b77352 !important;\n }\n\n .koss_unlock .wpforms-field input[type=\"text\"],\n .koss_unlock .wpforms-field input[type=\"email\"],\n .koss_unlock .wpforms-field input[type=\"tel\"],\n .koss_unlock .wpforms-field input[type=\"number\"],\n .koss_unlock .wpforms-field input[type=\"url\"],\n .koss_unlock .wpforms-field select,\n .koss_unlock .wpforms-field textarea {\n width: 100% !important;\n padding: 16px 20px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 16px !important;\n font-weight: 300 !important;\n color: #333333 !important;\n background-color: #ffffff !important;\n border: 1px solid #e0e0e0 !important;\n border-radius: 8px !important;\n outline: none !important;\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n }\n\n .koss_unlock .wpforms-field input:focus,\n .koss_unlock .wpforms-field select:focus,\n .koss_unlock .wpforms-field textarea:focus {\n border-color: #b77352 !important;\n box-shadow: 0 0 0 3px rgba(183, 115, 82, 0.1) !important;\n }\n\n .koss_unlock .wpforms-field input::placeholder,\n .koss_unlock .wpforms-field textarea::placeholder {\n color: #aaaaaa !important;\n font-weight: 300 !important;\n }\n\n .koss_unlock .wpforms-field textarea {\n min-height: 120px !important;\n resize: vertical !important;\n }\n\n .koss_unlock .wpforms-field select {\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='%23666666' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\") !important;\n background-repeat: no-repeat !important;\n background-position: right 16px center !important;\n padding-right: 44px !important;\n min-width: 0 !important;\n width: 100% !important;\n }\n\n .koss_unlock .wpforms-field.wpforms-field-select-style-classic select,\n div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select {\n padding-top: 10px !important;\n padding-bottom: 5px !important;\n }\n\n .koss_unlock .wpforms-field select option {\n padding: 12px 16px !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .koss_unlock .wpforms-field-phone .iti {\n width: 100% !important;\n }\n\n .koss_unlock .wpforms-field-phone .iti__flag-container {\n padding: 0 !important;\n }\n\n .koss_unlock .wpforms-field-phone .iti__selected-flag {\n padding: 0 12px 0 16px !important;\n background: transparent !important;\n }\n\n .koss_unlock .wpforms-field-phone input[type=\"tel\"] {\n padding-left: 85px !important;\n }\n\n .koss_unlock .wpforms-field-phone .iti--separate-dial-code input[type=\"tel\"] {\n padding-left: 100px !important;\n }\n\n .koss_unlock .wpforms-field-phone .iti__country-list {\n max-width: 360px !important;\n border-radius: 8px !important;\n border: 1px solid #e0e0e0 !important;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;\n }\n\n .koss_unlock .wpforms-field-phone .iti__country {\n padding: 10px 16px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 14px !important;\n }\n\n .koss_unlock .wpforms-field-phone .iti__country:hover {\n background-color: #f5f5f5 !important;\n }\n\n .koss_unlock .wpforms-field-checkbox ul,\n .koss_unlock .wpforms-field-radio ul {\n list-style: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .koss_unlock .wpforms-field-checkbox li,\n .koss_unlock .wpforms-field-radio li {\n margin-bottom: 10px !important;\n }\n\n .koss_unlock .wpforms-field-checkbox label,\n .koss_unlock .wpforms-field-radio label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 15px !important;\n font-weight: 300 !important;\n color: #555555 !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: flex-start !important;\n gap: 10px !important;\n }\n\n .koss_unlock .wpforms-field-checkbox input,\n .koss_unlock .wpforms-field-radio input {\n width: 18px !important;\n height: 18px !important;\n margin-top: 2px !important;\n accent-color: #b77352 !important;\n }\n\n .koss_unlock .wpforms-field-gdpr-checkbox label,\n .koss_unlock .wpforms-field-checkbox label {\n font-size: 13px !important;\n line-height: 1.5 !important;\n color: #888888 !important;\n }\n\n .koss_unlock .wpforms-field-gdpr-checkbox label a,\n .koss_unlock .wpforms-field-checkbox label a {\n color: #b77352 !important;\n text-decoration: none !important;\n }\n\n .koss_unlock .wpforms-field-gdpr-checkbox label a:hover,\n .koss_unlock .wpforms-field-checkbox label a:hover {\n text-decoration: underline !important;\n }\n\n .koss_unlock .wpforms-submit-container {\n margin-top: 32px !important;\n padding: 0 !important;\n }\n\n .koss_unlock .wpforms-submit {\n width: 100% !important;\n padding: 18px 32px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: #ffffff !important;\n background: linear-gradient(135deg, #804330 0%, #b77352 100%) !important;\n border: none !important;\n border-radius: 8px !important;\n cursor: pointer !important;\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease !important;\n }\n\n .koss_unlock .wpforms-submit:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 25px rgba(128, 67, 48, 0.3) !important;\n }\n\n .koss_unlock .wpforms-submit:active {\n transform: translateY(0) !important;\n }\n\n .koss_unlock .wpforms-field.wpforms-has-error input,\n .koss_unlock .wpforms-field.wpforms-has-error select,\n .koss_unlock .wpforms-field.wpforms-has-error textarea {\n border-color: #d64545 !important;\n }\n\n .koss_unlock .wpforms-error {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n color: #d64545 !important;\n margin-top: 6px !important;\n }\n\n .koss_unlock .wpforms-confirmation-container-full {\n padding: 40px !important;\n background-color: #f0f7f0 !important;\n border-radius: 12px !important;\n text-align: center !important;\n }\n\n .koss_unlock .wpforms-confirmation-container-full p {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 17px !important;\n font-weight: 300 !important;\n line-height: 1.7 !important;\n color: #333333 !important;\n margin: 0 !important;\n }\n\n \/* \u2500\u2500 eVoost Partners Signature \u2500\u2500 *\/\n\n .koss_evoost-signature-wrapper {\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n padding: 16px 0 0 0 !important;\n font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\n }\n\n .koss_evoost-signature {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n text-decoration: none !important;\n padding: 8px 12px !important;\n border-radius: 30px !important;\n border: 1px solid rgba(0, 0, 0, 0.1) !important;\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\n position: relative !important;\n overflow: hidden !important;\n background-color: transparent !important;\n }\n\n .koss_evoost-logo {\n width: 16px !important;\n height: 16px !important;\n margin-right: 8px !important;\n opacity: 0.6 !important;\n transition: all 0.5s ease !important;\n position: relative !important;\n z-index: 2 !important;\n }\n\n .koss_evoost-text {\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 0.2px !important;\n color: rgba(0, 0, 0, 0.4) !important;\n transition: all 0.5s ease !important;\n position: relative !important;\n z-index: 2 !important;\n }\n\n .koss_evoost-highlight {\n font-weight: 500 !important;\n color: rgba(0, 0, 0, 0.55) !important;\n transition: all 0.5s ease !important;\n }\n\n .koss_evoost-signature:before {\n content: '' !important;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n background: linear-gradient(135deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 100%) !important;\n opacity: 0;\n transition: opacity 0.5s ease !important;\n z-index: 1 !important;\n }\n\n .koss_evoost-signature:after {\n content: '' !important;\n position: absolute !important;\n top: 0 !important;\n left: -150% !important;\n width: 100% !important;\n height: 100% !important;\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;\n transform: skewX(-25deg) !important;\n z-index: 3 !important;\n opacity: 0;\n transition: opacity 0.2s ease !important;\n }\n\n @keyframes koss_shineEffect {\n 0% { left: -150% !important; }\n 100% { left: 150% !important; }\n }\n\n .koss_evoost-signature:hover {\n border-color: rgba(0, 0, 0, 0.2) !important;\n }\n\n .koss_evoost-signature:hover:before {\n opacity: 1;\n }\n\n .koss_evoost-signature:hover:after {\n opacity: 1;\n animation: koss_shineEffect 1.2s ease-in-out !important;\n }\n\n .koss_evoost-signature:hover .koss_evoost-logo {\n opacity: 0.9 !important;\n transform: scale(1.05) !important;\n }\n\n .koss_evoost-signature:hover .koss_evoost-text {\n color: rgba(0, 0, 0, 0.7) !important;\n }\n\n .koss_evoost-signature:hover .koss_evoost-highlight {\n color: rgba(0, 0, 0, 0.85) !important;\n }\n\n \/* \u2500\u2500 Agent Modal \u2500\u2500 *\/\n\n .koss_agent_modal {\n position: fixed !important;\n inset: 0 !important;\n z-index: 99999 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 24px !important;\n opacity: 0 !important;\n visibility: hidden !important;\n pointer-events: none !important;\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\n -webkit-overflow-scrolling: touch !important;\n }\n\n .koss_agent_modal.koss_agent_modal--open {\n opacity: 1 !important;\n visibility: visible !important;\n pointer-events: auto !important;\n }\n\n .koss_agent_modal__backdrop {\n position: absolute !important;\n inset: 0 !important;\n background: rgba(0, 0, 0, 0.85) !important;\n backdrop-filter: blur(8px) !important;\n -webkit-backdrop-filter: blur(8px) !important;\n }\n\n .koss_agent_modal__content {\n position: relative !important;\n z-index: 2 !important;\n width: 100% !important;\n max-width: 680px !important;\n max-height: 90vh !important;\n overflow-y: auto !important;\n -webkit-overflow-scrolling: touch !important;\n background: #ffffff !important;\n border-radius: 16px !important;\n padding: 48px 56px !important;\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3) !important;\n opacity: 0 !important;\n transform: translateY(20px) scale(0.98) !important;\n transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s !important;\n }\n\n .koss_agent_modal--open .koss_agent_modal__content {\n opacity: 1 !important;\n transform: translateY(0) scale(1) !important;\n }\n\n .koss_agent_modal__close {\n position: absolute !important;\n top: 16px !important;\n right: 16px !important;\n width: 40px !important;\n height: 40px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n background: #f5f5f5 !important;\n border: none !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: background 0.3s ease, transform 0.3s ease !important;\n }\n\n .koss_agent_modal__close:hover {\n background: #e8e8e8 !important;\n transform: rotate(90deg) !important;\n }\n\n .koss_agent_modal__close svg {\n width: 18px !important;\n height: 18px !important;\n fill: #666666 !important;\n }\n\n .koss_agent_modal__header {\n text-align: center !important;\n margin-bottom: 32px !important;\n }\n\n .koss_agent_modal__logo {\n width: 56px !important;\n height: 56px !important;\n margin: 0 auto 24px !important;\n display: block !important;\n object-fit: contain !important;\n }\n\n .koss_agent_modal__title {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 22px !important;\n font-weight: 300 !important;\n color: #333333 !important;\n margin: 0 !important;\n line-height: 1.5 !important;\n }\n\n .koss_agent_modal__title strong {\n font-weight: 400 !important;\n }\n\n \/* \u2500\u2500 WPForms inside agent modal \u2500\u2500 *\/\n\n .koss_agent_modal .wpforms-container {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .koss_agent_modal .wpforms-form {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .koss_agent_modal .wpforms-field {\n margin-bottom: 18px !important;\n padding: 0 !important;\n }\n\n .koss_agent_modal .wpforms-field-label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 400 !important;\n letter-spacing: 1px !important;\n text-transform: uppercase !important;\n color: #666666 !important;\n margin-bottom: 8px !important;\n display: block !important;\n }\n\n .koss_agent_modal .wpforms-field-required {\n color: #b77352 !important;\n }\n\n .koss_agent_modal .wpforms-field input[type=\"text\"],\n .koss_agent_modal .wpforms-field input[type=\"email\"],\n .koss_agent_modal .wpforms-field input[type=\"tel\"],\n .koss_agent_modal .wpforms-field select,\n .koss_agent_modal .wpforms-field textarea {\n width: 100% !important;\n padding: 14px 18px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 15px !important;\n font-weight: 300 !important;\n color: #333333 !important;\n background-color: #f8f8f8 !important;\n border: 1px solid #e0e0e0 !important;\n border-radius: 8px !important;\n outline: none !important;\n transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important;\n }\n\n .koss_agent_modal .wpforms-field input:focus,\n .koss_agent_modal .wpforms-field select:focus,\n .koss_agent_modal .wpforms-field textarea:focus {\n background-color: #ffffff !important;\n border-color: #b77352 !important;\n box-shadow: 0 0 0 3px rgba(183, 115, 82, 0.1) !important;\n }\n\n .koss_agent_modal .wpforms-field textarea {\n min-height: 100px !important;\n resize: vertical !important;\n }\n\n .koss_agent_modal .wpforms-field-phone .iti {\n width: 100% !important;\n }\n\n .koss_agent_modal .wpforms-field-phone .iti__flag-container {\n padding: 0 !important;\n }\n\n .koss_agent_modal .wpforms-field-phone .iti__selected-flag {\n padding: 0 12px 0 16px !important;\n background: transparent !important;\n }\n\n .koss_agent_modal .wpforms-field-phone input[type=\"tel\"] {\n padding-left: 85px !important;\n }\n\n .koss_agent_modal .wpforms-field-phone .iti--separate-dial-code input[type=\"tel\"] {\n padding-left: 100px !important;\n }\n\n .koss_agent_modal .wpforms-field-phone .iti__country-list {\n max-width: 320px !important;\n border-radius: 8px !important;\n border: 1px solid #e0e0e0 !important;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;\n }\n\n .koss_agent_modal .wpforms-field-phone .iti__country {\n padding: 10px 16px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 14px !important;\n }\n\n .koss_agent_modal .wpforms-field-phone .iti__country:hover {\n background-color: #f5f5f5 !important;\n }\n\n .koss_agent_modal .wpforms-field-gdpr-checkbox label,\n .koss_agent_modal .wpforms-field-checkbox label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 13px !important;\n line-height: 1.5 !important;\n color: #888888 !important;\n display: flex !important;\n align-items: flex-start !important;\n gap: 10px !important;\n cursor: pointer !important;\n }\n\n .koss_agent_modal .wpforms-field-gdpr-checkbox label a,\n .koss_agent_modal .wpforms-field-checkbox label a {\n color: #b77352 !important;\n text-decoration: none !important;\n }\n\n .koss_agent_modal .wpforms-field-gdpr-checkbox label a:hover,\n .koss_agent_modal .wpforms-field-checkbox label a:hover {\n text-decoration: underline !important;\n }\n\n .koss_agent_modal .wpforms-field-checkbox input,\n .koss_agent_modal .wpforms-field-gdpr-checkbox input {\n width: 18px !important;\n height: 18px !important;\n margin-top: 2px !important;\n accent-color: #b77352 !important;\n }\n\n .koss_agent_modal .wpforms-submit-container {\n position: relative !important;\n margin-top: 28px !important;\n padding: 0 !important;\n }\n\n .koss_agent_modal .wpforms-submit {\n position: relative !important;\n z-index: 1 !important;\n width: 100% !important;\n padding: 18px 28px 28px 0px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n color: #ffffff !important;\n background: #2a2a2a !important;\n border: none !important;\n border-radius: 8px !important;\n cursor: pointer !important;\n overflow: hidden !important;\n transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n }\n\n .koss_agent_modal .wpforms-submit:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;\n }\n\n .koss_agent_modal .wpforms-submit:active {\n transform: translateY(0) !important;\n }\n\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n\n @media screen and (max-width: 1200px) {\n .koss_unlock__grid {\n min-height: 600px !important;\n }\n\n .koss_unlock__form-wrapper {\n padding: 60px 48px 60px 60px !important;\n }\n }\n\n @media screen and (max-width: 991px) {\n .koss_unlock__grid {\n grid-template-columns: 1fr !important;\n min-height: auto !important;\n }\n\n .koss_unlock__image-wrapper {\n order: 1 !important;\n min-height: 400px !important;\n transform: translateY(20px) !important;\n }\n\n .koss_unlock.koss_unlock--visible .koss_unlock__image-wrapper {\n transform: translateY(0) !important;\n }\n\n .koss_unlock__form-wrapper {\n order: 2 !important;\n max-width: 100% !important;\n padding: 60px 40px !important;\n transform: translateY(20px) !important;\n }\n\n .koss_unlock.koss_unlock--visible .koss_unlock__form-wrapper {\n transform: translateY(0) !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n .koss_unlock__image-wrapper {\n min-height: 320px !important;\n }\n\n .koss_unlock__form-wrapper {\n padding: 48px 24px !important;\n }\n\n .koss_unlock__subtitle {\n font-size: 16px !important;\n margin-bottom: 32px !important;\n }\n\n .koss_unlock .wpforms-field input[type=\"text\"],\n .koss_unlock .wpforms-field input[type=\"email\"],\n .koss_unlock .wpforms-field input[type=\"tel\"],\n .koss_unlock .wpforms-field select,\n .koss_unlock .wpforms-field textarea {\n padding: 14px 16px !important;\n font-size: 16px !important;\n }\n\n .koss_unlock .wpforms-submit {\n padding: 16px 28px !important;\n }\n\n .koss_agent_modal__content {\n padding: 40px 24px !important;\n }\n\n .koss_agent_modal__title {\n font-size: 19px !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"koss_unlock\" id=\"unlock\">\n \n <div class=\"koss_unlock__grid\">\n \n <div class=\"koss_unlock__image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-dron-view.jpg\" alt=\"Terrasse avec vue sur la M\u00e9diterran\u00e9e\" class=\"koss_unlock__image\" loading=\"lazy\">\n <\/div>\n\n <div class=\"koss_unlock__form-wrapper\">\n <span class=\"koss_unlock__label\">Descubre Kos Villas por dentro<\/span>\n <h2 class=\"koss_unlock__title\">D\u00e9bloquez toutes les informations<\/h2>\n <p class=\"koss_unlock__subtitle\">Acc\u00e9dez aux plans d\u00e9taill\u00e9s, aux prix actualis\u00e9s et \u00e0 la disponibilit\u00e9 en temps r\u00e9el. Sans engagement.<\/p>\n \n <div class=\"koss_unlock__form\">\n <style id=\"wpforms-css-vars-216\">\n\t\t\t\t#wpforms-216 {\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-216\"><form id=\"wpforms-form-216\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"216\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/fr\/wp-json\/wp\/v2\/pages\/1772\" data-token=\"470fde8d436bf32c137a28540f6135f9\" data-token-time=\"1779324356\"><noscript class=\"wpforms-error-noscript\">Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-216-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-216-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-216-field_58\" aria-hidden=\"false\">utm_source<\/label><input type=\"text\" id=\"wpforms-216-field_58\" class=\"wpforms-field-medium\" name=\"wpforms[fields][58]\" aria-errormessage=\"wpforms-216-field_58-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_61\" aria-hidden=\"false\">utm_medium<\/label><input type=\"text\" id=\"wpforms-216-field_61\" class=\"wpforms-field-medium\" name=\"wpforms[fields][61]\" aria-errormessage=\"wpforms-216-field_61-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_59\" aria-hidden=\"false\">utm_campaign<\/label><input type=\"text\" id=\"wpforms-216-field_59\" class=\"wpforms-field-medium\" name=\"wpforms[fields][59]\" aria-errormessage=\"wpforms-216-field_59-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_60\" aria-hidden=\"false\">utm_term<\/label><input type=\"text\" id=\"wpforms-216-field_60\" class=\"wpforms-field-medium\" name=\"wpforms[fields][60]\" aria-errormessage=\"wpforms-216-field_60-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_63\" aria-hidden=\"false\">Stage<\/label><input type=\"text\" id=\"wpforms-216-field_63\" class=\"wpforms-field-medium\" name=\"wpforms[fields][63]\" value=\"Pulse\" aria-errormessage=\"wpforms-216-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-216-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-216-field_62\" aria-hidden=\"false\">utm_content<\/label><input type=\"text\" id=\"wpforms-216-field_62\" class=\"wpforms-field-medium\" name=\"wpforms[fields][62]\" aria-errormessage=\"wpforms-216-field_62-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-216-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-216-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-216-field_51\" aria-hidden=\"false\">LMP Pareja Madura nacional \/ retirada<\/label><input type=\"text\" id=\"wpforms-216-field_51\" class=\"wpforms-field-medium\" name=\"wpforms[fields][51]\" value=\"0e8af60f-a8fc-4089-936b-f247bf49e7b8\" aria-errormessage=\"wpforms-216-field_51-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_56\" aria-hidden=\"false\">LMP Familia nacional en crecimiento<\/label><input type=\"text\" id=\"wpforms-216-field_56\" class=\"wpforms-field-medium\" name=\"wpforms[fields][56]\" value=\"51f65774-c533-49cb-a692-86f7d18e7a65\" aria-errormessage=\"wpforms-216-field_56-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_55\" aria-hidden=\"false\">LMP Inversor Internacional Patrimonial<\/label><input type=\"text\" id=\"wpforms-216-field_55\" class=\"wpforms-field-medium\" name=\"wpforms[fields][55]\" value=\"d15699e7-6c0e-4437-822a-aaeedf712ec0\" aria-errormessage=\"wpforms-216-field_55-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_57\" aria-hidden=\"false\">LMP Expatriado internacional<\/label><input type=\"text\" id=\"wpforms-216-field_57\" class=\"wpforms-field-medium\" name=\"wpforms[fields][57]\" value=\"743b4a8a-0f3f-4229-9097-af4b188f52a4\" aria-errormessage=\"wpforms-216-field_57-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_52\" aria-hidden=\"false\">LMP Segunda Residencia Emocional<\/label><input type=\"text\" id=\"wpforms-216-field_52\" class=\"wpforms-field-medium\" name=\"wpforms[fields][52]\" value=\"ca39c7c8-3eed-4336-bf4e-4bfa1c3bc105\" aria-errormessage=\"wpforms-216-field_52-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-216-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-216-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-216-field_39\" aria-hidden=\"false\">DISC Red<\/label><input type=\"text\" id=\"wpforms-216-field_39\" class=\"wpforms-field-medium\" name=\"wpforms[fields][39]\" value=\"Red\" aria-errormessage=\"wpforms-216-field_39-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_40\" aria-hidden=\"false\">DISC Yellow<\/label><input type=\"text\" id=\"wpforms-216-field_40\" class=\"wpforms-field-medium\" name=\"wpforms[fields][40]\" value=\"Yellow\" aria-errormessage=\"wpforms-216-field_40-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_41\" aria-hidden=\"false\">DISC Green<\/label><input type=\"text\" id=\"wpforms-216-field_41\" class=\"wpforms-field-medium\" name=\"wpforms[fields][41]\" value=\"Green\" aria-errormessage=\"wpforms-216-field_41-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-216-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-216-field_42\" aria-hidden=\"false\">DISC Blue<\/label><input type=\"text\" id=\"wpforms-216-field_42\" class=\"wpforms-field-medium\" name=\"wpforms[fields][42]\" value=\"Blue\" aria-errormessage=\"wpforms-216-field_42-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-216-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-216-field_37\">\u00bfCu\u00e1l es tu principal motivaci\u00f3n para buscar una nueva propiedad? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-216-field_37\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][37]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Selecciona ---<\/option><option value=\"Busco un lugar donde desconectar, relajarme y sentirme realmente como en casa.\" class=\"choice-1 depth-1\" >Busco un lugar donde desconectar, relajarme y sentirme realmente como en casa.<\/option><option value=\"Queremos comenzar una nueva etapa de nuestra vida en un entorno inspirador y confortable.\" class=\"choice-2 depth-1\" >Queremos comenzar una nueva etapa de nuestra vida en un entorno inspirador y confortable.<\/option><option value=\"Estamos buscando una casa m\u00e1s grande que se adapte a las necesidades de nuestra familia.\" class=\"choice-3 depth-1\" >Estamos buscando una casa m\u00e1s grande que se adapte a las necesidades de nuestra familia.<\/option><option value=\"Estoy buscando una inversi\u00f3n inmobiliaria rentable y segura.\" class=\"choice-4 depth-1\" >Estoy buscando una inversi\u00f3n inmobiliaria rentable y segura.<\/option><option value=\"Estoy buscando un lugar donde poder trabajar a distancia y disfrutar del estilo de vida.\" class=\"choice-5 depth-1\" >Estoy buscando un lugar donde poder trabajar a distancia y disfrutar del estilo de vida.<\/option><\/select><\/div><div id=\"wpforms-216-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-216-field_38\">\u00bfCu\u00e1l de estas afirmaciones te describe mejor? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-216-field_38\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][38]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Selecciona ---<\/option><option value=\"Me gusta tomar decisiones r\u00e1pidas y resolver problemas.\" class=\"choice-1 depth-1\" >Me gusta tomar decisiones r\u00e1pidas y resolver problemas.<\/option><option value=\"Prefiero comprender completamente mis opciones antes de decidir.\" class=\"choice-2 depth-1\" >Prefiero comprender completamente mis opciones antes de decidir.<\/option><option value=\"Me gusta explorar nuevas ideas y ser creativo.\" class=\"choice-3 depth-1\" >Me gusta explorar nuevas ideas y ser creativo.<\/option><option value=\"Prefiero los m\u00e9todos probados y mantener la estabilidad.\" class=\"choice-4 depth-1\" >Prefiero los m\u00e9todos probados y mantener la estabilidad.<\/option><\/select><\/div><div id=\"wpforms-216-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-216-field_6-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-216-field_6\">Nombre <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-216-field_6\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-216-field_6-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-216-field_8-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-216-field_8\">Apellido <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-216-field_8\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][8]\" aria-errormessage=\"wpforms-216-field_8-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-216-field_9-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-216-field_9\">Tel\u00e9fono <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-216-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=\"Tel\u00e9fono\" aria-errormessage=\"wpforms-216-field_9-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-216-field_15-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"15\"><label class=\"wpforms-field-label\" for=\"wpforms-216-field_15\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-216-field_15\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][15]\" spellcheck=\"false\" aria-errormessage=\"wpforms-216-field_15-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-216-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-216-field_67\">Rango de edad <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-216-field_67\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][67]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Selecciona la opci\u00f3n --<\/option><option value=\"Menos de 35 a\u00f1os\" class=\"choice-1 depth-1\" >Menos de 35 a\u00f1os<\/option><option value=\"Entre 35 y 45 a\u00f1os\" class=\"choice-2 depth-1\" >Entre 35 y 45 a\u00f1os<\/option><option value=\"Entre 45 y 60 a\u00f1os\" class=\"choice-3 depth-1\" >Entre 45 y 60 a\u00f1os<\/option><option value=\"Mayor de 60 a\u00f1os\" class=\"choice-4 depth-1\" >Mayor de 60 a\u00f1os<\/option><\/select><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-216-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-216-field_68\">Indica tu nacionalidad <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-216-field_68\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][68]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Selecciona la opci\u00f3n --<\/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-216-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-216-field_33\" aria-hidden=\"false\">Language<\/label><input type=\"text\" id=\"wpforms-216-field_33\" class=\"wpforms-field-large\" name=\"wpforms[fields][33]\" value=\"Espa\u00f1ol\" aria-errormessage=\"wpforms-216-field_33-error\" ><\/div>\t\t<div id=\"wpforms-216-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-216-field_1\" >Rango para crecimiento<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-216-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-216-field_47-container\" class=\"wpforms-field wpforms-field-checkbox\" data-field-id=\"47\"><fieldset><legend class=\"wpforms-field-label wpforms-label-hide\" aria-hidden=\"false\">RGPD <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><ul id=\"wpforms-216-field_47\" class=\"wpforms-field-required\"><li class=\"choice-1 depth-1\"><input type=\"checkbox\" id=\"wpforms-216-field_47_1\" name=\"wpforms[fields][47][]\" value=\"Acepto la pol\u00edtica de privacidad de este sitio web\" aria-errormessage=\"wpforms-216-field_47_1-error\" aria-describedby=\"wpforms-216-field_47-description\" required ><label class=\"wpforms-field-label-inline\" for=\"wpforms-216-field_47_1\">Acepto la pol\u00edtica de privacidad de este sitio web<\/label><\/li><\/ul><div id=\"wpforms-216-field_47-description\" class=\"wpforms-field-description\">Puedes <a href=\"https:\/\/thekosvillas.com\/privacidad\/\">consultar la pol\u00edtica de privacidad haciendo clic aqu\u00ed<\/a><\/div><\/fieldset><\/div><div id=\"wpforms-216-field_66-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"66\"><input type=\"hidden\" id=\"wpforms-216-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-216-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-216-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-216-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=\"216\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/pages\/1772\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-216\" class=\"wpforms-submit\" data-alt-text=\"Estamos en ello...\" data-submit-text=\"Desbloquear informaci\u00f3n\" aria-live=\"assertive\" value=\"wpforms-submit\">Desbloquear informaci\u00f3n<\/button><img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Chargement en cours\"><\/div><\/form><\/div> \n <\/div>\n\n <div class=\"koss_unlock__agent\">\n <a href=\"#agent-form\" class=\"koss_unlock__agent-card\" id=\"koss_agent_trigger\" role=\"button\">\n <p class='koss_unlock__agent-card-title'>Vous \u00eates agent immobilier ?<\/p>\n <p class='koss_unlock__agent-card-sub'>Envoyez-nous vos coordonn\u00e9es et nous vous contacterons.<\/p>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/section>\n\n \n <div class=\"koss_agent_modal\" id=\"koss_agent_modal\">\n <div class=\"koss_agent_modal__backdrop\" id=\"koss_agent_backdrop\"><\/div>\n \n <div class=\"koss_agent_modal__content\">\n <button class=\"koss_agent_modal__close\" id=\"koss_agent_close\" aria-label=\"Fermer\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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\"\/>\n <\/svg>\n <\/button>\n\n <div class=\"koss_agent_modal__form\" id=\"agent-form\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n 'use strict';\n\n var section = document.getElementById('unlock');\n var modal = document.getElementById('koss_agent_modal');\n var trigger = document.getElementById('koss_agent_trigger');\n var backdrop = document.getElementById('koss_agent_backdrop');\n var closeBtn = document.getElementById('koss_agent_close');\n var modalContent = document.querySelector('.koss_agent_modal__content');\n var scrollY = 0;\n\n function openModal() {\n scrollY = window.scrollY;\n document.body.style.overflow = 'hidden';\n document.body.style.position = 'fixed';\n document.body.style.width = '100%';\n document.body.style.top = '-' + scrollY + 'px';\n modal.classList.add('koss_agent_modal--open');\n }\n\n function closeModal() {\n modal.classList.remove('koss_agent_modal--open');\n document.body.style.overflow = '';\n document.body.style.position = '';\n document.body.style.width = '';\n document.body.style.top = '';\n window.scrollTo(0, scrollY);\n }\n\n if (trigger) {\n trigger.addEventListener('click', function(e) {\n e.preventDefault();\n e.stopPropagation();\n setTimeout(openModal, 10);\n }, false);\n }\n \n if (backdrop) {\n backdrop.addEventListener('click', function(e) {\n e.preventDefault();\n closeModal();\n }, false);\n }\n \n if (closeBtn) {\n closeBtn.addEventListener('click', function(e) {\n e.preventDefault();\n e.stopPropagation();\n closeModal();\n }, false);\n }\n\n if (modalContent) {\n modalContent.addEventListener('click', function(e) {\n e.stopPropagation();\n }, false);\n }\n\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape' && modal && modal.classList.contains('koss_agent_modal--open')) {\n closeModal();\n }\n });\n\n function checkVisibility() {\n if (!section) return;\n var rect = section.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.top < windowHeight * 0.85) {\n section.classList.add('koss_unlock--visible');\n }\n }\n\n var ticking = false;\n \n function onScroll() {\n if (!ticking) {\n requestAnimationFrame(function() {\n checkVisibility();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n checkVisibility();\n\n })();\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5399f7 e-con-full e-flex e-con e-parent\" data-id=\"b5399f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-741e2e0 elementor-widget elementor-widget-html\" data-id=\"741e2e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n *, *::before, *::after { box-sizing: border-box; }\r\n\r\n \/* ============================================\r\n FOOTER\r\n ============================================ *\/\r\n .koss_footer {\r\n background-color: #191919 !important;\r\n padding: 48px 60px !important;\r\n }\r\n\r\n .koss_footer__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n gap: 24px !important;\r\n }\r\n\r\n \/* Brand *\/\r\n .koss_footer__brand {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 24px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_footer__logo-col {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: flex-start !important;\r\n gap: 8px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_footer__brand-separator {\r\n width: 1px !important;\r\n height: 36px !important;\r\n background-color: rgba(255,255,255,0.25) !important;\r\n align-self: center !important;\r\n }\r\n\r\n .koss_footer__logo { flex-shrink: 0 !important; }\r\n .koss_footer__logo img {\r\n height: 72px !important;\r\n width: auto !important;\r\n display: block !important;\r\n filter: brightness(0) invert(1) !important;\r\n opacity: 0.9 !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n .koss_footer__logo:hover img { opacity: 1 !important; }\r\n\r\n .koss_footer__phone {\r\n display: flex !important;\r\n align-items: center !important;\r\n align-self: center !important;\r\n gap: 8px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n .koss_footer__phone:hover { opacity: 0.8 !important; }\r\n .koss_footer__phone-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n opacity: 0.9 !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n \/* Legal *\/\r\n .koss_footer__legal {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n }\r\n .koss_footer__legal a {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 0.5px !important;\r\n color: rgba(255,255,255,0.5) !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n .koss_footer__legal a:hover { color: rgba(255,255,255,0.85) !important; }\r\n .koss_footer__legal-separator {\r\n font-size: 12px !important;\r\n color: rgba(255,255,255,0.25) !important;\r\n user-select: none !important;\r\n }\r\n\r\n \/* Life In Costa *\/\r\n .koss_footer__lic {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: flex-end !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_footer__lic-logo {\r\n height: 36px !important;\r\n max-height: 36px !important;\r\n width: auto !important;\r\n max-width: 100% !important;\r\n display: block !important;\r\n filter: brightness(0) invert(1) !important;\r\n opacity: 0.55 !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n .koss_footer__lic-logo:hover { opacity: 0.85 !important; }\r\n\r\n \/* Language switcher *\/\r\n .koss_footer__lang {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 4px !important;\r\n }\r\n .koss_footer__lang a {\r\n font-family: 'Josefin Sans', 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.35) !important;\r\n text-decoration: none !important;\r\n padding: 3px 5px !important;\r\n border-radius: 2px !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n .koss_footer__lang a:hover { color: rgba(255,255,255,0.75) !important; }\r\n .koss_footer__lang a.koss_lang--active {\r\n color: #fff !important;\r\n font-weight: 600 !important;\r\n cursor: default !important;\r\n pointer-events: none !important;\r\n }\r\n .koss_footer__lang-sep {\r\n font-size: 10px !important;\r\n color: rgba(255,255,255,0.2) !important;\r\n user-select: none !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 991px) {\r\n .koss_footer { padding: 32px 40px !important; }\r\n .koss_footer__container {\r\n flex-wrap: wrap !important;\r\n justify-content: center !important;\r\n gap: 24px !important;\r\n }\r\n .koss_footer__brand { order: 1 !important; width: 100% !important; justify-content: center !important; }\r\n .koss_footer__logo-col { align-items: center !important; }\r\n .koss_footer__logo img { height: 64px !important; }\r\n .koss_footer__legal { order: 2 !important; }\r\n .koss_footer__lic { order: 3 !important; }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .koss_footer { padding: 32px 20px !important; }\r\n .koss_footer__container { flex-direction: column !important; gap: 20px !important; }\r\n .koss_footer__brand { flex-direction: column !important; gap: 12px !important; }\r\n .koss_footer__brand-separator { display: none !important; }\r\n .koss_footer__logo img { height: 56px !important; }\r\n .koss_footer__phone { font-size: 14px !important; }\r\n .koss_footer__legal a { font-size: 11px !important; }\r\n .koss_footer__lic-logo { height: 30px !important; }\r\n }\r\n<\/style>\r\n\r\n\r\n<footer class=\"koss_footer\">\r\n <div class=\"koss_footer__container\">\r\n\r\n \r\n <div class=\"koss_footer__brand\">\r\n <div class=\"koss_footer__logo-col\">\r\n <a href=\"\/\" class=\"koss_footer__logo\" aria-label=\"The Kos - Inicio\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\" alt=\"The Kos\">\r\n <\/a>\r\n <nav class=\"koss_footer__lang\" id=\"koss_lang_switcher\" aria-label=\"Selector de idioma\">\r\n <a data-lang=\"es\" href=\"\/\">ES<\/a>\r\n <span class=\"koss_footer__lang-sep\">|<\/span>\r\n <a data-lang=\"en\" href=\"\/en\/\">EN<\/a>\r\n <span class=\"koss_footer__lang-sep\">|<\/span>\r\n <a data-lang=\"fr\" href=\"\/fr\/\">FR<\/a>\r\n <span class=\"koss_footer__lang-sep\">|<\/span>\r\n <a data-lang=\"de\" href=\"\/de\/\">DE<\/a>\r\n <\/nav>\r\n <\/div>\r\n <span class=\"koss_footer__brand-separator\"><\/span>\r\n <a href=\"tel:+34 911 67 34 39\" id=\"koss_footer_phone_link\" class=\"koss_footer__phone\">\r\n <svg class=\"koss_footer__phone-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n <span class=\"koss_footer__phone-number\">+34 911 67 34 39<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <nav class=\"koss_footer__legal\" aria-label=\"Enlaces legales\">\r\n <a id=\"koss_legal_link\" href=\"\/legal\">Legal<\/a>\r\n <span class=\"koss_footer__legal-separator\">\u00b7<\/span>\r\n <a id=\"koss_privacy_link\" href=\"\/privacidad\">Privacidad<\/a>\r\n <span class=\"koss_footer__legal-separator\">\u00b7<\/span>\r\n <a id=\"koss_cookies_link\" href=\"\/cookies\">Cookies<\/a>\r\n <\/nav>\r\n\r\n \r\n <div class=\"koss_footer__lic\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/lifeincosta.png\"\r\n alt=\"Life In Costa\"\r\n class=\"koss_footer__lic-logo\">\r\n <\/div>\r\n\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n(function() {\r\n \/* \u2500\u2500 Lang config \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 *\/\r\n var langMap = {\r\n es: {\r\n legal: { href: '\/legal', label: 'Legal' },\r\n privacy: { href: '\/privacidad', label: 'Privacidad' },\r\n cookies: { href: '\/cookies', label: 'Cookies' },\r\n ariaNav: 'Enlaces legales',\r\n ariaLang: 'Selector de idioma'\r\n },\r\n en: {\r\n prefix: '\/en',\r\n legal: { href: '\/en\/legal', label: 'Legal' },\r\n privacy: { href: '\/en\/privacy', label: 'Privacy' },\r\n cookies: { href: '\/en\/cookies', label: 'Cookies' },\r\n ariaNav: 'Legal links',\r\n ariaLang: 'Language selector'\r\n },\r\n fr: {\r\n prefix: '\/fr',\r\n legal: { href: '\/fr\/mentions-legales', label: 'Mentions l\u00e9gales' },\r\n privacy: { href: '\/fr\/confidentialite', label: 'Confidentialit\u00e9' },\r\n cookies: { href: '\/fr\/cookies', label: 'Cookies' },\r\n ariaNav: 'Liens juridiques',\r\n ariaLang: 'S\u00e9lecteur de langue'\r\n },\r\n de: {\r\n prefix: '\/de',\r\n legal: { href: '\/de\/impressum', label: 'Impressum' },\r\n privacy: { href: '\/de\/datenschutz', label: 'Datenschutz' },\r\n cookies: { href: '\/de\/cookies', label: 'Cookies' },\r\n ariaNav: 'Rechtliche Hinweise',\r\n ariaLang: 'Sprachauswahl'\r\n }\r\n };\r\n\r\n \/* \u2500\u2500 Detect current locale \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n var path = window.location.pathname;\r\n var match = path.match(\/^\\\/([a-z]{2})(\\\/|$)\/);\r\n var locale = (match && langMap[match[1]]) ? match[1] : 'es';\r\n var cfg = langMap[locale];\r\n\r\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 *\/\r\n var elLegal = document.getElementById('koss_legal_link');\r\n var elPrivacy = document.getElementById('koss_privacy_link');\r\n var elCookies = document.getElementById('koss_cookies_link');\r\n\r\n if (elLegal) { elLegal.href = cfg.legal.href; elLegal.textContent = cfg.legal.label; }\r\n if (elPrivacy) { elPrivacy.href = cfg.privacy.href; elPrivacy.textContent = cfg.privacy.label; }\r\n if (elCookies) { elCookies.href = cfg.cookies.href; elCookies.textContent = cfg.cookies.label; }\r\n\r\n var navLegal = document.querySelector('.koss_footer__legal');\r\n if (navLegal) navLegal.setAttribute('aria-label', cfg.ariaNav);\r\n\r\n \/* \u2500\u2500 Language switcher hrefs + active \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n var slug = path.replace(\/^\\\/[a-z]{2}(\\\/|$)\/, '\/');\r\n if (slug.charAt(0) !== '\/') slug = '\/' + slug;\r\n\r\n var switcher = document.getElementById('koss_lang_switcher');\r\n if (switcher) {\r\n switcher.setAttribute('aria-label', cfg.ariaLang);\r\n var links = switcher.querySelectorAll('a[data-lang]');\r\n for (var i = 0; i < links.length; i++) {\r\n var lang = links[i].getAttribute('data-lang');\r\n if (lang === locale) {\r\n links[i].classList.add('koss_lang--active');\r\n links[i].removeAttribute('href');\r\n } else {\r\n links[i].classList.remove('koss_lang--active');\r\n links[i].href = (lang === 'es') ? slug : '\/' + lang + slug;\r\n }\r\n }\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f04032a e-con-full e-flex e-con e-parent\" data-id=\"f04032a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c917b9c elementor-widget elementor-widget-html\" data-id=\"c917b9c\" 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>\/* ============================================\n EVOOST SIGNATURE (standalone)\n============================================ *\/\n.evoost-signature-wrapper {\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n padding: 0 !important;\n font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\n}\n\n.evoost-signature {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n text-decoration: none !important;\n padding: 8px 12px !important;\n border-radius: 30px !important;\n border: 1px solid rgba(0, 0, 0, 0.1) !important;\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\n position: relative !important;\n overflow: hidden !important;\n background-color: transparent !important;\n}\n\n.evoost-logo {\n width: 16px !important;\n height: 16px !important;\n margin-right: 8px !important;\n opacity: 0.6 !important;\n transition: all 0.5s ease !important;\n position: relative !important;\n z-index: 2 !important;\n}\n\n.evoost-text {\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 0.2px !important;\n color: rgba(0, 0, 0, 0.4) !important;\n transition: all 0.5s ease !important;\n position: relative !important;\n z-index: 2 !important;\n}\n\n.evoost-highlight {\n font-weight: 500 !important;\n color: rgba(0, 0, 0, 0.55) !important;\n transition: all 0.5s ease !important;\n}\n\n.evoost-signature:before {\n content: '' !important;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n background: linear-gradient(135deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 100%) !important;\n opacity: 0;\n transition: opacity 0.5s ease !important;\n z-index: 1 !important;\n}\n\n.evoost-signature:after {\n content: '' !important;\n position: absolute !important;\n top: 0 !important;\n left: -150% !important;\n width: 100% !important;\n height: 100% !important;\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;\n transform: skewX(-25deg) !important;\n z-index: 3 !important;\n opacity: 0;\n transition: opacity 0.2s ease !important;\n}\n\n@keyframes shineEffect {\n 0% { left: -150% !important; }\n 100% { left: 150% !important; }\n}\n\n.evoost-signature:hover {\n border-color: rgba(0, 0, 0, 0.2) !important;\n}\n\n.evoost-signature:hover:before {\n opacity: 1;\n}\n\n.evoost-signature:hover:after {\n opacity: 1;\n animation: shineEffect 1.2s ease-in-out !important;\n}\n\n.evoost-signature:hover .evoost-logo {\n opacity: 0.9 !important;\n transform: scale(1.05) !important;\n}\n\n.evoost-signature:hover .evoost-text {\n color: rgba(0, 0, 0, 0.7) !important;\n}\n\n.evoost-signature:hover .evoost-highlight {\n color: rgba(0, 0, 0, 0.85) !important;\n}\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>The Kos – Hero Cinematic \u00c0 propos Typologies Galerie Emplacement D\u00e9bloquer les informations \u00c0 propos Typologies Galerie Emplacement D\u00e9bloquer les informations 36 Sky Villas Exclusivas L\u00e0 o\u00f9 l’horizon devient votre foyer Vivez l’exp\u00e9rience de vous r\u00e9veiller chaque jour avec la M\u00e9diterran\u00e9e \u00e0 vos pieds, au c\u0153ur de la Costa del Sol. D\u00e9couvrez votre villa Scroll […]<\/p>\n","protected":false},"author":2,"featured_media":1747,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1772","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\n<title>The Kos Higuer\u00f3n | 36 Sky Villas avec piscine priv\u00e9e<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez les 36 Sky Top Villas de 3 et 4 chambres \u00e0 El Higuer\u00f3n, Fuengirola. Vues sur la M\u00e9diterran\u00e9e, exclusivit\u00e9 sur la Costa del Sol\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thekosvillas.com\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Kos Higuer\u00f3n | 36 Sky Villas avec piscine priv\u00e9e\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez les 36 Sky Top Villas de 3 et 4 chambres \u00e0 El Higuer\u00f3n, Fuengirola. Vues sur la M\u00e9diterran\u00e9e, exclusivit\u00e9 sur la Costa del Sol\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thekosvillas.com\/\" \/>\n<meta property=\"og:site_name\" content=\"The Kos Villas\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-28T12:43:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"25 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/thekosvillas.com\/\",\"url\":\"https:\/\/thekosvillas.com\/\",\"name\":\"The Kos Higuer\u00f3n | 36 Sky Villas avec piscine priv\u00e9e\",\"isPartOf\":{\"@id\":\"https:\/\/thekosvillas.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/thekosvillas.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/thekosvillas.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\",\"datePublished\":\"2026-02-04T08:30:31+00:00\",\"dateModified\":\"2026-04-28T12:43:07+00:00\",\"description\":\"D\u00e9couvrez les 36 Sky Top Villas de 3 et 4 chambres \u00e0 El Higuer\u00f3n, Fuengirola. Vues sur la M\u00e9diterran\u00e9e, exclusivit\u00e9 sur la Costa del Sol\",\"breadcrumb\":{\"@id\":\"https:\/\/thekosvillas.com\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thekosvillas.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/thekosvillas.com\/#primaryimage\",\"url\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\",\"contentUrl\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/thekosvillas.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/thekosvillas.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Engage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/thekosvillas.com\/#website\",\"url\":\"https:\/\/thekosvillas.com\/\",\"name\":\"The Kos Villas\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/thekosvillas.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/thekosvillas.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/thekosvillas.com\/#organization\",\"name\":\"The Kos Villas\",\"url\":\"https:\/\/thekosvillas.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\",\"contentUrl\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\",\"width\":600,\"height\":424,\"caption\":\"The Kos Villas\"},\"image\":{\"@id\":\"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"The Kos Higuer\u00f3n | 36 Sky Villas avec piscine priv\u00e9e","description":"D\u00e9couvrez les 36 Sky Top Villas de 3 et 4 chambres \u00e0 El Higuer\u00f3n, Fuengirola. Vues sur la M\u00e9diterran\u00e9e, exclusivit\u00e9 sur la Costa del Sol","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:\/\/thekosvillas.com\/","og_locale":"fr_FR","og_type":"article","og_title":"The Kos Higuer\u00f3n | 36 Sky Villas avec piscine priv\u00e9e","og_description":"D\u00e9couvrez les 36 Sky Top Villas de 3 et 4 chambres \u00e0 El Higuer\u00f3n, Fuengirola. Vues sur la M\u00e9diterran\u00e9e, exclusivit\u00e9 sur la Costa del Sol","og_url":"https:\/\/thekosvillas.com\/","og_site_name":"The Kos Villas","article_modified_time":"2026-04-28T12:43:07+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"25 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thekosvillas.com\/","url":"https:\/\/thekosvillas.com\/","name":"The Kos Higuer\u00f3n | 36 Sky Villas avec piscine priv\u00e9e","isPartOf":{"@id":"https:\/\/thekosvillas.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thekosvillas.com\/#primaryimage"},"image":{"@id":"https:\/\/thekosvillas.com\/#primaryimage"},"thumbnailUrl":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","datePublished":"2026-02-04T08:30:31+00:00","dateModified":"2026-04-28T12:43:07+00:00","description":"D\u00e9couvrez les 36 Sky Top Villas de 3 et 4 chambres \u00e0 El Higuer\u00f3n, Fuengirola. Vues sur la M\u00e9diterran\u00e9e, exclusivit\u00e9 sur la Costa del Sol","breadcrumb":{"@id":"https:\/\/thekosvillas.com\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thekosvillas.com\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/thekosvillas.com\/#primaryimage","url":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","contentUrl":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/thekosvillas.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thekosvillas.com\/"},{"@type":"ListItem","position":2,"name":"Engage"}]},{"@type":"WebSite","@id":"https:\/\/thekosvillas.com\/#website","url":"https:\/\/thekosvillas.com\/","name":"The Kos Villas","description":"","publisher":{"@id":"https:\/\/thekosvillas.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thekosvillas.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/thekosvillas.com\/#organization","name":"The Kos Villas","url":"https:\/\/thekosvillas.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/","url":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png","contentUrl":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png","width":600,"height":424,"caption":"The Kos Villas"},"image":{"@id":"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/pages\/1772","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/comments?post=1772"}],"version-history":[{"count":17,"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/pages\/1772\/revisions"}],"predecessor-version":[{"id":3692,"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/pages\/1772\/revisions\/3692"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/media\/1747"}],"wp:attachment":[{"href":"https:\/\/thekosvillas.com\/fr\/wp-json\/wp\/v2\/media?parent=1772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}