De Kos - Filmische held<\/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 body.koss_locked {\n overflow: hidden !important;\n height: 100vh !important;\n }\n\n .koss_loader {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n background-color: #f8f8f8 !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n justify-content: center !important;\n z-index: 10000 !important;\n opacity: 1 !important;\n visibility: visible !important;\n transition: opacity 0.6s ease, visibility 0.6s ease !important;\n }\n\n .koss_loader.koss_loader--hidden {\n opacity: 0 !important;\n visibility: hidden !important;\n }\n\n .koss_loader__logo {\n max-width: 180px !important;\n width: 60% !important;\n height: auto !important;\n opacity: 0 !important;\n transform: scale(0.95) !important;\n animation: koss_fadeInScale 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.3s forwards !important;\n }\n\n .koss_loader__text {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #999999 !important;\n margin-top: 24px !important;\n opacity: 0 !important;\n animation: koss_fadeInScale 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.6s forwards !important;\n }\n\n .koss_hero {\n position: relative !important;\n width: 100% !important;\n height: 100vh !important;\n overflow: hidden !important;\n }\n\n .koss_hero__bg {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n overflow: hidden !important;\n z-index: 1 !important;\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg') !important;\n background-size: cover !important;\n background-position: center !important;\n }\n\n .koss_hero__video {\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n min-width: 100% !important;\n min-height: 100% !important;\n width: auto !important;\n height: auto !important;\n transform: translate(-50%, -50%) !important;\n object-fit: cover !important;\n }\n\n .koss_hero__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) 0%,\n rgba(0, 0, 0, 0.1) 35%,\n rgba(0, 0, 0, 0.35) 55%,\n rgba(0, 0, 0, 0.7) 100%\n ) !important;\n z-index: 2 !important;\n pointer-events: none !important;\n }\n\n .koss_hero__grid {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n display: grid !important;\n grid-template-columns: repeat(10, 1fr) !important;\n grid-template-rows: repeat(8, 1fr) !important;\n z-index: 5 !important;\n }\n\n .koss_hero__cell {\n background-color: #f8f8f8 !important;\n opacity: 1 !important;\n transform: scale(1) !important;\n transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), \n transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;\n }\n\n .koss_hero__cell.koss_cell--revealed {\n opacity: 0 !important;\n transform: scale(0.9) !important;\n }\n\n .koss_navbar {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n z-index: 9999 !important;\n padding: 24px 0 !important;\n background-color: transparent !important;\n opacity: 0 !important;\n transform: translateY(-20px) !important;\n transition: opacity 0.6s ease, transform 0.6s ease, \n background-color 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease !important;\n }\n\n .koss_navbar.koss_navbar--visible {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_navbar.koss_navbar--solid {\n background-color: #f8f8f8 !important;\n padding: 16px 0 !important;\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06) !important;\n }\n\n .koss_navbar__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n padding: 0 60px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .koss_navbar__logo {\n display: flex !important;\n align-items: center !important;\n text-decoration: none !important;\n }\n\n .koss_navbar__logo img {\n height: 70px !important;\n width: auto !important;\n transition: height 0.4s ease, filter 0.4s ease !important;\n filter: brightness(0) invert(1) !important;\n }\n\n .koss_navbar--solid .koss_navbar__logo img {\n height: 56px !important;\n filter: none !important;\n }\n\n .koss_navbar__nav {\n flex: 1 !important;\n display: flex !important;\n justify-content: center !important;\n }\n\n .koss_navbar__menu {\n display: flex !important;\n gap: 40px !important;\n list-style: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .koss_navbar__menu a {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: 15px !important;\n color: #ffffff !important;\n text-decoration: none !important;\n letter-spacing: 0.5px !important;\n position: relative !important;\n transition: color 0.3s ease !important;\n }\n\n .koss_navbar--solid .koss_navbar__menu a {\n color: #333333 !important;\n }\n\n .koss_navbar__menu a::after {\n content: '' !important;\n position: absolute !important;\n bottom: -4px !important;\n left: 0 !important;\n width: 0 !important;\n height: 1px !important;\n background-color: #ffffff !important;\n transition: width 0.3s ease, background-color 0.3s ease !important;\n }\n\n .koss_navbar--solid .koss_navbar__menu a::after {\n background-color: #7c362a !important;\n }\n\n .koss_navbar__menu a:hover::after {\n width: 100% !important;\n }\n\n .koss_navbar__cta {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 400 !important;\n font-size: 13px !important;\n color: #ffffff !important;\n text-decoration: none !important;\n padding: 12px 28px !important;\n border: 2px solid #ffffff !important;\n border-radius: 8px !important;\n letter-spacing: 0.5px !important;\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;\n }\n\n .koss_navbar__cta:hover {\n background-color: #7c362a !important;\n border-color: #7c362a !important;\n color: #ffffff !important;\n }\n\n .koss_navbar--solid .koss_navbar__cta {\n color: #ffffff !important;\n border-color: #7c362a !important;\n background-color: #7c362a !important;\n }\n\n .koss_navbar--solid .koss_navbar__cta:hover {\n background-color: #5e2a20 !important;\n border-color: #5e2a20 !important;\n }\n\n .koss_navbar__burger {\n display: none !important;\n flex-direction: column !important;\n justify-content: center !important;\n gap: 6px !important;\n width: 32px !important;\n height: 32px !important;\n background: none !important;\n border: none !important;\n cursor: pointer !important;\n padding: 0 !important;\n }\n\n .koss_navbar__burger span {\n display: block !important;\n width: 100% !important;\n height: 2px !important;\n background-color: #ffffff !important;\n transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease !important;\n }\n\n .koss_navbar--solid .koss_navbar__burger span {\n background-color: #333333 !important;\n }\n\n .koss_navbar__burger.koss_burger--active span:nth-child(1) {\n transform: translateY(8px) rotate(45deg) !important;\n background-color: #7c362a !important;\n }\n\n .koss_navbar__burger.koss_burger--active span:nth-child(2) {\n opacity: 0 !important;\n }\n\n .koss_navbar__burger.koss_burger--active span:nth-child(3) {\n transform: translateY(-8px) rotate(-45deg) !important;\n background-color: #7c362a !important;\n }\n\n .koss_mobile_menu {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100vh !important;\n background-color: #f8f8f8 !important;\n z-index: 9998 !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_mobile_menu.koss_mobile_menu--open {\n opacity: 1 !important;\n visibility: visible !important;\n }\n\n .koss_mobile_menu__list {\n list-style: none !important;\n margin: 0 !important;\n padding: 0 !important;\n text-align: center !important;\n }\n\n .koss_mobile_menu__list li {\n margin-bottom: 32px !important;\n }\n\n .koss_mobile_menu__list a {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: 28px !important;\n color: #333333 !important;\n text-decoration: none !important;\n transition: color 0.3s ease !important;\n }\n\n .koss_mobile_menu__list a:hover {\n color: #7c362a !important;\n }\n\n .koss_mobile_menu__cta {\n display: inline-block !important;\n margin-top: 8px !important;\n padding: 10px 20px !important;\n border: 1px solid #7c362a !important;\n border-radius: 6px !important;\n font-size: 13px !important;\n font-weight: 300 !important;\n letter-spacing: 0.3px !important;\n white-space: nowrap !important;\n color: #ffffff !important;\n background-color: #7c362a !important;\n }\n\n .koss_mobile_menu__cta:hover {\n color: #ffffff !important;\n border-color: #5e2a20 !important;\n background-color: #5e2a20 !important;\n }\n\n .koss_mobile_menu__footer {\n position: absolute !important;\n bottom: 48px !important;\n left: 0 !important;\n width: 100% !important;\n text-align: center !important;\n }\n\n .koss_mobile_menu__phone,\n .koss_mobile_menu__phone:link,\n .koss_mobile_menu__phone:visited,\n .koss_mobile_menu__phone:active {\n display: inline-flex !important;\n align-items: center !important;\n gap: 8px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 16px !important;\n font-weight: 300 !important;\n color: #666666 !important;\n text-decoration: none !important;\n transition: color 0.3s ease !important;\n }\n\n .koss_mobile_menu__phone:hover {\n color: #7c362a !important;\n }\n\n .koss_mobile_menu__phone svg {\n width: 18px !important;\n height: 18px !important;\n stroke: currentColor !important;\n }\n\n .koss_mobile_menu__phone-number,\n .koss_mobile_menu__phone-number * {\n color: inherit !important;\n font-family: inherit !important;\n font-size: inherit !important;\n font-weight: inherit !important;\n }\n\n .koss_hero__content {\n position: absolute !important;\n bottom: 12% !important;\n left: 0 !important;\n width: 100% !important;\n z-index: 10 !important;\n opacity: 0 !important;\n transform: translateY(30px) !important;\n transition: opacity 0.8s ease, transform 0.8s ease !important;\n }\n\n .koss_hero__content.koss_content--visible {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_hero__content-inner {\n max-width: 1600px !important;\n margin: 0 auto !important;\n padding: 0 60px !important;\n }\n\n .koss_hero__content-text {\n max-width: 700px !important;\n }\n\n .koss_hero__label {\n display: inline-block !important;\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: rgba(255, 255, 255, 0.8) !important;\n margin-bottom: 16px !important;\n padding-left: 40px !important;\n position: relative !important;\n }\n\n .koss_hero__label::before {\n content: '' !important;\n position: absolute !important;\n left: 0 !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n width: 28px !important;\n height: 1px !important;\n background-color: rgba(255, 255, 255, 0.6) !important;\n }\n\n .koss_hero__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(36px, 5vw, 64px) !important;\n font-weight: 400 !important;\n line-height: 1.15 !important;\n color: #ffffff !important;\n margin: 0 0 24px 0 !important;\n letter-spacing: -1px !important;\n }\n\n .koss_hero__subtitle {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: clamp(16px, 2vw, 20px) !important;\n line-height: 1.6 !important;\n color: rgba(255, 255, 255, 0.85) !important;\n margin: 0 0 32px 0 !important;\n max-width: 500px !important;\n }\n\n .koss_hero__cta {\n display: inline-block !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 400 !important;\n font-size: 14px !important;\n color: #ffffff !important;\n text-decoration: none !important;\n padding: 16px 48px !important;\n border: 2px solid #ffffff !important;\n border-radius: 8px !important;\n letter-spacing: 0.5px !important;\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;\n }\n\n .koss_hero__cta:hover {\n background-color: #7c362a !important;\n border-color: #7c362a !important;\n color: #ffffff !important;\n }\n\n .koss_hero__scroll {\n position: absolute !important;\n bottom: 32px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n gap: 10px !important;\n z-index: 10 !important;\n opacity: 0 !important;\n transition: opacity 0.6s ease !important;\n }\n\n .koss_hero__scroll.koss_scroll--visible {\n opacity: 1 !important;\n }\n\n .koss_hero__scroll span {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: 10px !important;\n letter-spacing: 3px !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.6) !important;\n }\n\n .koss_hero__scroll-line {\n width: 1px !important;\n height: 40px !important;\n background-color: rgba(255, 255, 255, 0.3) !important;\n position: relative !important;\n overflow: hidden !important;\n }\n\n .koss_hero__scroll-line::after {\n content: '' !important;\n position: absolute !important;\n top: -15px !important;\n left: 0 !important;\n width: 100% !important;\n height: 15px !important;\n background-color: rgba(255, 255, 255, 0.8) !important;\n animation: koss_scrollLine 1.8s ease-in-out infinite !important;\n }\n\n .koss_content {\n position: relative !important;\n z-index: 20 !important;\n background-color: #f8f8f8 !important;\n }\n\n @keyframes koss_fadeInScale {\n 0% {\n opacity: 0;\n transform: scale(0.95);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes koss_scrollLine {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(55px);\n }\n }\n\n @media screen and (max-width: 991px) {\n .koss_navbar__container {\n padding: 0 40px !important;\n }\n \n .koss_navbar__nav,\n .koss_navbar__cta {\n display: none !important;\n }\n \n .koss_navbar__burger {\n display: flex !important;\n }\n\n .koss_hero__content-inner {\n padding: 0 40px !important;\n }\n\n .koss_hero__grid {\n grid-template-columns: repeat(8, 1fr) !important;\n grid-template-rows: repeat(8, 1fr) !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n .koss_navbar__container {\n padding: 0 24px !important;\n }\n\n .koss_navbar__logo img {\n height: 56px !important;\n }\n\n .koss_hero__content-inner {\n padding: 0 24px !important;\n }\n\n .koss_hero__content {\n bottom: 15% !important;\n }\n\n .koss_hero__label {\n padding-left: 0 !important;\n margin-bottom: 12px !important;\n }\n\n .koss_hero__label::before {\n display: none !important;\n }\n\n .koss_hero__cta {\n padding: 14px 36px !important;\n font-size: 13px !important;\n }\n\n .koss_hero__grid {\n grid-template-columns: repeat(6, 1fr) !important;\n grid-template-rows: repeat(8, 1fr) !important;\n }\n\n .koss_loader__logo {\n max-width: 140px !important;\n }\n }\n\n @media screen and (max-width: 480px) {\n .koss_hero__grid {\n grid-template-columns: repeat(5, 1fr) !important;\n grid-template-rows: repeat(8, 1fr) !important;\n }\n }\n <\/style>\n<\/head>\n<body class=\"koss_locked\">\n<header class=\"koss_navbar\" id=\"koss_navbar\">\n<div class=\"koss_navbar__container\">\n<a class=\"koss_navbar__logo\" href=\"#\">\n<img decoding=\"async\" alt=\"The Kos Villas\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\"\/>\n<\/a>\n<nav class=\"koss_navbar__nav\">\n<ul class=\"koss_navbar__menu\">\n<li><a href=\"#about\">Over<\/a><\/li>\n<li><a href=\"#tipology\">Typologie\u00ebn<\/a><\/li>\n<li><a href=\"#gallery\">Galerij<\/a><\/li>\n<li><a href=\"#location\">Locatie<\/a><\/li>\n<\/ul>\n<\/nav>\n<a class=\"koss_navbar__cta\" href=\"#unlock\">Ontgrendel informatie<\/a>\n<button aria-label=\"Abrir men\u00fa\" class=\"koss_navbar__burger\" id=\"koss_burger\">\n<span><\/span>\n<span><\/span>\n<span><\/span>\n<\/button>\n<\/div>\n<\/header>\n<div class=\"koss_mobile_menu\" id=\"koss_mobile_menu\">\n<ul class=\"koss_mobile_menu__list\">\n<li><a href=\"#about\">Over<\/a><\/li>\n<li><a href=\"#tipology\">Typologie\u00ebn<\/a><\/li>\n<li><a href=\"#gallery\">Galerij<\/a><\/li>\n<li><a href=\"#location\">Locatie<\/a><\/li>\n<li><a class=\"koss_mobile_menu__cta\" href=\"#unlock\">Ontgrendel informatie<\/a><\/li>\n<\/ul>\n<div class=\"koss_mobile_menu__footer\">\n <a href=\"tel:+34 911 67 34 39\" class=\"koss_mobile_menu__phone\"><svg fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n<\/svg>\n<span class=\"koss_mobile_menu__phone-number\">+34 911 67 34 39<\/span>\n<\/a>\n<\/div>\n<\/div>\n<section class=\"koss_hero\" id=\"koss_hero\">\n<div class=\"koss_hero__bg\">\n<video autoplay=\"\" class=\"koss_hero__video\" id=\"koss_hero_video\" loop=\"\" muted=\"\" playsinline=\"\" poster=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\" preload=\"auto\" webkit-playsinline=\"\">\n<source src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/intro-kos-engage.mp4\" type=\"video\/mp4\"\/>\n<\/video>\n<\/div>\n<div class=\"koss_hero__overlay\"><\/div>\n<div class=\"koss_hero__grid\" id=\"koss_grid\"><\/div>\n<div class=\"koss_hero__content\" id=\"koss_hero_content\">\n<div class=\"koss_hero__content-inner\">\n<div class=\"koss_hero__content-text\">\n<span class=\"koss_hero__label\">36 Exclusieve Sky Villa's<\/span>\n<h1 class=\"koss_hero__title\">Waar de horizon jouw thuis wordt<\/h1>\n<p class=\"koss_hero__subtitle\">Beleef de ervaring van elke dag wakker worden met de Middellandse Zee aan uw voeten, in het hart van de Costa del Sol.<\/p>\n<a class=\"koss_hero__cta\" href=\"#about\">Ontdek uw villa<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"koss_hero__scroll\" id=\"koss_scroll\">\n<span>Rol<\/span>\n<div class=\"koss_hero__scroll-line\"><\/div>\n<\/div>\n<\/section>\n<div class=\"koss_content\"><\/div>\n<script>\n (function() {\n 'use strict';\n\n var CONFIG = {\n LOADER_DURATION: 0,\n LOADER_FADE: 0,\n GRID_START_DELAY: 300,\n CELL_DELAY: 30,\n CONTENT_DELAY: 800,\n GRID_COLS: 10,\n GRID_ROWS: 8\n };\n\n var navbar = document.getElementById('koss_navbar');\n var grid = document.getElementById('koss_grid');\n var heroContent = document.getElementById('koss_hero_content');\n var scrollIndicator = document.getElementById('koss_scroll');\n var burger = document.getElementById('koss_burger');\n var mobileMenu = document.getElementById('koss_mobile_menu');\n var heroVideo = document.getElementById('koss_hero_video');\n\n function initVideo() {\n if (!heroVideo) return;\n \n heroVideo.play().catch(function(error) {\n setTimeout(function() {\n heroVideo.play().catch(function() {});\n }, 100);\n });\n }\n\n function generateGrid() {\n var totalCells = CONFIG.GRID_COLS * CONFIG.GRID_ROWS;\n grid.innerHTML = '';\n \n for (var i = 0; i < totalCells; i++) {\n var cell = document.createElement('div');\n cell.className = 'koss_hero__cell';\n grid.appendChild(cell);\n }\n }\n\n function shuffleArray(array) {\n var shuffled = array.slice();\n for (var i = shuffled.length - 1; i > 0; i--) {\n var j = Math.floor(Math.random() * (i + 1));\n var temp = shuffled[i];\n shuffled[i] = shuffled[j];\n shuffled[j] = temp;\n }\n return shuffled;\n }\n\n function revealGrid(callback) {\n var cells = grid.querySelectorAll('.koss_hero__cell');\n var indices = [];\n \n for (var i = 0; i < cells.length; i++) {\n indices.push(i);\n }\n \n var shuffledIndices = shuffleArray(indices);\n var totalDuration = shuffledIndices.length * CONFIG.CELL_DELAY;\n\n shuffledIndices.forEach(function(index, i) {\n setTimeout(function() {\n cells[index].classList.add('koss_cell--revealed');\n }, i * CONFIG.CELL_DELAY);\n });\n\n if (callback) {\n setTimeout(callback, totalDuration + CONFIG.CONTENT_DELAY);\n }\n }\n\n function showFinalContent() {\n navbar.classList.add('koss_navbar--visible');\n heroContent.classList.add('koss_content--visible');\n \n setTimeout(function() {\n scrollIndicator.classList.add('koss_scroll--visible');\n document.body.classList.remove('koss_locked');\n }, 400);\n }\n\n function startSequence() {\n generateGrid();\n initVideo();\n\n setTimeout(function() {\n revealGrid(function() {\n showFinalContent();\n });\n }, CONFIG.GRID_START_DELAY);\n }\n\n function handleScroll() {\n var scrollY = window.pageYOffset || document.documentElement.scrollTop;\n \n if (scrollY > 100) {\n navbar.classList.add('koss_navbar--solid');\n } else {\n navbar.classList.remove('koss_navbar--solid');\n }\n }\n\n function toggleMobileMenu() {\n burger.classList.toggle('koss_burger--active');\n mobileMenu.classList.toggle('koss_mobile_menu--open');\n document.body.style.overflow = mobileMenu.classList.contains('koss_mobile_menu--open') ? 'hidden' : '';\n }\n\n var mobileLinks = mobileMenu.querySelectorAll('a');\n for (var i = 0; i < mobileLinks.length; i++) {\n mobileLinks[i].addEventListener('click', function() {\n burger.classList.remove('koss_burger--active');\n mobileMenu.classList.remove('koss_mobile_menu--open');\n document.body.style.overflow = '';\n });\n }\n\n window.addEventListener('scroll', handleScroll, { passive: true });\n burger.addEventListener('click', toggleMobileMenu);\n \n startSequence();\n\n \/\/ Login-aware CTA toggle\n (function() {\n var isLogged = document.body.classList.contains('logged-in');\n var ctaText = isLogged ? 'Informatie bekijken' : 'Informatie ontgrendelen';\n var ctaHref = isLogged ? '#unlocked' : '#unlock';\n\n var desktopCta = document.querySelector('.koss_navbar__cta');\n if (desktopCta) {\n desktopCta.textContent = ctaText;\n desktopCta.href = ctaHref;\n }\n\n var mobileCta = document.querySelector('.koss_mobile_menu__cta');\n if (mobileCta) {\n mobileCta.textContent = ctaText;\n mobileCta.href = ctaHref;\n }\n })();\n\n })();\n <\/script>\n<\/body>\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\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>De Kos - Over<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\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 .koss_about {\r\n position: relative !important;\r\n padding: 160px 0px 100px 0px !important;\r\n background-color: #f8f8f8 !important;\r\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\r\n background-repeat: no-repeat !important;\r\n background-position: 35% center !important;\r\n background-size: auto 100% !important;\r\n }\r\n\r\n .koss_about__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: flex-start !important;\r\n gap: 80px !important;\r\n }\r\n\r\n .koss_about__content {\r\n flex: 0 0 45% !important;\r\n position: sticky !important;\r\n top: 120px !important;\r\n }\r\n\r\n .koss_about__label {\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: #999999 !important;\r\n margin-bottom: 24px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(36px, 4.5vw, 56px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.12 !important;\r\n color: #333333 !important;\r\n margin: 0 0 32px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__text {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(17px, 1.8vw, 20px) !important;\r\n line-height: 1.8 !important;\r\n color: #555555 !important;\r\n margin: 0 0 32px 0 !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__text {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__highlight {\r\n color: #7c362a !important;\r\n font-weight: 400 !important;\r\n }\r\n\r\n .koss_about__gradient-text {\r\n background: linear-gradient(\r\n 90deg,\r\n #804330 0%,\r\n #b77352 25%,\r\n #804330 50%,\r\n #b77352 75%,\r\n #804330 100%\r\n ) !important;\r\n background-size: 200% 100% !important;\r\n -webkit-background-clip: text !important;\r\n background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n animation: koss_gradient_shift 4s ease-in-out infinite !important;\r\n }\r\n\r\n @keyframes koss_gradient_shift {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n .koss_about__delivery {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n padding: 14px 24px !important;\r\n background: linear-gradient(135deg, rgba(116, 133, 105, 0.08) 0%, rgba(116, 133, 105, 0.04) 100%) !important;\r\n border: 1px solid rgba(116, 133, 105, 0.2) !important;\r\n border-radius: 50px !important;\r\n margin-bottom: 40px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.25s, transform 0.7s ease 0.25s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__delivery {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__delivery-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n color: #748569 !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_about__delivery-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #666666 !important;\r\n }\r\n\r\n .koss_about__delivery-value {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n color: #748569 !important;\r\n }\r\n\r\n .koss_about__stats {\r\n display: flex !important;\r\n gap: 40px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__stats {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__stat {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: 48px !important;\r\n font-weight: 400 !important;\r\n color: #7c362a !important;\r\n line-height: 1 !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .koss_about__stat-label {\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: 2px !important;\r\n color: #888888 !important;\r\n text-transform: uppercase !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex: 0 0 50% !important;\r\n display: flex !important;\r\n gap: 16px !important;\r\n min-height: 700px !important;\r\n }\r\n\r\n .koss_about__column {\r\n flex: 1 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 16px !important;\r\n will-change: transform !important;\r\n transition: transform 0.15s ease-out !important;\r\n }\r\n\r\n .koss_about__img-wrapper {\r\n position: relative !important;\r\n border-radius: 12px !important;\r\n overflow: hidden !important;\r\n background-color: #e5e5e5 !important;\r\n opacity: 0 !important;\r\n transform: translateY(40px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__img-wrapper {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__column:nth-child(1) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.15s !important; }\r\n .koss_about__column:nth-child(1) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.35s !important; }\r\n .koss_about__column:nth-child(2) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.25s !important; }\r\n .koss_about__column:nth-child(2) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.45s !important; }\r\n .koss_about__column:nth-child(3) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.2s !important; }\r\n .koss_about__column:nth-child(3) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.4s !important; }\r\n\r\n .koss_about__img-wrapper--tall {\r\n height: 380px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--medium {\r\n height: 280px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--short {\r\n height: 220px !important;\r\n }\r\n\r\n .koss_about__img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n }\r\n\r\n .koss_about__img-wrapper:hover .koss_about__img {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n @media screen and (max-width: 1400px) {\r\n .koss_about__container {\r\n gap: 60px !important;\r\n }\r\n\r\n .koss_about__content {\r\n flex: 0 0 42% !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex: 0 0 54% !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-size: 40px !important;\r\n }\r\n\r\n .koss_about__stats {\r\n gap: 32px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 1100px) {\r\n .koss_about {\r\n padding: 100px 0 !important;\r\n background-size: auto 80% !important;\r\n background-position: 60% bottom !important;\r\n }\r\n\r\n .koss_about__container {\r\n padding: 0 40px !important;\r\n flex-direction: column !important;\r\n gap: 60px !important;\r\n }\r\n\r\n .koss_about__content {\r\n flex: none !important;\r\n width: 100% !important;\r\n position: relative !important;\r\n top: 0 !important;\r\n max-width: 600px !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex: none !important;\r\n width: 100% !important;\r\n min-height: 500px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--tall {\r\n height: 300px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--medium {\r\n height: 220px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--short {\r\n height: 180px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_about {\r\n padding: 80px 0 60px !important;\r\n background-size: auto 50% !important;\r\n background-position: 70% 20% !important;\r\n background-attachment: scroll !important;\r\n }\r\n\r\n .koss_about__container {\r\n padding: 0 24px !important;\r\n gap: 40px !important;\r\n }\r\n\r\n .koss_about__text {\r\n margin-bottom: 24px !important;\r\n }\r\n\r\n .koss_about__delivery {\r\n padding: 12px 20px !important;\r\n margin-bottom: 28px !important;\r\n }\r\n\r\n .koss_about__delivery-label {\r\n font-size: 10px !important;\r\n }\r\n\r\n .koss_about__delivery-value {\r\n font-size: 13px !important;\r\n }\r\n\r\n .koss_about__stats {\r\n flex-direction: row !important;\r\n justify-content: space-between !important;\r\n gap: 16px !important;\r\n padding: 20px 0 !important;\r\n border-top: 1px solid #e5e5e5 !important;\r\n border-bottom: 1px solid #e5e5e5 !important;\r\n }\r\n\r\n .koss_about__stat {\r\n flex: 1 !important;\r\n align-items: center !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-size: 28px !important;\r\n margin-bottom: 4px !important;\r\n }\r\n\r\n .koss_about__stat-label {\r\n font-size: 9px !important;\r\n letter-spacing: 1px !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex-direction: column !important;\r\n gap: 12px !important;\r\n min-height: auto !important;\r\n width: 100vw !important;\r\n margin-left: -24px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_about__column {\r\n flex: 0 0 auto !important;\r\n flex-direction: row !important;\r\n gap: 12px !important;\r\n width: max-content !important;\r\n padding: 0 !important;\r\n will-change: transform !important;\r\n }\r\n\r\n .koss_about__img-wrapper {\r\n flex-shrink: 0 !important;\r\n border-radius: 12px !important;\r\n opacity: 1 !important;\r\n transform: none !important;\r\n }\r\n\r\n .koss_about__img-wrapper--tall,\r\n .koss_about__img-wrapper--medium,\r\n .koss_about__img-wrapper--short {\r\n width: calc(100vw - 48px) !important;\r\n height: 220px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_about__container {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-size: 24px !important;\r\n }\r\n\r\n .koss_about__stat-label {\r\n font-size: 8px !important;\r\n }\r\n\r\n .koss_about__delivery {\r\n flex-wrap: wrap !important;\r\n gap: 6px 10px !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n margin-left: -20px !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .koss_about__column {\r\n gap: 10px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--tall,\r\n .koss_about__img-wrapper--medium,\r\n .koss_about__img-wrapper--short {\r\n width: calc(100vw - 40px) !important;\r\n height: 200px !important;\r\n }\r\n }\r\n <\/style>\n<\/head>\n<body>\n<section class=\"koss_about\" id=\"about\">\n<div class=\"koss_about__container\">\n<div class=\"koss_about__content\">\n<span class=\"koss_about__label\">El Higueron, Costa del Sol<\/span>\n<h2 class=\"koss_about__title\">De verovering van<span class=\"koss_about__gradient-text\">zintuigen<\/span><\/h2>\n<p class=\"koss_about__text\">Op de top van El Higuer\u00f3n, waar de Middellandse Zee zich tot in het oneindige uitstrekt, wordt een uniek woonconcept geboren.<span class=\"koss_about__highlight\">Kos is niet alleen een plek om te wonen, het is een manier om het leven te begrijpen.<\/span>Architectuur die ademt, ruimtes die inspireren, uitzichten die prikkelen.<\/p>\n<div class=\"koss_about__delivery\">\n<svg class=\"koss_about__delivery-icon\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<rect height=\"18\" rx=\"2\" ry=\"2\" width=\"18\" x=\"3\" y=\"4\"><\/rect>\n<line x1=\"16\" x2=\"16\" y1=\"2\" y2=\"6\"><\/line>\n<line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"6\"><\/line>\n<line x1=\"3\" x2=\"21\" y1=\"10\" y2=\"10\"><\/line>\n<\/svg>\n<span class=\"koss_about__delivery-label\">Geschatte levering<\/span>\n<span class=\"koss_about__delivery-value\">Q1 2027<\/span>\n<\/div>\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 Villa's<\/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\">zonnige dagen<\/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\">Panoramisch uitzicht<\/span>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"koss_about__gallery\" id=\"koss_gallery\">\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\" alt=\"Vista a\u00e9rea The Kos\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-dron-view.jpg\"\/>\n<\/div>\n<div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\n<img decoding=\"async\" alt=\"Piscina interior\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-interior.jpg\"\/>\n<\/div>\n<\/div>\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\" alt=\"Piscina comunitaria\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-comunitaria-exterior.jpg\"\/>\n<\/div>\n<div class=\"koss_about__img-wrapper koss_about__img-wrapper--short\">\n<img decoding=\"async\" alt=\"Terraza exterior\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-terraza-exterior.jpg\"\/>\n<\/div>\n<\/div>\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\" alt=\"Sal\u00f3n interior\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-salon-interior-terraza.jpg\"\/>\n<\/div>\n<div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\n<img decoding=\"async\" alt=\"Piscina exterior\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-exterior.jpg\"\/>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var about = document.getElementById('about');\r\n var columns = document.querySelectorAll('.koss_about__column');\r\n var statNumbers = document.querySelectorAll('.koss_about__stat-number');\r\n \r\n var ticking = false;\r\n var statsAnimated = false;\r\n var isMobile = window.innerWidth <= 768;\r\n\r\n function updateParallaxDesktop() {\r\n if (isMobile) return;\r\n\r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.bottom < 0 || rect.top > windowHeight) return;\r\n\r\n var sectionCenter = rect.top + rect.height \/ 2;\r\n var viewportCenter = windowHeight \/ 2;\r\n var offset = sectionCenter - viewportCenter;\r\n\r\n columns.forEach(function(column) {\r\n var direction = column.getAttribute('data-direction');\r\n var speed = parseFloat(column.getAttribute('data-speed'));\r\n \r\n var movement = offset * speed;\r\n \r\n if (direction === 'up') {\r\n column.style.transform = 'translateY(' + movement + 'px)';\r\n } else {\r\n column.style.transform = 'translateY(' + (-movement) + 'px)';\r\n }\r\n });\r\n }\r\n\r\n function updateParallaxMobile() {\r\n if (!isMobile) return;\r\n\r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n var sectionHeight = rect.height;\r\n \r\n var visibleTop = Math.max(0, windowHeight - rect.top);\r\n var scrollProgress = visibleTop \/ (windowHeight + sectionHeight);\r\n scrollProgress = Math.max(0, Math.min(1, scrollProgress));\r\n\r\n var padding = window.innerWidth <= 480 ? 20 : 24;\r\n var gapSize = window.innerWidth <= 480 ? 10 : 12;\r\n var imageWidth = window.innerWidth - (padding * 2);\r\n var maxShift = imageWidth + gapSize;\r\n\r\n columns.forEach(function(column, index) {\r\n var movement;\r\n var speed = 0.7;\r\n \r\n if (index === 0) {\r\n movement = padding - (scrollProgress * maxShift * speed);\r\n } else if (index === 1) {\r\n var startPos = -(imageWidth + gapSize) + padding;\r\n movement = startPos + (scrollProgress * maxShift * speed);\r\n } else {\r\n movement = padding - (scrollProgress * maxShift * (speed * 0.85));\r\n }\r\n \r\n column.style.setProperty('transform', 'translateX(' + movement + 'px)', 'important');\r\n });\r\n }\r\n\r\n function animateStats() {\r\n if (statsAnimated) return;\r\n \r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.7) {\r\n statsAnimated = true;\r\n \r\n statNumbers.forEach(function(stat) {\r\n var target = parseInt(stat.getAttribute('data-target'));\r\n var duration = 1500;\r\n var startTime = null;\r\n \r\n function animate(currentTime) {\r\n if (!startTime) startTime = currentTime;\r\n var progress = Math.min((currentTime - startTime) \/ duration, 1);\r\n var easeProgress = 1 - Math.pow(2, -10 * progress);\r\n var current = Math.floor(easeProgress * target);\r\n \r\n if (target === 181) {\r\n stat.textContent = current + '\u00ba';\r\n } else {\r\n stat.textContent = current;\r\n }\r\n \r\n if (progress < 1) {\r\n requestAnimationFrame(animate);\r\n }\r\n }\r\n \r\n requestAnimationFrame(animate);\r\n });\r\n }\r\n }\r\n\r\n function checkVisibility() {\r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n about.classList.add('koss_about--visible');\r\n }\r\n }\r\n\r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n animateStats();\r\n if (isMobile) {\r\n updateParallaxMobile();\r\n } else {\r\n updateParallaxDesktop();\r\n }\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n function onResize() {\r\n var wasMobile = isMobile;\r\n isMobile = window.innerWidth <= 768;\r\n \r\n if (wasMobile !== isMobile) {\r\n columns.forEach(function(column) {\r\n column.style.transform = '';\r\n });\r\n }\r\n \r\n if (isMobile) {\r\n updateParallaxMobile();\r\n } else {\r\n updateParallaxDesktop();\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n window.addEventListener('resize', onResize, { passive: true });\r\n \r\n checkVisibility();\r\n animateStats();\r\n if (isMobile) {\r\n updateParallaxMobile();\r\n } else {\r\n updateParallaxDesktop();\r\n }\r\n\r\n })();\r\n <\/script>\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\/03\/eng-kos-engage.mp4\" data-video-src-mobile=\"\">\r\n \r\n \n<div class=\"koss_separator__header\">\n<h2 class=\"koss_separator__title\">Ontworpen om te leven<\/h2>\n<p class=\"koss_separator__subtitle\">Elke villa is een toevluchtsoord van licht, ruimte en rust<\/p>\n<\/div>\n\n<div class=\"koss_separator__video-container\">\n<video autoplay=\"\" class=\"koss_separator__video\" id=\"koss_separator_video\" loop=\"\" muted=\"\" playsinline=\"\" poster=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\">\n<\/video>\n<div class=\"koss_separator__video-overlay\"><\/div>\n\n<div class=\"koss_separator__controls\">\n\n<button aria-label=\"Pausar video\" class=\"koss_separator__control-btn koss_playing\" id=\"koss_playpause\">\n<svg class=\"koss_icon--play\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M8 5v14l11-7z\"><\/path>\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\"><\/path>\n<\/svg>\n<\/button>\n\n<button aria-label=\"Activar sonido\" class=\"koss_separator__control-btn\" id=\"koss_mutetoggle\">\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\"><\/path>\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\"><\/path>\n<\/svg>\n<\/button>\n\n<button aria-label=\"Pantalla completa\" class=\"koss_separator__control-btn\" id=\"koss_fullscreen\">\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\"><\/path>\n<\/svg>\n<\/button>\n<\/div>\n<\/div>\n<\/section>\n<style>\r\n \/* ============================================\r\n SEPARATOR SECTION\r\n ============================================ *\/\r\n .koss_separator {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n background-color: #1a1a1a !important;\r\n }\r\n\r\n \/* ============================================\r\n HEADER (20vh)\r\n ============================================ *\/\r\n .koss_separator__header {\r\n position: relative !important;\r\n height: 20vh !important;\r\n min-height: 160px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-align: center !important;\r\n padding: 24px 24px !important;\r\n background-color: #f8f8f8 !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_separator__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 5vw, 56px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #333333 !important;\r\n margin: 0 0 12px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_separator__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(15px, 1.8vw, 20px) !important;\r\n line-height: 1.6 !important;\r\n color: #666666 !important;\r\n margin: 0 !important;\r\n max-width: 500px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n VIDEO CONTAINER (80vh)\r\n ============================================ *\/\r\n .koss_separator__video-container {\r\n position: relative !important;\r\n height: 80vh !important;\r\n min-height: 400px !important;\r\n overflow: hidden !important;\r\n opacity: 0 !important;\r\n transform: scale(0.98) !important;\r\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__video-container {\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n }\r\n\r\n .koss_separator__video {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n }\r\n\r\n .koss_separator__video-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(0, 0, 0, 0.1) 0%,\r\n rgba(0, 0, 0, 0) 20%,\r\n rgba(0, 0, 0, 0) 80%,\r\n rgba(0, 0, 0, 0.2) 100%\r\n ) !important;\r\n pointer-events: none !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* ============================================\r\n GLASSMORPHISM CONTROLS\r\n ============================================ *\/\r\n .koss_separator__controls {\r\n position: absolute !important;\r\n bottom: 24px !important;\r\n right: 24px !important;\r\n display: flex !important;\r\n gap: 8px !important;\r\n z-index: 10 !important;\r\n opacity: 0 !important;\r\n transform: translateY(10px) !important;\r\n transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__controls {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_separator__control-btn {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 48px !important;\r\n height: 48px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.25) !important;\r\n border-radius: 12px !important;\r\n background: rgba(255, 255, 255, 0.12) !important;\r\n backdrop-filter: blur(12px) !important;\r\n -webkit-backdrop-filter: blur(12px) !important;\r\n cursor: pointer !important;\r\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.2s ease !important;\r\n }\r\n\r\n .koss_separator__control-btn:hover {\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n border-color: rgba(255, 255, 255, 0.4) !important;\r\n }\r\n\r\n .koss_separator__control-btn:active {\r\n transform: scale(0.95) !important;\r\n }\r\n\r\n .koss_separator__control-btn svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n fill: rgba(255, 255, 255, 0.9) !important;\r\n transition: fill 0.3s ease !important;\r\n }\r\n\r\n .koss_separator__control-btn:hover svg {\r\n fill: #ffffff !important;\r\n }\r\n\r\n .koss_separator__control-btn .koss_icon--pause,\r\n .koss_separator__control-btn .koss_icon--unmute {\r\n display: none !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_playing .koss_icon--play {\r\n display: none !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_playing .koss_icon--pause {\r\n display: block !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_unmuted .koss_icon--mute {\r\n display: none !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_unmuted .koss_icon--unmute {\r\n display: block !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 1100px) {\r\n .koss_separator__header {\r\n min-height: 140px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .koss_separator__header {\r\n height: 22vh !important;\r\n min-height: 140px !important;\r\n padding: 20px !important;\r\n }\r\n\r\n .koss_separator__video-container {\r\n height: 78vh !important;\r\n min-height: 350px !important;\r\n }\r\n\r\n .koss_separator__title {\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .koss_separator__controls {\r\n bottom: 16px !important;\r\n right: 16px !important;\r\n gap: 6px !important;\r\n }\r\n\r\n .koss_separator__control-btn {\r\n width: 46px !important;\r\n height: 46px !important;\r\n border-radius: 10px !important;\r\n }\r\n\r\n .koss_separator__control-btn svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_separator__header {\r\n height: 24vh !important;\r\n min-height: 130px !important;\r\n }\r\n\r\n .koss_separator__video-container {\r\n height: 76vh !important;\r\n }\r\n\r\n .koss_separator__subtitle {\r\n padding: 0 8px !important;\r\n }\r\n }\r\n<\/style>\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var separator = document.getElementById('separator');\r\n var video = document.getElementById('koss_separator_video');\r\n var playPauseBtn = document.getElementById('koss_playpause');\r\n var muteToggleBtn = document.getElementById('koss_mutetoggle');\r\n var fullscreenBtn = document.getElementById('koss_fullscreen');\r\n\r\n \/\/ ============================================\r\n \/\/ VISIBILITY ANIMATION\r\n \/\/ ============================================\r\n function checkVisibility() {\r\n var rect = separator.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n separator.classList.add('koss_separator--visible');\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ VIDEO CONTROLS\r\n \/\/ ============================================\r\n \r\n playPauseBtn.addEventListener('click', function() {\r\n if (video.paused) {\r\n video.play();\r\n playPauseBtn.classList.add('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n } else {\r\n video.pause();\r\n playPauseBtn.classList.remove('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\r\n }\r\n });\r\n\r\n muteToggleBtn.addEventListener('click', function() {\r\n if (video.muted) {\r\n video.muted = false;\r\n muteToggleBtn.classList.add('koss_unmuted');\r\n muteToggleBtn.setAttribute('aria-label', 'Silenciar');\r\n } else {\r\n video.muted = true;\r\n muteToggleBtn.classList.remove('koss_unmuted');\r\n muteToggleBtn.setAttribute('aria-label', 'Activar sonido');\r\n }\r\n });\r\n\r\n fullscreenBtn.addEventListener('click', function() {\r\n if (document.fullscreenElement || document.webkitFullscreenElement) {\r\n if (document.exitFullscreen) {\r\n document.exitFullscreen();\r\n } else if (document.webkitExitFullscreen) {\r\n document.webkitExitFullscreen();\r\n }\r\n return;\r\n }\r\n\r\n if (video.webkitEnterFullscreen) {\r\n video.webkitEnterFullscreen();\r\n return;\r\n }\r\n\r\n if (video.requestFullscreen) {\r\n video.requestFullscreen();\r\n } else if (video.webkitRequestFullscreen) {\r\n video.webkitRequestFullscreen();\r\n } else if (video.msRequestFullscreen) {\r\n video.msRequestFullscreen();\r\n }\r\n });\r\n\r\n video.addEventListener('webkitendfullscreen', function() {\r\n video.play();\r\n playPauseBtn.classList.add('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n });\r\n\r\n document.addEventListener('fullscreenchange', function() {\r\n if (!document.fullscreenElement && video.paused) {\r\n video.play();\r\n playPauseBtn.classList.add('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n }\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ SCROLL HANDLER\r\n \/\/ ============================================\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ INIT - Video source injection (desktop vs mobile)\r\n \/\/ ============================================\r\n var mobileBreakpoint = 768;\r\n var isMobile = window.innerWidth <= mobileBreakpoint;\r\n var videoSrcDesktop = separator.getAttribute('data-video-src');\r\n var videoSrcMobile = separator.getAttribute('data-video-src-mobile');\r\n\r\n var videoSrc = isMobile && videoSrcMobile && videoSrcMobile.indexOf('[') === -1 && videoSrcMobile.trim() !== ''\r\n ? videoSrcMobile\r\n : videoSrcDesktop;\r\n\r\n if (videoSrc && videoSrc.indexOf('[') === -1 && videoSrc.trim() !== '') {\r\n video.src = videoSrc;\r\n video.load();\r\n video.play().catch(function() {\r\n playPauseBtn.classList.remove('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\r\n });\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-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\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>De Kos - Typologie\u00ebn<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\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 }\r\n\r\n .koss_typologies {\r\n position: relative !important;\r\n padding: 140px 0 !important;\r\n background-color: #f8f8f8 !important;\r\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\r\n background-repeat: no-repeat !important;\r\n background-position: -5% 80% !important;\r\n background-size: auto 70% !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koss_typologies__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_typologies__header {\r\n text-align: center !important;\r\n margin-bottom: 64px !important;\r\n }\r\n\r\n .koss_typologies__label {\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: #999999 !important;\r\n margin-bottom: 16px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_typologies__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 4.5vw, 48px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #333333 !important;\r\n margin: 0 0 16px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_typologies__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: clamp(16px, 1.6vw, 19px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.6 !important;\r\n color: #666666 !important;\r\n margin: 0 !important;\r\n max-width: 480px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_typologies__grid {\r\n display: grid !important;\r\n grid-template-columns: 1.5fr 1fr !important;\r\n gap: 20px !important;\r\n min-height: 580px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__grid {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\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;\r\n }\r\n\r\n .koss_typologies__card {\r\n position: relative !important;\r\n border-radius: 16px !important;\r\n overflow: hidden !important;\r\n cursor: pointer !important;\r\n transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n border-radius: 16px !important;\r\n padding: 2px !important;\r\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.6) 0%, rgba(128, 67, 48, 0.3) 50%, transparent 100%) !important;\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n -webkit-mask-composite: xor !important;\r\n mask-composite: exclude !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 10 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .koss_typologies__card:hover::before {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_typologies__card::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n width: 300px !important;\r\n height: 300px !important;\r\n background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%) !important;\r\n border-radius: 50% !important;\r\n pointer-events: none !important;\r\n z-index: 3 !important;\r\n opacity: 0 !important;\r\n transform: translate(-50%, -50%) !important;\r\n transition: opacity 0.3s ease !important;\r\n left: var(--mouse-x, 50%) !important;\r\n top: var(--mouse-y, 50%) !important;\r\n }\r\n\r\n .koss_typologies__card:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_typologies__card--main {\r\n min-height: 580px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary {\r\n min-height: 580px !important;\r\n }\r\n\r\n .koss_typologies__card-image-wrapper {\r\n position: absolute !important;\r\n inset: -20px !important;\r\n overflow: hidden !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .koss_typologies__card-image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n will-change: transform !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-image {\r\n transform: scale(1.06) !important;\r\n }\r\n\r\n .koss_typologies__card-overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(\r\n to top,\r\n rgba(0, 0, 0, 0.8) 0%,\r\n rgba(0, 0, 0, 0.4) 40%,\r\n rgba(0, 0, 0, 0.1) 70%,\r\n rgba(0, 0, 0, 0.05) 100%\r\n ) !important;\r\n transition: background 0.5s ease !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-overlay {\r\n background: linear-gradient(\r\n to top,\r\n rgba(0, 0, 0, 0.75) 0%,\r\n rgba(0, 0, 0, 0.25) 40%,\r\n rgba(0, 0, 0, 0.02) 70%,\r\n transparent 100%\r\n ) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-overlay {\r\n background: linear-gradient(\r\n to top,\r\n rgba(0, 0, 0, 0.85) 0%,\r\n rgba(0, 0, 0, 0.5) 50%,\r\n rgba(0, 0, 0, 0.25) 100%\r\n ) !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding: 40px !important;\r\n z-index: 5 !important;\r\n transform: translateY(0) !important;\r\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-content {\r\n transform: translateY(-10px) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-content {\r\n padding: 32px !important;\r\n }\r\n\r\n .koss_typologies__card-badge {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n margin-bottom: 12px !important;\r\n display: block !important;\r\n transition: color 0.4s ease !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-badge {\r\n color: rgba(183, 115, 82, 0.9) !important;\r\n }\r\n\r\n .koss_typologies__card-name {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 8px 0 !important;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card--main .koss_typologies__card-name {\r\n font-size: clamp(32px, 4vw, 44px) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-name {\r\n font-size: clamp(24px, 3vw, 32px) !important;\r\n }\r\n\r\n .koss_typologies__card-tagline {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n font-style: italic !important;\r\n letter-spacing: 0.3px !important;\r\n color: rgba(255, 255, 255, 0.65) !important;\r\n margin: 0 0 28px 0 !important;\r\n transition: color 0.4s ease !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-tagline {\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-tagline {\r\n font-size: 14px !important;\r\n margin-bottom: 22px !important;\r\n }\r\n\r\n .koss_typologies__card-details {\r\n display: flex !important;\r\n flex-wrap: wrap !important;\r\n gap: 28px !important;\r\n margin-bottom: 28px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-details {\r\n gap: 20px !important;\r\n margin-bottom: 22px !important;\r\n }\r\n\r\n .koss_typologies__card-detail {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-icon {\r\n width: 22px !important;\r\n height: 22px !important;\r\n color: rgba(183, 115, 82, 0.85) !important;\r\n flex-shrink: 0 !important;\r\n transition: transform 0.3s ease, color 0.3s ease !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-detail-icon {\r\n transform: scale(1.1) !important;\r\n color: rgba(183, 115, 82, 1) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-detail-icon {\r\n width: 20px !important;\r\n height: 20px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-text {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 2px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 9px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.4) !important;\r\n }\r\n\r\n .koss_typologies__card-detail-value {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 17px !important;\r\n font-weight: 300 !important;\r\n color: #ffffff !important;\r\n transition: all 0.5s ease !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-detail-value {\r\n font-size: 15px !important;\r\n }\r\n\r\n .koss_typologies__card-cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 16px 32px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.3) !important;\r\n border-radius: 8px !important;\r\n background: rgba(255, 255, 255, 0.05) !important;\r\n backdrop-filter: blur(10px) !important;\r\n -webkit-backdrop-filter: blur(10px) !important;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koss_typologies__card-cta::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -100% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent) !important;\r\n transition: left 0.6s ease !important;\r\n }\r\n\r\n .koss_typologies__card-cta:hover::before {\r\n left: 100% !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-cta {\r\n padding: 14px 28px !important;\r\n font-size: 12px !important;\r\n }\r\n\r\n .koss_typologies__card-cta:hover {\r\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.35) 0%, rgba(128, 67, 48, 0.25) 100%) !important;\r\n border-color: rgba(183, 115, 82, 0.5) !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 10px 30px rgba(128, 67, 48, 0.25) !important;\r\n }\r\n\r\n .koss_typologies__card-cta svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n fill: currentColor !important;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card-cta:hover svg {\r\n transform: translateX(6px) !important;\r\n }\r\n\r\n .koss_typologies__swap-hint {\r\n position: absolute !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n display: none !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n padding: 8px 14px !important;\r\n background: rgba(0, 0, 0, 0.3) !important;\r\n backdrop-filter: blur(8px) !important;\r\n -webkit-backdrop-filter: blur(8px) !important;\r\n border-radius: 6px !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.3s ease !important;\r\n z-index: 6 !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__swap-hint {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_typologies__swap-hint svg {\r\n width: 12px !important;\r\n height: 12px !important;\r\n fill: currentColor !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped {\r\n grid-template-columns: 1fr 1.5fr !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--main {\r\n order: 2 !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--secondary {\r\n order: 1 !important;\r\n }\r\n\r\n .koss_typologies__disclaimer {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n font-style: italic !important;\r\n line-height: 1.6 !important;\r\n color: #999999 !important;\r\n text-align: center !important;\r\n max-width: 900px !important;\r\n margin: 48px auto 0 !important;\r\n padding: 0 20px !important;\r\n opacity: 0 !important;\r\n transform: translateY(10px) !important;\r\n transition: opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__disclaimer {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n @media screen and (max-width: 1200px) {\r\n .koss_typologies__grid {\r\n grid-template-columns: 1.3fr 1fr !important;\r\n gap: 16px !important;\r\n min-height: 520px !important;\r\n }\r\n\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 520px !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n padding: 32px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-content {\r\n padding: 28px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_typologies {\r\n padding: 100px 0 !important;\r\n background-position: -20% 90% !important;\r\n background-size: auto 50% !important;\r\n }\r\n\r\n .koss_typologies__container {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .koss_typologies__header {\r\n margin-bottom: 48px !important;\r\n }\r\n\r\n .koss_typologies__grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 16px !important;\r\n min-height: auto !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped {\r\n grid-template-columns: 1fr !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--main,\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--secondary {\r\n order: unset !important;\r\n }\r\n\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 420px !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n padding: 28px !important;\r\n }\r\n\r\n .koss_typologies__swap-hint {\r\n display: none !important;\r\n }\r\n\r\n .koss_typologies__disclaimer {\r\n margin-top: 32px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_typologies {\r\n padding: 80px 0 !important;\r\n background-image: none !important;\r\n }\r\n\r\n .koss_typologies__container {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .koss_typologies__header {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .koss_typologies__grid {\r\n gap: 12px !important;\r\n }\r\n\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 380px !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n padding: 24px !important;\r\n }\r\n\r\n .koss_typologies__card-name {\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koss_typologies__card--main .koss_typologies__card-name {\r\n font-size: 28px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-name {\r\n font-size: 24px !important;\r\n }\r\n\r\n .koss_typologies__card-tagline {\r\n font-size: 13px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .koss_typologies__card-details {\r\n gap: 18px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-value {\r\n font-size: 15px !important;\r\n }\r\n\r\n .koss_typologies__card-cta {\r\n padding: 14px 28px !important;\r\n font-size: 12px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 360px !important;\r\n }\r\n\r\n .koss_typologies__card-details {\r\n gap: 14px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-label {\r\n font-size: 8px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-value {\r\n font-size: 14px !important;\r\n }\r\n\r\n .koss_typologies__disclaimer {\r\n font-size: 10px !important;\r\n margin-top: 28px !important;\r\n }\r\n }\r\n <\/style>\n<\/head>\n<body>\n<section class=\"koss_typologies\" id=\"typologies\">\n<div class=\"koss_typologies__container\">\n<header class=\"koss_typologies__header\">\n<span class=\"koss_typologies__label\">Sky Top-villa's<\/span>\n<h2 class=\"koss_typologies__title\">Kies je horizon<\/h2>\n<p class=\"koss_typologies__subtitle\">Twee configuraties ontworpen om zich aan te passen aan uw manier van leven aan de Middellandse Zee<\/p>\n<\/header>\n<div class=\"koss_typologies__grid\" id=\"koss_typologies_grid\">\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\" alt=\"Villa 3 Dormitorios\" class=\"koss_typologies__card-image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-3bed.jpg\"\/>\n<\/div>\n<div class=\"koss_typologies__card-overlay\"><\/div>\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\"><\/path>\n<\/svg>Vergroten<\/div>\n<div class=\"koss_typologies__card-content\">\n<span class=\"koss_typologies__card-badge\">SkyTop-villa<\/span>\n<h3 class=\"koss_typologies__card-name\">3 slaapkamers<\/h3>\n<p class=\"koss_typologies__card-tagline\">Uw toevluchtsoord met eindeloos uitzicht op de Middellandse Zee<\/p>\n<div class=\"koss_typologies__card-details\">\n<div class=\"koss_typologies__card-detail\">\n<svg class=\"koss_typologies__card-detail-icon\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\">\n<path d=\"M6 3h12l4 6-10 12L2 9z\"><\/path>\n<path d=\"M2 9h20\"><\/path>\n<path d=\"M12 21L8 9l4-6 4 6z\"><\/path>\n<\/svg>\n<div class=\"koss_typologies__card-detail-text\">\n<span class=\"koss_typologies__card-detail-label\">Van<\/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\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\">\n<rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"3\"><\/rect>\n<path d=\"M3 9h18M9 21V9\"><\/path>\n<\/svg>\n<div class=\"koss_typologies__card-detail-text\">\n<span class=\"koss_typologies__card-detail-label\">Oppervlak van<\/span>\n<span class=\"koss_typologies__card-detail-value\">172 m\u00b2<\/span>\n<\/div>\n<\/div>\n<\/div>\n<a class=\"koss_typologies__card-cta\" href=\"#unlock\">Ontdekken<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\"><\/path>\n<\/svg>\n<\/a>\n<\/div>\n<\/article>\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\" alt=\"Villa 4 Dormitorios\" class=\"koss_typologies__card-image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-4bed.jpg\"\/>\n<\/div>\n<div class=\"koss_typologies__card-overlay\"><\/div>\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\"><\/path>\n<\/svg>Vergroten<\/div>\n<div class=\"koss_typologies__card-content\">\n<span class=\"koss_typologies__card-badge\">SkyTop-villa<\/span>\n<h3 class=\"koss_typologies__card-name\">4 slaapkamers<\/h3>\n<p class=\"koss_typologies__card-tagline\">Grenzeloze ruimte voor degenen die groot dromen<\/p>\n<div class=\"koss_typologies__card-details\">\n<div class=\"koss_typologies__card-detail\">\n<svg class=\"koss_typologies__card-detail-icon\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\">\n<path d=\"M6 3h12l4 6-10 12L2 9z\"><\/path>\n<path d=\"M2 9h20\"><\/path>\n<path d=\"M12 21L8 9l4-6 4 6z\"><\/path>\n<\/svg>\n<div class=\"koss_typologies__card-detail-text\">\n<span class=\"koss_typologies__card-detail-label\">Van<\/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\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\">\n<rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"3\"><\/rect>\n<path d=\"M3 9h18M9 21V9\"><\/path>\n<\/svg>\n<div class=\"koss_typologies__card-detail-text\">\n<span class=\"koss_typologies__card-detail-label\">Oppervlak van<\/span>\n<span class=\"koss_typologies__card-detail-value\">172 m\u00b2<\/span>\n<\/div>\n<\/div>\n<\/div>\n<a class=\"koss_typologies__card-cta\" href=\"#unlock\">Ontdekken<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\"><\/path>\n<\/svg>\n<\/a>\n<\/div>\n<\/article>\n<\/div>\n<p class=\"koss_typologies__disclaimer\">Niet-contractuele afbeeldingen die zijn gemaakt op basis van het basisproject en die worden gepresenteerd voor de verwerking van de werklicentie. Informatie onder voorbehoud van noodzakelijke wijzigingen als gevolg van technische, wettelijke of commerci\u00eble vereisten tijdens de uitvoering van de werkzaamheden of zodra deze zijn voltooid.<\/p>\n<\/div>\n<\/section>\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('typologies');\r\n var grid = document.getElementById('koss_typologies_grid');\r\n var cards = document.querySelectorAll('.koss_typologies__card');\r\n var mainCard = document.querySelector('.koss_typologies__card--main');\r\n var secondaryCard = document.querySelector('.koss_typologies__card--secondary');\r\n\r\n var swapTimeout = null;\r\n var isSwapped = false;\r\n\r\n cards.forEach(function(card) {\r\n card.addEventListener('mousemove', function(e) {\r\n if (window.innerWidth <= 991) return;\r\n \r\n var rect = card.getBoundingClientRect();\r\n var x = e.clientX - rect.left;\r\n var y = e.clientY - rect.top;\r\n \r\n card.style.setProperty('--mouse-x', x + 'px');\r\n card.style.setProperty('--mouse-y', y + 'px');\r\n\r\n var image = card.querySelector('.koss_typologies__card-image');\r\n if (image) {\r\n var percentX = (x \/ rect.width - 0.5) * 2;\r\n var percentY = (y \/ rect.height - 0.5) * 2;\r\n var moveX = percentX * 8;\r\n var moveY = percentY * 8;\r\n image.style.transform = 'scale(1.06) translate(' + moveX + 'px, ' + moveY + 'px)';\r\n }\r\n });\r\n\r\n card.addEventListener('mouseleave', function() {\r\n var image = card.querySelector('.koss_typologies__card-image');\r\n if (image) {\r\n image.style.transform = '';\r\n }\r\n });\r\n });\r\n\r\n function swapCards(toSwapped) {\r\n if (window.innerWidth <= 991) return;\r\n if (toSwapped === isSwapped) return;\r\n\r\n isSwapped = toSwapped;\r\n\r\n if (toSwapped) {\r\n grid.classList.add('koss_grid--swapped');\r\n mainCard.classList.remove('koss_typologies__card--main');\r\n mainCard.classList.add('koss_typologies__card--secondary');\r\n secondaryCard.classList.remove('koss_typologies__card--secondary');\r\n secondaryCard.classList.add('koss_typologies__card--main');\r\n } else {\r\n grid.classList.remove('koss_grid--swapped');\r\n mainCard.classList.add('koss_typologies__card--main');\r\n mainCard.classList.remove('koss_typologies__card--secondary');\r\n secondaryCard.classList.add('koss_typologies__card--secondary');\r\n secondaryCard.classList.remove('koss_typologies__card--main');\r\n }\r\n\r\n updateSwapHint();\r\n }\r\n\r\n function updateSwapHint() {\r\n var hints = document.querySelectorAll('.koss_typologies__swap-hint');\r\n hints.forEach(function(hint) {\r\n var card = hint.closest('.koss_typologies__card');\r\n if (card.classList.contains('koss_typologies__card--secondary')) {\r\n hint.style.display = 'flex';\r\n } else {\r\n hint.style.display = 'none';\r\n }\r\n });\r\n }\r\n\r\n secondaryCard.addEventListener('mouseenter', function() {\r\n if (window.innerWidth <= 991) return;\r\n clearTimeout(swapTimeout);\r\n swapTimeout = setTimeout(function() {\r\n swapCards(true);\r\n }, 250);\r\n });\r\n\r\n mainCard.addEventListener('mouseenter', function() {\r\n if (window.innerWidth <= 991) return;\r\n clearTimeout(swapTimeout);\r\n swapTimeout = setTimeout(function() {\r\n swapCards(false);\r\n }, 250);\r\n });\r\n\r\n grid.addEventListener('mouseleave', function() {\r\n clearTimeout(swapTimeout);\r\n });\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.8) {\r\n section.classList.add('koss_typologies--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n updateSwapHint();\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\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>\n\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>De Kos - Verdeler<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\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 }\r\n\r\n .koss_divider {\r\n position: relative !important;\r\n height: 45vh !important;\r\n min-height: 360px !important;\r\n max-height: 500px !important;\r\n overflow: hidden !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koss_divider__image {\r\n position: absolute !important;\r\n top: -15% !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 130% !important;\r\n object-fit: cover !important;\r\n object-position: center 40% !important;\r\n will-change: transform !important;\r\n }\r\n\r\n .koss_divider__overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: \r\n radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.35) 100%),\r\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;\r\n }\r\n\r\n .koss_divider__content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n text-align: center !important;\r\n padding: 0 40px !important;\r\n max-width: 1000px !important;\r\n }\r\n\r\n .koss_divider__quote {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(28px, 5vw, 52px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.25 !important;\r\n letter-spacing: -0.5px !important;\r\n color: #ffffff !important;\r\n margin: 0 !important;\r\n text-shadow: 0 2px 30px rgba(0, 0, 0, 0.3) !important;\r\n opacity: 0 !important;\r\n transform: translateY(25px) !important;\r\n transition: opacity 0.9s ease, transform 0.9s ease !important;\r\n }\r\n\r\n .koss_divider.koss_divider--visible .koss_divider__quote {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_divider__line {\r\n width: 70px !important;\r\n height: 2px !important;\r\n background: linear-gradient(90deg, #804330 0%, #b77352 100%) !important;\r\n margin: 28px auto 0 !important;\r\n border-radius: 1px !important;\r\n opacity: 0 !important;\r\n transform: scaleX(0) !important;\r\n transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s !important;\r\n }\r\n\r\n .koss_divider.koss_divider--visible .koss_divider__line {\r\n opacity: 1 !important;\r\n transform: scaleX(1) !important;\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_divider {\r\n height: 40vh !important;\r\n min-height: 320px !important;\r\n }\r\n\r\n .koss_divider__content {\r\n padding: 0 32px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_divider {\r\n height: 38vh !important;\r\n min-height: 280px !important;\r\n }\r\n\r\n .koss_divider__content {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_divider__line {\r\n width: 55px !important;\r\n margin-top: 22px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_divider {\r\n min-height: 260px !important;\r\n }\r\n }\r\n <\/style>\n<\/head>\n<body>\n<section class=\"koss_divider\" id=\"divider\">\n<img decoding=\"async\" alt=\"Vista panor\u00e1mica desde The Kos\" class=\"koss_divider__image\" id=\"koss_divider_image\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\"\/>\n<div class=\"koss_divider__overlay\"><\/div>\n<div class=\"koss_divider__content\">\n<p class=\"koss_divider__quote\">De Middellandse Zee aan je voeten, de lucht binnen handbereik<\/p>\n<div class=\"koss_divider__line\"><\/div>\n<\/div>\n<\/section>\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('divider');\r\n var image = document.getElementById('koss_divider_image');\r\n\r\n function updateParallax() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.bottom < 0 || rect.top > windowHeight) return;\r\n \r\n var scrollProgress = (windowHeight - rect.top) \/ (windowHeight + rect.height);\r\n var translateY = (scrollProgress - 0.5) * 80;\r\n \r\n image.style.setProperty('transform', 'translateY(' + translateY + 'px)', 'important');\r\n }\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('koss_divider--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n updateParallax();\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n updateParallax();\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\n<\/body>\n<\/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\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>De Kos - Galerij<\/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<section class=\"koss_gallery\" id=\"gallery\">\n<div class=\"koss_gallery__container\">\n<header class=\"koss_gallery__header\">\n<span class=\"koss_gallery__label\">Spaties<\/span>\n<h2 class=\"koss_gallery__title\">Elke hoek, een voldoening<\/h2>\n<p class=\"koss_gallery__subtitle\">Interieurs waar licht, design en welzijn elkaar ontmoeten<\/p>\n<\/header>\n<div class=\"koss_gallery__grid\" id=\"koss_gallery_grid\">\n<div class=\"koss_gallery__item\" data-index=\"0\" data-title=\"Uw welzijn staat voorop\">\n<img decoding=\"async\" alt=\"Piscina interior con vistas\" class=\"koss_gallery__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-interior.jpg\"\/>\n<div class=\"koss_gallery__overlay\"><\/div>\n<div class=\"koss_gallery__caption\">\n<p class=\"koss_gallery__caption-title\">Uw welzijn staat voorop<\/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\"><\/path>\n<\/svg>Vouw afbeelding uit<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"1\" data-title=\"Waar idee\u00ebn worden geboren\">\n<img decoding=\"async\" alt=\"Espacio de trabajo con vistas panor\u00e1micas\" class=\"koss_gallery__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-facilities-coworking.jpg\"\/>\n<div class=\"koss_gallery__overlay\"><\/div>\n<div class=\"koss_gallery__caption\">\n<p class=\"koss_gallery__caption-title\">Waar idee\u00ebn worden geboren<\/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\"><\/path>\n<\/svg>Vouw afbeelding uit<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"2\" data-title=\"Jouw inspiratiehoek\">\n<img decoding=\"async\" alt=\"Espacio privado ba\u00f1ado en luz natural\" class=\"koss_gallery__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-despacho-dorm.jpg\"\/>\n<div class=\"koss_gallery__overlay\"><\/div>\n<div class=\"koss_gallery__caption\">\n<p class=\"koss_gallery__caption-title\">Jouw inspiratiehoek<\/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\"><\/path>\n<\/svg>Vouw afbeelding uit<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"3\" data-title=\"Energie elke ochtend\">\n<img decoding=\"async\" alt=\"Gimnasio equipado con Technogym\" class=\"koss_gallery__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/koss-gym-comunitario.jpg\"\/>\n<div class=\"koss_gallery__overlay\"><\/div>\n<div class=\"koss_gallery__caption\">\n<p class=\"koss_gallery__caption-title\">Energie elke ochtend<\/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\"><\/path>\n<\/svg>Vouw afbeelding uit<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"4\" data-title=\"Het ritueel van elke dag\">\n<img decoding=\"async\" alt=\"Ba\u00f1o de dise\u00f1o con acabados premium\" class=\"koss_gallery__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-bano-principal.jpg\"\/>\n<div class=\"koss_gallery__overlay\"><\/div>\n<div class=\"koss_gallery__caption\">\n<p class=\"koss_gallery__caption-title\">Het ritueel van elke dag<\/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\"><\/path>\n<\/svg>Vouw afbeelding uit<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\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<button aria-label=\"Cerrar\" class=\"koss_lightbox__close\" id=\"koss_lightbox_close\">\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\"><\/path>\n<\/svg>\n<\/button>\n<button aria-label=\"Anterior\" class=\"koss_lightbox__nav koss_lightbox__nav--prev\" id=\"koss_lightbox_prev\">\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\"><\/path>\n<\/svg>\n<\/button>\n<button aria-label=\"Siguiente\" class=\"koss_lightbox__nav koss_lightbox__nav--next\" id=\"koss_lightbox_next\">\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\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"koss_lightbox__content\">\n<img decoding=\"async\" alt=\"\" class=\"koss_lightbox__image\" id=\"koss_lightbox_image\" src=\"\"\/>\n<\/div>\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\">Veeg om te navigeren<\/p>\n<\/div>\n<\/div>\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<\/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>\n\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>De Kos - Locatie<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\n<style>\r\n \/* ============================================\r\n RESET & BASE\r\n ============================================ *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n }\r\n\r\n \/* ============================================\r\n LOCATION SECTION\r\n ============================================ *\/\r\n .koss_location {\r\n position: relative !important;\r\n padding: 120px 0 !important;\r\n background-color: #f0f0f0 !important;\r\n }\r\n\r\n .koss_location__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n }\r\n\r\n \/* ============================================\r\n CONTENT\r\n ============================================ *\/\r\n .koss_location__content {\r\n text-align: center !important;\r\n max-width: 720px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .koss_location__label {\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: #999999 !important;\r\n margin-bottom: 16px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_location.koss_location--visible .koss_location__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_location__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 4.5vw, 48px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #333333 !important;\r\n margin: 0 0 20px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .koss_location.koss_location--visible .koss_location__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_location__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: clamp(17px, 1.8vw, 20px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #666666 !important;\r\n margin: 0 !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .koss_location.koss_location--visible .koss_location__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 991px) {\r\n .koss_location {\r\n padding: 100px 0 !important;\r\n }\r\n\r\n .koss_location__container {\r\n padding: 0 40px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .koss_location {\r\n padding: 80px 0 !important;\r\n }\r\n\r\n .koss_location__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_location__title {\r\n margin-bottom: 16px !important;\r\n }\r\n }\r\n <\/style>\n<\/head>\n<body>\n\n<section class=\"koss_location\" id=\"location\">\n<div class=\"koss_location__container\">\n<div class=\"koss_location__content\">\n<span class=\"koss_location__label\">Locatie<\/span>\n<h2 class=\"koss_location__title\">El Higueron, Costa del Sol<\/h2>\n<p class=\"koss_location__subtitle\">Waar de Middellandse Zee, de bergen en de zon elkaar ontmoeten. Minuten van de zee, verbonden met de wereld.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('location');\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('koss_location--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-475b4b0 elementor-widget elementor-widget-shortcode\" data-id=\"475b4b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><iframe src=\"https:\/\/thekosvillas.com\/nl\/evoost-map\/the-kos-villas\/?lang=es\" style=\"width:100%;height:650px;border:0;border-radius:12px;overflow:hidden;\" loading=\"lazy\" title=\"The Kos Villas\" allowfullscreen><\/iframe>\n<\/div>\n\t\t\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\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>De Kos - Ontgrendel<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\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 }\r\n\r\n .koss_unlock {\r\n position: relative !important;\r\n background-color: #f8f8f8 !important;\r\n }\r\n\r\n .koss_unlock__grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n min-height: 700px !important;\r\n }\r\n\r\n .koss_unlock__image-wrapper {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n opacity: 0 !important;\r\n transform: translateX(-30px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__image-wrapper {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .koss_unlock__image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n display: block !important;\r\n transition: transform 0.6s ease !important;\r\n }\r\n\r\n .koss_unlock__image-wrapper:hover .koss_unlock__image {\r\n transform: scale(1.03) !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n padding: 80px 60px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n transform: translateX(30px) !important;\r\n transition: opacity 0.8s ease 0.15s, transform 0.8s ease 0.15s !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__form-wrapper {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .koss_unlock__label {\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: #999999 !important;\r\n margin-bottom: 16px !important;\r\n display: block !important;\r\n }\r\n\r\n .koss_unlock__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 4vw, 44px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #333333 !important;\r\n margin: 0 0 16px 0 !important;\r\n letter-spacing: -1px !important;\r\n }\r\n\r\n .koss_unlock__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 17px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #666666 !important;\r\n margin: 0 0 40px 0 !important;\r\n }\r\n\r\n .koss_unlock__agent {\r\n margin-top: 32px !important;\r\n padding-top: 28px !important;\r\n border-top: 1px solid #e8e8e8 !important;\r\n text-align: center !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koss_unlock__agent-card {\r\n display: block !important;\r\n padding: 14px 24px !important;\r\n border: 1px solid #d8d8d8 !important;\r\n border-radius: 16px !important;\r\n background: #ffffff !important;\r\n cursor: pointer !important;\r\n text-decoration: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05) !important;\r\n touch-action: manipulation !important;\r\n max-width: 340px !important;\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock__agent-card:hover {\r\n border-color: #b0b0b0 !important;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;\r\n }\r\n\r\n .koss_unlock__agent-card-title {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 600 !important;\r\n color: #333333 !important;\r\n margin: 0 0 4px 0 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n .koss_unlock__agent-card-sub {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n color: #777777 !important;\r\n margin: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* \u2500\u2500 WPForms inside unlock \u2500\u2500 *\/\r\n\r\n .koss_unlock .wpforms-container {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-form {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field {\r\n margin-bottom: 20px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-row {\r\n display: flex !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-row .wpforms-field-row-block {\r\n flex: 1 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-row .wpforms-field-row-block input {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #666666 !important;\r\n margin-bottom: 8px !important;\r\n display: block !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-required {\r\n color: #b77352 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input[type=\"text\"],\r\n .koss_unlock .wpforms-field input[type=\"email\"],\r\n .koss_unlock .wpforms-field input[type=\"tel\"],\r\n .koss_unlock .wpforms-field input[type=\"number\"],\r\n .koss_unlock .wpforms-field input[type=\"url\"],\r\n .koss_unlock .wpforms-field select,\r\n .koss_unlock .wpforms-field textarea {\r\n width: 100% !important;\r\n padding: 16px 20px !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: #333333 !important;\r\n background-color: #ffffff !important;\r\n border: 1px solid #e0e0e0 !important;\r\n border-radius: 8px !important;\r\n outline: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n -webkit-appearance: none !important;\r\n -moz-appearance: none !important;\r\n appearance: none !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input:focus,\r\n .koss_unlock .wpforms-field select:focus,\r\n .koss_unlock .wpforms-field textarea:focus {\r\n border-color: #b77352 !important;\r\n box-shadow: 0 0 0 3px rgba(183, 115, 82, 0.1) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input::placeholder,\r\n .koss_unlock .wpforms-field textarea::placeholder {\r\n color: #aaaaaa !important;\r\n font-weight: 300 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field textarea {\r\n min-height: 120px !important;\r\n resize: vertical !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field select {\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666666' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\") !important;\r\n background-repeat: no-repeat !important;\r\n background-position: right 16px center !important;\r\n padding-right: 44px !important;\r\n min-width: 0 !important;\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field.wpforms-field-select-style-classic select,\r\n div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select {\r\n padding-top: 10px !important;\r\n padding-bottom: 5px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field select option {\r\n padding: 12px 16px !important;\r\n white-space: normal !important;\r\n word-wrap: break-word !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__flag-container {\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 12px 0 16px !important;\r\n background: transparent !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone input[type=\"tel\"] {\r\n padding-left: 85px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti--separate-dial-code input[type=\"tel\"] {\r\n padding-left: 100px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__country-list {\r\n max-width: 360px !important;\r\n border-radius: 8px !important;\r\n border: 1px solid #e0e0e0 !important;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__country {\r\n padding: 10px 16px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__country:hover {\r\n background-color: #f5f5f5 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox ul,\r\n .koss_unlock .wpforms-field-radio ul {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox li,\r\n .koss_unlock .wpforms-field-radio li {\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox label,\r\n .koss_unlock .wpforms-field-radio label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n color: #555555 !important;\r\n cursor: pointer !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox input,\r\n .koss_unlock .wpforms-field-radio input {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-top: 2px !important;\r\n accent-color: #b77352 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-gdpr-checkbox label,\r\n .koss_unlock .wpforms-field-checkbox label {\r\n font-size: 13px !important;\r\n line-height: 1.5 !important;\r\n color: #888888 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-gdpr-checkbox label a,\r\n .koss_unlock .wpforms-field-checkbox label a {\r\n color: #b77352 !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-gdpr-checkbox label a:hover,\r\n .koss_unlock .wpforms-field-checkbox label a:hover {\r\n text-decoration: underline !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit-container {\r\n margin-top: 32px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit {\r\n width: 100% !important;\r\n padding: 18px 32px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background: linear-gradient(135deg, #804330 0%, #b77352 100%) !important;\r\n border: none !important;\r\n border-radius: 8px !important;\r\n cursor: pointer !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(128, 67, 48, 0.3) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit:active {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field.wpforms-has-error input,\r\n .koss_unlock .wpforms-field.wpforms-has-error select,\r\n .koss_unlock .wpforms-field.wpforms-has-error textarea {\r\n border-color: #d64545 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-error {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n color: #d64545 !important;\r\n margin-top: 6px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-confirmation-container-full {\r\n padding: 40px !important;\r\n background-color: #f0f7f0 !important;\r\n border-radius: 12px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koss_unlock .wpforms-confirmation-container-full p {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 17px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #333333 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n \/* \u2500\u2500 eVoost Partners Signature \u2500\u2500 *\/\r\n\r\n .koss_evoost-signature-wrapper {\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n padding: 16px 0 0 0 !important;\r\n font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\r\n }\r\n\r\n .koss_evoost-signature {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-decoration: none !important;\r\n padding: 8px 12px !important;\r\n border-radius: 30px !important;\r\n border: 1px solid rgba(0, 0, 0, 0.1) !important;\r\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n background-color: transparent !important;\r\n }\r\n\r\n .koss_evoost-logo {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 8px !important;\r\n opacity: 0.6 !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_evoost-text {\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.2px !important;\r\n color: rgba(0, 0, 0, 0.4) !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_evoost-highlight {\r\n font-weight: 500 !important;\r\n color: rgba(0, 0, 0, 0.55) !important;\r\n transition: all 0.5s ease !important;\r\n }\r\n\r\n .koss_evoost-signature:before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 100%) !important;\r\n opacity: 0;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .koss_evoost-signature:after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -150% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%) !important;\r\n transform: skewX(-25deg) !important;\r\n z-index: 3 !important;\r\n opacity: 0;\r\n transition: opacity 0.2s ease !important;\r\n }\r\n\r\n @keyframes koss_shineEffect {\r\n 0% { left: -150% !important; }\r\n 100% { left: 150% !important; }\r\n }\r\n\r\n .koss_evoost-signature:hover {\r\n border-color: rgba(0, 0, 0, 0.2) !important;\r\n }\r\n\r\n .koss_evoost-signature:hover:before {\r\n opacity: 1;\r\n }\r\n\r\n .koss_evoost-signature:hover:after {\r\n opacity: 1;\r\n animation: koss_shineEffect 1.2s ease-in-out !important;\r\n }\r\n\r\n .koss_evoost-signature:hover .koss_evoost-logo {\r\n opacity: 0.9 !important;\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n .koss_evoost-signature:hover .koss_evoost-text {\r\n color: rgba(0, 0, 0, 0.7) !important;\r\n }\r\n\r\n .koss_evoost-signature:hover .koss_evoost-highlight {\r\n color: rgba(0, 0, 0, 0.85) !important;\r\n }\r\n\r\n \/* \u2500\u2500 Agent Modal \u2500\u2500 *\/\r\n\r\n .koss_agent_modal {\r\n position: fixed !important;\r\n inset: 0 !important;\r\n z-index: 99999 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n padding: 24px !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n pointer-events: none !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n }\r\n\r\n .koss_agent_modal.koss_agent_modal--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n pointer-events: auto !important;\r\n }\r\n\r\n .koss_agent_modal__backdrop {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: rgba(0, 0, 0, 0.85) !important;\r\n backdrop-filter: blur(8px) !important;\r\n -webkit-backdrop-filter: blur(8px) !important;\r\n }\r\n\r\n .koss_agent_modal__content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n width: 100% !important;\r\n max-width: 680px !important;\r\n max-height: 90vh !important;\r\n overflow-y: auto !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n background: #ffffff !important;\r\n border-radius: 16px !important;\r\n padding: 48px 56px !important;\r\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3) !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) scale(0.98) !important;\r\n transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s !important;\r\n }\r\n\r\n .koss_agent_modal--open .koss_agent_modal__content {\r\n opacity: 1 !important;\r\n transform: translateY(0) scale(1) !important;\r\n }\r\n\r\n .koss_agent_modal__close {\r\n position: absolute !important;\r\n top: 16px !important;\r\n right: 16px !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: #f5f5f5 !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n transition: background 0.3s ease, transform 0.3s ease !important;\r\n }\r\n\r\n .koss_agent_modal__close:hover {\r\n background: #e8e8e8 !important;\r\n transform: rotate(90deg) !important;\r\n }\r\n\r\n .koss_agent_modal__close svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n fill: #666666 !important;\r\n }\r\n\r\n .koss_agent_modal__header {\r\n text-align: center !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .koss_agent_modal__logo {\r\n width: 56px !important;\r\n height: 56px !important;\r\n margin: 0 auto 24px !important;\r\n display: block !important;\r\n object-fit: contain !important;\r\n }\r\n\r\n .koss_agent_modal__title {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 22px !important;\r\n font-weight: 300 !important;\r\n color: #333333 !important;\r\n margin: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n .koss_agent_modal__title strong {\r\n font-weight: 400 !important;\r\n }\r\n\r\n \/* \u2500\u2500 WPForms inside agent modal \u2500\u2500 *\/\r\n\r\n .koss_agent_modal .wpforms-container {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-form {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field {\r\n margin-bottom: 18px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #666666 !important;\r\n margin-bottom: 8px !important;\r\n display: block !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-required {\r\n color: #b77352 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field input[type=\"text\"],\r\n .koss_agent_modal .wpforms-field input[type=\"email\"],\r\n .koss_agent_modal .wpforms-field input[type=\"tel\"],\r\n .koss_agent_modal .wpforms-field select,\r\n .koss_agent_modal .wpforms-field textarea {\r\n width: 100% !important;\r\n padding: 14px 18px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n color: #333333 !important;\r\n background-color: #f8f8f8 !important;\r\n border: 1px solid #e0e0e0 !important;\r\n border-radius: 8px !important;\r\n outline: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field input:focus,\r\n .koss_agent_modal .wpforms-field select:focus,\r\n .koss_agent_modal .wpforms-field textarea:focus {\r\n background-color: #ffffff !important;\r\n border-color: #b77352 !important;\r\n box-shadow: 0 0 0 3px rgba(183, 115, 82, 0.1) !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field textarea {\r\n min-height: 100px !important;\r\n resize: vertical !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__flag-container {\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 12px 0 16px !important;\r\n background: transparent !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone input[type=\"tel\"] {\r\n padding-left: 85px !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti--separate-dial-code input[type=\"tel\"] {\r\n padding-left: 100px !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__country-list {\r\n max-width: 320px !important;\r\n border-radius: 8px !important;\r\n border: 1px solid #e0e0e0 !important;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__country {\r\n padding: 10px 16px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__country:hover {\r\n background-color: #f5f5f5 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox label,\r\n .koss_agent_modal .wpforms-field-checkbox label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 13px !important;\r\n line-height: 1.5 !important;\r\n color: #888888 !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 10px !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox label a,\r\n .koss_agent_modal .wpforms-field-checkbox label a {\r\n color: #b77352 !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox label a:hover,\r\n .koss_agent_modal .wpforms-field-checkbox label a:hover {\r\n text-decoration: underline !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-checkbox input,\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox input {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-top: 2px !important;\r\n accent-color: #b77352 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit-container {\r\n position: relative !important;\r\n margin-top: 28px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit {\r\n position: relative !important;\r\n z-index: 1 !important;\r\n width: 100% !important;\r\n padding: 18px 28px 28px 0px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background: #2a2a2a !important;\r\n border: none !important;\r\n border-radius: 8px !important;\r\n cursor: pointer !important;\r\n overflow: hidden !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit:active {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n\r\n @media screen and (max-width: 1200px) {\r\n .koss_unlock__grid {\r\n min-height: 600px !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n padding: 60px 48px 60px 60px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_unlock__grid {\r\n grid-template-columns: 1fr !important;\r\n min-height: auto !important;\r\n }\r\n\r\n .koss_unlock__image-wrapper {\r\n order: 1 !important;\r\n min-height: 400px !important;\r\n transform: translateY(20px) !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__image-wrapper {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n order: 2 !important;\r\n max-width: 100% !important;\r\n padding: 60px 40px !important;\r\n transform: translateY(20px) !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__form-wrapper {\r\n transform: translateY(0) !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_unlock__image-wrapper {\r\n min-height: 320px !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n padding: 48px 24px !important;\r\n }\r\n\r\n .koss_unlock__subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input[type=\"text\"],\r\n .koss_unlock .wpforms-field input[type=\"email\"],\r\n .koss_unlock .wpforms-field input[type=\"tel\"],\r\n .koss_unlock .wpforms-field select,\r\n .koss_unlock .wpforms-field textarea {\r\n padding: 14px 16px !important;\r\n font-size: 16px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit {\r\n padding: 16px 28px !important;\r\n }\r\n\r\n .koss_agent_modal__content {\r\n padding: 40px 24px !important;\r\n }\r\n\r\n .koss_agent_modal__title {\r\n font-size: 19px !important;\r\n }\r\n }\r\n <\/style>\n<\/head>\n<body>\n<section class=\"koss_unlock\" id=\"unlock\">\n<div class=\"koss_unlock__grid\">\n<div class=\"koss_unlock__image-wrapper\">\n<img decoding=\"async\" alt=\"Terraza con vistas al Mediterraneo\" class=\"koss_unlock__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-dron-view.jpg\"\/>\n<\/div>\n<div class=\"koss_unlock__form-wrapper\">\n<span class=\"koss_unlock__label\">Ontdek Kos Villas binnenin<\/span>\n<h2 class=\"koss_unlock__title\">Ontgrendel alle informatie<\/h2>\n<p class=\"koss_unlock__subtitle\">Krijg toegang tot gedetailleerde plannen, bijgewerkte prijzen en realtime beschikbaarheid. Geen verplichting.<\/p>\n<div class=\"koss_unlock__form\">\n<style id=\"wpforms-css-vars-2841\">\n\t\t\t\t#wpforms-2841 {\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-2841\"><form id=\"wpforms-form-2841\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"2841\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/nl\/wp-json\/wp\/v2\/pages\/3498\" data-token=\"e59ed9479ab44a06ebf8a15ce8576eb1\" data-token-time=\"1785227865\"><noscript class=\"wpforms-error-noscript\">Schakel JavaScript in je browser in om dit formulier in te vullen.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Schakel JavaScript in je browser in om dit formulier in te vullen.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-2841-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-2841-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-2841-field_58\" aria-hidden=\"false\">utm_source<\/label><input type=\"text\" id=\"wpforms-2841-field_58\" class=\"wpforms-field-medium\" name=\"wpforms[fields][58]\" aria-errormessage=\"wpforms-2841-field_58-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_61\" aria-hidden=\"false\">utm_medium<\/label><input type=\"text\" id=\"wpforms-2841-field_61\" class=\"wpforms-field-medium\" name=\"wpforms[fields][61]\" aria-errormessage=\"wpforms-2841-field_61-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_59\" aria-hidden=\"false\">utm_campaign<\/label><input type=\"text\" id=\"wpforms-2841-field_59\" class=\"wpforms-field-medium\" name=\"wpforms[fields][59]\" aria-errormessage=\"wpforms-2841-field_59-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_60\" aria-hidden=\"false\">utm_term<\/label><input type=\"text\" id=\"wpforms-2841-field_60\" class=\"wpforms-field-medium\" name=\"wpforms[fields][60]\" aria-errormessage=\"wpforms-2841-field_60-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_63\" aria-hidden=\"false\">Stage<\/label><input type=\"text\" id=\"wpforms-2841-field_63\" class=\"wpforms-field-medium\" name=\"wpforms[fields][63]\" value=\"Pulse\" aria-errormessage=\"wpforms-2841-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-2841-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-2841-field_62\" aria-hidden=\"false\">utm_content<\/label><input type=\"text\" id=\"wpforms-2841-field_62\" class=\"wpforms-field-medium\" name=\"wpforms[fields][62]\" aria-errormessage=\"wpforms-2841-field_62-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-2841-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-2841-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-2841-field_51\" aria-hidden=\"false\">LMP Pareja Madura nacional \/ retirada<\/label><input type=\"text\" id=\"wpforms-2841-field_51\" class=\"wpforms-field-medium\" name=\"wpforms[fields][51]\" value=\"9831fa2d-02e2-4960-95fe-cd158b5390ad\" aria-errormessage=\"wpforms-2841-field_51-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_56\" aria-hidden=\"false\">LMP Familia nacional en crecimiento<\/label><input type=\"text\" id=\"wpforms-2841-field_56\" class=\"wpforms-field-medium\" name=\"wpforms[fields][56]\" value=\"50a47758-0c7d-4aeb-8be0-809d0d5ae5e2\" aria-errormessage=\"wpforms-2841-field_56-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_55\" aria-hidden=\"false\">LMP Inversor Internacional Patrimonial<\/label><input type=\"text\" id=\"wpforms-2841-field_55\" class=\"wpforms-field-medium\" name=\"wpforms[fields][55]\" value=\"87e49d8b-3e12-467c-8b37-4365402dbf69\" aria-errormessage=\"wpforms-2841-field_55-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_57\" aria-hidden=\"false\">LMP Expatriado internacional<\/label><input type=\"text\" id=\"wpforms-2841-field_57\" class=\"wpforms-field-medium\" name=\"wpforms[fields][57]\" value=\"4bdeba83-3150-41da-8aa9-f03538c5d37c\" aria-errormessage=\"wpforms-2841-field_57-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_52\" aria-hidden=\"false\">LMP Segunda Residencia Emocional<\/label><input type=\"text\" id=\"wpforms-2841-field_52\" class=\"wpforms-field-medium\" name=\"wpforms[fields][52]\" value=\"6bbc8a8a-9717-455f-a5e2-41be39bf05d9\" aria-errormessage=\"wpforms-2841-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-2841-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-2841-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-2841-field_39\" aria-hidden=\"false\">DISC Red<\/label><input type=\"text\" id=\"wpforms-2841-field_39\" class=\"wpforms-field-medium\" name=\"wpforms[fields][39]\" value=\"Red\" aria-errormessage=\"wpforms-2841-field_39-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_40\" aria-hidden=\"false\">DISC Yellow<\/label><input type=\"text\" id=\"wpforms-2841-field_40\" class=\"wpforms-field-medium\" name=\"wpforms[fields][40]\" value=\"Yellow\" aria-errormessage=\"wpforms-2841-field_40-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_41\" aria-hidden=\"false\">DISC Green<\/label><input type=\"text\" id=\"wpforms-2841-field_41\" class=\"wpforms-field-medium\" name=\"wpforms[fields][41]\" value=\"Green\" aria-errormessage=\"wpforms-2841-field_41-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_42\" aria-hidden=\"false\">DISC Blue<\/label><input type=\"text\" id=\"wpforms-2841-field_42\" class=\"wpforms-field-medium\" name=\"wpforms[fields][42]\" value=\"Blue\" aria-errormessage=\"wpforms-2841-field_42-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-2841-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-2841-field_37\">Wat is uw belangrijkste motivatie voor het zoeken naar een nieuwe woning? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2841-field_37\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][37]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Selecteer ---<\/option><option value=\"Ik ben op zoek naar een plek om de verbinding te verbreken, te ontspannen en me echt thuis te voelen.\" class=\"choice-1 depth-1\" >Ik ben op zoek naar een plek om de verbinding te verbreken, te ontspannen en me echt thuis te voelen.<\/option><option value=\"We willen een nieuwe fase van ons leven beginnen in een inspirerende en comfortabele omgeving.\" class=\"choice-2 depth-1\" >We willen een nieuwe fase van ons leven beginnen in een inspirerende en comfortabele omgeving.<\/option><option value=\"We zijn op zoek naar een groter huis dat past bij de behoeften van ons gezin.\" class=\"choice-3 depth-1\" >We zijn op zoek naar een groter huis dat past bij de behoeften van ons gezin.<\/option><option value=\"Ik ben op zoek naar een winstgevende en veilige vastgoedinvestering.\" class=\"choice-4 depth-1\" >Ik ben op zoek naar een winstgevende en veilige vastgoedinvestering.<\/option><option value=\"Ik ben op zoek naar een plek waar ik op afstand kan werken en kan genieten van het leven.\" class=\"choice-5 depth-1\" >Ik ben op zoek naar een plek waar ik op afstand kan werken en kan genieten van het leven.<\/option><\/select><\/div><div id=\"wpforms-2841-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-2841-field_38\">Welke van deze uitspraken beschrijft u het beste? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2841-field_38\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][38]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Selecteer ---<\/option><option value=\"Ik hou ervan om snelle beslissingen te nemen en problemen op te lossen.\" class=\"choice-1 depth-1\" >Ik hou ervan om snelle beslissingen te nemen en problemen op te lossen.<\/option><option value=\"Ik geef er de voorkeur aan om mijn opties volledig te begrijpen voordat ik een beslissing neem.\" class=\"choice-2 depth-1\" >Ik geef er de voorkeur aan om mijn opties volledig te begrijpen voordat ik een beslissing neem.<\/option><option value=\"Ik hou ervan om nieuwe idee\u00ebn te ontdekken en creatief te zijn.\" class=\"choice-3 depth-1\" >Ik hou ervan om nieuwe idee\u00ebn te ontdekken en creatief te zijn.<\/option><option value=\"Ik geef de voorkeur aan beproefde methoden en het behouden van stabiliteit.\" class=\"choice-4 depth-1\" >Ik geef de voorkeur aan beproefde methoden en het behouden van stabiliteit.<\/option><\/select><\/div>\t\t<div id=\"wpforms-2841-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-2841-field_1\" >utm_content Origenes woning?<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-2841-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-2841-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-2841-field_6-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-2841-field_6\">Naam <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-2841-field_6\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-2841-field_6-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2841-field_8-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-2841-field_8\">Achternaam <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-2841-field_8\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][8]\" aria-errormessage=\"wpforms-2841-field_8-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2841-field_9-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-2841-field_9\">Telefoon <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-2841-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=\"Telefoon\" aria-errormessage=\"wpforms-2841-field_9-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2841-field_15-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"15\"><label class=\"wpforms-field-label\" for=\"wpforms-2841-field_15\">E-mail <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-2841-field_15\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][15]\" spellcheck=\"false\" aria-errormessage=\"wpforms-2841-field_15-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2841-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-2841-field_67\">Leeftijdsgroep <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2841-field_67\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][67]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Selecteer de optie --<\/option><option value=\"Jonger dan 35 jaar\" class=\"choice-1 depth-1\" >Jonger dan 35 jaar<\/option><option value=\"Tussen 35 en 45 jaar\" class=\"choice-2 depth-1\" >Tussen 35 en 45 jaar<\/option><option value=\"Tussen 45 en 60 jaar\" class=\"choice-3 depth-1\" >Tussen 45 en 60 jaar<\/option><option value=\"Ouder dan 60 jaar\" class=\"choice-4 depth-1\" >Ouder dan 60 jaar<\/option><\/select><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2841-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-2841-field_68\">Geef uw nationaliteit aan <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2841-field_68\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][68]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Selecteer de optie --<\/option><option value=\"Afghanistan\" class=\"choice-4 depth-1\" >Afghanistan<\/option><option value=\"Albani\u00eb\" class=\"choice-5 depth-1\" >Albani\u00eb<\/option><option value=\"Algerije\" class=\"choice-6 depth-1\" >Algerije<\/option><option value=\"Andorra\" class=\"choice-7 depth-1\" >Andorra<\/option><option value=\"Angola\" class=\"choice-8 depth-1\" >Angola<\/option><option value=\"Antigua en Barbuda\" class=\"choice-9 depth-1\" >Antigua en Barbuda<\/option><option value=\"Argentini\u00eb\" class=\"choice-10 depth-1\" >Argentini\u00eb<\/option><option value=\"Armeni\u00eb\" class=\"choice-11 depth-1\" >Armeni\u00eb<\/option><option value=\"Australi\u00eb\" class=\"choice-12 depth-1\" >Australi\u00eb<\/option><option value=\"Oostenrijk\" class=\"choice-13 depth-1\" >Oostenrijk<\/option><option value=\"Azerbeidzjan\" class=\"choice-14 depth-1\" >Azerbeidzjan<\/option><option value=\"Bahamas\" class=\"choice-15 depth-1\" >Bahamas<\/option><option value=\"Bahrein\" class=\"choice-16 depth-1\" >Bahrein<\/option><option value=\"Bangladesh\" class=\"choice-17 depth-1\" >Bangladesh<\/option><option value=\"Barbados\" class=\"choice-18 depth-1\" >Barbados<\/option><option value=\"Wit-Rusland\" class=\"choice-19 depth-1\" >Wit-Rusland<\/option><option value=\"Belgi\u00eb\" class=\"choice-20 depth-1\" >Belgi\u00eb<\/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=\"Bosni\u00eb en Herzegovina\" class=\"choice-25 depth-1\" >Bosni\u00eb en Herzegovina<\/option><option value=\"Botswana\" class=\"choice-26 depth-1\" >Botswana<\/option><option value=\"Brazili\u00eb\" class=\"choice-27 depth-1\" >Brazili\u00eb<\/option><option value=\"Brunei\" class=\"choice-28 depth-1\" >Brunei<\/option><option value=\"Bulgarije\" class=\"choice-29 depth-1\" >Bulgarije<\/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=\"Kaapverdi\u00eb\" class=\"choice-32 depth-1\" >Kaapverdi\u00eb<\/option><option value=\"Cambodja\" class=\"choice-33 depth-1\" >Cambodja<\/option><option value=\"Kameroen\" class=\"choice-34 depth-1\" >Kameroen<\/option><option value=\"Canada\" class=\"choice-35 depth-1\" >Canada<\/option><option value=\"Centraal-Afrikaanse Republiek\" class=\"choice-36 depth-1\" >Centraal-Afrikaanse Republiek<\/option><option value=\"Tsjaad\" class=\"choice-37 depth-1\" >Tsjaad<\/option><option value=\"Chili\" class=\"choice-38 depth-1\" >Chili<\/option><option value=\"China\" class=\"choice-39 depth-1\" >China<\/option><option value=\"Colombia\" class=\"choice-40 depth-1\" >Colombia<\/option><option value=\"Comoren\" class=\"choice-41 depth-1\" >Comoren<\/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=\"Kroati\u00eb\" class=\"choice-44 depth-1\" >Kroati\u00eb<\/option><option value=\"Cuba\" class=\"choice-45 depth-1\" >Cuba<\/option><option value=\"Cyprus\" class=\"choice-46 depth-1\" >Cyprus<\/option><option value=\"Tsjechische Republiek\" class=\"choice-47 depth-1\" >Tsjechische Republiek<\/option><option value=\"Democratische Republiek Congo\" class=\"choice-48 depth-1\" >Democratische Republiek Congo<\/option><option value=\"Denemarken\" class=\"choice-49 depth-1\" >Denemarken<\/option><option value=\"Djibouti\" class=\"choice-50 depth-1\" >Djibouti<\/option><option value=\"Dominica\" class=\"choice-51 depth-1\" >Dominica<\/option><option value=\"Dominicaanse Republiek\" class=\"choice-52 depth-1\" >Dominicaanse Republiek<\/option><option value=\"Ecuador\" class=\"choice-53 depth-1\" >Ecuador<\/option><option value=\"Egypte\" class=\"choice-54 depth-1\" >Egypte<\/option><option value=\"El Salvador\" class=\"choice-55 depth-1\" >El Salvador<\/option><option value=\"Equatoriaal-Guinea\" class=\"choice-56 depth-1\" >Equatoriaal-Guinea<\/option><option value=\"Eritrea\" class=\"choice-57 depth-1\" >Eritrea<\/option><option value=\"Estland\" class=\"choice-58 depth-1\" >Estland<\/option><option value=\"Eswatini\" class=\"choice-59 depth-1\" >Eswatini<\/option><option value=\"Ethiopi\u00eb\" class=\"choice-60 depth-1\" >Ethiopi\u00eb<\/option><option value=\"Fiji\" class=\"choice-61 depth-1\" >Fiji<\/option><option value=\"Finland\" class=\"choice-62 depth-1\" >Finland<\/option><option value=\"Frankrijk\" class=\"choice-63 depth-1\" >Frankrijk<\/option><option value=\"Gabon\" class=\"choice-64 depth-1\" >Gabon<\/option><option value=\"Gambia\" class=\"choice-65 depth-1\" >Gambia<\/option><option value=\"Georgi\u00eb\" class=\"choice-66 depth-1\" >Georgi\u00eb<\/option><option value=\"Duitsland\" class=\"choice-67 depth-1\" >Duitsland<\/option><option value=\"Ghana\" class=\"choice-68 depth-1\" >Ghana<\/option><option value=\"Griekenland\" class=\"choice-69 depth-1\" >Griekenland<\/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=\"Guinee-Bissau\" class=\"choice-73 depth-1\" >Guinee-Bissau<\/option><option value=\"Guyana\" class=\"choice-74 depth-1\" >Guyana<\/option><option value=\"Ha\u00efti\" class=\"choice-75 depth-1\" >Ha\u00efti<\/option><option value=\"Honduras\" class=\"choice-76 depth-1\" >Honduras<\/option><option value=\"Hongarije\" class=\"choice-77 depth-1\" >Hongarije<\/option><option value=\"IJsland\" class=\"choice-78 depth-1\" >IJsland<\/option><option value=\"Indi\u00eb\" class=\"choice-79 depth-1\" >Indi\u00eb<\/option><option value=\"Indonesi\u00eb\" class=\"choice-80 depth-1\" >Indonesi\u00eb<\/option><option value=\"Iran\" class=\"choice-81 depth-1\" >Iran<\/option><option value=\"Irak\" class=\"choice-82 depth-1\" >Irak<\/option><option value=\"Ierland\" class=\"choice-83 depth-1\" >Ierland<\/option><option value=\"Isra\u00ebl\" class=\"choice-84 depth-1\" >Isra\u00ebl<\/option><option value=\"Itali\u00eb\" class=\"choice-85 depth-1\" >Itali\u00eb<\/option><option value=\"Ivoorkust\" class=\"choice-86 depth-1\" >Ivoorkust<\/option><option value=\"Jamaica\" class=\"choice-87 depth-1\" >Jamaica<\/option><option value=\"Japan\" class=\"choice-88 depth-1\" >Japan<\/option><option value=\"Jordani\u00eb\" class=\"choice-89 depth-1\" >Jordani\u00eb<\/option><option value=\"Kazachstan\" class=\"choice-90 depth-1\" >Kazachstan<\/option><option value=\"Kenia\" class=\"choice-91 depth-1\" >Kenia<\/option><option value=\"Kiribati\" class=\"choice-92 depth-1\" >Kiribati<\/option><option value=\"Koeweit\" class=\"choice-93 depth-1\" >Koeweit<\/option><option value=\"Kirgizi\u00eb\" class=\"choice-94 depth-1\" >Kirgizi\u00eb<\/option><option value=\"Laos\" class=\"choice-95 depth-1\" >Laos<\/option><option value=\"Letland\" class=\"choice-96 depth-1\" >Letland<\/option><option value=\"Libanon\" class=\"choice-97 depth-1\" >Libanon<\/option><option value=\"Lesotho\" class=\"choice-98 depth-1\" >Lesotho<\/option><option value=\"Liberia\" class=\"choice-99 depth-1\" >Liberia<\/option><option value=\"Libi\u00eb\" class=\"choice-100 depth-1\" >Libi\u00eb<\/option><option value=\"Liechtenstein\" class=\"choice-101 depth-1\" >Liechtenstein<\/option><option value=\"Litouwen\" class=\"choice-102 depth-1\" >Litouwen<\/option><option value=\"Luxemburg\" class=\"choice-103 depth-1\" >Luxemburg<\/option><option value=\"Madagascar\" class=\"choice-104 depth-1\" >Madagascar<\/option><option value=\"Malawi\" class=\"choice-105 depth-1\" >Malawi<\/option><option value=\"Maleisi\u00eb\" class=\"choice-106 depth-1\" >Maleisi\u00eb<\/option><option value=\"Maldiven\" class=\"choice-107 depth-1\" >Maldiven<\/option><option value=\"Dat hadden ze\" class=\"choice-108 depth-1\" >Dat hadden ze<\/option><option value=\"Malta\" class=\"choice-109 depth-1\" >Malta<\/option><option value=\"Marshall eilanden\" class=\"choice-110 depth-1\" >Marshall eilanden<\/option><option value=\"Mauritani\u00eb\" class=\"choice-111 depth-1\" >Mauritani\u00eb<\/option><option value=\"Mauritius\" class=\"choice-112 depth-1\" >Mauritius<\/option><option value=\"Mexico\" class=\"choice-113 depth-1\" >Mexico<\/option><option value=\"Micronesi\u00eb\" class=\"choice-114 depth-1\" >Micronesi\u00eb<\/option><option value=\"Moldavi\u00eb\" class=\"choice-115 depth-1\" >Moldavi\u00eb<\/option><option value=\"Monaco\" class=\"choice-116 depth-1\" >Monaco<\/option><option value=\"Mongoli\u00eb\" class=\"choice-117 depth-1\" >Mongoli\u00eb<\/option><option value=\"Montenegro\" class=\"choice-118 depth-1\" >Montenegro<\/option><option value=\"Marokko\" class=\"choice-119 depth-1\" >Marokko<\/option><option value=\"Mozambique\" class=\"choice-120 depth-1\" >Mozambique<\/option><option value=\"Myanmar\" class=\"choice-121 depth-1\" >Myanmar<\/option><option value=\"Namibi\u00eb\" class=\"choice-122 depth-1\" >Namibi\u00eb<\/option><option value=\"Nauru\" class=\"choice-123 depth-1\" >Nauru<\/option><option value=\"Nepal\" class=\"choice-124 depth-1\" >Nepal<\/option><option value=\"Nederland\" class=\"choice-125 depth-1\" >Nederland<\/option><option value=\"Nieuw-Zeeland\" class=\"choice-126 depth-1\" >Nieuw-Zeeland<\/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=\"Noord-Macedoni\u00eb\" class=\"choice-131 depth-1\" >Noord-Macedoni\u00eb<\/option><option value=\"Noorwegen\" class=\"choice-132 depth-1\" >Noorwegen<\/option><option value=\"Mijn eigen\" class=\"choice-133 depth-1\" >Mijn eigen<\/option><option value=\"Pakistan\" class=\"choice-134 depth-1\" >Pakistan<\/option><option value=\"paleis\" class=\"choice-135 depth-1\" >paleis<\/option><option value=\"Palestina\" class=\"choice-136 depth-1\" >Palestina<\/option><option value=\"Panama\" class=\"choice-137 depth-1\" >Panama<\/option><option value=\"Papoea-Nieuw-Guinea\" class=\"choice-138 depth-1\" >Papoea-Nieuw-Guinea<\/option><option value=\"Paraguay\" class=\"choice-139 depth-1\" >Paraguay<\/option><option value=\"Peru\" class=\"choice-140 depth-1\" >Peru<\/option><option value=\"Filippijnen\" class=\"choice-141 depth-1\" >Filippijnen<\/option><option value=\"Polen\" class=\"choice-142 depth-1\" >Polen<\/option><option value=\"Portugal\" class=\"choice-143 depth-1\" >Portugal<\/option><option value=\"Katar\" class=\"choice-144 depth-1\" >Katar<\/option><option value=\"Roemeni\u00eb\" class=\"choice-145 depth-1\" >Roemeni\u00eb<\/option><option value=\"Rusland\" class=\"choice-146 depth-1\" >Rusland<\/option><option value=\"Rwanda\" class=\"choice-147 depth-1\" >Rwanda<\/option><option value=\"Saint Kitts en Nevis\" class=\"choice-148 depth-1\" >Saint Kitts en Nevis<\/option><option value=\"Sint Lucia\" class=\"choice-149 depth-1\" >Sint Lucia<\/option><option value=\"Saint Vincent en de Grenadines\" class=\"choice-150 depth-1\" >Saint Vincent en de 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 Tom\u00e9 en Principe\" class=\"choice-153 depth-1\" >Sao Tom\u00e9 en Principe<\/option><option value=\"Saoedi-Arabi\u00eb\" class=\"choice-154 depth-1\" >Saoedi-Arabi\u00eb<\/option><option value=\"Senegal\" class=\"choice-155 depth-1\" >Senegal<\/option><option value=\"Servi\u00eb\" class=\"choice-156 depth-1\" >Servi\u00eb<\/option><option value=\"Seychellen\" class=\"choice-157 depth-1\" >Seychellen<\/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=\"Slowakije\" class=\"choice-160 depth-1\" >Slowakije<\/option><option value=\"Sloveni\u00eb\" class=\"choice-161 depth-1\" >Sloveni\u00eb<\/option><option value=\"Salomonseilanden\" class=\"choice-162 depth-1\" >Salomonseilanden<\/option><option value=\"Somali\u00eb\" class=\"choice-163 depth-1\" >Somali\u00eb<\/option><option value=\"Zuid-Afrika\" class=\"choice-164 depth-1\" >Zuid-Afrika<\/option><option value=\"Zuid-Korea\" class=\"choice-165 depth-1\" >Zuid-Korea<\/option><option value=\"Zuid-Soedan\" class=\"choice-166 depth-1\" >Zuid-Soedan<\/option><option value=\"Spanje\" class=\"choice-167 depth-1\" >Spanje<\/option><option value=\"Sri Lanka\" class=\"choice-168 depth-1\" >Sri Lanka<\/option><option value=\"Soedan\" class=\"choice-169 depth-1\" >Soedan<\/option><option value=\"Suriname\" class=\"choice-170 depth-1\" >Suriname<\/option><option value=\"Zweden\" class=\"choice-171 depth-1\" >Zweden<\/option><option value=\"Zwitserland\" class=\"choice-172 depth-1\" >Zwitserland<\/option><option value=\"Syri\u00eb\" class=\"choice-173 depth-1\" >Syri\u00eb<\/option><option value=\"Tadzjikistan\" class=\"choice-174 depth-1\" >Tadzjikistan<\/option><option value=\"Tanzania\" class=\"choice-175 depth-1\" >Tanzania<\/option><option value=\"Thailand\" class=\"choice-176 depth-1\" >Thailand<\/option><option value=\"Oost-Timor\" class=\"choice-177 depth-1\" >Oost-Timor<\/option><option value=\"Togo\" class=\"choice-178 depth-1\" >Togo<\/option><option value=\"Aangekomen\" class=\"choice-179 depth-1\" >Aangekomen<\/option><option value=\"Trinidad en Tobago\" class=\"choice-180 depth-1\" >Trinidad en Tobago<\/option><option value=\"Tunesi\u00eb\" class=\"choice-181 depth-1\" >Tunesi\u00eb<\/option><option value=\"Kalkoen\" class=\"choice-182 depth-1\" >Kalkoen<\/option><option value=\"Turkmenistan\" class=\"choice-183 depth-1\" >Turkmenistan<\/option><option value=\"Tuvalu\" class=\"choice-184 depth-1\" >Tuvalu<\/option><option value=\"Oeganda\" class=\"choice-185 depth-1\" >Oeganda<\/option><option value=\"Oekra\u00efne\" class=\"choice-186 depth-1\" >Oekra\u00efne<\/option><option value=\"Verenigde Arabische Emiraten\" class=\"choice-187 depth-1\" >Verenigde Arabische Emiraten<\/option><option value=\"Verenigd Koninkrijk\" class=\"choice-188 depth-1\" >Verenigd Koninkrijk<\/option><option value=\"Verenigde Staten\" class=\"choice-189 depth-1\" >Verenigde Staten<\/option><option value=\"Uruguay\" class=\"choice-190 depth-1\" >Uruguay<\/option><option value=\"Oezbekistan\" class=\"choice-191 depth-1\" >Oezbekistan<\/option><option value=\"Vanuatu\" class=\"choice-192 depth-1\" >Vanuatu<\/option><option value=\"Vaticaanstad\" class=\"choice-193 depth-1\" >Vaticaanstad<\/option><option value=\"Venezuela\" class=\"choice-194 depth-1\" >Venezuela<\/option><option value=\"Vietnam\" class=\"choice-195 depth-1\" >Vietnam<\/option><option value=\"Jemen\" class=\"choice-196 depth-1\" >Jemen<\/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-2841-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-2841-field_33\" aria-hidden=\"false\">Taal<\/label><input type=\"text\" id=\"wpforms-2841-field_33\" class=\"wpforms-field-large\" name=\"wpforms[fields][33]\" value=\"Dutch\" aria-errormessage=\"wpforms-2841-field_33-error\" ><\/div><div id=\"wpforms-2841-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\">AVG <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><ul id=\"wpforms-2841-field_47\" class=\"wpforms-field-required\"><li class=\"choice-1 depth-1\"><input type=\"checkbox\" id=\"wpforms-2841-field_47_1\" name=\"wpforms[fields][47][]\" value=\"Ik accepteer het privacybeleid van deze website\" aria-errormessage=\"wpforms-2841-field_47_1-error\" aria-describedby=\"wpforms-2841-field_47-description\" required ><label class=\"wpforms-field-label-inline\" for=\"wpforms-2841-field_47_1\">Ik accepteer het privacybeleid van deze website<\/label><\/li><\/ul><div id=\"wpforms-2841-field_47-description\" class=\"wpforms-field-description\">U kunt <a href=\"https:\/\/thekosvillas.com\/nl\/privacidad\/\">het privacybeleid raadplegen door hier te klikken<\/a><\/div><\/fieldset><\/div><div id=\"wpforms-2841-field_66-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"66\"><input type=\"hidden\" id=\"wpforms-2841-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-2841-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-2841-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-2841-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=\"2841\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/pages\/3498\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-2841\" class=\"wpforms-submit\" data-alt-text=\"We werken eraan...\" data-submit-text=\"Ontgrendel informatie\" aria-live=\"assertive\" value=\"wpforms-submit\">Ontgrendel informatie<\/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=\"Aan het laden\"><\/div><\/form><\/div> \n<\/div>\n<div class=\"koss_unlock__agent\">\n<a class=\"koss_unlock__agent-card\" href=\"#agent-form\" id=\"koss_agent_trigger\" role=\"button\">\n<p class=\"koss_unlock__agent-card-title\">Bent u makelaar?<\/p>\n<p class=\"koss_unlock__agent-card-sub\">Stuur ons uw gegevens en wij nemen contact met u op.<\/p>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<div class=\"koss_agent_modal\" id=\"koss_agent_modal\">\n<div class=\"koss_agent_modal__backdrop\" id=\"koss_agent_backdrop\"><\/div>\n<div class=\"koss_agent_modal__content\">\n<button aria-label=\"Cerrar\" class=\"koss_agent_modal__close\" id=\"koss_agent_close\">\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\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"koss_agent_modal__form\" id=\"agent-form\">\n <div class=\"evoost-b2b-form-wrapper evoost-layout-two-col\" id=\"evoost-form-921-4008\" lang=\"es\" style=\"--evoost-accent:#b77352;--evoost-border-focus:#b77352;--evoost-focus-shadow:rgba(183,115,82,0.1);\">\n\n <div class=\"evoost-form-header\">\n <img decoding=\"async\" src=\"https:\/\/evoost.ai\/wp-content\/uploads\/2025\/12\/partners-favicon-single.png\" alt=\"\" class=\"evoost-form-header-logo\">\n <h3 class=\"evoost-form-header-title\">Env\u00edanos tus datos y <strong>nos pondremos en contacto contigo<\/strong><\/h3>\n <\/div>\n \n <form class=\"evoost-b2b-form\" data-form-id=\"921\" data-lang=\"es\" data-redirect=\"https:\/\/thekosvillas.com\/brokers\" novalidate>\n\n <input type=\"hidden\" id=\"evoost_nonce\" name=\"evoost_nonce\" value=\"71eaee8bef\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/nl\/wp-json\/wp\/v2\/pages\/3498\" \/>\n <div class=\"evoost-fields-grid\">\n \n <div class=\"evoost-field evoost-field-firstname\">\n <label for=\"evoost-form-921-4008-firstname\">Nombre <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-921-4008-firstname\" name=\"firstname\" required autocomplete=\"given-name\" placeholder=\"Nombre\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-lastname\">\n <label for=\"evoost-form-921-4008-lastname\">Apellidos <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-921-4008-lastname\" name=\"lastname\" required autocomplete=\"family-name\" placeholder=\"Apellidos\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-email\">\n <label for=\"evoost-form-921-4008-email\">Email <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"email\" id=\"evoost-form-921-4008-email\" name=\"email\" required autocomplete=\"email\" placeholder=\"email@example.com\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-phone\">\n <label for=\"evoost-form-921-4008-phone\">Tel\u00e9fono <span class=\"evoost-required\">*<\/span><\/label>\n <div class=\"evoost-phone-wrapper\">\n <span class=\"evoost-phone-prefix\" data-default=\"+34\">+34<\/span>\n <input type=\"tel\" id=\"evoost-form-921-4008-phone\" name=\"phone\" required autocomplete=\"tel\" placeholder=\"600 000 000\" \/>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-company\">\n <label for=\"evoost-form-921-4008-company\">Empresa<\/label>\n <input type=\"text\" id=\"evoost-form-921-4008-company\" name=\"company_visible\" autocomplete=\"organization\" placeholder=\"Empresa\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n \n \n <div class=\"evoost-field evoost-field-country\">\n <label for=\"evoost-form-921-4008-country\">Pa\u00eds <span class=\"evoost-required\">*<\/span><\/label>\n <div class=\"evoost-select-search-wrapper\">\n <input type=\"text\" class=\"evoost-select-search-input\" id=\"evoost-form-921-4008-country-search\" placeholder=\"Pa\u00eds...\" autocomplete=\"off\" \/>\n <select id=\"evoost-form-921-4008-country\" name=\"country_visible\" required class=\"evoost-select-hidden\">\n <option value=\"\">Pa\u00eds<\/option>\n <option value=\"Afghanistan\">Afghanistan<\/option>\n <option value=\"Albania\">Albania<\/option>\n <option value=\"Algeria\">Algeria<\/option>\n <option value=\"Andorra\">Andorra<\/option>\n <option value=\"Angola\">Angola<\/option>\n <option value=\"Antigua and Barbuda\">Antigua and Barbuda<\/option>\n <option value=\"Argentina\">Argentina<\/option>\n <option value=\"Armenia\">Armenia<\/option>\n <option value=\"Australia\">Australia<\/option>\n <option value=\"Austria\">Austria<\/option>\n <option value=\"Azerbaijan\">Azerbaijan<\/option>\n <option value=\"Bahamas\">Bahamas<\/option>\n <option value=\"Bahrain\">Bahrain<\/option>\n <option value=\"Bangladesh\">Bangladesh<\/option>\n <option value=\"Barbados\">Barbados<\/option>\n <option value=\"Belarus\">Belarus<\/option>\n <option value=\"Belgium\">Belgium<\/option>\n <option value=\"Belize\">Belize<\/option>\n <option value=\"Benin\">Benin<\/option>\n <option value=\"Bhutan\">Bhutan<\/option>\n <option value=\"Bolivia\">Bolivia<\/option>\n <option value=\"Bosnia and Herzegovina\">Bosnia and Herzegovina<\/option>\n <option value=\"Botswana\">Botswana<\/option>\n <option value=\"Brazil\">Brazil<\/option>\n <option value=\"Brunei\">Brunei<\/option>\n <option value=\"Bulgaria\">Bulgaria<\/option>\n <option value=\"Burkina Faso\">Burkina Faso<\/option>\n <option value=\"Burundi\">Burundi<\/option>\n <option value=\"Cabo Verde\">Cabo Verde<\/option>\n <option value=\"Cambodia\">Cambodia<\/option>\n <option value=\"Cameroon\">Cameroon<\/option>\n <option value=\"Canada\">Canada<\/option>\n <option value=\"Central African Republic\">Central African Republic<\/option>\n <option value=\"Chad\">Chad<\/option>\n <option value=\"Chile\">Chile<\/option>\n <option value=\"China\">China<\/option>\n <option value=\"Colombia\">Colombia<\/option>\n <option value=\"Comoros\">Comoros<\/option>\n <option value=\"Congo\">Congo<\/option>\n <option value=\"Costa Rica\">Costa Rica<\/option>\n <option value=\"Croatia\">Croatia<\/option>\n <option value=\"Cuba\">Cuba<\/option>\n <option value=\"Cyprus\">Cyprus<\/option>\n <option value=\"Czech Republic\">Czech Republic<\/option>\n <option value=\"Democratic Republic of the Congo\">Democratic Republic of the Congo<\/option>\n <option value=\"Denmark\">Denmark<\/option>\n <option value=\"Djibouti\">Djibouti<\/option>\n <option value=\"Dominica\">Dominica<\/option>\n <option value=\"Dominican Republic\">Dominican Republic<\/option>\n <option value=\"Ecuador\">Ecuador<\/option>\n <option value=\"Egypt\">Egypt<\/option>\n <option value=\"El Salvador\">El Salvador<\/option>\n <option value=\"Equatorial Guinea\">Equatorial Guinea<\/option>\n <option value=\"Eritrea\">Eritrea<\/option>\n <option value=\"Estonia\">Estonia<\/option>\n <option value=\"Eswatini\">Eswatini<\/option>\n <option value=\"Ethiopia\">Ethiopia<\/option>\n <option value=\"Fiji\">Fiji<\/option>\n <option value=\"Finland\">Finland<\/option>\n <option value=\"France\">France<\/option>\n <option value=\"Gabon\">Gabon<\/option>\n <option value=\"Gambia\">Gambia<\/option>\n <option value=\"Georgia\">Georgia<\/option>\n <option value=\"Germany\">Germany<\/option>\n <option value=\"Ghana\">Ghana<\/option>\n <option value=\"Greece\">Greece<\/option>\n <option value=\"Grenada\">Grenada<\/option>\n <option value=\"Guatemala\">Guatemala<\/option>\n <option value=\"Guinea\">Guinea<\/option>\n <option value=\"Guinea-Bissau\">Guinea-Bissau<\/option>\n <option value=\"Guyana\">Guyana<\/option>\n <option value=\"Haiti\">Haiti<\/option>\n <option value=\"Honduras\">Honduras<\/option>\n <option value=\"Hungary\">Hungary<\/option>\n <option value=\"Iceland\">Iceland<\/option>\n <option value=\"India\">India<\/option>\n <option value=\"Indonesia\">Indonesia<\/option>\n <option value=\"Iran\">Iran<\/option>\n <option value=\"Iraq\">Iraq<\/option>\n <option value=\"Ireland\">Ireland<\/option>\n <option value=\"Israel\">Israel<\/option>\n <option value=\"Italy\">Italy<\/option>\n <option value=\"Ivory Coast\">Ivory Coast<\/option>\n <option value=\"Jamaica\">Jamaica<\/option>\n <option value=\"Japan\">Japan<\/option>\n <option value=\"Jordan\">Jordan<\/option>\n <option value=\"Kazakhstan\">Kazakhstan<\/option>\n <option value=\"Kenya\">Kenya<\/option>\n <option value=\"Kiribati\">Kiribati<\/option>\n <option value=\"Kuwait\">Kuwait<\/option>\n <option value=\"Kyrgyzstan\">Kyrgyzstan<\/option>\n <option value=\"Laos\">Laos<\/option>\n <option value=\"Latvia\">Latvia<\/option>\n <option value=\"Lebanon\">Lebanon<\/option>\n <option value=\"Lesotho\">Lesotho<\/option>\n <option value=\"Liberia\">Liberia<\/option>\n <option value=\"Libya\">Libya<\/option>\n <option value=\"Liechtenstein\">Liechtenstein<\/option>\n <option value=\"Lithuania\">Lithuania<\/option>\n <option value=\"Luxembourg\">Luxembourg<\/option>\n <option value=\"Madagascar\">Madagascar<\/option>\n <option value=\"Malawi\">Malawi<\/option>\n <option value=\"Malaysia\">Malaysia<\/option>\n <option value=\"Maldives\">Maldives<\/option>\n <option value=\"Mali\">Mali<\/option>\n <option value=\"Malta\">Malta<\/option>\n <option value=\"Marshall Islands\">Marshall Islands<\/option>\n <option value=\"Mauritania\">Mauritania<\/option>\n <option value=\"Mauritius\">Mauritius<\/option>\n <option value=\"Mexico\">Mexico<\/option>\n <option value=\"Micronesia\">Micronesia<\/option>\n <option value=\"Moldova\">Moldova<\/option>\n <option value=\"Monaco\">Monaco<\/option>\n <option value=\"Mongolia\">Mongolia<\/option>\n <option value=\"Montenegro\">Montenegro<\/option>\n <option value=\"Morocco\">Morocco<\/option>\n <option value=\"Mozambique\">Mozambique<\/option>\n <option value=\"Myanmar\">Myanmar<\/option>\n <option value=\"Namibia\">Namibia<\/option>\n <option value=\"Nauru\">Nauru<\/option>\n <option value=\"Nepal\">Nepal<\/option>\n <option value=\"Netherlands\">Netherlands<\/option>\n <option value=\"New Zealand\">New Zealand<\/option>\n <option value=\"Nicaragua\">Nicaragua<\/option>\n <option value=\"Niger\">Niger<\/option>\n <option value=\"Nigeria\">Nigeria<\/option>\n <option value=\"North Korea\">North Korea<\/option>\n <option value=\"North Macedonia\">North Macedonia<\/option>\n <option value=\"Norway\">Norway<\/option>\n <option value=\"Oman\">Oman<\/option>\n <option value=\"Pakistan\">Pakistan<\/option>\n <option value=\"Palau\">Palau<\/option>\n <option value=\"Palestine\">Palestine<\/option>\n <option value=\"Panama\">Panama<\/option>\n <option value=\"Papua New Guinea\">Papua New Guinea<\/option>\n <option value=\"Paraguay\">Paraguay<\/option>\n <option value=\"Peru\">Peru<\/option>\n <option value=\"Philippines\">Philippines<\/option>\n <option value=\"Poland\">Poland<\/option>\n <option value=\"Portugal\">Portugal<\/option>\n <option value=\"Qatar\">Qatar<\/option>\n <option value=\"Romania\">Romania<\/option>\n <option value=\"Russia\">Russia<\/option>\n <option value=\"Rwanda\">Rwanda<\/option>\n <option value=\"Saint Kitts and Nevis\">Saint Kitts and Nevis<\/option>\n <option value=\"Saint Lucia\">Saint Lucia<\/option>\n <option value=\"Saint Vincent and the Grenadines\">Saint Vincent and the Grenadines<\/option>\n <option value=\"Samoa\">Samoa<\/option>\n <option value=\"San Marino\">San Marino<\/option>\n <option value=\"Sao Tome and Principe\">Sao Tome and Principe<\/option>\n <option value=\"Saudi Arabia\">Saudi Arabia<\/option>\n <option value=\"Senegal\">Senegal<\/option>\n <option value=\"Serbia\">Serbia<\/option>\n <option value=\"Seychelles\">Seychelles<\/option>\n <option value=\"Sierra Leone\">Sierra Leone<\/option>\n <option value=\"Singapore\">Singapore<\/option>\n <option value=\"Slovakia\">Slovakia<\/option>\n <option value=\"Slovenia\">Slovenia<\/option>\n <option value=\"Solomon Islands\">Solomon Islands<\/option>\n <option value=\"Somalia\">Somalia<\/option>\n <option value=\"South Africa\">South Africa<\/option>\n <option value=\"South Korea\">South Korea<\/option>\n <option value=\"South Sudan\">South Sudan<\/option>\n <option value=\"Spain\">Spain<\/option>\n <option value=\"Sri Lanka\">Sri Lanka<\/option>\n <option value=\"Sudan\">Sudan<\/option>\n <option value=\"Suriname\">Suriname<\/option>\n <option value=\"Sweden\">Sweden<\/option>\n <option value=\"Switzerland\">Switzerland<\/option>\n <option value=\"Syria\">Syria<\/option>\n <option value=\"Tajikistan\">Tajikistan<\/option>\n <option value=\"Tanzania\">Tanzania<\/option>\n <option value=\"Thailand\">Thailand<\/option>\n <option value=\"Timor-Leste\">Timor-Leste<\/option>\n <option value=\"Togo\">Togo<\/option>\n <option value=\"Tonga\">Tonga<\/option>\n <option value=\"Trinidad and Tobago\">Trinidad and Tobago<\/option>\n <option value=\"Tunisia\">Tunisia<\/option>\n <option value=\"Turkey\">Turkey<\/option>\n <option value=\"Turkmenistan\">Turkmenistan<\/option>\n <option value=\"Tuvalu\">Tuvalu<\/option>\n <option value=\"Uganda\">Uganda<\/option>\n <option value=\"Ukraine\">Ukraine<\/option>\n <option value=\"United Arab Emirates\">United Arab Emirates<\/option>\n <option value=\"United Kingdom\">United Kingdom<\/option>\n <option value=\"United States\">United States<\/option>\n <option value=\"Uruguay\">Uruguay<\/option>\n <option value=\"Uzbekistan\">Uzbekistan<\/option>\n <option value=\"Vanuatu\">Vanuatu<\/option>\n <option value=\"Vatican City\">Vatican City<\/option>\n <option value=\"Venezuela\">Venezuela<\/option>\n <option value=\"Vietnam\">Vietnam<\/option>\n <option value=\"Yemen\">Yemen<\/option>\n <option value=\"Zambia\">Zambia<\/option>\n <option value=\"Zimbabwe\">Zimbabwe<\/option>\n <\/select>\n <div class=\"evoost-select-dropdown\" style=\"display:none;\"><\/div>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-comments evoost-field-full\">\n <label for=\"evoost-form-921-4008-comments\">Comentarios<\/label>\n <textarea id=\"evoost-form-921-4008-comments\" name=\"comments\" rows=\"2\" placeholder=\"Comentarios...\"><\/textarea>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-consent\">\n <label class=\"evoost-consent-label\">\n <input type=\"checkbox\" name=\"consent\" required \/>\n <span class=\"evoost-checkbox-custom\">\n <svg viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M1.5 5.5L4 8L8.5 2\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <span class=\"evoost-consent-text\">\n Al enviar este formulario, acepto los t\u00e9rminos y condiciones de uso de este sitio web, as\u00ed como su uso de cookies y su pol\u00edtica de privacidad. Se crear\u00e1 adem\u00e1s mi cuenta profesional en eVoost Partners con estos datos. <a href=\"https:\/\/evoost.ai\/privacy\/\" target=\"_blank\" rel=\"noopener\">consulte la pol\u00edtica de privacidad haciendo clic aqu\u00ed<\/a>.\n <a href=\"https:\/\/evoost.ai\/cookies\/\" target=\"_blank\" rel=\"noopener\">consulte tambi\u00e9n nuestras cookies<\/a>.\n <\/span>\n <\/label>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-submit\">\n <button type=\"submit\" class=\"evoost-submit-btn\" style=\"--evoost-btn-color: #2a2a2a\">\n <span class=\"evoost-btn-text\">Enviar<\/span>\n <span class=\"evoost-btn-loading\" style=\"display:none;\">Enviando...<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"evoost-form-message\" style=\"display:none;\"><\/div>\n <\/form>\n\n \n <div class=\"evoost-signature-wrapper\">\n <a href=\"https:\/\/partners.evoost.ai\" target=\"_blank\" class=\"evoost-signature\" aria-label=\"Powered by eVoost Partners\">\n <img decoding=\"async\" src=\"https:\/\/evoost.ai\/wp-content\/uploads\/2025\/12\/partners-favicon-single.png\" alt=\"eVoost Partners\" class=\"evoost-signature-logo\">\n <span class=\"evoost-signature-text\">Powered by <span class=\"evoost-signature-highlight\">eVoost Partners<\/span><\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <script>\n (function(){\n if (!window.evoostFormLabels) window.evoostFormLabels = {};\n window.evoostFormLabels['921'] = {\"first_name\":\"Nombre\",\"last_name\":\"Apellidos\",\"email\":\"Email\",\"phone\":\"Tel\\u00e9fono\",\"company\":\"Empresa\",\"country\":\"Pa\\u00eds\",\"comments\":\"Comentarios\",\"consent\":\"Al enviar este formulario, acepto los t\\u00e9rminos y condiciones de uso de este sitio web, as\\u00ed como su uso de cookies y su pol\\u00edtica de privacidad.\",\"consent_partners\":\"Se crear\\u00e1 adem\\u00e1s mi cuenta profesional en eVoost Partners con estos datos.\",\"privacy\":\"consulte la pol\\u00edtica de privacidad haciendo clic aqu\\u00ed\",\"cookies\":\"consulte tambi\\u00e9n nuestras cookies\",\"submit\":\"Enviar\",\"sending\":\"Enviando...\",\"success\":\"\\u00a1Gracias! Tu solicitud ha sido enviada correctamente.\",\"error\":\"Ha ocurrido un error. Por favor, int\\u00e9ntalo de nuevo.\",\"required\":\"Este campo es obligatorio.\",\"invalid_email\":\"Por favor, introduce un email v\\u00e1lido.\"};\n })();\n <\/script>\n \n<\/div>\n<\/div>\n<\/div>\n\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('unlock');\r\n var modal = document.getElementById('koss_agent_modal');\r\n var trigger = document.getElementById('koss_agent_trigger');\r\n var backdrop = document.getElementById('koss_agent_backdrop');\r\n var closeBtn = document.getElementById('koss_agent_close');\r\n var modalContent = document.querySelector('.koss_agent_modal__content');\r\n var scrollY = 0;\r\n\r\n function openModal() {\r\n scrollY = window.scrollY;\r\n document.body.style.overflow = 'hidden';\r\n document.body.style.position = 'fixed';\r\n document.body.style.width = '100%';\r\n document.body.style.top = '-' + scrollY + 'px';\r\n modal.classList.add('koss_agent_modal--open');\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('koss_agent_modal--open');\r\n document.body.style.overflow = '';\r\n document.body.style.position = '';\r\n document.body.style.width = '';\r\n document.body.style.top = '';\r\n window.scrollTo(0, scrollY);\r\n }\r\n\r\n if (trigger) {\r\n trigger.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n setTimeout(openModal, 10);\r\n }, false);\r\n }\r\n \r\n if (backdrop) {\r\n backdrop.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n closeModal();\r\n }, false);\r\n }\r\n \r\n if (closeBtn) {\r\n closeBtn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n closeModal();\r\n }, false);\r\n }\r\n\r\n if (modalContent) {\r\n modalContent.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n }, false);\r\n }\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && modal && modal.classList.contains('koss_agent_modal--open')) {\r\n closeModal();\r\n }\r\n });\r\n\r\n function checkVisibility() {\r\n if (!section) return;\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('koss_unlock--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\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<!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 \u2014 Footer<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after { box-sizing: border-box; }\n\n body { margin: 0; }\n\n \/* ============================================\n FOOTER\n ============================================ *\/\n .koss_footer {\n background-color: #191919 !important;\n padding: 48px 60px 36px !important;\n }\n\n \/* Top row: brand \u00b7 legal \u00b7 lic *\/\n .koss_footer__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n gap: 24px !important;\n }\n\n \/* Divider between rows *\/\n .koss_footer__divider {\n max-width: 1600px !important;\n margin: 24px auto 0 !important;\n border: none !important;\n border-top: 1px solid rgba(255,255,255,0.08) !important;\n }\n\n \/* Bottom row: lang switcher *\/\n .koss_footer__lang-bar {\n max-width: 1600px !important;\n margin: 20px auto 0 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 2px !important;\n flex-wrap: wrap !important;\n }\n\n \/* Brand *\/\n .koss_footer__brand {\n display: flex !important;\n align-items: center !important;\n gap: 24px !important;\n flex-shrink: 0 !important;\n }\n\n .koss_footer__logo-col {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important;\n gap: 8px !important;\n flex-shrink: 0 !important;\n }\n\n .koss_footer__brand-separator {\n width: 1px !important;\n height: 36px !important;\n background-color: rgba(255,255,255,0.25) !important;\n align-self: center !important;\n }\n\n .koss_footer__logo { flex-shrink: 0 !important; }\n .koss_footer__logo img {\n height: 72px !important;\n width: auto !important;\n display: block !important;\n filter: brightness(0) invert(1) !important;\n opacity: 0.9 !important;\n transition: opacity 0.3s ease !important;\n }\n .koss_footer__logo:hover img { opacity: 1 !important; }\n\n .koss_footer__phone {\n display: flex !important;\n align-items: center !important;\n align-self: center !important;\n gap: 8px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 15px !important;\n font-weight: 400 !important;\n color: #fff !important;\n text-decoration: none !important;\n transition: opacity 0.3s ease !important;\n }\n .koss_footer__phone:hover { opacity: 0.8 !important; }\n .koss_footer__phone-icon {\n width: 18px !important;\n height: 18px !important;\n opacity: 0.9 !important;\n flex-shrink: 0 !important;\n }\n\n \/* Legal *\/\n .koss_footer__legal {\n display: flex !important;\n align-items: center !important;\n gap: 8px !important;\n }\n .koss_footer__legal a {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n letter-spacing: 0.5px !important;\n color: rgba(255,255,255,0.5) !important;\n text-decoration: none !important;\n transition: color 0.3s ease !important;\n }\n .koss_footer__legal a:hover { color: rgba(255,255,255,0.85) !important; }\n .koss_footer__legal-separator {\n font-size: 12px !important;\n color: rgba(255,255,255,0.25) !important;\n user-select: none !important;\n }\n\n \/* Life In Costa *\/\n .koss_footer__lic {\n display: flex !important;\n align-items: center !important;\n justify-content: flex-end !important;\n flex-shrink: 0 !important;\n }\n .koss_footer__lic-logo {\n height: 36px !important;\n max-height: 36px !important;\n width: auto !important;\n max-width: 100% !important;\n display: block !important;\n filter: brightness(0) invert(1) !important;\n opacity: 0.55 !important;\n transition: opacity 0.3s ease !important;\n }\n .koss_footer__lic-logo:hover { opacity: 0.85 !important; }\n\n \/* ============================================\n LANGUAGE SWITCHER \u2014 bottom bar + tooltips\n ============================================ *\/\n .koss_lang__item {\n position: relative !important;\n display: inline-flex !important;\n align-items: center !important;\n }\n\n .koss_lang__item a {\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.35) !important;\n text-decoration: none !important;\n padding: 4px 6px !important;\n border-radius: 2px !important;\n transition: color 0.2s ease !important;\n display: block !important;\n }\n .koss_lang__item a:hover { color: rgba(255,255,255,0.8) !important; }\n .koss_lang__item a.koss_lang--active {\n color: #fff !important;\n font-weight: 600 !important;\n cursor: default !important;\n pointer-events: none !important;\n }\n\n \/* Tooltip via ::after using data-tooltip *\/\n .koss_lang__item a::after {\n content: attr(data-tooltip) !important;\n position: absolute !important;\n bottom: calc(100% + 8px) !important;\n left: 50% !important;\n transform: translateX(-50%) translateY(4px) !important;\n background: rgba(30,30,30,0.95) !important;\n color: rgba(255,255,255,0.88) !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 10px !important;\n font-weight: 400 !important;\n letter-spacing: 0.5px !important;\n text-transform: none !important;\n white-space: nowrap !important;\n padding: 4px 9px !important;\n border-radius: 4px !important;\n border: 1px solid rgba(255,255,255,0.1) !important;\n pointer-events: none !important;\n opacity: 0 !important;\n transition: opacity 0.18s ease, transform 0.18s ease !important;\n z-index: 10 !important;\n }\n .koss_lang__item a:hover::after {\n opacity: 1 !important;\n transform: translateX(-50%) translateY(0) !important;\n }\n .koss_lang__item a.koss_lang--active::after {\n display: none !important;\n }\n\n \/* Separator between lang items *\/\n .koss_lang__sep {\n font-size: 10px !important;\n color: rgba(255,255,255,0.15) !important;\n user-select: none !important;\n padding: 0 1px !important;\n }\n\n \/* ============================================\n RESPONSIVE \u2014 TABLET\n ============================================ *\/\n @media screen and (max-width: 991px) {\n .koss_footer { padding: 32px 40px 28px !important; }\n .koss_footer__container {\n flex-wrap: wrap !important;\n justify-content: center !important;\n gap: 24px !important;\n }\n .koss_footer__brand { order: 1 !important; width: 100% !important; justify-content: center !important; }\n .koss_footer__logo-col { align-items: center !important; }\n .koss_footer__logo img { height: 64px !important; }\n .koss_footer__legal { order: 2 !important; }\n .koss_footer__lic { order: 3 !important; }\n }\n\n \/* ============================================\n RESPONSIVE \u2014 MOBILE\n ============================================ *\/\n @media screen and (max-width: 768px) {\n .koss_footer { padding: 32px 20px 24px !important; }\n .koss_footer__container { flex-direction: column !important; gap: 20px !important; }\n .koss_footer__brand { flex-direction: column !important; gap: 12px !important; }\n .koss_footer__brand-separator { display: none !important; }\n .koss_footer__logo img { height: 56px !important; }\n .koss_footer__phone { font-size: 14px !important; }\n .koss_footer__legal a { font-size: 11px !important; }\n .koss_footer__lic-logo { height: 30px !important; }\n .koss_lang__item a::after { display: none !important; }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<footer class=\"koss_footer\">\n\n \n <div class=\"koss_footer__container\">\n\n \n <div class=\"koss_footer__brand\">\n <div class=\"koss_footer__logo-col\">\n <a href=\"\/\" class=\"koss_footer__logo\" aria-label=\"The Kos - Inicio\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\" alt=\"The Kos\">\n <\/a>\n <\/div>\n <span class=\"koss_footer__brand-separator\"><\/span>\n <a href=\"tel:+34 911 67 34 39\" id=\"koss_footer_phone_link\" class=\"koss_footer__phone\">\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\">\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\n <\/svg>\n <span class=\"koss_footer__phone-number\">+34 911 67 34 39<\/span>\n <\/a>\n <\/div>\n\n \n <nav class=\"koss_footer__legal\" aria-label=\"Enlaces legales\">\n <a id=\"koss_legal_link\" href=\"\/legal\">Legal<\/a>\n <span class=\"koss_footer__legal-separator\">\u00b7<\/span>\n <a id=\"koss_privacy_link\" href=\"\/privacidad\">Privacidad<\/a>\n <span class=\"koss_footer__legal-separator\">\u00b7<\/span>\n <a id=\"koss_cookies_link\" href=\"\/cookies\">Cookies<\/a>\n <\/nav>\n\n \n <div class=\"koss_footer__lic\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/lifeincosta.png\"\n alt=\"Life In Costa\"\n class=\"koss_footer__lic-logo\">\n <\/div>\n\n <\/div>\n\n \n <hr class=\"koss_footer__divider\">\n\n \n <nav class=\"koss_footer__lang-bar\" id=\"koss_lang_switcher\" aria-label=\"Selector de idioma\">\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"es\" href=\"\/\" data-tooltip=\"Espa\u00f1ol\">ES<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"en\" href=\"\/en\/\" data-tooltip=\"English\">EN<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"fr\" href=\"\/fr\/\" data-tooltip=\"Fran\u00e7ais\">FR<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"de\" href=\"\/de\/\" data-tooltip=\"Deutsch\">DE<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"ar\" href=\"\/ar\/\" data-tooltip=\"\u0627\u0644\u0639\u0631\u0628\u064a\u0629\">AR<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"cs\" href=\"\/cs\/\" data-tooltip=\"\u010ce\u0161tina\">CS<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"da\" href=\"\/da\/\" data-tooltip=\"Dansk\">DA<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"nl\" href=\"\/nl\/\" data-tooltip=\"Nederlands\">NL<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"no\" href=\"\/no\/\" data-tooltip=\"Norsk\">NO<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"pl\" href=\"\/pl\/\" data-tooltip=\"Polski\">PL<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"ru\" href=\"\/ru\/\" data-tooltip=\"\u0420\u0443\u0441\u0441\u043a\u0438\u0439\">RU<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"sv\" href=\"\/sv\/\" data-tooltip=\"Svenska\">SV<\/a>\n <\/span>\n\n <\/nav>\n\n<\/footer>\n\n<script>\n(function () {\n\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 *\/\n var langMap = {\n es: {\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Privacidad' },\n cookies: { href: '\/cookies', label: 'Cookies' },\n ariaNav: 'Enlaces legales',\n ariaLang: 'Selector de idioma'\n },\n en: {\n prefix: '\/en',\n legal: { href: '\/en\/legal', label: 'Legal' },\n privacy: { href: '\/en\/privacy', label: 'Privacy' },\n cookies: { href: '\/en\/cookies', label: 'Cookies' },\n ariaNav: 'Legal links',\n ariaLang: 'Language selector'\n },\n fr: {\n prefix: '\/fr',\n legal: { href: '\/fr\/mentions-legales', label: 'Mentions l\u00e9gales' },\n privacy: { href: '\/fr\/confidentialite', label: 'Confidentialit\u00e9' },\n cookies: { href: '\/fr\/cookies', label: 'Cookies' },\n ariaNav: 'Liens juridiques',\n ariaLang: 'S\u00e9lecteur de langue'\n },\n de: {\n prefix: '\/de',\n legal: { href: '\/de\/impressum', label: 'Impressum' },\n privacy: { href: '\/de\/datenschutz', label: 'Datenschutz' },\n cookies: { href: '\/de\/cookies', label: 'Cookies' },\n ariaNav: 'Rechtliche Hinweise',\n ariaLang: 'Sprachauswahl'\n },\n ar: {\n prefix: '\/ar',\n legal: { href: '\/ar\/legal', label: '\u0642\u0627\u0646\u0648\u0646\u064a' },\n privacy: { href: '\/ar\/privacidad', label: '\u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629' },\n cookies: { href: '\/ar\/cookies', label: '\u0645\u0644\u0641\u0627\u062a \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0627\u0631\u062a\u0628\u0627\u0637' },\n ariaNav: '\u0631\u0648\u0627\u0628\u0637 \u0642\u0627\u0646\u0648\u0646\u064a\u0629',\n ariaLang: '\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0644\u063a\u0629'\n },\n cs: {\n prefix: '\/cs',\n legal: { href: '\/cs\/legal', label: 'Pr\u00e1vn\u00ed' },\n privacy: { href: '\/cs\/privacidad', label: 'Soukrom\u00ed' },\n cookies: { href: '\/cs\/cookies', label: 'Cookies' },\n ariaNav: 'Pr\u00e1vn\u00ed odkazy',\n ariaLang: 'V\u00fdb\u011br jazyka'\n },\n da: {\n prefix: '\/da',\n legal: { href: '\/da\/legal', label: 'Juridisk' },\n privacy: { href: '\/da\/privacidad', label: 'Privatliv' },\n cookies: { href: '\/da\/cookies', label: 'Cookies' },\n ariaNav: 'Juridiske links',\n ariaLang: 'Sprogv\u00e6lger'\n },\n nl: {\n prefix: '\/nl',\n legal: { href: '\/nl\/legal', label: 'Juridisch' },\n privacy: { href: '\/nl\/privacidad', label: 'Privacy' },\n cookies: { href: '\/nl\/cookies', label: 'Cookies' },\n ariaNav: 'Juridische links',\n ariaLang: 'Taalkiezer'\n },\n no: {\n prefix: '\/no',\n legal: { href: '\/no\/legal', label: 'Juridisk' },\n privacy: { href: '\/no\/privacidad', label: 'Personvern' },\n cookies: { href: '\/no\/cookies', label: 'Cookies' },\n ariaNav: 'Juridiske lenker',\n ariaLang: 'Spr\u00e5kvelger'\n },\n pl: {\n prefix: '\/pl',\n legal: { href: '\/pl\/legal', label: 'Prawne' },\n privacy: { href: '\/pl\/privacidad', label: 'Prywatno\u015b\u0107' },\n cookies: { href: '\/pl\/cookies', label: 'Cookies' },\n ariaNav: 'Linki prawne',\n ariaLang: 'Wyb\u00f3r j\u0119zyka'\n },\n ru: {\n prefix: '\/ru',\n legal: { href: '\/ru\/legal', label: '\u041f\u0440\u0430\u0432\u043e\u0432\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f' },\n privacy: { href: '\/ru\/privacidad', label: '\u041a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c' },\n cookies: { href: '\/ru\/cookies', label: 'Cookies' },\n ariaNav: '\u041f\u0440\u0430\u0432\u043e\u0432\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438',\n ariaLang: '\u0412\u044b\u0431\u043e\u0440 \u044f\u0437\u044b\u043a\u0430'\n },\n sv: {\n prefix: '\/sv',\n legal: { href: '\/sv\/legal', label: 'Juridiskt' },\n privacy: { href: '\/sv\/privacidad', label: 'Integritet' },\n cookies: { href: '\/sv\/cookies', label: 'Cookies' },\n ariaNav: 'Juridiska l\u00e4nkar',\n ariaLang: 'Spr\u00e5kv\u00e4ljare'\n }\n };\n\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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n * El sitio sirve espa\u00f1ol SIN prefijo: \/villas\/, \/contacto\/, etc.\n * El resto de idiomas usan prefijo: \/en\/villas\/, \/fr\/villas\/, etc.\n *\n * L\u00f3gica:\n * 1. Intentamos hacer match del prefijo \/xx\/ al inicio del pathname.\n * 2. Si el prefijo existe en langMap \u2192 ese es el locale.\n * 3. Si no hay prefijo (o el prefijo no est\u00e1 en langMap) \u2192 locale = 'es'.\n *\n * C\u00e1lculo del slug can\u00f3nico (la parte de la URL sin el prefijo de idioma):\n * - Si hay prefijo detectado \u2192 eliminamos \/xx\/ del inicio.\n * - Si no hay prefijo (es) \u2192 el path completo ES el slug.\n * Esto garantiza que \/en\/villas\/ \u2192 slug = \/villas\/\n * y \/villas\/ \u2192 slug = \/villas\/ (mismo resultado, correcto).\n * \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\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\u2500\u2500\u2500 *\/\n var path = window.location.pathname;\n var prefixMatch = path.match(\/^\\\/([a-z]{2})(\\\/|$)\/);\n var locale = (prefixMatch && langMap[prefixMatch[1]]) ? prefixMatch[1] : 'es';\n var cfg = langMap[locale];\n\n \/* Slug = path sin el prefijo de idioma.\n * Si locale es 'es' no hay prefijo, slug = path completo. *\/\n var slug = (locale !== 'es')\n ? path.replace(\/^\\\/[a-z]{2}\/, '') || '\/'\n : path;\n\n \/* Asegurar que el slug empiece siempre con \/ *\/\n if (slug.charAt(0) !== '\/') slug = '\/' + slug;\n\n \/* \u2500\u2500 Legal links \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var elLegal = document.getElementById('koss_legal_link');\n var elPrivacy = document.getElementById('koss_privacy_link');\n var elCookies = document.getElementById('koss_cookies_link');\n\n if (elLegal) { elLegal.href = cfg.legal.href; elLegal.textContent = cfg.legal.label; }\n if (elPrivacy) { elPrivacy.href = cfg.privacy.href; elPrivacy.textContent = cfg.privacy.label; }\n if (elCookies) { elCookies.href = cfg.cookies.href; elCookies.textContent = cfg.cookies.label; }\n\n var navLegal = document.querySelector('.koss_footer__legal');\n if (navLegal) navLegal.setAttribute('aria-label', cfg.ariaNav);\n\n \/* \u2500\u2500 Language switcher hrefs + active \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n * Para cada idioma construimos el href as\u00ed:\n * - es (sin prefijo) \u2192 slug \u2192 \/villas\/\n * - otros \u2192 \/xx + slug \u2192 \/en\/villas\/\n *\n * El idioma activo pierde su href y recibe la clase koss_lang--active.\n * \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\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\u2500\u2500\u2500 *\/\n var switcher = document.getElementById('koss_lang_switcher');\n if (switcher) {\n switcher.setAttribute('aria-label', cfg.ariaLang);\n var links = switcher.querySelectorAll('a[data-lang]');\n for (var i = 0; i < links.length; i++) {\n var lang = links[i].getAttribute('data-lang');\n if (lang === locale) {\n links[i].classList.add('koss_lang--active');\n links[i].removeAttribute('href');\n } else {\n links[i].classList.remove('koss_lang--active');\n links[i].href = (lang === 'es') ? slug : '\/' + lang + slug;\n }\n }\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-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\n<div class=\"evoost-signature-wrapper\">\n<a aria-label=\"Powered by eVoost\" class=\"evoost-signature\" href=\"https:\/\/evoost.ai\" target=\"_blank\">\n<img decoding=\"async\" alt=\"eVoost\" class=\"evoost-logo\" src=\"https:\/\/asvillas.pt\/wp-content\/uploads\/2025\/05\/evoost_sales_innovation_logo-removebg-preview.svg\"\/>\n<span class=\"evoost-text\">Aangedreven door<span class=\"evoost-highlight\">eVoost<\/span><\/span>\n<\/a>\n<\/div>\n<style>\r\n\/* ============================================\r\n EVOOST SIGNATURE (standalone)\r\n============================================ *\/\r\n.evoost-signature-wrapper {\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n padding: 0 !important;\r\n font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\r\n}\r\n\r\n.evoost-signature {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-decoration: none !important;\r\n padding: 8px 12px !important;\r\n border-radius: 30px !important;\r\n border: 1px solid rgba(0, 0, 0, 0.1) !important;\r\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n background-color: transparent !important;\r\n}\r\n\r\n.evoost-logo {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 8px !important;\r\n opacity: 0.6 !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n}\r\n\r\n.evoost-text {\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.2px !important;\r\n color: rgba(0, 0, 0, 0.4) !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n}\r\n\r\n.evoost-highlight {\r\n font-weight: 500 !important;\r\n color: rgba(0, 0, 0, 0.55) !important;\r\n transition: all 0.5s ease !important;\r\n}\r\n\r\n.evoost-signature:before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 100%) !important;\r\n opacity: 0;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 1 !important;\r\n}\r\n\r\n.evoost-signature:after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -150% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%) !important;\r\n transform: skewX(-25deg) !important;\r\n z-index: 3 !important;\r\n opacity: 0;\r\n transition: opacity 0.2s ease !important;\r\n}\r\n\r\n@keyframes shineEffect {\r\n 0% { left: -150% !important; }\r\n 100% { left: 150% !important; }\r\n}\r\n\r\n.evoost-signature:hover {\r\n border-color: rgba(0, 0, 0, 0.2) !important;\r\n}\r\n\r\n.evoost-signature:hover:before {\r\n opacity: 1;\r\n}\r\n\r\n.evoost-signature:hover:after {\r\n opacity: 1;\r\n animation: shineEffect 1.2s ease-in-out !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-logo {\r\n opacity: 0.9 !important;\r\n transform: scale(1.05) !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-text {\r\n color: rgba(0, 0, 0, 0.7) !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-highlight {\r\n color: rgba(0, 0, 0, 0.85) !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>De Kos – Filmische held Over Typologie\u00ebn Galerij Locatie Ontgrendel informatie Over Typologie\u00ebn Galerij Locatie Ontgrendel informatie 36 Exclusieve Sky Villa’s Waar de horizon jouw thuis wordt Beleef de ervaring van elke dag wakker worden met de Middellandse Zee aan uw voeten, in het hart van de Costa del Sol. Ontdek uw villa Rol De […]<\/p>\n","protected":false},"author":3,"featured_media":370,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3498","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\n<title>The Kos Higuer\u00f3n | 36 Sky Villas met Priv\u00e9zwembad<\/title>\n<meta name=\"description\" content=\"Ontdek de 36 Sky Top Villas met 3 en 4 slaapkamers in El Higuer\u00f3n, Fuengirola. Uitzicht op de Middellandse Zee, exclusiviteit aan de 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=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Kos Higuer\u00f3n | 36 Sky Villas met Priv\u00e9zwembad\" \/>\n<meta property=\"og:description\" content=\"Ontdek de 36 Sky Top Villas met 3 en 4 slaapkamers in El Higuer\u00f3n, Fuengirola. Uitzicht op de Middellandse Zee, exclusiviteit aan de 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-07-22T07:34:00+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=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"37 minuten\" \/>\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 met Priv\u00e9zwembad\",\"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-07-22T07:34:00+00:00\",\"description\":\"Ontdek de 36 Sky Top Villas met 3 en 4 slaapkamers in El Higuer\u00f3n, Fuengirola. Uitzicht op de Middellandse Zee, exclusiviteit aan de Costa del Sol\",\"breadcrumb\":{\"@id\":\"https:\/\/thekosvillas.com\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thekosvillas.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@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 [NL]\"}]},{\"@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\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/thekosvillas.com\/#organization\",\"name\":\"The Kos Villas\",\"url\":\"https:\/\/thekosvillas.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@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 met Priv\u00e9zwembad","description":"Ontdek de 36 Sky Top Villas met 3 en 4 slaapkamers in El Higuer\u00f3n, Fuengirola. Uitzicht op de Middellandse Zee, exclusiviteit aan de 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":"nl_NL","og_type":"article","og_title":"The Kos Higuer\u00f3n | 36 Sky Villas met Priv\u00e9zwembad","og_description":"Ontdek de 36 Sky Top Villas met 3 en 4 slaapkamers in El Higuer\u00f3n, Fuengirola. Uitzicht op de Middellandse Zee, exclusiviteit aan de Costa del Sol","og_url":"https:\/\/thekosvillas.com\/","og_site_name":"The Kos Villas","article_modified_time":"2026-07-22T07:34:00+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":{"Geschatte leestijd":"37 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thekosvillas.com\/","url":"https:\/\/thekosvillas.com\/","name":"The Kos Higuer\u00f3n | 36 Sky Villas met Priv\u00e9zwembad","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-07-22T07:34:00+00:00","description":"Ontdek de 36 Sky Top Villas met 3 en 4 slaapkamers in El Higuer\u00f3n, Fuengirola. Uitzicht op de Middellandse Zee, exclusiviteit aan de Costa del Sol","breadcrumb":{"@id":"https:\/\/thekosvillas.com\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thekosvillas.com\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@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 [NL]"}]},{"@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":"nl-NL"},{"@type":"Organization","@id":"https:\/\/thekosvillas.com\/#organization","name":"The Kos Villas","url":"https:\/\/thekosvillas.com\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@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\/nl\/wp-json\/wp\/v2\/pages\/3498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/comments?post=3498"}],"version-history":[{"count":21,"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/pages\/3498\/revisions"}],"predecessor-version":[{"id":7138,"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/pages\/3498\/revisions\/7138"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/media\/370"}],"wp:attachment":[{"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/media?parent=3498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\n\nDe Kos - Filmische held<\/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 body.koss_locked {\n overflow: hidden !important;\n height: 100vh !important;\n }\n\n .koss_loader {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n background-color: #f8f8f8 !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n justify-content: center !important;\n z-index: 10000 !important;\n opacity: 1 !important;\n visibility: visible !important;\n transition: opacity 0.6s ease, visibility 0.6s ease !important;\n }\n\n .koss_loader.koss_loader--hidden {\n opacity: 0 !important;\n visibility: hidden !important;\n }\n\n .koss_loader__logo {\n max-width: 180px !important;\n width: 60% !important;\n height: auto !important;\n opacity: 0 !important;\n transform: scale(0.95) !important;\n animation: koss_fadeInScale 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.3s forwards !important;\n }\n\n .koss_loader__text {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #999999 !important;\n margin-top: 24px !important;\n opacity: 0 !important;\n animation: koss_fadeInScale 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.6s forwards !important;\n }\n\n .koss_hero {\n position: relative !important;\n width: 100% !important;\n height: 100vh !important;\n overflow: hidden !important;\n }\n\n .koss_hero__bg {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n overflow: hidden !important;\n z-index: 1 !important;\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg') !important;\n background-size: cover !important;\n background-position: center !important;\n }\n\n .koss_hero__video {\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n min-width: 100% !important;\n min-height: 100% !important;\n width: auto !important;\n height: auto !important;\n transform: translate(-50%, -50%) !important;\n object-fit: cover !important;\n }\n\n .koss_hero__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) 0%,\n rgba(0, 0, 0, 0.1) 35%,\n rgba(0, 0, 0, 0.35) 55%,\n rgba(0, 0, 0, 0.7) 100%\n ) !important;\n z-index: 2 !important;\n pointer-events: none !important;\n }\n\n .koss_hero__grid {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n display: grid !important;\n grid-template-columns: repeat(10, 1fr) !important;\n grid-template-rows: repeat(8, 1fr) !important;\n z-index: 5 !important;\n }\n\n .koss_hero__cell {\n background-color: #f8f8f8 !important;\n opacity: 1 !important;\n transform: scale(1) !important;\n transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), \n transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;\n }\n\n .koss_hero__cell.koss_cell--revealed {\n opacity: 0 !important;\n transform: scale(0.9) !important;\n }\n\n .koss_navbar {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n z-index: 9999 !important;\n padding: 24px 0 !important;\n background-color: transparent !important;\n opacity: 0 !important;\n transform: translateY(-20px) !important;\n transition: opacity 0.6s ease, transform 0.6s ease, \n background-color 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease !important;\n }\n\n .koss_navbar.koss_navbar--visible {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_navbar.koss_navbar--solid {\n background-color: #f8f8f8 !important;\n padding: 16px 0 !important;\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06) !important;\n }\n\n .koss_navbar__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n padding: 0 60px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .koss_navbar__logo {\n display: flex !important;\n align-items: center !important;\n text-decoration: none !important;\n }\n\n .koss_navbar__logo img {\n height: 70px !important;\n width: auto !important;\n transition: height 0.4s ease, filter 0.4s ease !important;\n filter: brightness(0) invert(1) !important;\n }\n\n .koss_navbar--solid .koss_navbar__logo img {\n height: 56px !important;\n filter: none !important;\n }\n\n .koss_navbar__nav {\n flex: 1 !important;\n display: flex !important;\n justify-content: center !important;\n }\n\n .koss_navbar__menu {\n display: flex !important;\n gap: 40px !important;\n list-style: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .koss_navbar__menu a {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: 15px !important;\n color: #ffffff !important;\n text-decoration: none !important;\n letter-spacing: 0.5px !important;\n position: relative !important;\n transition: color 0.3s ease !important;\n }\n\n .koss_navbar--solid .koss_navbar__menu a {\n color: #333333 !important;\n }\n\n .koss_navbar__menu a::after {\n content: '' !important;\n position: absolute !important;\n bottom: -4px !important;\n left: 0 !important;\n width: 0 !important;\n height: 1px !important;\n background-color: #ffffff !important;\n transition: width 0.3s ease, background-color 0.3s ease !important;\n }\n\n .koss_navbar--solid .koss_navbar__menu a::after {\n background-color: #7c362a !important;\n }\n\n .koss_navbar__menu a:hover::after {\n width: 100% !important;\n }\n\n .koss_navbar__cta {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 400 !important;\n font-size: 13px !important;\n color: #ffffff !important;\n text-decoration: none !important;\n padding: 12px 28px !important;\n border: 2px solid #ffffff !important;\n border-radius: 8px !important;\n letter-spacing: 0.5px !important;\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;\n }\n\n .koss_navbar__cta:hover {\n background-color: #7c362a !important;\n border-color: #7c362a !important;\n color: #ffffff !important;\n }\n\n .koss_navbar--solid .koss_navbar__cta {\n color: #ffffff !important;\n border-color: #7c362a !important;\n background-color: #7c362a !important;\n }\n\n .koss_navbar--solid .koss_navbar__cta:hover {\n background-color: #5e2a20 !important;\n border-color: #5e2a20 !important;\n }\n\n .koss_navbar__burger {\n display: none !important;\n flex-direction: column !important;\n justify-content: center !important;\n gap: 6px !important;\n width: 32px !important;\n height: 32px !important;\n background: none !important;\n border: none !important;\n cursor: pointer !important;\n padding: 0 !important;\n }\n\n .koss_navbar__burger span {\n display: block !important;\n width: 100% !important;\n height: 2px !important;\n background-color: #ffffff !important;\n transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease !important;\n }\n\n .koss_navbar--solid .koss_navbar__burger span {\n background-color: #333333 !important;\n }\n\n .koss_navbar__burger.koss_burger--active span:nth-child(1) {\n transform: translateY(8px) rotate(45deg) !important;\n background-color: #7c362a !important;\n }\n\n .koss_navbar__burger.koss_burger--active span:nth-child(2) {\n opacity: 0 !important;\n }\n\n .koss_navbar__burger.koss_burger--active span:nth-child(3) {\n transform: translateY(-8px) rotate(-45deg) !important;\n background-color: #7c362a !important;\n }\n\n .koss_mobile_menu {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100vh !important;\n background-color: #f8f8f8 !important;\n z-index: 9998 !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_mobile_menu.koss_mobile_menu--open {\n opacity: 1 !important;\n visibility: visible !important;\n }\n\n .koss_mobile_menu__list {\n list-style: none !important;\n margin: 0 !important;\n padding: 0 !important;\n text-align: center !important;\n }\n\n .koss_mobile_menu__list li {\n margin-bottom: 32px !important;\n }\n\n .koss_mobile_menu__list a {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: 28px !important;\n color: #333333 !important;\n text-decoration: none !important;\n transition: color 0.3s ease !important;\n }\n\n .koss_mobile_menu__list a:hover {\n color: #7c362a !important;\n }\n\n .koss_mobile_menu__cta {\n display: inline-block !important;\n margin-top: 8px !important;\n padding: 10px 20px !important;\n border: 1px solid #7c362a !important;\n border-radius: 6px !important;\n font-size: 13px !important;\n font-weight: 300 !important;\n letter-spacing: 0.3px !important;\n white-space: nowrap !important;\n color: #ffffff !important;\n background-color: #7c362a !important;\n }\n\n .koss_mobile_menu__cta:hover {\n color: #ffffff !important;\n border-color: #5e2a20 !important;\n background-color: #5e2a20 !important;\n }\n\n .koss_mobile_menu__footer {\n position: absolute !important;\n bottom: 48px !important;\n left: 0 !important;\n width: 100% !important;\n text-align: center !important;\n }\n\n .koss_mobile_menu__phone,\n .koss_mobile_menu__phone:link,\n .koss_mobile_menu__phone:visited,\n .koss_mobile_menu__phone:active {\n display: inline-flex !important;\n align-items: center !important;\n gap: 8px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 16px !important;\n font-weight: 300 !important;\n color: #666666 !important;\n text-decoration: none !important;\n transition: color 0.3s ease !important;\n }\n\n .koss_mobile_menu__phone:hover {\n color: #7c362a !important;\n }\n\n .koss_mobile_menu__phone svg {\n width: 18px !important;\n height: 18px !important;\n stroke: currentColor !important;\n }\n\n .koss_mobile_menu__phone-number,\n .koss_mobile_menu__phone-number * {\n color: inherit !important;\n font-family: inherit !important;\n font-size: inherit !important;\n font-weight: inherit !important;\n }\n\n .koss_hero__content {\n position: absolute !important;\n bottom: 12% !important;\n left: 0 !important;\n width: 100% !important;\n z-index: 10 !important;\n opacity: 0 !important;\n transform: translateY(30px) !important;\n transition: opacity 0.8s ease, transform 0.8s ease !important;\n }\n\n .koss_hero__content.koss_content--visible {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_hero__content-inner {\n max-width: 1600px !important;\n margin: 0 auto !important;\n padding: 0 60px !important;\n }\n\n .koss_hero__content-text {\n max-width: 700px !important;\n }\n\n .koss_hero__label {\n display: inline-block !important;\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: rgba(255, 255, 255, 0.8) !important;\n margin-bottom: 16px !important;\n padding-left: 40px !important;\n position: relative !important;\n }\n\n .koss_hero__label::before {\n content: '' !important;\n position: absolute !important;\n left: 0 !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n width: 28px !important;\n height: 1px !important;\n background-color: rgba(255, 255, 255, 0.6) !important;\n }\n\n .koss_hero__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(36px, 5vw, 64px) !important;\n font-weight: 400 !important;\n line-height: 1.15 !important;\n color: #ffffff !important;\n margin: 0 0 24px 0 !important;\n letter-spacing: -1px !important;\n }\n\n .koss_hero__subtitle {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: clamp(16px, 2vw, 20px) !important;\n line-height: 1.6 !important;\n color: rgba(255, 255, 255, 0.85) !important;\n margin: 0 0 32px 0 !important;\n max-width: 500px !important;\n }\n\n .koss_hero__cta {\n display: inline-block !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 400 !important;\n font-size: 14px !important;\n color: #ffffff !important;\n text-decoration: none !important;\n padding: 16px 48px !important;\n border: 2px solid #ffffff !important;\n border-radius: 8px !important;\n letter-spacing: 0.5px !important;\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;\n }\n\n .koss_hero__cta:hover {\n background-color: #7c362a !important;\n border-color: #7c362a !important;\n color: #ffffff !important;\n }\n\n .koss_hero__scroll {\n position: absolute !important;\n bottom: 32px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n gap: 10px !important;\n z-index: 10 !important;\n opacity: 0 !important;\n transition: opacity 0.6s ease !important;\n }\n\n .koss_hero__scroll.koss_scroll--visible {\n opacity: 1 !important;\n }\n\n .koss_hero__scroll span {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: 10px !important;\n letter-spacing: 3px !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.6) !important;\n }\n\n .koss_hero__scroll-line {\n width: 1px !important;\n height: 40px !important;\n background-color: rgba(255, 255, 255, 0.3) !important;\n position: relative !important;\n overflow: hidden !important;\n }\n\n .koss_hero__scroll-line::after {\n content: '' !important;\n position: absolute !important;\n top: -15px !important;\n left: 0 !important;\n width: 100% !important;\n height: 15px !important;\n background-color: rgba(255, 255, 255, 0.8) !important;\n animation: koss_scrollLine 1.8s ease-in-out infinite !important;\n }\n\n .koss_content {\n position: relative !important;\n z-index: 20 !important;\n background-color: #f8f8f8 !important;\n }\n\n @keyframes koss_fadeInScale {\n 0% {\n opacity: 0;\n transform: scale(0.95);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes koss_scrollLine {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(55px);\n }\n }\n\n @media screen and (max-width: 991px) {\n .koss_navbar__container {\n padding: 0 40px !important;\n }\n \n .koss_navbar__nav,\n .koss_navbar__cta {\n display: none !important;\n }\n \n .koss_navbar__burger {\n display: flex !important;\n }\n\n .koss_hero__content-inner {\n padding: 0 40px !important;\n }\n\n .koss_hero__grid {\n grid-template-columns: repeat(8, 1fr) !important;\n grid-template-rows: repeat(8, 1fr) !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n .koss_navbar__container {\n padding: 0 24px !important;\n }\n\n .koss_navbar__logo img {\n height: 56px !important;\n }\n\n .koss_hero__content-inner {\n padding: 0 24px !important;\n }\n\n .koss_hero__content {\n bottom: 15% !important;\n }\n\n .koss_hero__label {\n padding-left: 0 !important;\n margin-bottom: 12px !important;\n }\n\n .koss_hero__label::before {\n display: none !important;\n }\n\n .koss_hero__cta {\n padding: 14px 36px !important;\n font-size: 13px !important;\n }\n\n .koss_hero__grid {\n grid-template-columns: repeat(6, 1fr) !important;\n grid-template-rows: repeat(8, 1fr) !important;\n }\n\n .koss_loader__logo {\n max-width: 140px !important;\n }\n }\n\n @media screen and (max-width: 480px) {\n .koss_hero__grid {\n grid-template-columns: repeat(5, 1fr) !important;\n grid-template-rows: repeat(8, 1fr) !important;\n }\n }\n <\/style>\n<\/head>\n<body class=\"koss_locked\">\n<header class=\"koss_navbar\" id=\"koss_navbar\">\n<div class=\"koss_navbar__container\">\n<a class=\"koss_navbar__logo\" href=\"#\">\n<img decoding=\"async\" alt=\"The Kos Villas\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\"\/>\n<\/a>\n<nav class=\"koss_navbar__nav\">\n<ul class=\"koss_navbar__menu\">\n<li><a href=\"#about\">Over<\/a><\/li>\n<li><a href=\"#tipology\">Typologie\u00ebn<\/a><\/li>\n<li><a href=\"#gallery\">Galerij<\/a><\/li>\n<li><a href=\"#location\">Locatie<\/a><\/li>\n<\/ul>\n<\/nav>\n<a class=\"koss_navbar__cta\" href=\"#unlock\">Ontgrendel informatie<\/a>\n<button aria-label=\"Abrir men\u00fa\" class=\"koss_navbar__burger\" id=\"koss_burger\">\n<span><\/span>\n<span><\/span>\n<span><\/span>\n<\/button>\n<\/div>\n<\/header>\n<div class=\"koss_mobile_menu\" id=\"koss_mobile_menu\">\n<ul class=\"koss_mobile_menu__list\">\n<li><a href=\"#about\">Over<\/a><\/li>\n<li><a href=\"#tipology\">Typologie\u00ebn<\/a><\/li>\n<li><a href=\"#gallery\">Galerij<\/a><\/li>\n<li><a href=\"#location\">Locatie<\/a><\/li>\n<li><a class=\"koss_mobile_menu__cta\" href=\"#unlock\">Ontgrendel informatie<\/a><\/li>\n<\/ul>\n<div class=\"koss_mobile_menu__footer\">\n <a href=\"tel:+34 911 67 34 39\" class=\"koss_mobile_menu__phone\"><svg fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n<\/svg>\n<span class=\"koss_mobile_menu__phone-number\">+34 911 67 34 39<\/span>\n<\/a>\n<\/div>\n<\/div>\n<section class=\"koss_hero\" id=\"koss_hero\">\n<div class=\"koss_hero__bg\">\n<video autoplay=\"\" class=\"koss_hero__video\" id=\"koss_hero_video\" loop=\"\" muted=\"\" playsinline=\"\" poster=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\" preload=\"auto\" webkit-playsinline=\"\">\n<source src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/intro-kos-engage.mp4\" type=\"video\/mp4\"\/>\n<\/video>\n<\/div>\n<div class=\"koss_hero__overlay\"><\/div>\n<div class=\"koss_hero__grid\" id=\"koss_grid\"><\/div>\n<div class=\"koss_hero__content\" id=\"koss_hero_content\">\n<div class=\"koss_hero__content-inner\">\n<div class=\"koss_hero__content-text\">\n<span class=\"koss_hero__label\">36 Exclusieve Sky Villa's<\/span>\n<h1 class=\"koss_hero__title\">Waar de horizon jouw thuis wordt<\/h1>\n<p class=\"koss_hero__subtitle\">Beleef de ervaring van elke dag wakker worden met de Middellandse Zee aan uw voeten, in het hart van de Costa del Sol.<\/p>\n<a class=\"koss_hero__cta\" href=\"#about\">Ontdek uw villa<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"koss_hero__scroll\" id=\"koss_scroll\">\n<span>Rol<\/span>\n<div class=\"koss_hero__scroll-line\"><\/div>\n<\/div>\n<\/section>\n<div class=\"koss_content\"><\/div>\n<script>\n (function() {\n 'use strict';\n\n var CONFIG = {\n LOADER_DURATION: 0,\n LOADER_FADE: 0,\n GRID_START_DELAY: 300,\n CELL_DELAY: 30,\n CONTENT_DELAY: 800,\n GRID_COLS: 10,\n GRID_ROWS: 8\n };\n\n var navbar = document.getElementById('koss_navbar');\n var grid = document.getElementById('koss_grid');\n var heroContent = document.getElementById('koss_hero_content');\n var scrollIndicator = document.getElementById('koss_scroll');\n var burger = document.getElementById('koss_burger');\n var mobileMenu = document.getElementById('koss_mobile_menu');\n var heroVideo = document.getElementById('koss_hero_video');\n\n function initVideo() {\n if (!heroVideo) return;\n \n heroVideo.play().catch(function(error) {\n setTimeout(function() {\n heroVideo.play().catch(function() {});\n }, 100);\n });\n }\n\n function generateGrid() {\n var totalCells = CONFIG.GRID_COLS * CONFIG.GRID_ROWS;\n grid.innerHTML = '';\n \n for (var i = 0; i < totalCells; i++) {\n var cell = document.createElement('div');\n cell.className = 'koss_hero__cell';\n grid.appendChild(cell);\n }\n }\n\n function shuffleArray(array) {\n var shuffled = array.slice();\n for (var i = shuffled.length - 1; i > 0; i--) {\n var j = Math.floor(Math.random() * (i + 1));\n var temp = shuffled[i];\n shuffled[i] = shuffled[j];\n shuffled[j] = temp;\n }\n return shuffled;\n }\n\n function revealGrid(callback) {\n var cells = grid.querySelectorAll('.koss_hero__cell');\n var indices = [];\n \n for (var i = 0; i < cells.length; i++) {\n indices.push(i);\n }\n \n var shuffledIndices = shuffleArray(indices);\n var totalDuration = shuffledIndices.length * CONFIG.CELL_DELAY;\n\n shuffledIndices.forEach(function(index, i) {\n setTimeout(function() {\n cells[index].classList.add('koss_cell--revealed');\n }, i * CONFIG.CELL_DELAY);\n });\n\n if (callback) {\n setTimeout(callback, totalDuration + CONFIG.CONTENT_DELAY);\n }\n }\n\n function showFinalContent() {\n navbar.classList.add('koss_navbar--visible');\n heroContent.classList.add('koss_content--visible');\n \n setTimeout(function() {\n scrollIndicator.classList.add('koss_scroll--visible');\n document.body.classList.remove('koss_locked');\n }, 400);\n }\n\n function startSequence() {\n generateGrid();\n initVideo();\n\n setTimeout(function() {\n revealGrid(function() {\n showFinalContent();\n });\n }, CONFIG.GRID_START_DELAY);\n }\n\n function handleScroll() {\n var scrollY = window.pageYOffset || document.documentElement.scrollTop;\n \n if (scrollY > 100) {\n navbar.classList.add('koss_navbar--solid');\n } else {\n navbar.classList.remove('koss_navbar--solid');\n }\n }\n\n function toggleMobileMenu() {\n burger.classList.toggle('koss_burger--active');\n mobileMenu.classList.toggle('koss_mobile_menu--open');\n document.body.style.overflow = mobileMenu.classList.contains('koss_mobile_menu--open') ? 'hidden' : '';\n }\n\n var mobileLinks = mobileMenu.querySelectorAll('a');\n for (var i = 0; i < mobileLinks.length; i++) {\n mobileLinks[i].addEventListener('click', function() {\n burger.classList.remove('koss_burger--active');\n mobileMenu.classList.remove('koss_mobile_menu--open');\n document.body.style.overflow = '';\n });\n }\n\n window.addEventListener('scroll', handleScroll, { passive: true });\n burger.addEventListener('click', toggleMobileMenu);\n \n startSequence();\n\n \/\/ Login-aware CTA toggle\n (function() {\n var isLogged = document.body.classList.contains('logged-in');\n var ctaText = isLogged ? 'Informatie bekijken' : 'Informatie ontgrendelen';\n var ctaHref = isLogged ? '#unlocked' : '#unlock';\n\n var desktopCta = document.querySelector('.koss_navbar__cta');\n if (desktopCta) {\n desktopCta.textContent = ctaText;\n desktopCta.href = ctaHref;\n }\n\n var mobileCta = document.querySelector('.koss_mobile_menu__cta');\n if (mobileCta) {\n mobileCta.textContent = ctaText;\n mobileCta.href = ctaHref;\n }\n })();\n\n })();\n <\/script>\n<\/body>\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\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>De Kos - Over<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\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 .koss_about {\r\n position: relative !important;\r\n padding: 160px 0px 100px 0px !important;\r\n background-color: #f8f8f8 !important;\r\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\r\n background-repeat: no-repeat !important;\r\n background-position: 35% center !important;\r\n background-size: auto 100% !important;\r\n }\r\n\r\n .koss_about__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: flex-start !important;\r\n gap: 80px !important;\r\n }\r\n\r\n .koss_about__content {\r\n flex: 0 0 45% !important;\r\n position: sticky !important;\r\n top: 120px !important;\r\n }\r\n\r\n .koss_about__label {\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: #999999 !important;\r\n margin-bottom: 24px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(36px, 4.5vw, 56px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.12 !important;\r\n color: #333333 !important;\r\n margin: 0 0 32px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__text {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(17px, 1.8vw, 20px) !important;\r\n line-height: 1.8 !important;\r\n color: #555555 !important;\r\n margin: 0 0 32px 0 !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__text {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__highlight {\r\n color: #7c362a !important;\r\n font-weight: 400 !important;\r\n }\r\n\r\n .koss_about__gradient-text {\r\n background: linear-gradient(\r\n 90deg,\r\n #804330 0%,\r\n #b77352 25%,\r\n #804330 50%,\r\n #b77352 75%,\r\n #804330 100%\r\n ) !important;\r\n background-size: 200% 100% !important;\r\n -webkit-background-clip: text !important;\r\n background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n animation: koss_gradient_shift 4s ease-in-out infinite !important;\r\n }\r\n\r\n @keyframes koss_gradient_shift {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n .koss_about__delivery {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n padding: 14px 24px !important;\r\n background: linear-gradient(135deg, rgba(116, 133, 105, 0.08) 0%, rgba(116, 133, 105, 0.04) 100%) !important;\r\n border: 1px solid rgba(116, 133, 105, 0.2) !important;\r\n border-radius: 50px !important;\r\n margin-bottom: 40px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.25s, transform 0.7s ease 0.25s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__delivery {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__delivery-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n color: #748569 !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_about__delivery-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #666666 !important;\r\n }\r\n\r\n .koss_about__delivery-value {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n color: #748569 !important;\r\n }\r\n\r\n .koss_about__stats {\r\n display: flex !important;\r\n gap: 40px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__stats {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__stat {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: 48px !important;\r\n font-weight: 400 !important;\r\n color: #7c362a !important;\r\n line-height: 1 !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .koss_about__stat-label {\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: 2px !important;\r\n color: #888888 !important;\r\n text-transform: uppercase !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex: 0 0 50% !important;\r\n display: flex !important;\r\n gap: 16px !important;\r\n min-height: 700px !important;\r\n }\r\n\r\n .koss_about__column {\r\n flex: 1 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 16px !important;\r\n will-change: transform !important;\r\n transition: transform 0.15s ease-out !important;\r\n }\r\n\r\n .koss_about__img-wrapper {\r\n position: relative !important;\r\n border-radius: 12px !important;\r\n overflow: hidden !important;\r\n background-color: #e5e5e5 !important;\r\n opacity: 0 !important;\r\n transform: translateY(40px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__img-wrapper {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__column:nth-child(1) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.15s !important; }\r\n .koss_about__column:nth-child(1) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.35s !important; }\r\n .koss_about__column:nth-child(2) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.25s !important; }\r\n .koss_about__column:nth-child(2) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.45s !important; }\r\n .koss_about__column:nth-child(3) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.2s !important; }\r\n .koss_about__column:nth-child(3) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.4s !important; }\r\n\r\n .koss_about__img-wrapper--tall {\r\n height: 380px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--medium {\r\n height: 280px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--short {\r\n height: 220px !important;\r\n }\r\n\r\n .koss_about__img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n }\r\n\r\n .koss_about__img-wrapper:hover .koss_about__img {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n @media screen and (max-width: 1400px) {\r\n .koss_about__container {\r\n gap: 60px !important;\r\n }\r\n\r\n .koss_about__content {\r\n flex: 0 0 42% !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex: 0 0 54% !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-size: 40px !important;\r\n }\r\n\r\n .koss_about__stats {\r\n gap: 32px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 1100px) {\r\n .koss_about {\r\n padding: 100px 0 !important;\r\n background-size: auto 80% !important;\r\n background-position: 60% bottom !important;\r\n }\r\n\r\n .koss_about__container {\r\n padding: 0 40px !important;\r\n flex-direction: column !important;\r\n gap: 60px !important;\r\n }\r\n\r\n .koss_about__content {\r\n flex: none !important;\r\n width: 100% !important;\r\n position: relative !important;\r\n top: 0 !important;\r\n max-width: 600px !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex: none !important;\r\n width: 100% !important;\r\n min-height: 500px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--tall {\r\n height: 300px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--medium {\r\n height: 220px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--short {\r\n height: 180px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_about {\r\n padding: 80px 0 60px !important;\r\n background-size: auto 50% !important;\r\n background-position: 70% 20% !important;\r\n background-attachment: scroll !important;\r\n }\r\n\r\n .koss_about__container {\r\n padding: 0 24px !important;\r\n gap: 40px !important;\r\n }\r\n\r\n .koss_about__text {\r\n margin-bottom: 24px !important;\r\n }\r\n\r\n .koss_about__delivery {\r\n padding: 12px 20px !important;\r\n margin-bottom: 28px !important;\r\n }\r\n\r\n .koss_about__delivery-label {\r\n font-size: 10px !important;\r\n }\r\n\r\n .koss_about__delivery-value {\r\n font-size: 13px !important;\r\n }\r\n\r\n .koss_about__stats {\r\n flex-direction: row !important;\r\n justify-content: space-between !important;\r\n gap: 16px !important;\r\n padding: 20px 0 !important;\r\n border-top: 1px solid #e5e5e5 !important;\r\n border-bottom: 1px solid #e5e5e5 !important;\r\n }\r\n\r\n .koss_about__stat {\r\n flex: 1 !important;\r\n align-items: center !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-size: 28px !important;\r\n margin-bottom: 4px !important;\r\n }\r\n\r\n .koss_about__stat-label {\r\n font-size: 9px !important;\r\n letter-spacing: 1px !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex-direction: column !important;\r\n gap: 12px !important;\r\n min-height: auto !important;\r\n width: 100vw !important;\r\n margin-left: -24px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_about__column {\r\n flex: 0 0 auto !important;\r\n flex-direction: row !important;\r\n gap: 12px !important;\r\n width: max-content !important;\r\n padding: 0 !important;\r\n will-change: transform !important;\r\n }\r\n\r\n .koss_about__img-wrapper {\r\n flex-shrink: 0 !important;\r\n border-radius: 12px !important;\r\n opacity: 1 !important;\r\n transform: none !important;\r\n }\r\n\r\n .koss_about__img-wrapper--tall,\r\n .koss_about__img-wrapper--medium,\r\n .koss_about__img-wrapper--short {\r\n width: calc(100vw - 48px) !important;\r\n height: 220px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_about__container {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-size: 24px !important;\r\n }\r\n\r\n .koss_about__stat-label {\r\n font-size: 8px !important;\r\n }\r\n\r\n .koss_about__delivery {\r\n flex-wrap: wrap !important;\r\n gap: 6px 10px !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n margin-left: -20px !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .koss_about__column {\r\n gap: 10px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--tall,\r\n .koss_about__img-wrapper--medium,\r\n .koss_about__img-wrapper--short {\r\n width: calc(100vw - 40px) !important;\r\n height: 200px !important;\r\n }\r\n }\r\n <\/style>\n<\/head>\n<body>\n<section class=\"koss_about\" id=\"about\">\n<div class=\"koss_about__container\">\n<div class=\"koss_about__content\">\n<span class=\"koss_about__label\">El Higueron, Costa del Sol<\/span>\n<h2 class=\"koss_about__title\">De verovering van<span class=\"koss_about__gradient-text\">zintuigen<\/span><\/h2>\n<p class=\"koss_about__text\">Op de top van El Higuer\u00f3n, waar de Middellandse Zee zich tot in het oneindige uitstrekt, wordt een uniek woonconcept geboren.<span class=\"koss_about__highlight\">Kos is niet alleen een plek om te wonen, het is een manier om het leven te begrijpen.<\/span>Architectuur die ademt, ruimtes die inspireren, uitzichten die prikkelen.<\/p>\n<div class=\"koss_about__delivery\">\n<svg class=\"koss_about__delivery-icon\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<rect height=\"18\" rx=\"2\" ry=\"2\" width=\"18\" x=\"3\" y=\"4\"><\/rect>\n<line x1=\"16\" x2=\"16\" y1=\"2\" y2=\"6\"><\/line>\n<line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"6\"><\/line>\n<line x1=\"3\" x2=\"21\" y1=\"10\" y2=\"10\"><\/line>\n<\/svg>\n<span class=\"koss_about__delivery-label\">Geschatte levering<\/span>\n<span class=\"koss_about__delivery-value\">Q1 2027<\/span>\n<\/div>\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 Villa's<\/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\">zonnige dagen<\/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\">Panoramisch uitzicht<\/span>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"koss_about__gallery\" id=\"koss_gallery\">\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\" alt=\"Vista a\u00e9rea The Kos\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-dron-view.jpg\"\/>\n<\/div>\n<div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\n<img decoding=\"async\" alt=\"Piscina interior\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-interior.jpg\"\/>\n<\/div>\n<\/div>\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\" alt=\"Piscina comunitaria\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-comunitaria-exterior.jpg\"\/>\n<\/div>\n<div class=\"koss_about__img-wrapper koss_about__img-wrapper--short\">\n<img decoding=\"async\" alt=\"Terraza exterior\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-terraza-exterior.jpg\"\/>\n<\/div>\n<\/div>\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\" alt=\"Sal\u00f3n interior\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-salon-interior-terraza.jpg\"\/>\n<\/div>\n<div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\n<img decoding=\"async\" alt=\"Piscina exterior\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-exterior.jpg\"\/>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var about = document.getElementById('about');\r\n var columns = document.querySelectorAll('.koss_about__column');\r\n var statNumbers = document.querySelectorAll('.koss_about__stat-number');\r\n \r\n var ticking = false;\r\n var statsAnimated = false;\r\n var isMobile = window.innerWidth <= 768;\r\n\r\n function updateParallaxDesktop() {\r\n if (isMobile) return;\r\n\r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.bottom < 0 || rect.top > windowHeight) return;\r\n\r\n var sectionCenter = rect.top + rect.height \/ 2;\r\n var viewportCenter = windowHeight \/ 2;\r\n var offset = sectionCenter - viewportCenter;\r\n\r\n columns.forEach(function(column) {\r\n var direction = column.getAttribute('data-direction');\r\n var speed = parseFloat(column.getAttribute('data-speed'));\r\n \r\n var movement = offset * speed;\r\n \r\n if (direction === 'up') {\r\n column.style.transform = 'translateY(' + movement + 'px)';\r\n } else {\r\n column.style.transform = 'translateY(' + (-movement) + 'px)';\r\n }\r\n });\r\n }\r\n\r\n function updateParallaxMobile() {\r\n if (!isMobile) return;\r\n\r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n var sectionHeight = rect.height;\r\n \r\n var visibleTop = Math.max(0, windowHeight - rect.top);\r\n var scrollProgress = visibleTop \/ (windowHeight + sectionHeight);\r\n scrollProgress = Math.max(0, Math.min(1, scrollProgress));\r\n\r\n var padding = window.innerWidth <= 480 ? 20 : 24;\r\n var gapSize = window.innerWidth <= 480 ? 10 : 12;\r\n var imageWidth = window.innerWidth - (padding * 2);\r\n var maxShift = imageWidth + gapSize;\r\n\r\n columns.forEach(function(column, index) {\r\n var movement;\r\n var speed = 0.7;\r\n \r\n if (index === 0) {\r\n movement = padding - (scrollProgress * maxShift * speed);\r\n } else if (index === 1) {\r\n var startPos = -(imageWidth + gapSize) + padding;\r\n movement = startPos + (scrollProgress * maxShift * speed);\r\n } else {\r\n movement = padding - (scrollProgress * maxShift * (speed * 0.85));\r\n }\r\n \r\n column.style.setProperty('transform', 'translateX(' + movement + 'px)', 'important');\r\n });\r\n }\r\n\r\n function animateStats() {\r\n if (statsAnimated) return;\r\n \r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.7) {\r\n statsAnimated = true;\r\n \r\n statNumbers.forEach(function(stat) {\r\n var target = parseInt(stat.getAttribute('data-target'));\r\n var duration = 1500;\r\n var startTime = null;\r\n \r\n function animate(currentTime) {\r\n if (!startTime) startTime = currentTime;\r\n var progress = Math.min((currentTime - startTime) \/ duration, 1);\r\n var easeProgress = 1 - Math.pow(2, -10 * progress);\r\n var current = Math.floor(easeProgress * target);\r\n \r\n if (target === 181) {\r\n stat.textContent = current + '\u00ba';\r\n } else {\r\n stat.textContent = current;\r\n }\r\n \r\n if (progress < 1) {\r\n requestAnimationFrame(animate);\r\n }\r\n }\r\n \r\n requestAnimationFrame(animate);\r\n });\r\n }\r\n }\r\n\r\n function checkVisibility() {\r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n about.classList.add('koss_about--visible');\r\n }\r\n }\r\n\r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n animateStats();\r\n if (isMobile) {\r\n updateParallaxMobile();\r\n } else {\r\n updateParallaxDesktop();\r\n }\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n function onResize() {\r\n var wasMobile = isMobile;\r\n isMobile = window.innerWidth <= 768;\r\n \r\n if (wasMobile !== isMobile) {\r\n columns.forEach(function(column) {\r\n column.style.transform = '';\r\n });\r\n }\r\n \r\n if (isMobile) {\r\n updateParallaxMobile();\r\n } else {\r\n updateParallaxDesktop();\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n window.addEventListener('resize', onResize, { passive: true });\r\n \r\n checkVisibility();\r\n animateStats();\r\n if (isMobile) {\r\n updateParallaxMobile();\r\n } else {\r\n updateParallaxDesktop();\r\n }\r\n\r\n })();\r\n <\/script>\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\/03\/eng-kos-engage.mp4\" data-video-src-mobile=\"\">\r\n \r\n \n<div class=\"koss_separator__header\">\n<h2 class=\"koss_separator__title\">Ontworpen om te leven<\/h2>\n<p class=\"koss_separator__subtitle\">Elke villa is een toevluchtsoord van licht, ruimte en rust<\/p>\n<\/div>\n\n<div class=\"koss_separator__video-container\">\n<video autoplay=\"\" class=\"koss_separator__video\" id=\"koss_separator_video\" loop=\"\" muted=\"\" playsinline=\"\" poster=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\">\n<\/video>\n<div class=\"koss_separator__video-overlay\"><\/div>\n\n<div class=\"koss_separator__controls\">\n\n<button aria-label=\"Pausar video\" class=\"koss_separator__control-btn koss_playing\" id=\"koss_playpause\">\n<svg class=\"koss_icon--play\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M8 5v14l11-7z\"><\/path>\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\"><\/path>\n<\/svg>\n<\/button>\n\n<button aria-label=\"Activar sonido\" class=\"koss_separator__control-btn\" id=\"koss_mutetoggle\">\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\"><\/path>\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\"><\/path>\n<\/svg>\n<\/button>\n\n<button aria-label=\"Pantalla completa\" class=\"koss_separator__control-btn\" id=\"koss_fullscreen\">\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\"><\/path>\n<\/svg>\n<\/button>\n<\/div>\n<\/div>\n<\/section>\n<style>\r\n \/* ============================================\r\n SEPARATOR SECTION\r\n ============================================ *\/\r\n .koss_separator {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n background-color: #1a1a1a !important;\r\n }\r\n\r\n \/* ============================================\r\n HEADER (20vh)\r\n ============================================ *\/\r\n .koss_separator__header {\r\n position: relative !important;\r\n height: 20vh !important;\r\n min-height: 160px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-align: center !important;\r\n padding: 24px 24px !important;\r\n background-color: #f8f8f8 !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_separator__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 5vw, 56px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #333333 !important;\r\n margin: 0 0 12px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_separator__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(15px, 1.8vw, 20px) !important;\r\n line-height: 1.6 !important;\r\n color: #666666 !important;\r\n margin: 0 !important;\r\n max-width: 500px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n VIDEO CONTAINER (80vh)\r\n ============================================ *\/\r\n .koss_separator__video-container {\r\n position: relative !important;\r\n height: 80vh !important;\r\n min-height: 400px !important;\r\n overflow: hidden !important;\r\n opacity: 0 !important;\r\n transform: scale(0.98) !important;\r\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__video-container {\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n }\r\n\r\n .koss_separator__video {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n }\r\n\r\n .koss_separator__video-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(0, 0, 0, 0.1) 0%,\r\n rgba(0, 0, 0, 0) 20%,\r\n rgba(0, 0, 0, 0) 80%,\r\n rgba(0, 0, 0, 0.2) 100%\r\n ) !important;\r\n pointer-events: none !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* ============================================\r\n GLASSMORPHISM CONTROLS\r\n ============================================ *\/\r\n .koss_separator__controls {\r\n position: absolute !important;\r\n bottom: 24px !important;\r\n right: 24px !important;\r\n display: flex !important;\r\n gap: 8px !important;\r\n z-index: 10 !important;\r\n opacity: 0 !important;\r\n transform: translateY(10px) !important;\r\n transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__controls {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_separator__control-btn {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 48px !important;\r\n height: 48px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.25) !important;\r\n border-radius: 12px !important;\r\n background: rgba(255, 255, 255, 0.12) !important;\r\n backdrop-filter: blur(12px) !important;\r\n -webkit-backdrop-filter: blur(12px) !important;\r\n cursor: pointer !important;\r\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.2s ease !important;\r\n }\r\n\r\n .koss_separator__control-btn:hover {\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n border-color: rgba(255, 255, 255, 0.4) !important;\r\n }\r\n\r\n .koss_separator__control-btn:active {\r\n transform: scale(0.95) !important;\r\n }\r\n\r\n .koss_separator__control-btn svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n fill: rgba(255, 255, 255, 0.9) !important;\r\n transition: fill 0.3s ease !important;\r\n }\r\n\r\n .koss_separator__control-btn:hover svg {\r\n fill: #ffffff !important;\r\n }\r\n\r\n .koss_separator__control-btn .koss_icon--pause,\r\n .koss_separator__control-btn .koss_icon--unmute {\r\n display: none !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_playing .koss_icon--play {\r\n display: none !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_playing .koss_icon--pause {\r\n display: block !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_unmuted .koss_icon--mute {\r\n display: none !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_unmuted .koss_icon--unmute {\r\n display: block !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 1100px) {\r\n .koss_separator__header {\r\n min-height: 140px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .koss_separator__header {\r\n height: 22vh !important;\r\n min-height: 140px !important;\r\n padding: 20px !important;\r\n }\r\n\r\n .koss_separator__video-container {\r\n height: 78vh !important;\r\n min-height: 350px !important;\r\n }\r\n\r\n .koss_separator__title {\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .koss_separator__controls {\r\n bottom: 16px !important;\r\n right: 16px !important;\r\n gap: 6px !important;\r\n }\r\n\r\n .koss_separator__control-btn {\r\n width: 46px !important;\r\n height: 46px !important;\r\n border-radius: 10px !important;\r\n }\r\n\r\n .koss_separator__control-btn svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_separator__header {\r\n height: 24vh !important;\r\n min-height: 130px !important;\r\n }\r\n\r\n .koss_separator__video-container {\r\n height: 76vh !important;\r\n }\r\n\r\n .koss_separator__subtitle {\r\n padding: 0 8px !important;\r\n }\r\n }\r\n<\/style>\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var separator = document.getElementById('separator');\r\n var video = document.getElementById('koss_separator_video');\r\n var playPauseBtn = document.getElementById('koss_playpause');\r\n var muteToggleBtn = document.getElementById('koss_mutetoggle');\r\n var fullscreenBtn = document.getElementById('koss_fullscreen');\r\n\r\n \/\/ ============================================\r\n \/\/ VISIBILITY ANIMATION\r\n \/\/ ============================================\r\n function checkVisibility() {\r\n var rect = separator.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n separator.classList.add('koss_separator--visible');\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ VIDEO CONTROLS\r\n \/\/ ============================================\r\n \r\n playPauseBtn.addEventListener('click', function() {\r\n if (video.paused) {\r\n video.play();\r\n playPauseBtn.classList.add('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n } else {\r\n video.pause();\r\n playPauseBtn.classList.remove('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\r\n }\r\n });\r\n\r\n muteToggleBtn.addEventListener('click', function() {\r\n if (video.muted) {\r\n video.muted = false;\r\n muteToggleBtn.classList.add('koss_unmuted');\r\n muteToggleBtn.setAttribute('aria-label', 'Silenciar');\r\n } else {\r\n video.muted = true;\r\n muteToggleBtn.classList.remove('koss_unmuted');\r\n muteToggleBtn.setAttribute('aria-label', 'Activar sonido');\r\n }\r\n });\r\n\r\n fullscreenBtn.addEventListener('click', function() {\r\n if (document.fullscreenElement || document.webkitFullscreenElement) {\r\n if (document.exitFullscreen) {\r\n document.exitFullscreen();\r\n } else if (document.webkitExitFullscreen) {\r\n document.webkitExitFullscreen();\r\n }\r\n return;\r\n }\r\n\r\n if (video.webkitEnterFullscreen) {\r\n video.webkitEnterFullscreen();\r\n return;\r\n }\r\n\r\n if (video.requestFullscreen) {\r\n video.requestFullscreen();\r\n } else if (video.webkitRequestFullscreen) {\r\n video.webkitRequestFullscreen();\r\n } else if (video.msRequestFullscreen) {\r\n video.msRequestFullscreen();\r\n }\r\n });\r\n\r\n video.addEventListener('webkitendfullscreen', function() {\r\n video.play();\r\n playPauseBtn.classList.add('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n });\r\n\r\n document.addEventListener('fullscreenchange', function() {\r\n if (!document.fullscreenElement && video.paused) {\r\n video.play();\r\n playPauseBtn.classList.add('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n }\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ SCROLL HANDLER\r\n \/\/ ============================================\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ INIT - Video source injection (desktop vs mobile)\r\n \/\/ ============================================\r\n var mobileBreakpoint = 768;\r\n var isMobile = window.innerWidth <= mobileBreakpoint;\r\n var videoSrcDesktop = separator.getAttribute('data-video-src');\r\n var videoSrcMobile = separator.getAttribute('data-video-src-mobile');\r\n\r\n var videoSrc = isMobile && videoSrcMobile && videoSrcMobile.indexOf('[') === -1 && videoSrcMobile.trim() !== ''\r\n ? videoSrcMobile\r\n : videoSrcDesktop;\r\n\r\n if (videoSrc && videoSrc.indexOf('[') === -1 && videoSrc.trim() !== '') {\r\n video.src = videoSrc;\r\n video.load();\r\n video.play().catch(function() {\r\n playPauseBtn.classList.remove('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\r\n });\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-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\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>De Kos - Typologie\u00ebn<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\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 }\r\n\r\n .koss_typologies {\r\n position: relative !important;\r\n padding: 140px 0 !important;\r\n background-color: #f8f8f8 !important;\r\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\r\n background-repeat: no-repeat !important;\r\n background-position: -5% 80% !important;\r\n background-size: auto 70% !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koss_typologies__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_typologies__header {\r\n text-align: center !important;\r\n margin-bottom: 64px !important;\r\n }\r\n\r\n .koss_typologies__label {\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: #999999 !important;\r\n margin-bottom: 16px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_typologies__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 4.5vw, 48px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #333333 !important;\r\n margin: 0 0 16px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_typologies__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: clamp(16px, 1.6vw, 19px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.6 !important;\r\n color: #666666 !important;\r\n margin: 0 !important;\r\n max-width: 480px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_typologies__grid {\r\n display: grid !important;\r\n grid-template-columns: 1.5fr 1fr !important;\r\n gap: 20px !important;\r\n min-height: 580px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__grid {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\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;\r\n }\r\n\r\n .koss_typologies__card {\r\n position: relative !important;\r\n border-radius: 16px !important;\r\n overflow: hidden !important;\r\n cursor: pointer !important;\r\n transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n border-radius: 16px !important;\r\n padding: 2px !important;\r\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.6) 0%, rgba(128, 67, 48, 0.3) 50%, transparent 100%) !important;\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n -webkit-mask-composite: xor !important;\r\n mask-composite: exclude !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 10 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .koss_typologies__card:hover::before {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_typologies__card::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n width: 300px !important;\r\n height: 300px !important;\r\n background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%) !important;\r\n border-radius: 50% !important;\r\n pointer-events: none !important;\r\n z-index: 3 !important;\r\n opacity: 0 !important;\r\n transform: translate(-50%, -50%) !important;\r\n transition: opacity 0.3s ease !important;\r\n left: var(--mouse-x, 50%) !important;\r\n top: var(--mouse-y, 50%) !important;\r\n }\r\n\r\n .koss_typologies__card:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_typologies__card--main {\r\n min-height: 580px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary {\r\n min-height: 580px !important;\r\n }\r\n\r\n .koss_typologies__card-image-wrapper {\r\n position: absolute !important;\r\n inset: -20px !important;\r\n overflow: hidden !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .koss_typologies__card-image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n will-change: transform !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-image {\r\n transform: scale(1.06) !important;\r\n }\r\n\r\n .koss_typologies__card-overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(\r\n to top,\r\n rgba(0, 0, 0, 0.8) 0%,\r\n rgba(0, 0, 0, 0.4) 40%,\r\n rgba(0, 0, 0, 0.1) 70%,\r\n rgba(0, 0, 0, 0.05) 100%\r\n ) !important;\r\n transition: background 0.5s ease !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-overlay {\r\n background: linear-gradient(\r\n to top,\r\n rgba(0, 0, 0, 0.75) 0%,\r\n rgba(0, 0, 0, 0.25) 40%,\r\n rgba(0, 0, 0, 0.02) 70%,\r\n transparent 100%\r\n ) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-overlay {\r\n background: linear-gradient(\r\n to top,\r\n rgba(0, 0, 0, 0.85) 0%,\r\n rgba(0, 0, 0, 0.5) 50%,\r\n rgba(0, 0, 0, 0.25) 100%\r\n ) !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding: 40px !important;\r\n z-index: 5 !important;\r\n transform: translateY(0) !important;\r\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-content {\r\n transform: translateY(-10px) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-content {\r\n padding: 32px !important;\r\n }\r\n\r\n .koss_typologies__card-badge {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n margin-bottom: 12px !important;\r\n display: block !important;\r\n transition: color 0.4s ease !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-badge {\r\n color: rgba(183, 115, 82, 0.9) !important;\r\n }\r\n\r\n .koss_typologies__card-name {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 8px 0 !important;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card--main .koss_typologies__card-name {\r\n font-size: clamp(32px, 4vw, 44px) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-name {\r\n font-size: clamp(24px, 3vw, 32px) !important;\r\n }\r\n\r\n .koss_typologies__card-tagline {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n font-style: italic !important;\r\n letter-spacing: 0.3px !important;\r\n color: rgba(255, 255, 255, 0.65) !important;\r\n margin: 0 0 28px 0 !important;\r\n transition: color 0.4s ease !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-tagline {\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-tagline {\r\n font-size: 14px !important;\r\n margin-bottom: 22px !important;\r\n }\r\n\r\n .koss_typologies__card-details {\r\n display: flex !important;\r\n flex-wrap: wrap !important;\r\n gap: 28px !important;\r\n margin-bottom: 28px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-details {\r\n gap: 20px !important;\r\n margin-bottom: 22px !important;\r\n }\r\n\r\n .koss_typologies__card-detail {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-icon {\r\n width: 22px !important;\r\n height: 22px !important;\r\n color: rgba(183, 115, 82, 0.85) !important;\r\n flex-shrink: 0 !important;\r\n transition: transform 0.3s ease, color 0.3s ease !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-detail-icon {\r\n transform: scale(1.1) !important;\r\n color: rgba(183, 115, 82, 1) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-detail-icon {\r\n width: 20px !important;\r\n height: 20px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-text {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 2px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 9px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.4) !important;\r\n }\r\n\r\n .koss_typologies__card-detail-value {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 17px !important;\r\n font-weight: 300 !important;\r\n color: #ffffff !important;\r\n transition: all 0.5s ease !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-detail-value {\r\n font-size: 15px !important;\r\n }\r\n\r\n .koss_typologies__card-cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 16px 32px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.3) !important;\r\n border-radius: 8px !important;\r\n background: rgba(255, 255, 255, 0.05) !important;\r\n backdrop-filter: blur(10px) !important;\r\n -webkit-backdrop-filter: blur(10px) !important;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koss_typologies__card-cta::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -100% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent) !important;\r\n transition: left 0.6s ease !important;\r\n }\r\n\r\n .koss_typologies__card-cta:hover::before {\r\n left: 100% !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-cta {\r\n padding: 14px 28px !important;\r\n font-size: 12px !important;\r\n }\r\n\r\n .koss_typologies__card-cta:hover {\r\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.35) 0%, rgba(128, 67, 48, 0.25) 100%) !important;\r\n border-color: rgba(183, 115, 82, 0.5) !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 10px 30px rgba(128, 67, 48, 0.25) !important;\r\n }\r\n\r\n .koss_typologies__card-cta svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n fill: currentColor !important;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card-cta:hover svg {\r\n transform: translateX(6px) !important;\r\n }\r\n\r\n .koss_typologies__swap-hint {\r\n position: absolute !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n display: none !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n padding: 8px 14px !important;\r\n background: rgba(0, 0, 0, 0.3) !important;\r\n backdrop-filter: blur(8px) !important;\r\n -webkit-backdrop-filter: blur(8px) !important;\r\n border-radius: 6px !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.3s ease !important;\r\n z-index: 6 !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__swap-hint {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_typologies__swap-hint svg {\r\n width: 12px !important;\r\n height: 12px !important;\r\n fill: currentColor !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped {\r\n grid-template-columns: 1fr 1.5fr !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--main {\r\n order: 2 !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--secondary {\r\n order: 1 !important;\r\n }\r\n\r\n .koss_typologies__disclaimer {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n font-style: italic !important;\r\n line-height: 1.6 !important;\r\n color: #999999 !important;\r\n text-align: center !important;\r\n max-width: 900px !important;\r\n margin: 48px auto 0 !important;\r\n padding: 0 20px !important;\r\n opacity: 0 !important;\r\n transform: translateY(10px) !important;\r\n transition: opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__disclaimer {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n @media screen and (max-width: 1200px) {\r\n .koss_typologies__grid {\r\n grid-template-columns: 1.3fr 1fr !important;\r\n gap: 16px !important;\r\n min-height: 520px !important;\r\n }\r\n\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 520px !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n padding: 32px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-content {\r\n padding: 28px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_typologies {\r\n padding: 100px 0 !important;\r\n background-position: -20% 90% !important;\r\n background-size: auto 50% !important;\r\n }\r\n\r\n .koss_typologies__container {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .koss_typologies__header {\r\n margin-bottom: 48px !important;\r\n }\r\n\r\n .koss_typologies__grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 16px !important;\r\n min-height: auto !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped {\r\n grid-template-columns: 1fr !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--main,\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--secondary {\r\n order: unset !important;\r\n }\r\n\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 420px !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n padding: 28px !important;\r\n }\r\n\r\n .koss_typologies__swap-hint {\r\n display: none !important;\r\n }\r\n\r\n .koss_typologies__disclaimer {\r\n margin-top: 32px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_typologies {\r\n padding: 80px 0 !important;\r\n background-image: none !important;\r\n }\r\n\r\n .koss_typologies__container {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .koss_typologies__header {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .koss_typologies__grid {\r\n gap: 12px !important;\r\n }\r\n\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 380px !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n padding: 24px !important;\r\n }\r\n\r\n .koss_typologies__card-name {\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koss_typologies__card--main .koss_typologies__card-name {\r\n font-size: 28px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-name {\r\n font-size: 24px !important;\r\n }\r\n\r\n .koss_typologies__card-tagline {\r\n font-size: 13px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .koss_typologies__card-details {\r\n gap: 18px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-value {\r\n font-size: 15px !important;\r\n }\r\n\r\n .koss_typologies__card-cta {\r\n padding: 14px 28px !important;\r\n font-size: 12px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 360px !important;\r\n }\r\n\r\n .koss_typologies__card-details {\r\n gap: 14px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-label {\r\n font-size: 8px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-value {\r\n font-size: 14px !important;\r\n }\r\n\r\n .koss_typologies__disclaimer {\r\n font-size: 10px !important;\r\n margin-top: 28px !important;\r\n }\r\n }\r\n <\/style>\n<\/head>\n<body>\n<section class=\"koss_typologies\" id=\"typologies\">\n<div class=\"koss_typologies__container\">\n<header class=\"koss_typologies__header\">\n<span class=\"koss_typologies__label\">Sky Top-villa's<\/span>\n<h2 class=\"koss_typologies__title\">Kies je horizon<\/h2>\n<p class=\"koss_typologies__subtitle\">Twee configuraties ontworpen om zich aan te passen aan uw manier van leven aan de Middellandse Zee<\/p>\n<\/header>\n<div class=\"koss_typologies__grid\" id=\"koss_typologies_grid\">\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\" alt=\"Villa 3 Dormitorios\" class=\"koss_typologies__card-image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-3bed.jpg\"\/>\n<\/div>\n<div class=\"koss_typologies__card-overlay\"><\/div>\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\"><\/path>\n<\/svg>Vergroten<\/div>\n<div class=\"koss_typologies__card-content\">\n<span class=\"koss_typologies__card-badge\">SkyTop-villa<\/span>\n<h3 class=\"koss_typologies__card-name\">3 slaapkamers<\/h3>\n<p class=\"koss_typologies__card-tagline\">Uw toevluchtsoord met eindeloos uitzicht op de Middellandse Zee<\/p>\n<div class=\"koss_typologies__card-details\">\n<div class=\"koss_typologies__card-detail\">\n<svg class=\"koss_typologies__card-detail-icon\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\">\n<path d=\"M6 3h12l4 6-10 12L2 9z\"><\/path>\n<path d=\"M2 9h20\"><\/path>\n<path d=\"M12 21L8 9l4-6 4 6z\"><\/path>\n<\/svg>\n<div class=\"koss_typologies__card-detail-text\">\n<span class=\"koss_typologies__card-detail-label\">Van<\/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\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\">\n<rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"3\"><\/rect>\n<path d=\"M3 9h18M9 21V9\"><\/path>\n<\/svg>\n<div class=\"koss_typologies__card-detail-text\">\n<span class=\"koss_typologies__card-detail-label\">Oppervlak van<\/span>\n<span class=\"koss_typologies__card-detail-value\">172 m\u00b2<\/span>\n<\/div>\n<\/div>\n<\/div>\n<a class=\"koss_typologies__card-cta\" href=\"#unlock\">Ontdekken<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\"><\/path>\n<\/svg>\n<\/a>\n<\/div>\n<\/article>\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\" alt=\"Villa 4 Dormitorios\" class=\"koss_typologies__card-image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-4bed.jpg\"\/>\n<\/div>\n<div class=\"koss_typologies__card-overlay\"><\/div>\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\"><\/path>\n<\/svg>Vergroten<\/div>\n<div class=\"koss_typologies__card-content\">\n<span class=\"koss_typologies__card-badge\">SkyTop-villa<\/span>\n<h3 class=\"koss_typologies__card-name\">4 slaapkamers<\/h3>\n<p class=\"koss_typologies__card-tagline\">Grenzeloze ruimte voor degenen die groot dromen<\/p>\n<div class=\"koss_typologies__card-details\">\n<div class=\"koss_typologies__card-detail\">\n<svg class=\"koss_typologies__card-detail-icon\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\">\n<path d=\"M6 3h12l4 6-10 12L2 9z\"><\/path>\n<path d=\"M2 9h20\"><\/path>\n<path d=\"M12 21L8 9l4-6 4 6z\"><\/path>\n<\/svg>\n<div class=\"koss_typologies__card-detail-text\">\n<span class=\"koss_typologies__card-detail-label\">Van<\/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\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\">\n<rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"3\"><\/rect>\n<path d=\"M3 9h18M9 21V9\"><\/path>\n<\/svg>\n<div class=\"koss_typologies__card-detail-text\">\n<span class=\"koss_typologies__card-detail-label\">Oppervlak van<\/span>\n<span class=\"koss_typologies__card-detail-value\">172 m\u00b2<\/span>\n<\/div>\n<\/div>\n<\/div>\n<a class=\"koss_typologies__card-cta\" href=\"#unlock\">Ontdekken<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\"><\/path>\n<\/svg>\n<\/a>\n<\/div>\n<\/article>\n<\/div>\n<p class=\"koss_typologies__disclaimer\">Niet-contractuele afbeeldingen die zijn gemaakt op basis van het basisproject en die worden gepresenteerd voor de verwerking van de werklicentie. Informatie onder voorbehoud van noodzakelijke wijzigingen als gevolg van technische, wettelijke of commerci\u00eble vereisten tijdens de uitvoering van de werkzaamheden of zodra deze zijn voltooid.<\/p>\n<\/div>\n<\/section>\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('typologies');\r\n var grid = document.getElementById('koss_typologies_grid');\r\n var cards = document.querySelectorAll('.koss_typologies__card');\r\n var mainCard = document.querySelector('.koss_typologies__card--main');\r\n var secondaryCard = document.querySelector('.koss_typologies__card--secondary');\r\n\r\n var swapTimeout = null;\r\n var isSwapped = false;\r\n\r\n cards.forEach(function(card) {\r\n card.addEventListener('mousemove', function(e) {\r\n if (window.innerWidth <= 991) return;\r\n \r\n var rect = card.getBoundingClientRect();\r\n var x = e.clientX - rect.left;\r\n var y = e.clientY - rect.top;\r\n \r\n card.style.setProperty('--mouse-x', x + 'px');\r\n card.style.setProperty('--mouse-y', y + 'px');\r\n\r\n var image = card.querySelector('.koss_typologies__card-image');\r\n if (image) {\r\n var percentX = (x \/ rect.width - 0.5) * 2;\r\n var percentY = (y \/ rect.height - 0.5) * 2;\r\n var moveX = percentX * 8;\r\n var moveY = percentY * 8;\r\n image.style.transform = 'scale(1.06) translate(' + moveX + 'px, ' + moveY + 'px)';\r\n }\r\n });\r\n\r\n card.addEventListener('mouseleave', function() {\r\n var image = card.querySelector('.koss_typologies__card-image');\r\n if (image) {\r\n image.style.transform = '';\r\n }\r\n });\r\n });\r\n\r\n function swapCards(toSwapped) {\r\n if (window.innerWidth <= 991) return;\r\n if (toSwapped === isSwapped) return;\r\n\r\n isSwapped = toSwapped;\r\n\r\n if (toSwapped) {\r\n grid.classList.add('koss_grid--swapped');\r\n mainCard.classList.remove('koss_typologies__card--main');\r\n mainCard.classList.add('koss_typologies__card--secondary');\r\n secondaryCard.classList.remove('koss_typologies__card--secondary');\r\n secondaryCard.classList.add('koss_typologies__card--main');\r\n } else {\r\n grid.classList.remove('koss_grid--swapped');\r\n mainCard.classList.add('koss_typologies__card--main');\r\n mainCard.classList.remove('koss_typologies__card--secondary');\r\n secondaryCard.classList.add('koss_typologies__card--secondary');\r\n secondaryCard.classList.remove('koss_typologies__card--main');\r\n }\r\n\r\n updateSwapHint();\r\n }\r\n\r\n function updateSwapHint() {\r\n var hints = document.querySelectorAll('.koss_typologies__swap-hint');\r\n hints.forEach(function(hint) {\r\n var card = hint.closest('.koss_typologies__card');\r\n if (card.classList.contains('koss_typologies__card--secondary')) {\r\n hint.style.display = 'flex';\r\n } else {\r\n hint.style.display = 'none';\r\n }\r\n });\r\n }\r\n\r\n secondaryCard.addEventListener('mouseenter', function() {\r\n if (window.innerWidth <= 991) return;\r\n clearTimeout(swapTimeout);\r\n swapTimeout = setTimeout(function() {\r\n swapCards(true);\r\n }, 250);\r\n });\r\n\r\n mainCard.addEventListener('mouseenter', function() {\r\n if (window.innerWidth <= 991) return;\r\n clearTimeout(swapTimeout);\r\n swapTimeout = setTimeout(function() {\r\n swapCards(false);\r\n }, 250);\r\n });\r\n\r\n grid.addEventListener('mouseleave', function() {\r\n clearTimeout(swapTimeout);\r\n });\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.8) {\r\n section.classList.add('koss_typologies--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n updateSwapHint();\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\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>\n\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>De Kos - Verdeler<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\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 }\r\n\r\n .koss_divider {\r\n position: relative !important;\r\n height: 45vh !important;\r\n min-height: 360px !important;\r\n max-height: 500px !important;\r\n overflow: hidden !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koss_divider__image {\r\n position: absolute !important;\r\n top: -15% !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 130% !important;\r\n object-fit: cover !important;\r\n object-position: center 40% !important;\r\n will-change: transform !important;\r\n }\r\n\r\n .koss_divider__overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: \r\n radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.35) 100%),\r\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;\r\n }\r\n\r\n .koss_divider__content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n text-align: center !important;\r\n padding: 0 40px !important;\r\n max-width: 1000px !important;\r\n }\r\n\r\n .koss_divider__quote {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(28px, 5vw, 52px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.25 !important;\r\n letter-spacing: -0.5px !important;\r\n color: #ffffff !important;\r\n margin: 0 !important;\r\n text-shadow: 0 2px 30px rgba(0, 0, 0, 0.3) !important;\r\n opacity: 0 !important;\r\n transform: translateY(25px) !important;\r\n transition: opacity 0.9s ease, transform 0.9s ease !important;\r\n }\r\n\r\n .koss_divider.koss_divider--visible .koss_divider__quote {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_divider__line {\r\n width: 70px !important;\r\n height: 2px !important;\r\n background: linear-gradient(90deg, #804330 0%, #b77352 100%) !important;\r\n margin: 28px auto 0 !important;\r\n border-radius: 1px !important;\r\n opacity: 0 !important;\r\n transform: scaleX(0) !important;\r\n transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s !important;\r\n }\r\n\r\n .koss_divider.koss_divider--visible .koss_divider__line {\r\n opacity: 1 !important;\r\n transform: scaleX(1) !important;\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_divider {\r\n height: 40vh !important;\r\n min-height: 320px !important;\r\n }\r\n\r\n .koss_divider__content {\r\n padding: 0 32px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_divider {\r\n height: 38vh !important;\r\n min-height: 280px !important;\r\n }\r\n\r\n .koss_divider__content {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_divider__line {\r\n width: 55px !important;\r\n margin-top: 22px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_divider {\r\n min-height: 260px !important;\r\n }\r\n }\r\n <\/style>\n<\/head>\n<body>\n<section class=\"koss_divider\" id=\"divider\">\n<img decoding=\"async\" alt=\"Vista panor\u00e1mica desde The Kos\" class=\"koss_divider__image\" id=\"koss_divider_image\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\"\/>\n<div class=\"koss_divider__overlay\"><\/div>\n<div class=\"koss_divider__content\">\n<p class=\"koss_divider__quote\">De Middellandse Zee aan je voeten, de lucht binnen handbereik<\/p>\n<div class=\"koss_divider__line\"><\/div>\n<\/div>\n<\/section>\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('divider');\r\n var image = document.getElementById('koss_divider_image');\r\n\r\n function updateParallax() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.bottom < 0 || rect.top > windowHeight) return;\r\n \r\n var scrollProgress = (windowHeight - rect.top) \/ (windowHeight + rect.height);\r\n var translateY = (scrollProgress - 0.5) * 80;\r\n \r\n image.style.setProperty('transform', 'translateY(' + translateY + 'px)', 'important');\r\n }\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('koss_divider--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n updateParallax();\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n updateParallax();\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\n<\/body>\n<\/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\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>De Kos - Galerij<\/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<section class=\"koss_gallery\" id=\"gallery\">\n<div class=\"koss_gallery__container\">\n<header class=\"koss_gallery__header\">\n<span class=\"koss_gallery__label\">Spaties<\/span>\n<h2 class=\"koss_gallery__title\">Elke hoek, een voldoening<\/h2>\n<p class=\"koss_gallery__subtitle\">Interieurs waar licht, design en welzijn elkaar ontmoeten<\/p>\n<\/header>\n<div class=\"koss_gallery__grid\" id=\"koss_gallery_grid\">\n<div class=\"koss_gallery__item\" data-index=\"0\" data-title=\"Uw welzijn staat voorop\">\n<img decoding=\"async\" alt=\"Piscina interior con vistas\" class=\"koss_gallery__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-interior.jpg\"\/>\n<div class=\"koss_gallery__overlay\"><\/div>\n<div class=\"koss_gallery__caption\">\n<p class=\"koss_gallery__caption-title\">Uw welzijn staat voorop<\/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\"><\/path>\n<\/svg>Vouw afbeelding uit<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"1\" data-title=\"Waar idee\u00ebn worden geboren\">\n<img decoding=\"async\" alt=\"Espacio de trabajo con vistas panor\u00e1micas\" class=\"koss_gallery__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-facilities-coworking.jpg\"\/>\n<div class=\"koss_gallery__overlay\"><\/div>\n<div class=\"koss_gallery__caption\">\n<p class=\"koss_gallery__caption-title\">Waar idee\u00ebn worden geboren<\/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\"><\/path>\n<\/svg>Vouw afbeelding uit<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"2\" data-title=\"Jouw inspiratiehoek\">\n<img decoding=\"async\" alt=\"Espacio privado ba\u00f1ado en luz natural\" class=\"koss_gallery__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-despacho-dorm.jpg\"\/>\n<div class=\"koss_gallery__overlay\"><\/div>\n<div class=\"koss_gallery__caption\">\n<p class=\"koss_gallery__caption-title\">Jouw inspiratiehoek<\/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\"><\/path>\n<\/svg>Vouw afbeelding uit<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"3\" data-title=\"Energie elke ochtend\">\n<img decoding=\"async\" alt=\"Gimnasio equipado con Technogym\" class=\"koss_gallery__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/koss-gym-comunitario.jpg\"\/>\n<div class=\"koss_gallery__overlay\"><\/div>\n<div class=\"koss_gallery__caption\">\n<p class=\"koss_gallery__caption-title\">Energie elke ochtend<\/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\"><\/path>\n<\/svg>Vouw afbeelding uit<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"4\" data-title=\"Het ritueel van elke dag\">\n<img decoding=\"async\" alt=\"Ba\u00f1o de dise\u00f1o con acabados premium\" class=\"koss_gallery__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-bano-principal.jpg\"\/>\n<div class=\"koss_gallery__overlay\"><\/div>\n<div class=\"koss_gallery__caption\">\n<p class=\"koss_gallery__caption-title\">Het ritueel van elke dag<\/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\"><\/path>\n<\/svg>Vouw afbeelding uit<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\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<button aria-label=\"Cerrar\" class=\"koss_lightbox__close\" id=\"koss_lightbox_close\">\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\"><\/path>\n<\/svg>\n<\/button>\n<button aria-label=\"Anterior\" class=\"koss_lightbox__nav koss_lightbox__nav--prev\" id=\"koss_lightbox_prev\">\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\"><\/path>\n<\/svg>\n<\/button>\n<button aria-label=\"Siguiente\" class=\"koss_lightbox__nav koss_lightbox__nav--next\" id=\"koss_lightbox_next\">\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\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"koss_lightbox__content\">\n<img decoding=\"async\" alt=\"\" class=\"koss_lightbox__image\" id=\"koss_lightbox_image\" src=\"\"\/>\n<\/div>\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\">Veeg om te navigeren<\/p>\n<\/div>\n<\/div>\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<\/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>\n\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>De Kos - Locatie<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\n<style>\r\n \/* ============================================\r\n RESET & BASE\r\n ============================================ *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n }\r\n\r\n \/* ============================================\r\n LOCATION SECTION\r\n ============================================ *\/\r\n .koss_location {\r\n position: relative !important;\r\n padding: 120px 0 !important;\r\n background-color: #f0f0f0 !important;\r\n }\r\n\r\n .koss_location__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n }\r\n\r\n \/* ============================================\r\n CONTENT\r\n ============================================ *\/\r\n .koss_location__content {\r\n text-align: center !important;\r\n max-width: 720px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .koss_location__label {\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: #999999 !important;\r\n margin-bottom: 16px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_location.koss_location--visible .koss_location__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_location__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 4.5vw, 48px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #333333 !important;\r\n margin: 0 0 20px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .koss_location.koss_location--visible .koss_location__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_location__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: clamp(17px, 1.8vw, 20px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #666666 !important;\r\n margin: 0 !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .koss_location.koss_location--visible .koss_location__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 991px) {\r\n .koss_location {\r\n padding: 100px 0 !important;\r\n }\r\n\r\n .koss_location__container {\r\n padding: 0 40px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .koss_location {\r\n padding: 80px 0 !important;\r\n }\r\n\r\n .koss_location__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_location__title {\r\n margin-bottom: 16px !important;\r\n }\r\n }\r\n <\/style>\n<\/head>\n<body>\n\n<section class=\"koss_location\" id=\"location\">\n<div class=\"koss_location__container\">\n<div class=\"koss_location__content\">\n<span class=\"koss_location__label\">Locatie<\/span>\n<h2 class=\"koss_location__title\">El Higueron, Costa del Sol<\/h2>\n<p class=\"koss_location__subtitle\">Waar de Middellandse Zee, de bergen en de zon elkaar ontmoeten. Minuten van de zee, verbonden met de wereld.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('location');\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('koss_location--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-475b4b0 elementor-widget elementor-widget-shortcode\" data-id=\"475b4b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><iframe src=\"https:\/\/thekosvillas.com\/nl\/evoost-map\/the-kos-villas\/?lang=es\" style=\"width:100%;height:650px;border:0;border-radius:12px;overflow:hidden;\" loading=\"lazy\" title=\"The Kos Villas\" allowfullscreen><\/iframe>\n<\/div>\n\t\t\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\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>De Kos - Ontgrendel<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\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 }\r\n\r\n .koss_unlock {\r\n position: relative !important;\r\n background-color: #f8f8f8 !important;\r\n }\r\n\r\n .koss_unlock__grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n min-height: 700px !important;\r\n }\r\n\r\n .koss_unlock__image-wrapper {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n opacity: 0 !important;\r\n transform: translateX(-30px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__image-wrapper {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .koss_unlock__image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n display: block !important;\r\n transition: transform 0.6s ease !important;\r\n }\r\n\r\n .koss_unlock__image-wrapper:hover .koss_unlock__image {\r\n transform: scale(1.03) !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n padding: 80px 60px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n transform: translateX(30px) !important;\r\n transition: opacity 0.8s ease 0.15s, transform 0.8s ease 0.15s !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__form-wrapper {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .koss_unlock__label {\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: #999999 !important;\r\n margin-bottom: 16px !important;\r\n display: block !important;\r\n }\r\n\r\n .koss_unlock__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 4vw, 44px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #333333 !important;\r\n margin: 0 0 16px 0 !important;\r\n letter-spacing: -1px !important;\r\n }\r\n\r\n .koss_unlock__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 17px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #666666 !important;\r\n margin: 0 0 40px 0 !important;\r\n }\r\n\r\n .koss_unlock__agent {\r\n margin-top: 32px !important;\r\n padding-top: 28px !important;\r\n border-top: 1px solid #e8e8e8 !important;\r\n text-align: center !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koss_unlock__agent-card {\r\n display: block !important;\r\n padding: 14px 24px !important;\r\n border: 1px solid #d8d8d8 !important;\r\n border-radius: 16px !important;\r\n background: #ffffff !important;\r\n cursor: pointer !important;\r\n text-decoration: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05) !important;\r\n touch-action: manipulation !important;\r\n max-width: 340px !important;\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock__agent-card:hover {\r\n border-color: #b0b0b0 !important;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;\r\n }\r\n\r\n .koss_unlock__agent-card-title {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 600 !important;\r\n color: #333333 !important;\r\n margin: 0 0 4px 0 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n .koss_unlock__agent-card-sub {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n color: #777777 !important;\r\n margin: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* \u2500\u2500 WPForms inside unlock \u2500\u2500 *\/\r\n\r\n .koss_unlock .wpforms-container {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-form {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field {\r\n margin-bottom: 20px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-row {\r\n display: flex !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-row .wpforms-field-row-block {\r\n flex: 1 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-row .wpforms-field-row-block input {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #666666 !important;\r\n margin-bottom: 8px !important;\r\n display: block !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-required {\r\n color: #b77352 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input[type=\"text\"],\r\n .koss_unlock .wpforms-field input[type=\"email\"],\r\n .koss_unlock .wpforms-field input[type=\"tel\"],\r\n .koss_unlock .wpforms-field input[type=\"number\"],\r\n .koss_unlock .wpforms-field input[type=\"url\"],\r\n .koss_unlock .wpforms-field select,\r\n .koss_unlock .wpforms-field textarea {\r\n width: 100% !important;\r\n padding: 16px 20px !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: #333333 !important;\r\n background-color: #ffffff !important;\r\n border: 1px solid #e0e0e0 !important;\r\n border-radius: 8px !important;\r\n outline: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n -webkit-appearance: none !important;\r\n -moz-appearance: none !important;\r\n appearance: none !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input:focus,\r\n .koss_unlock .wpforms-field select:focus,\r\n .koss_unlock .wpforms-field textarea:focus {\r\n border-color: #b77352 !important;\r\n box-shadow: 0 0 0 3px rgba(183, 115, 82, 0.1) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input::placeholder,\r\n .koss_unlock .wpforms-field textarea::placeholder {\r\n color: #aaaaaa !important;\r\n font-weight: 300 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field textarea {\r\n min-height: 120px !important;\r\n resize: vertical !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field select {\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666666' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\") !important;\r\n background-repeat: no-repeat !important;\r\n background-position: right 16px center !important;\r\n padding-right: 44px !important;\r\n min-width: 0 !important;\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field.wpforms-field-select-style-classic select,\r\n div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select {\r\n padding-top: 10px !important;\r\n padding-bottom: 5px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field select option {\r\n padding: 12px 16px !important;\r\n white-space: normal !important;\r\n word-wrap: break-word !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__flag-container {\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 12px 0 16px !important;\r\n background: transparent !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone input[type=\"tel\"] {\r\n padding-left: 85px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti--separate-dial-code input[type=\"tel\"] {\r\n padding-left: 100px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__country-list {\r\n max-width: 360px !important;\r\n border-radius: 8px !important;\r\n border: 1px solid #e0e0e0 !important;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__country {\r\n padding: 10px 16px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__country:hover {\r\n background-color: #f5f5f5 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox ul,\r\n .koss_unlock .wpforms-field-radio ul {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox li,\r\n .koss_unlock .wpforms-field-radio li {\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox label,\r\n .koss_unlock .wpforms-field-radio label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n color: #555555 !important;\r\n cursor: pointer !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox input,\r\n .koss_unlock .wpforms-field-radio input {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-top: 2px !important;\r\n accent-color: #b77352 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-gdpr-checkbox label,\r\n .koss_unlock .wpforms-field-checkbox label {\r\n font-size: 13px !important;\r\n line-height: 1.5 !important;\r\n color: #888888 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-gdpr-checkbox label a,\r\n .koss_unlock .wpforms-field-checkbox label a {\r\n color: #b77352 !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-gdpr-checkbox label a:hover,\r\n .koss_unlock .wpforms-field-checkbox label a:hover {\r\n text-decoration: underline !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit-container {\r\n margin-top: 32px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit {\r\n width: 100% !important;\r\n padding: 18px 32px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background: linear-gradient(135deg, #804330 0%, #b77352 100%) !important;\r\n border: none !important;\r\n border-radius: 8px !important;\r\n cursor: pointer !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(128, 67, 48, 0.3) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit:active {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field.wpforms-has-error input,\r\n .koss_unlock .wpforms-field.wpforms-has-error select,\r\n .koss_unlock .wpforms-field.wpforms-has-error textarea {\r\n border-color: #d64545 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-error {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n color: #d64545 !important;\r\n margin-top: 6px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-confirmation-container-full {\r\n padding: 40px !important;\r\n background-color: #f0f7f0 !important;\r\n border-radius: 12px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koss_unlock .wpforms-confirmation-container-full p {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 17px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #333333 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n \/* \u2500\u2500 eVoost Partners Signature \u2500\u2500 *\/\r\n\r\n .koss_evoost-signature-wrapper {\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n padding: 16px 0 0 0 !important;\r\n font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\r\n }\r\n\r\n .koss_evoost-signature {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-decoration: none !important;\r\n padding: 8px 12px !important;\r\n border-radius: 30px !important;\r\n border: 1px solid rgba(0, 0, 0, 0.1) !important;\r\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n background-color: transparent !important;\r\n }\r\n\r\n .koss_evoost-logo {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 8px !important;\r\n opacity: 0.6 !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_evoost-text {\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.2px !important;\r\n color: rgba(0, 0, 0, 0.4) !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_evoost-highlight {\r\n font-weight: 500 !important;\r\n color: rgba(0, 0, 0, 0.55) !important;\r\n transition: all 0.5s ease !important;\r\n }\r\n\r\n .koss_evoost-signature:before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 100%) !important;\r\n opacity: 0;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .koss_evoost-signature:after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -150% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%) !important;\r\n transform: skewX(-25deg) !important;\r\n z-index: 3 !important;\r\n opacity: 0;\r\n transition: opacity 0.2s ease !important;\r\n }\r\n\r\n @keyframes koss_shineEffect {\r\n 0% { left: -150% !important; }\r\n 100% { left: 150% !important; }\r\n }\r\n\r\n .koss_evoost-signature:hover {\r\n border-color: rgba(0, 0, 0, 0.2) !important;\r\n }\r\n\r\n .koss_evoost-signature:hover:before {\r\n opacity: 1;\r\n }\r\n\r\n .koss_evoost-signature:hover:after {\r\n opacity: 1;\r\n animation: koss_shineEffect 1.2s ease-in-out !important;\r\n }\r\n\r\n .koss_evoost-signature:hover .koss_evoost-logo {\r\n opacity: 0.9 !important;\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n .koss_evoost-signature:hover .koss_evoost-text {\r\n color: rgba(0, 0, 0, 0.7) !important;\r\n }\r\n\r\n .koss_evoost-signature:hover .koss_evoost-highlight {\r\n color: rgba(0, 0, 0, 0.85) !important;\r\n }\r\n\r\n \/* \u2500\u2500 Agent Modal \u2500\u2500 *\/\r\n\r\n .koss_agent_modal {\r\n position: fixed !important;\r\n inset: 0 !important;\r\n z-index: 99999 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n padding: 24px !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n pointer-events: none !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n }\r\n\r\n .koss_agent_modal.koss_agent_modal--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n pointer-events: auto !important;\r\n }\r\n\r\n .koss_agent_modal__backdrop {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: rgba(0, 0, 0, 0.85) !important;\r\n backdrop-filter: blur(8px) !important;\r\n -webkit-backdrop-filter: blur(8px) !important;\r\n }\r\n\r\n .koss_agent_modal__content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n width: 100% !important;\r\n max-width: 680px !important;\r\n max-height: 90vh !important;\r\n overflow-y: auto !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n background: #ffffff !important;\r\n border-radius: 16px !important;\r\n padding: 48px 56px !important;\r\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3) !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) scale(0.98) !important;\r\n transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s !important;\r\n }\r\n\r\n .koss_agent_modal--open .koss_agent_modal__content {\r\n opacity: 1 !important;\r\n transform: translateY(0) scale(1) !important;\r\n }\r\n\r\n .koss_agent_modal__close {\r\n position: absolute !important;\r\n top: 16px !important;\r\n right: 16px !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: #f5f5f5 !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n transition: background 0.3s ease, transform 0.3s ease !important;\r\n }\r\n\r\n .koss_agent_modal__close:hover {\r\n background: #e8e8e8 !important;\r\n transform: rotate(90deg) !important;\r\n }\r\n\r\n .koss_agent_modal__close svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n fill: #666666 !important;\r\n }\r\n\r\n .koss_agent_modal__header {\r\n text-align: center !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .koss_agent_modal__logo {\r\n width: 56px !important;\r\n height: 56px !important;\r\n margin: 0 auto 24px !important;\r\n display: block !important;\r\n object-fit: contain !important;\r\n }\r\n\r\n .koss_agent_modal__title {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 22px !important;\r\n font-weight: 300 !important;\r\n color: #333333 !important;\r\n margin: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n .koss_agent_modal__title strong {\r\n font-weight: 400 !important;\r\n }\r\n\r\n \/* \u2500\u2500 WPForms inside agent modal \u2500\u2500 *\/\r\n\r\n .koss_agent_modal .wpforms-container {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-form {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field {\r\n margin-bottom: 18px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #666666 !important;\r\n margin-bottom: 8px !important;\r\n display: block !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-required {\r\n color: #b77352 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field input[type=\"text\"],\r\n .koss_agent_modal .wpforms-field input[type=\"email\"],\r\n .koss_agent_modal .wpforms-field input[type=\"tel\"],\r\n .koss_agent_modal .wpforms-field select,\r\n .koss_agent_modal .wpforms-field textarea {\r\n width: 100% !important;\r\n padding: 14px 18px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n color: #333333 !important;\r\n background-color: #f8f8f8 !important;\r\n border: 1px solid #e0e0e0 !important;\r\n border-radius: 8px !important;\r\n outline: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field input:focus,\r\n .koss_agent_modal .wpforms-field select:focus,\r\n .koss_agent_modal .wpforms-field textarea:focus {\r\n background-color: #ffffff !important;\r\n border-color: #b77352 !important;\r\n box-shadow: 0 0 0 3px rgba(183, 115, 82, 0.1) !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field textarea {\r\n min-height: 100px !important;\r\n resize: vertical !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__flag-container {\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 12px 0 16px !important;\r\n background: transparent !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone input[type=\"tel\"] {\r\n padding-left: 85px !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti--separate-dial-code input[type=\"tel\"] {\r\n padding-left: 100px !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__country-list {\r\n max-width: 320px !important;\r\n border-radius: 8px !important;\r\n border: 1px solid #e0e0e0 !important;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__country {\r\n padding: 10px 16px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__country:hover {\r\n background-color: #f5f5f5 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox label,\r\n .koss_agent_modal .wpforms-field-checkbox label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 13px !important;\r\n line-height: 1.5 !important;\r\n color: #888888 !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 10px !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox label a,\r\n .koss_agent_modal .wpforms-field-checkbox label a {\r\n color: #b77352 !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox label a:hover,\r\n .koss_agent_modal .wpforms-field-checkbox label a:hover {\r\n text-decoration: underline !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-checkbox input,\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox input {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-top: 2px !important;\r\n accent-color: #b77352 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit-container {\r\n position: relative !important;\r\n margin-top: 28px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit {\r\n position: relative !important;\r\n z-index: 1 !important;\r\n width: 100% !important;\r\n padding: 18px 28px 28px 0px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background: #2a2a2a !important;\r\n border: none !important;\r\n border-radius: 8px !important;\r\n cursor: pointer !important;\r\n overflow: hidden !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit:active {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n\r\n @media screen and (max-width: 1200px) {\r\n .koss_unlock__grid {\r\n min-height: 600px !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n padding: 60px 48px 60px 60px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_unlock__grid {\r\n grid-template-columns: 1fr !important;\r\n min-height: auto !important;\r\n }\r\n\r\n .koss_unlock__image-wrapper {\r\n order: 1 !important;\r\n min-height: 400px !important;\r\n transform: translateY(20px) !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__image-wrapper {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n order: 2 !important;\r\n max-width: 100% !important;\r\n padding: 60px 40px !important;\r\n transform: translateY(20px) !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__form-wrapper {\r\n transform: translateY(0) !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_unlock__image-wrapper {\r\n min-height: 320px !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n padding: 48px 24px !important;\r\n }\r\n\r\n .koss_unlock__subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input[type=\"text\"],\r\n .koss_unlock .wpforms-field input[type=\"email\"],\r\n .koss_unlock .wpforms-field input[type=\"tel\"],\r\n .koss_unlock .wpforms-field select,\r\n .koss_unlock .wpforms-field textarea {\r\n padding: 14px 16px !important;\r\n font-size: 16px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit {\r\n padding: 16px 28px !important;\r\n }\r\n\r\n .koss_agent_modal__content {\r\n padding: 40px 24px !important;\r\n }\r\n\r\n .koss_agent_modal__title {\r\n font-size: 19px !important;\r\n }\r\n }\r\n <\/style>\n<\/head>\n<body>\n<section class=\"koss_unlock\" id=\"unlock\">\n<div class=\"koss_unlock__grid\">\n<div class=\"koss_unlock__image-wrapper\">\n<img decoding=\"async\" alt=\"Terraza con vistas al Mediterraneo\" class=\"koss_unlock__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-dron-view.jpg\"\/>\n<\/div>\n<div class=\"koss_unlock__form-wrapper\">\n<span class=\"koss_unlock__label\">Ontdek Kos Villas binnenin<\/span>\n<h2 class=\"koss_unlock__title\">Ontgrendel alle informatie<\/h2>\n<p class=\"koss_unlock__subtitle\">Krijg toegang tot gedetailleerde plannen, bijgewerkte prijzen en realtime beschikbaarheid. Geen verplichting.<\/p>\n<div class=\"koss_unlock__form\">\n<style id=\"wpforms-css-vars-2841\">\n\t\t\t\t#wpforms-2841 {\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-2841\"><form id=\"wpforms-form-2841\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"2841\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/nl\/wp-json\/wp\/v2\/pages\/3498\" data-token=\"e59ed9479ab44a06ebf8a15ce8576eb1\" data-token-time=\"1785227865\"><noscript class=\"wpforms-error-noscript\">Schakel JavaScript in je browser in om dit formulier in te vullen.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Schakel JavaScript in je browser in om dit formulier in te vullen.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-2841-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-2841-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-2841-field_58\" aria-hidden=\"false\">utm_source<\/label><input type=\"text\" id=\"wpforms-2841-field_58\" class=\"wpforms-field-medium\" name=\"wpforms[fields][58]\" aria-errormessage=\"wpforms-2841-field_58-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_61\" aria-hidden=\"false\">utm_medium<\/label><input type=\"text\" id=\"wpforms-2841-field_61\" class=\"wpforms-field-medium\" name=\"wpforms[fields][61]\" aria-errormessage=\"wpforms-2841-field_61-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_59\" aria-hidden=\"false\">utm_campaign<\/label><input type=\"text\" id=\"wpforms-2841-field_59\" class=\"wpforms-field-medium\" name=\"wpforms[fields][59]\" aria-errormessage=\"wpforms-2841-field_59-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_60\" aria-hidden=\"false\">utm_term<\/label><input type=\"text\" id=\"wpforms-2841-field_60\" class=\"wpforms-field-medium\" name=\"wpforms[fields][60]\" aria-errormessage=\"wpforms-2841-field_60-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_63\" aria-hidden=\"false\">Stage<\/label><input type=\"text\" id=\"wpforms-2841-field_63\" class=\"wpforms-field-medium\" name=\"wpforms[fields][63]\" value=\"Pulse\" aria-errormessage=\"wpforms-2841-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-2841-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-2841-field_62\" aria-hidden=\"false\">utm_content<\/label><input type=\"text\" id=\"wpforms-2841-field_62\" class=\"wpforms-field-medium\" name=\"wpforms[fields][62]\" aria-errormessage=\"wpforms-2841-field_62-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-2841-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-2841-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-2841-field_51\" aria-hidden=\"false\">LMP Pareja Madura nacional \/ retirada<\/label><input type=\"text\" id=\"wpforms-2841-field_51\" class=\"wpforms-field-medium\" name=\"wpforms[fields][51]\" value=\"9831fa2d-02e2-4960-95fe-cd158b5390ad\" aria-errormessage=\"wpforms-2841-field_51-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_56\" aria-hidden=\"false\">LMP Familia nacional en crecimiento<\/label><input type=\"text\" id=\"wpforms-2841-field_56\" class=\"wpforms-field-medium\" name=\"wpforms[fields][56]\" value=\"50a47758-0c7d-4aeb-8be0-809d0d5ae5e2\" aria-errormessage=\"wpforms-2841-field_56-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_55\" aria-hidden=\"false\">LMP Inversor Internacional Patrimonial<\/label><input type=\"text\" id=\"wpforms-2841-field_55\" class=\"wpforms-field-medium\" name=\"wpforms[fields][55]\" value=\"87e49d8b-3e12-467c-8b37-4365402dbf69\" aria-errormessage=\"wpforms-2841-field_55-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_57\" aria-hidden=\"false\">LMP Expatriado internacional<\/label><input type=\"text\" id=\"wpforms-2841-field_57\" class=\"wpforms-field-medium\" name=\"wpforms[fields][57]\" value=\"4bdeba83-3150-41da-8aa9-f03538c5d37c\" aria-errormessage=\"wpforms-2841-field_57-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_52\" aria-hidden=\"false\">LMP Segunda Residencia Emocional<\/label><input type=\"text\" id=\"wpforms-2841-field_52\" class=\"wpforms-field-medium\" name=\"wpforms[fields][52]\" value=\"6bbc8a8a-9717-455f-a5e2-41be39bf05d9\" aria-errormessage=\"wpforms-2841-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-2841-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-2841-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-2841-field_39\" aria-hidden=\"false\">DISC Red<\/label><input type=\"text\" id=\"wpforms-2841-field_39\" class=\"wpforms-field-medium\" name=\"wpforms[fields][39]\" value=\"Red\" aria-errormessage=\"wpforms-2841-field_39-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_40\" aria-hidden=\"false\">DISC Yellow<\/label><input type=\"text\" id=\"wpforms-2841-field_40\" class=\"wpforms-field-medium\" name=\"wpforms[fields][40]\" value=\"Yellow\" aria-errormessage=\"wpforms-2841-field_40-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_41\" aria-hidden=\"false\">DISC Green<\/label><input type=\"text\" id=\"wpforms-2841-field_41\" class=\"wpforms-field-medium\" name=\"wpforms[fields][41]\" value=\"Green\" aria-errormessage=\"wpforms-2841-field_41-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2841-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-2841-field_42\" aria-hidden=\"false\">DISC Blue<\/label><input type=\"text\" id=\"wpforms-2841-field_42\" class=\"wpforms-field-medium\" name=\"wpforms[fields][42]\" value=\"Blue\" aria-errormessage=\"wpforms-2841-field_42-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-2841-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-2841-field_37\">Wat is uw belangrijkste motivatie voor het zoeken naar een nieuwe woning? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2841-field_37\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][37]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Selecteer ---<\/option><option value=\"Ik ben op zoek naar een plek om de verbinding te verbreken, te ontspannen en me echt thuis te voelen.\" class=\"choice-1 depth-1\" >Ik ben op zoek naar een plek om de verbinding te verbreken, te ontspannen en me echt thuis te voelen.<\/option><option value=\"We willen een nieuwe fase van ons leven beginnen in een inspirerende en comfortabele omgeving.\" class=\"choice-2 depth-1\" >We willen een nieuwe fase van ons leven beginnen in een inspirerende en comfortabele omgeving.<\/option><option value=\"We zijn op zoek naar een groter huis dat past bij de behoeften van ons gezin.\" class=\"choice-3 depth-1\" >We zijn op zoek naar een groter huis dat past bij de behoeften van ons gezin.<\/option><option value=\"Ik ben op zoek naar een winstgevende en veilige vastgoedinvestering.\" class=\"choice-4 depth-1\" >Ik ben op zoek naar een winstgevende en veilige vastgoedinvestering.<\/option><option value=\"Ik ben op zoek naar een plek waar ik op afstand kan werken en kan genieten van het leven.\" class=\"choice-5 depth-1\" >Ik ben op zoek naar een plek waar ik op afstand kan werken en kan genieten van het leven.<\/option><\/select><\/div><div id=\"wpforms-2841-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-2841-field_38\">Welke van deze uitspraken beschrijft u het beste? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2841-field_38\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][38]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- Selecteer ---<\/option><option value=\"Ik hou ervan om snelle beslissingen te nemen en problemen op te lossen.\" class=\"choice-1 depth-1\" >Ik hou ervan om snelle beslissingen te nemen en problemen op te lossen.<\/option><option value=\"Ik geef er de voorkeur aan om mijn opties volledig te begrijpen voordat ik een beslissing neem.\" class=\"choice-2 depth-1\" >Ik geef er de voorkeur aan om mijn opties volledig te begrijpen voordat ik een beslissing neem.<\/option><option value=\"Ik hou ervan om nieuwe idee\u00ebn te ontdekken en creatief te zijn.\" class=\"choice-3 depth-1\" >Ik hou ervan om nieuwe idee\u00ebn te ontdekken en creatief te zijn.<\/option><option value=\"Ik geef de voorkeur aan beproefde methoden en het behouden van stabiliteit.\" class=\"choice-4 depth-1\" >Ik geef de voorkeur aan beproefde methoden en het behouden van stabiliteit.<\/option><\/select><\/div>\t\t<div id=\"wpforms-2841-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-2841-field_1\" >utm_content Origenes woning?<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-2841-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-2841-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-2841-field_6-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-2841-field_6\">Naam <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-2841-field_6\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-2841-field_6-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2841-field_8-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-2841-field_8\">Achternaam <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-2841-field_8\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][8]\" aria-errormessage=\"wpforms-2841-field_8-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2841-field_9-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-2841-field_9\">Telefoon <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-2841-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=\"Telefoon\" aria-errormessage=\"wpforms-2841-field_9-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2841-field_15-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"15\"><label class=\"wpforms-field-label\" for=\"wpforms-2841-field_15\">E-mail <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-2841-field_15\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][15]\" spellcheck=\"false\" aria-errormessage=\"wpforms-2841-field_15-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2841-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-2841-field_67\">Leeftijdsgroep <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2841-field_67\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][67]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Selecteer de optie --<\/option><option value=\"Jonger dan 35 jaar\" class=\"choice-1 depth-1\" >Jonger dan 35 jaar<\/option><option value=\"Tussen 35 en 45 jaar\" class=\"choice-2 depth-1\" >Tussen 35 en 45 jaar<\/option><option value=\"Tussen 45 en 60 jaar\" class=\"choice-3 depth-1\" >Tussen 45 en 60 jaar<\/option><option value=\"Ouder dan 60 jaar\" class=\"choice-4 depth-1\" >Ouder dan 60 jaar<\/option><\/select><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2841-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-2841-field_68\">Geef uw nationaliteit aan <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2841-field_68\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][68]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Selecteer de optie --<\/option><option value=\"Afghanistan\" class=\"choice-4 depth-1\" >Afghanistan<\/option><option value=\"Albani\u00eb\" class=\"choice-5 depth-1\" >Albani\u00eb<\/option><option value=\"Algerije\" class=\"choice-6 depth-1\" >Algerije<\/option><option value=\"Andorra\" class=\"choice-7 depth-1\" >Andorra<\/option><option value=\"Angola\" class=\"choice-8 depth-1\" >Angola<\/option><option value=\"Antigua en Barbuda\" class=\"choice-9 depth-1\" >Antigua en Barbuda<\/option><option value=\"Argentini\u00eb\" class=\"choice-10 depth-1\" >Argentini\u00eb<\/option><option value=\"Armeni\u00eb\" class=\"choice-11 depth-1\" >Armeni\u00eb<\/option><option value=\"Australi\u00eb\" class=\"choice-12 depth-1\" >Australi\u00eb<\/option><option value=\"Oostenrijk\" class=\"choice-13 depth-1\" >Oostenrijk<\/option><option value=\"Azerbeidzjan\" class=\"choice-14 depth-1\" >Azerbeidzjan<\/option><option value=\"Bahamas\" class=\"choice-15 depth-1\" >Bahamas<\/option><option value=\"Bahrein\" class=\"choice-16 depth-1\" >Bahrein<\/option><option value=\"Bangladesh\" class=\"choice-17 depth-1\" >Bangladesh<\/option><option value=\"Barbados\" class=\"choice-18 depth-1\" >Barbados<\/option><option value=\"Wit-Rusland\" class=\"choice-19 depth-1\" >Wit-Rusland<\/option><option value=\"Belgi\u00eb\" class=\"choice-20 depth-1\" >Belgi\u00eb<\/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=\"Bosni\u00eb en Herzegovina\" class=\"choice-25 depth-1\" >Bosni\u00eb en Herzegovina<\/option><option value=\"Botswana\" class=\"choice-26 depth-1\" >Botswana<\/option><option value=\"Brazili\u00eb\" class=\"choice-27 depth-1\" >Brazili\u00eb<\/option><option value=\"Brunei\" class=\"choice-28 depth-1\" >Brunei<\/option><option value=\"Bulgarije\" class=\"choice-29 depth-1\" >Bulgarije<\/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=\"Kaapverdi\u00eb\" class=\"choice-32 depth-1\" >Kaapverdi\u00eb<\/option><option value=\"Cambodja\" class=\"choice-33 depth-1\" >Cambodja<\/option><option value=\"Kameroen\" class=\"choice-34 depth-1\" >Kameroen<\/option><option value=\"Canada\" class=\"choice-35 depth-1\" >Canada<\/option><option value=\"Centraal-Afrikaanse Republiek\" class=\"choice-36 depth-1\" >Centraal-Afrikaanse Republiek<\/option><option value=\"Tsjaad\" class=\"choice-37 depth-1\" >Tsjaad<\/option><option value=\"Chili\" class=\"choice-38 depth-1\" >Chili<\/option><option value=\"China\" class=\"choice-39 depth-1\" >China<\/option><option value=\"Colombia\" class=\"choice-40 depth-1\" >Colombia<\/option><option value=\"Comoren\" class=\"choice-41 depth-1\" >Comoren<\/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=\"Kroati\u00eb\" class=\"choice-44 depth-1\" >Kroati\u00eb<\/option><option value=\"Cuba\" class=\"choice-45 depth-1\" >Cuba<\/option><option value=\"Cyprus\" class=\"choice-46 depth-1\" >Cyprus<\/option><option value=\"Tsjechische Republiek\" class=\"choice-47 depth-1\" >Tsjechische Republiek<\/option><option value=\"Democratische Republiek Congo\" class=\"choice-48 depth-1\" >Democratische Republiek Congo<\/option><option value=\"Denemarken\" class=\"choice-49 depth-1\" >Denemarken<\/option><option value=\"Djibouti\" class=\"choice-50 depth-1\" >Djibouti<\/option><option value=\"Dominica\" class=\"choice-51 depth-1\" >Dominica<\/option><option value=\"Dominicaanse Republiek\" class=\"choice-52 depth-1\" >Dominicaanse Republiek<\/option><option value=\"Ecuador\" class=\"choice-53 depth-1\" >Ecuador<\/option><option value=\"Egypte\" class=\"choice-54 depth-1\" >Egypte<\/option><option value=\"El Salvador\" class=\"choice-55 depth-1\" >El Salvador<\/option><option value=\"Equatoriaal-Guinea\" class=\"choice-56 depth-1\" >Equatoriaal-Guinea<\/option><option value=\"Eritrea\" class=\"choice-57 depth-1\" >Eritrea<\/option><option value=\"Estland\" class=\"choice-58 depth-1\" >Estland<\/option><option value=\"Eswatini\" class=\"choice-59 depth-1\" >Eswatini<\/option><option value=\"Ethiopi\u00eb\" class=\"choice-60 depth-1\" >Ethiopi\u00eb<\/option><option value=\"Fiji\" class=\"choice-61 depth-1\" >Fiji<\/option><option value=\"Finland\" class=\"choice-62 depth-1\" >Finland<\/option><option value=\"Frankrijk\" class=\"choice-63 depth-1\" >Frankrijk<\/option><option value=\"Gabon\" class=\"choice-64 depth-1\" >Gabon<\/option><option value=\"Gambia\" class=\"choice-65 depth-1\" >Gambia<\/option><option value=\"Georgi\u00eb\" class=\"choice-66 depth-1\" >Georgi\u00eb<\/option><option value=\"Duitsland\" class=\"choice-67 depth-1\" >Duitsland<\/option><option value=\"Ghana\" class=\"choice-68 depth-1\" >Ghana<\/option><option value=\"Griekenland\" class=\"choice-69 depth-1\" >Griekenland<\/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=\"Guinee-Bissau\" class=\"choice-73 depth-1\" >Guinee-Bissau<\/option><option value=\"Guyana\" class=\"choice-74 depth-1\" >Guyana<\/option><option value=\"Ha\u00efti\" class=\"choice-75 depth-1\" >Ha\u00efti<\/option><option value=\"Honduras\" class=\"choice-76 depth-1\" >Honduras<\/option><option value=\"Hongarije\" class=\"choice-77 depth-1\" >Hongarije<\/option><option value=\"IJsland\" class=\"choice-78 depth-1\" >IJsland<\/option><option value=\"Indi\u00eb\" class=\"choice-79 depth-1\" >Indi\u00eb<\/option><option value=\"Indonesi\u00eb\" class=\"choice-80 depth-1\" >Indonesi\u00eb<\/option><option value=\"Iran\" class=\"choice-81 depth-1\" >Iran<\/option><option value=\"Irak\" class=\"choice-82 depth-1\" >Irak<\/option><option value=\"Ierland\" class=\"choice-83 depth-1\" >Ierland<\/option><option value=\"Isra\u00ebl\" class=\"choice-84 depth-1\" >Isra\u00ebl<\/option><option value=\"Itali\u00eb\" class=\"choice-85 depth-1\" >Itali\u00eb<\/option><option value=\"Ivoorkust\" class=\"choice-86 depth-1\" >Ivoorkust<\/option><option value=\"Jamaica\" class=\"choice-87 depth-1\" >Jamaica<\/option><option value=\"Japan\" class=\"choice-88 depth-1\" >Japan<\/option><option value=\"Jordani\u00eb\" class=\"choice-89 depth-1\" >Jordani\u00eb<\/option><option value=\"Kazachstan\" class=\"choice-90 depth-1\" >Kazachstan<\/option><option value=\"Kenia\" class=\"choice-91 depth-1\" >Kenia<\/option><option value=\"Kiribati\" class=\"choice-92 depth-1\" >Kiribati<\/option><option value=\"Koeweit\" class=\"choice-93 depth-1\" >Koeweit<\/option><option value=\"Kirgizi\u00eb\" class=\"choice-94 depth-1\" >Kirgizi\u00eb<\/option><option value=\"Laos\" class=\"choice-95 depth-1\" >Laos<\/option><option value=\"Letland\" class=\"choice-96 depth-1\" >Letland<\/option><option value=\"Libanon\" class=\"choice-97 depth-1\" >Libanon<\/option><option value=\"Lesotho\" class=\"choice-98 depth-1\" >Lesotho<\/option><option value=\"Liberia\" class=\"choice-99 depth-1\" >Liberia<\/option><option value=\"Libi\u00eb\" class=\"choice-100 depth-1\" >Libi\u00eb<\/option><option value=\"Liechtenstein\" class=\"choice-101 depth-1\" >Liechtenstein<\/option><option value=\"Litouwen\" class=\"choice-102 depth-1\" >Litouwen<\/option><option value=\"Luxemburg\" class=\"choice-103 depth-1\" >Luxemburg<\/option><option value=\"Madagascar\" class=\"choice-104 depth-1\" >Madagascar<\/option><option value=\"Malawi\" class=\"choice-105 depth-1\" >Malawi<\/option><option value=\"Maleisi\u00eb\" class=\"choice-106 depth-1\" >Maleisi\u00eb<\/option><option value=\"Maldiven\" class=\"choice-107 depth-1\" >Maldiven<\/option><option value=\"Dat hadden ze\" class=\"choice-108 depth-1\" >Dat hadden ze<\/option><option value=\"Malta\" class=\"choice-109 depth-1\" >Malta<\/option><option value=\"Marshall eilanden\" class=\"choice-110 depth-1\" >Marshall eilanden<\/option><option value=\"Mauritani\u00eb\" class=\"choice-111 depth-1\" >Mauritani\u00eb<\/option><option value=\"Mauritius\" class=\"choice-112 depth-1\" >Mauritius<\/option><option value=\"Mexico\" class=\"choice-113 depth-1\" >Mexico<\/option><option value=\"Micronesi\u00eb\" class=\"choice-114 depth-1\" >Micronesi\u00eb<\/option><option value=\"Moldavi\u00eb\" class=\"choice-115 depth-1\" >Moldavi\u00eb<\/option><option value=\"Monaco\" class=\"choice-116 depth-1\" >Monaco<\/option><option value=\"Mongoli\u00eb\" class=\"choice-117 depth-1\" >Mongoli\u00eb<\/option><option value=\"Montenegro\" class=\"choice-118 depth-1\" >Montenegro<\/option><option value=\"Marokko\" class=\"choice-119 depth-1\" >Marokko<\/option><option value=\"Mozambique\" class=\"choice-120 depth-1\" >Mozambique<\/option><option value=\"Myanmar\" class=\"choice-121 depth-1\" >Myanmar<\/option><option value=\"Namibi\u00eb\" class=\"choice-122 depth-1\" >Namibi\u00eb<\/option><option value=\"Nauru\" class=\"choice-123 depth-1\" >Nauru<\/option><option value=\"Nepal\" class=\"choice-124 depth-1\" >Nepal<\/option><option value=\"Nederland\" class=\"choice-125 depth-1\" >Nederland<\/option><option value=\"Nieuw-Zeeland\" class=\"choice-126 depth-1\" >Nieuw-Zeeland<\/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=\"Noord-Macedoni\u00eb\" class=\"choice-131 depth-1\" >Noord-Macedoni\u00eb<\/option><option value=\"Noorwegen\" class=\"choice-132 depth-1\" >Noorwegen<\/option><option value=\"Mijn eigen\" class=\"choice-133 depth-1\" >Mijn eigen<\/option><option value=\"Pakistan\" class=\"choice-134 depth-1\" >Pakistan<\/option><option value=\"paleis\" class=\"choice-135 depth-1\" >paleis<\/option><option value=\"Palestina\" class=\"choice-136 depth-1\" >Palestina<\/option><option value=\"Panama\" class=\"choice-137 depth-1\" >Panama<\/option><option value=\"Papoea-Nieuw-Guinea\" class=\"choice-138 depth-1\" >Papoea-Nieuw-Guinea<\/option><option value=\"Paraguay\" class=\"choice-139 depth-1\" >Paraguay<\/option><option value=\"Peru\" class=\"choice-140 depth-1\" >Peru<\/option><option value=\"Filippijnen\" class=\"choice-141 depth-1\" >Filippijnen<\/option><option value=\"Polen\" class=\"choice-142 depth-1\" >Polen<\/option><option value=\"Portugal\" class=\"choice-143 depth-1\" >Portugal<\/option><option value=\"Katar\" class=\"choice-144 depth-1\" >Katar<\/option><option value=\"Roemeni\u00eb\" class=\"choice-145 depth-1\" >Roemeni\u00eb<\/option><option value=\"Rusland\" class=\"choice-146 depth-1\" >Rusland<\/option><option value=\"Rwanda\" class=\"choice-147 depth-1\" >Rwanda<\/option><option value=\"Saint Kitts en Nevis\" class=\"choice-148 depth-1\" >Saint Kitts en Nevis<\/option><option value=\"Sint Lucia\" class=\"choice-149 depth-1\" >Sint Lucia<\/option><option value=\"Saint Vincent en de Grenadines\" class=\"choice-150 depth-1\" >Saint Vincent en de 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 Tom\u00e9 en Principe\" class=\"choice-153 depth-1\" >Sao Tom\u00e9 en Principe<\/option><option value=\"Saoedi-Arabi\u00eb\" class=\"choice-154 depth-1\" >Saoedi-Arabi\u00eb<\/option><option value=\"Senegal\" class=\"choice-155 depth-1\" >Senegal<\/option><option value=\"Servi\u00eb\" class=\"choice-156 depth-1\" >Servi\u00eb<\/option><option value=\"Seychellen\" class=\"choice-157 depth-1\" >Seychellen<\/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=\"Slowakije\" class=\"choice-160 depth-1\" >Slowakije<\/option><option value=\"Sloveni\u00eb\" class=\"choice-161 depth-1\" >Sloveni\u00eb<\/option><option value=\"Salomonseilanden\" class=\"choice-162 depth-1\" >Salomonseilanden<\/option><option value=\"Somali\u00eb\" class=\"choice-163 depth-1\" >Somali\u00eb<\/option><option value=\"Zuid-Afrika\" class=\"choice-164 depth-1\" >Zuid-Afrika<\/option><option value=\"Zuid-Korea\" class=\"choice-165 depth-1\" >Zuid-Korea<\/option><option value=\"Zuid-Soedan\" class=\"choice-166 depth-1\" >Zuid-Soedan<\/option><option value=\"Spanje\" class=\"choice-167 depth-1\" >Spanje<\/option><option value=\"Sri Lanka\" class=\"choice-168 depth-1\" >Sri Lanka<\/option><option value=\"Soedan\" class=\"choice-169 depth-1\" >Soedan<\/option><option value=\"Suriname\" class=\"choice-170 depth-1\" >Suriname<\/option><option value=\"Zweden\" class=\"choice-171 depth-1\" >Zweden<\/option><option value=\"Zwitserland\" class=\"choice-172 depth-1\" >Zwitserland<\/option><option value=\"Syri\u00eb\" class=\"choice-173 depth-1\" >Syri\u00eb<\/option><option value=\"Tadzjikistan\" class=\"choice-174 depth-1\" >Tadzjikistan<\/option><option value=\"Tanzania\" class=\"choice-175 depth-1\" >Tanzania<\/option><option value=\"Thailand\" class=\"choice-176 depth-1\" >Thailand<\/option><option value=\"Oost-Timor\" class=\"choice-177 depth-1\" >Oost-Timor<\/option><option value=\"Togo\" class=\"choice-178 depth-1\" >Togo<\/option><option value=\"Aangekomen\" class=\"choice-179 depth-1\" >Aangekomen<\/option><option value=\"Trinidad en Tobago\" class=\"choice-180 depth-1\" >Trinidad en Tobago<\/option><option value=\"Tunesi\u00eb\" class=\"choice-181 depth-1\" >Tunesi\u00eb<\/option><option value=\"Kalkoen\" class=\"choice-182 depth-1\" >Kalkoen<\/option><option value=\"Turkmenistan\" class=\"choice-183 depth-1\" >Turkmenistan<\/option><option value=\"Tuvalu\" class=\"choice-184 depth-1\" >Tuvalu<\/option><option value=\"Oeganda\" class=\"choice-185 depth-1\" >Oeganda<\/option><option value=\"Oekra\u00efne\" class=\"choice-186 depth-1\" >Oekra\u00efne<\/option><option value=\"Verenigde Arabische Emiraten\" class=\"choice-187 depth-1\" >Verenigde Arabische Emiraten<\/option><option value=\"Verenigd Koninkrijk\" class=\"choice-188 depth-1\" >Verenigd Koninkrijk<\/option><option value=\"Verenigde Staten\" class=\"choice-189 depth-1\" >Verenigde Staten<\/option><option value=\"Uruguay\" class=\"choice-190 depth-1\" >Uruguay<\/option><option value=\"Oezbekistan\" class=\"choice-191 depth-1\" >Oezbekistan<\/option><option value=\"Vanuatu\" class=\"choice-192 depth-1\" >Vanuatu<\/option><option value=\"Vaticaanstad\" class=\"choice-193 depth-1\" >Vaticaanstad<\/option><option value=\"Venezuela\" class=\"choice-194 depth-1\" >Venezuela<\/option><option value=\"Vietnam\" class=\"choice-195 depth-1\" >Vietnam<\/option><option value=\"Jemen\" class=\"choice-196 depth-1\" >Jemen<\/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-2841-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-2841-field_33\" aria-hidden=\"false\">Taal<\/label><input type=\"text\" id=\"wpforms-2841-field_33\" class=\"wpforms-field-large\" name=\"wpforms[fields][33]\" value=\"Dutch\" aria-errormessage=\"wpforms-2841-field_33-error\" ><\/div><div id=\"wpforms-2841-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\">AVG <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><ul id=\"wpforms-2841-field_47\" class=\"wpforms-field-required\"><li class=\"choice-1 depth-1\"><input type=\"checkbox\" id=\"wpforms-2841-field_47_1\" name=\"wpforms[fields][47][]\" value=\"Ik accepteer het privacybeleid van deze website\" aria-errormessage=\"wpforms-2841-field_47_1-error\" aria-describedby=\"wpforms-2841-field_47-description\" required ><label class=\"wpforms-field-label-inline\" for=\"wpforms-2841-field_47_1\">Ik accepteer het privacybeleid van deze website<\/label><\/li><\/ul><div id=\"wpforms-2841-field_47-description\" class=\"wpforms-field-description\">U kunt <a href=\"https:\/\/thekosvillas.com\/nl\/privacidad\/\">het privacybeleid raadplegen door hier te klikken<\/a><\/div><\/fieldset><\/div><div id=\"wpforms-2841-field_66-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"66\"><input type=\"hidden\" id=\"wpforms-2841-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-2841-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-2841-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-2841-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=\"2841\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/pages\/3498\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-2841\" class=\"wpforms-submit\" data-alt-text=\"We werken eraan...\" data-submit-text=\"Ontgrendel informatie\" aria-live=\"assertive\" value=\"wpforms-submit\">Ontgrendel informatie<\/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=\"Aan het laden\"><\/div><\/form><\/div> \n<\/div>\n<div class=\"koss_unlock__agent\">\n<a class=\"koss_unlock__agent-card\" href=\"#agent-form\" id=\"koss_agent_trigger\" role=\"button\">\n<p class=\"koss_unlock__agent-card-title\">Bent u makelaar?<\/p>\n<p class=\"koss_unlock__agent-card-sub\">Stuur ons uw gegevens en wij nemen contact met u op.<\/p>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<div class=\"koss_agent_modal\" id=\"koss_agent_modal\">\n<div class=\"koss_agent_modal__backdrop\" id=\"koss_agent_backdrop\"><\/div>\n<div class=\"koss_agent_modal__content\">\n<button aria-label=\"Cerrar\" class=\"koss_agent_modal__close\" id=\"koss_agent_close\">\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\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"koss_agent_modal__form\" id=\"agent-form\">\n <div class=\"evoost-b2b-form-wrapper evoost-layout-two-col\" id=\"evoost-form-921-4008\" lang=\"es\" style=\"--evoost-accent:#b77352;--evoost-border-focus:#b77352;--evoost-focus-shadow:rgba(183,115,82,0.1);\">\n\n <div class=\"evoost-form-header\">\n <img decoding=\"async\" src=\"https:\/\/evoost.ai\/wp-content\/uploads\/2025\/12\/partners-favicon-single.png\" alt=\"\" class=\"evoost-form-header-logo\">\n <h3 class=\"evoost-form-header-title\">Env\u00edanos tus datos y <strong>nos pondremos en contacto contigo<\/strong><\/h3>\n <\/div>\n \n <form class=\"evoost-b2b-form\" data-form-id=\"921\" data-lang=\"es\" data-redirect=\"https:\/\/thekosvillas.com\/brokers\" novalidate>\n\n <input type=\"hidden\" id=\"evoost_nonce\" name=\"evoost_nonce\" value=\"71eaee8bef\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/nl\/wp-json\/wp\/v2\/pages\/3498\" \/>\n <div class=\"evoost-fields-grid\">\n \n <div class=\"evoost-field evoost-field-firstname\">\n <label for=\"evoost-form-921-4008-firstname\">Nombre <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-921-4008-firstname\" name=\"firstname\" required autocomplete=\"given-name\" placeholder=\"Nombre\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-lastname\">\n <label for=\"evoost-form-921-4008-lastname\">Apellidos <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-921-4008-lastname\" name=\"lastname\" required autocomplete=\"family-name\" placeholder=\"Apellidos\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-email\">\n <label for=\"evoost-form-921-4008-email\">Email <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"email\" id=\"evoost-form-921-4008-email\" name=\"email\" required autocomplete=\"email\" placeholder=\"email@example.com\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-phone\">\n <label for=\"evoost-form-921-4008-phone\">Tel\u00e9fono <span class=\"evoost-required\">*<\/span><\/label>\n <div class=\"evoost-phone-wrapper\">\n <span class=\"evoost-phone-prefix\" data-default=\"+34\">+34<\/span>\n <input type=\"tel\" id=\"evoost-form-921-4008-phone\" name=\"phone\" required autocomplete=\"tel\" placeholder=\"600 000 000\" \/>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-company\">\n <label for=\"evoost-form-921-4008-company\">Empresa<\/label>\n <input type=\"text\" id=\"evoost-form-921-4008-company\" name=\"company_visible\" autocomplete=\"organization\" placeholder=\"Empresa\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n \n \n <div class=\"evoost-field evoost-field-country\">\n <label for=\"evoost-form-921-4008-country\">Pa\u00eds <span class=\"evoost-required\">*<\/span><\/label>\n <div class=\"evoost-select-search-wrapper\">\n <input type=\"text\" class=\"evoost-select-search-input\" id=\"evoost-form-921-4008-country-search\" placeholder=\"Pa\u00eds...\" autocomplete=\"off\" \/>\n <select id=\"evoost-form-921-4008-country\" name=\"country_visible\" required class=\"evoost-select-hidden\">\n <option value=\"\">Pa\u00eds<\/option>\n <option value=\"Afghanistan\">Afghanistan<\/option>\n <option value=\"Albania\">Albania<\/option>\n <option value=\"Algeria\">Algeria<\/option>\n <option value=\"Andorra\">Andorra<\/option>\n <option value=\"Angola\">Angola<\/option>\n <option value=\"Antigua and Barbuda\">Antigua and Barbuda<\/option>\n <option value=\"Argentina\">Argentina<\/option>\n <option value=\"Armenia\">Armenia<\/option>\n <option value=\"Australia\">Australia<\/option>\n <option value=\"Austria\">Austria<\/option>\n <option value=\"Azerbaijan\">Azerbaijan<\/option>\n <option value=\"Bahamas\">Bahamas<\/option>\n <option value=\"Bahrain\">Bahrain<\/option>\n <option value=\"Bangladesh\">Bangladesh<\/option>\n <option value=\"Barbados\">Barbados<\/option>\n <option value=\"Belarus\">Belarus<\/option>\n <option value=\"Belgium\">Belgium<\/option>\n <option value=\"Belize\">Belize<\/option>\n <option value=\"Benin\">Benin<\/option>\n <option value=\"Bhutan\">Bhutan<\/option>\n <option value=\"Bolivia\">Bolivia<\/option>\n <option value=\"Bosnia and Herzegovina\">Bosnia and Herzegovina<\/option>\n <option value=\"Botswana\">Botswana<\/option>\n <option value=\"Brazil\">Brazil<\/option>\n <option value=\"Brunei\">Brunei<\/option>\n <option value=\"Bulgaria\">Bulgaria<\/option>\n <option value=\"Burkina Faso\">Burkina Faso<\/option>\n <option value=\"Burundi\">Burundi<\/option>\n <option value=\"Cabo Verde\">Cabo Verde<\/option>\n <option value=\"Cambodia\">Cambodia<\/option>\n <option value=\"Cameroon\">Cameroon<\/option>\n <option value=\"Canada\">Canada<\/option>\n <option value=\"Central African Republic\">Central African Republic<\/option>\n <option value=\"Chad\">Chad<\/option>\n <option value=\"Chile\">Chile<\/option>\n <option value=\"China\">China<\/option>\n <option value=\"Colombia\">Colombia<\/option>\n <option value=\"Comoros\">Comoros<\/option>\n <option value=\"Congo\">Congo<\/option>\n <option value=\"Costa Rica\">Costa Rica<\/option>\n <option value=\"Croatia\">Croatia<\/option>\n <option value=\"Cuba\">Cuba<\/option>\n <option value=\"Cyprus\">Cyprus<\/option>\n <option value=\"Czech Republic\">Czech Republic<\/option>\n <option value=\"Democratic Republic of the Congo\">Democratic Republic of the Congo<\/option>\n <option value=\"Denmark\">Denmark<\/option>\n <option value=\"Djibouti\">Djibouti<\/option>\n <option value=\"Dominica\">Dominica<\/option>\n <option value=\"Dominican Republic\">Dominican Republic<\/option>\n <option value=\"Ecuador\">Ecuador<\/option>\n <option value=\"Egypt\">Egypt<\/option>\n <option value=\"El Salvador\">El Salvador<\/option>\n <option value=\"Equatorial Guinea\">Equatorial Guinea<\/option>\n <option value=\"Eritrea\">Eritrea<\/option>\n <option value=\"Estonia\">Estonia<\/option>\n <option value=\"Eswatini\">Eswatini<\/option>\n <option value=\"Ethiopia\">Ethiopia<\/option>\n <option value=\"Fiji\">Fiji<\/option>\n <option value=\"Finland\">Finland<\/option>\n <option value=\"France\">France<\/option>\n <option value=\"Gabon\">Gabon<\/option>\n <option value=\"Gambia\">Gambia<\/option>\n <option value=\"Georgia\">Georgia<\/option>\n <option value=\"Germany\">Germany<\/option>\n <option value=\"Ghana\">Ghana<\/option>\n <option value=\"Greece\">Greece<\/option>\n <option value=\"Grenada\">Grenada<\/option>\n <option value=\"Guatemala\">Guatemala<\/option>\n <option value=\"Guinea\">Guinea<\/option>\n <option value=\"Guinea-Bissau\">Guinea-Bissau<\/option>\n <option value=\"Guyana\">Guyana<\/option>\n <option value=\"Haiti\">Haiti<\/option>\n <option value=\"Honduras\">Honduras<\/option>\n <option value=\"Hungary\">Hungary<\/option>\n <option value=\"Iceland\">Iceland<\/option>\n <option value=\"India\">India<\/option>\n <option value=\"Indonesia\">Indonesia<\/option>\n <option value=\"Iran\">Iran<\/option>\n <option value=\"Iraq\">Iraq<\/option>\n <option value=\"Ireland\">Ireland<\/option>\n <option value=\"Israel\">Israel<\/option>\n <option value=\"Italy\">Italy<\/option>\n <option value=\"Ivory Coast\">Ivory Coast<\/option>\n <option value=\"Jamaica\">Jamaica<\/option>\n <option value=\"Japan\">Japan<\/option>\n <option value=\"Jordan\">Jordan<\/option>\n <option value=\"Kazakhstan\">Kazakhstan<\/option>\n <option value=\"Kenya\">Kenya<\/option>\n <option value=\"Kiribati\">Kiribati<\/option>\n <option value=\"Kuwait\">Kuwait<\/option>\n <option value=\"Kyrgyzstan\">Kyrgyzstan<\/option>\n <option value=\"Laos\">Laos<\/option>\n <option value=\"Latvia\">Latvia<\/option>\n <option value=\"Lebanon\">Lebanon<\/option>\n <option value=\"Lesotho\">Lesotho<\/option>\n <option value=\"Liberia\">Liberia<\/option>\n <option value=\"Libya\">Libya<\/option>\n <option value=\"Liechtenstein\">Liechtenstein<\/option>\n <option value=\"Lithuania\">Lithuania<\/option>\n <option value=\"Luxembourg\">Luxembourg<\/option>\n <option value=\"Madagascar\">Madagascar<\/option>\n <option value=\"Malawi\">Malawi<\/option>\n <option value=\"Malaysia\">Malaysia<\/option>\n <option value=\"Maldives\">Maldives<\/option>\n <option value=\"Mali\">Mali<\/option>\n <option value=\"Malta\">Malta<\/option>\n <option value=\"Marshall Islands\">Marshall Islands<\/option>\n <option value=\"Mauritania\">Mauritania<\/option>\n <option value=\"Mauritius\">Mauritius<\/option>\n <option value=\"Mexico\">Mexico<\/option>\n <option value=\"Micronesia\">Micronesia<\/option>\n <option value=\"Moldova\">Moldova<\/option>\n <option value=\"Monaco\">Monaco<\/option>\n <option value=\"Mongolia\">Mongolia<\/option>\n <option value=\"Montenegro\">Montenegro<\/option>\n <option value=\"Morocco\">Morocco<\/option>\n <option value=\"Mozambique\">Mozambique<\/option>\n <option value=\"Myanmar\">Myanmar<\/option>\n <option value=\"Namibia\">Namibia<\/option>\n <option value=\"Nauru\">Nauru<\/option>\n <option value=\"Nepal\">Nepal<\/option>\n <option value=\"Netherlands\">Netherlands<\/option>\n <option value=\"New Zealand\">New Zealand<\/option>\n <option value=\"Nicaragua\">Nicaragua<\/option>\n <option value=\"Niger\">Niger<\/option>\n <option value=\"Nigeria\">Nigeria<\/option>\n <option value=\"North Korea\">North Korea<\/option>\n <option value=\"North Macedonia\">North Macedonia<\/option>\n <option value=\"Norway\">Norway<\/option>\n <option value=\"Oman\">Oman<\/option>\n <option value=\"Pakistan\">Pakistan<\/option>\n <option value=\"Palau\">Palau<\/option>\n <option value=\"Palestine\">Palestine<\/option>\n <option value=\"Panama\">Panama<\/option>\n <option value=\"Papua New Guinea\">Papua New Guinea<\/option>\n <option value=\"Paraguay\">Paraguay<\/option>\n <option value=\"Peru\">Peru<\/option>\n <option value=\"Philippines\">Philippines<\/option>\n <option value=\"Poland\">Poland<\/option>\n <option value=\"Portugal\">Portugal<\/option>\n <option value=\"Qatar\">Qatar<\/option>\n <option value=\"Romania\">Romania<\/option>\n <option value=\"Russia\">Russia<\/option>\n <option value=\"Rwanda\">Rwanda<\/option>\n <option value=\"Saint Kitts and Nevis\">Saint Kitts and Nevis<\/option>\n <option value=\"Saint Lucia\">Saint Lucia<\/option>\n <option value=\"Saint Vincent and the Grenadines\">Saint Vincent and the Grenadines<\/option>\n <option value=\"Samoa\">Samoa<\/option>\n <option value=\"San Marino\">San Marino<\/option>\n <option value=\"Sao Tome and Principe\">Sao Tome and Principe<\/option>\n <option value=\"Saudi Arabia\">Saudi Arabia<\/option>\n <option value=\"Senegal\">Senegal<\/option>\n <option value=\"Serbia\">Serbia<\/option>\n <option value=\"Seychelles\">Seychelles<\/option>\n <option value=\"Sierra Leone\">Sierra Leone<\/option>\n <option value=\"Singapore\">Singapore<\/option>\n <option value=\"Slovakia\">Slovakia<\/option>\n <option value=\"Slovenia\">Slovenia<\/option>\n <option value=\"Solomon Islands\">Solomon Islands<\/option>\n <option value=\"Somalia\">Somalia<\/option>\n <option value=\"South Africa\">South Africa<\/option>\n <option value=\"South Korea\">South Korea<\/option>\n <option value=\"South Sudan\">South Sudan<\/option>\n <option value=\"Spain\">Spain<\/option>\n <option value=\"Sri Lanka\">Sri Lanka<\/option>\n <option value=\"Sudan\">Sudan<\/option>\n <option value=\"Suriname\">Suriname<\/option>\n <option value=\"Sweden\">Sweden<\/option>\n <option value=\"Switzerland\">Switzerland<\/option>\n <option value=\"Syria\">Syria<\/option>\n <option value=\"Tajikistan\">Tajikistan<\/option>\n <option value=\"Tanzania\">Tanzania<\/option>\n <option value=\"Thailand\">Thailand<\/option>\n <option value=\"Timor-Leste\">Timor-Leste<\/option>\n <option value=\"Togo\">Togo<\/option>\n <option value=\"Tonga\">Tonga<\/option>\n <option value=\"Trinidad and Tobago\">Trinidad and Tobago<\/option>\n <option value=\"Tunisia\">Tunisia<\/option>\n <option value=\"Turkey\">Turkey<\/option>\n <option value=\"Turkmenistan\">Turkmenistan<\/option>\n <option value=\"Tuvalu\">Tuvalu<\/option>\n <option value=\"Uganda\">Uganda<\/option>\n <option value=\"Ukraine\">Ukraine<\/option>\n <option value=\"United Arab Emirates\">United Arab Emirates<\/option>\n <option value=\"United Kingdom\">United Kingdom<\/option>\n <option value=\"United States\">United States<\/option>\n <option value=\"Uruguay\">Uruguay<\/option>\n <option value=\"Uzbekistan\">Uzbekistan<\/option>\n <option value=\"Vanuatu\">Vanuatu<\/option>\n <option value=\"Vatican City\">Vatican City<\/option>\n <option value=\"Venezuela\">Venezuela<\/option>\n <option value=\"Vietnam\">Vietnam<\/option>\n <option value=\"Yemen\">Yemen<\/option>\n <option value=\"Zambia\">Zambia<\/option>\n <option value=\"Zimbabwe\">Zimbabwe<\/option>\n <\/select>\n <div class=\"evoost-select-dropdown\" style=\"display:none;\"><\/div>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-comments evoost-field-full\">\n <label for=\"evoost-form-921-4008-comments\">Comentarios<\/label>\n <textarea id=\"evoost-form-921-4008-comments\" name=\"comments\" rows=\"2\" placeholder=\"Comentarios...\"><\/textarea>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-consent\">\n <label class=\"evoost-consent-label\">\n <input type=\"checkbox\" name=\"consent\" required \/>\n <span class=\"evoost-checkbox-custom\">\n <svg viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M1.5 5.5L4 8L8.5 2\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <span class=\"evoost-consent-text\">\n Al enviar este formulario, acepto los t\u00e9rminos y condiciones de uso de este sitio web, as\u00ed como su uso de cookies y su pol\u00edtica de privacidad. Se crear\u00e1 adem\u00e1s mi cuenta profesional en eVoost Partners con estos datos. <a href=\"https:\/\/evoost.ai\/privacy\/\" target=\"_blank\" rel=\"noopener\">consulte la pol\u00edtica de privacidad haciendo clic aqu\u00ed<\/a>.\n <a href=\"https:\/\/evoost.ai\/cookies\/\" target=\"_blank\" rel=\"noopener\">consulte tambi\u00e9n nuestras cookies<\/a>.\n <\/span>\n <\/label>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-submit\">\n <button type=\"submit\" class=\"evoost-submit-btn\" style=\"--evoost-btn-color: #2a2a2a\">\n <span class=\"evoost-btn-text\">Enviar<\/span>\n <span class=\"evoost-btn-loading\" style=\"display:none;\">Enviando...<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"evoost-form-message\" style=\"display:none;\"><\/div>\n <\/form>\n\n \n <div class=\"evoost-signature-wrapper\">\n <a href=\"https:\/\/partners.evoost.ai\" target=\"_blank\" class=\"evoost-signature\" aria-label=\"Powered by eVoost Partners\">\n <img decoding=\"async\" src=\"https:\/\/evoost.ai\/wp-content\/uploads\/2025\/12\/partners-favicon-single.png\" alt=\"eVoost Partners\" class=\"evoost-signature-logo\">\n <span class=\"evoost-signature-text\">Powered by <span class=\"evoost-signature-highlight\">eVoost Partners<\/span><\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <script>\n (function(){\n if (!window.evoostFormLabels) window.evoostFormLabels = {};\n window.evoostFormLabels['921'] = {\"first_name\":\"Nombre\",\"last_name\":\"Apellidos\",\"email\":\"Email\",\"phone\":\"Tel\\u00e9fono\",\"company\":\"Empresa\",\"country\":\"Pa\\u00eds\",\"comments\":\"Comentarios\",\"consent\":\"Al enviar este formulario, acepto los t\\u00e9rminos y condiciones de uso de este sitio web, as\\u00ed como su uso de cookies y su pol\\u00edtica de privacidad.\",\"consent_partners\":\"Se crear\\u00e1 adem\\u00e1s mi cuenta profesional en eVoost Partners con estos datos.\",\"privacy\":\"consulte la pol\\u00edtica de privacidad haciendo clic aqu\\u00ed\",\"cookies\":\"consulte tambi\\u00e9n nuestras cookies\",\"submit\":\"Enviar\",\"sending\":\"Enviando...\",\"success\":\"\\u00a1Gracias! Tu solicitud ha sido enviada correctamente.\",\"error\":\"Ha ocurrido un error. Por favor, int\\u00e9ntalo de nuevo.\",\"required\":\"Este campo es obligatorio.\",\"invalid_email\":\"Por favor, introduce un email v\\u00e1lido.\"};\n })();\n <\/script>\n \n<\/div>\n<\/div>\n<\/div>\n\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('unlock');\r\n var modal = document.getElementById('koss_agent_modal');\r\n var trigger = document.getElementById('koss_agent_trigger');\r\n var backdrop = document.getElementById('koss_agent_backdrop');\r\n var closeBtn = document.getElementById('koss_agent_close');\r\n var modalContent = document.querySelector('.koss_agent_modal__content');\r\n var scrollY = 0;\r\n\r\n function openModal() {\r\n scrollY = window.scrollY;\r\n document.body.style.overflow = 'hidden';\r\n document.body.style.position = 'fixed';\r\n document.body.style.width = '100%';\r\n document.body.style.top = '-' + scrollY + 'px';\r\n modal.classList.add('koss_agent_modal--open');\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('koss_agent_modal--open');\r\n document.body.style.overflow = '';\r\n document.body.style.position = '';\r\n document.body.style.width = '';\r\n document.body.style.top = '';\r\n window.scrollTo(0, scrollY);\r\n }\r\n\r\n if (trigger) {\r\n trigger.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n setTimeout(openModal, 10);\r\n }, false);\r\n }\r\n \r\n if (backdrop) {\r\n backdrop.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n closeModal();\r\n }, false);\r\n }\r\n \r\n if (closeBtn) {\r\n closeBtn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n closeModal();\r\n }, false);\r\n }\r\n\r\n if (modalContent) {\r\n modalContent.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n }, false);\r\n }\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && modal && modal.classList.contains('koss_agent_modal--open')) {\r\n closeModal();\r\n }\r\n });\r\n\r\n function checkVisibility() {\r\n if (!section) return;\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('koss_unlock--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\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<!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 \u2014 Footer<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after { box-sizing: border-box; }\n\n body { margin: 0; }\n\n \/* ============================================\n FOOTER\n ============================================ *\/\n .koss_footer {\n background-color: #191919 !important;\n padding: 48px 60px 36px !important;\n }\n\n \/* Top row: brand \u00b7 legal \u00b7 lic *\/\n .koss_footer__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n gap: 24px !important;\n }\n\n \/* Divider between rows *\/\n .koss_footer__divider {\n max-width: 1600px !important;\n margin: 24px auto 0 !important;\n border: none !important;\n border-top: 1px solid rgba(255,255,255,0.08) !important;\n }\n\n \/* Bottom row: lang switcher *\/\n .koss_footer__lang-bar {\n max-width: 1600px !important;\n margin: 20px auto 0 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 2px !important;\n flex-wrap: wrap !important;\n }\n\n \/* Brand *\/\n .koss_footer__brand {\n display: flex !important;\n align-items: center !important;\n gap: 24px !important;\n flex-shrink: 0 !important;\n }\n\n .koss_footer__logo-col {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important;\n gap: 8px !important;\n flex-shrink: 0 !important;\n }\n\n .koss_footer__brand-separator {\n width: 1px !important;\n height: 36px !important;\n background-color: rgba(255,255,255,0.25) !important;\n align-self: center !important;\n }\n\n .koss_footer__logo { flex-shrink: 0 !important; }\n .koss_footer__logo img {\n height: 72px !important;\n width: auto !important;\n display: block !important;\n filter: brightness(0) invert(1) !important;\n opacity: 0.9 !important;\n transition: opacity 0.3s ease !important;\n }\n .koss_footer__logo:hover img { opacity: 1 !important; }\n\n .koss_footer__phone {\n display: flex !important;\n align-items: center !important;\n align-self: center !important;\n gap: 8px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 15px !important;\n font-weight: 400 !important;\n color: #fff !important;\n text-decoration: none !important;\n transition: opacity 0.3s ease !important;\n }\n .koss_footer__phone:hover { opacity: 0.8 !important; }\n .koss_footer__phone-icon {\n width: 18px !important;\n height: 18px !important;\n opacity: 0.9 !important;\n flex-shrink: 0 !important;\n }\n\n \/* Legal *\/\n .koss_footer__legal {\n display: flex !important;\n align-items: center !important;\n gap: 8px !important;\n }\n .koss_footer__legal a {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n letter-spacing: 0.5px !important;\n color: rgba(255,255,255,0.5) !important;\n text-decoration: none !important;\n transition: color 0.3s ease !important;\n }\n .koss_footer__legal a:hover { color: rgba(255,255,255,0.85) !important; }\n .koss_footer__legal-separator {\n font-size: 12px !important;\n color: rgba(255,255,255,0.25) !important;\n user-select: none !important;\n }\n\n \/* Life In Costa *\/\n .koss_footer__lic {\n display: flex !important;\n align-items: center !important;\n justify-content: flex-end !important;\n flex-shrink: 0 !important;\n }\n .koss_footer__lic-logo {\n height: 36px !important;\n max-height: 36px !important;\n width: auto !important;\n max-width: 100% !important;\n display: block !important;\n filter: brightness(0) invert(1) !important;\n opacity: 0.55 !important;\n transition: opacity 0.3s ease !important;\n }\n .koss_footer__lic-logo:hover { opacity: 0.85 !important; }\n\n \/* ============================================\n LANGUAGE SWITCHER \u2014 bottom bar + tooltips\n ============================================ *\/\n .koss_lang__item {\n position: relative !important;\n display: inline-flex !important;\n align-items: center !important;\n }\n\n .koss_lang__item a {\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.35) !important;\n text-decoration: none !important;\n padding: 4px 6px !important;\n border-radius: 2px !important;\n transition: color 0.2s ease !important;\n display: block !important;\n }\n .koss_lang__item a:hover { color: rgba(255,255,255,0.8) !important; }\n .koss_lang__item a.koss_lang--active {\n color: #fff !important;\n font-weight: 600 !important;\n cursor: default !important;\n pointer-events: none !important;\n }\n\n \/* Tooltip via ::after using data-tooltip *\/\n .koss_lang__item a::after {\n content: attr(data-tooltip) !important;\n position: absolute !important;\n bottom: calc(100% + 8px) !important;\n left: 50% !important;\n transform: translateX(-50%) translateY(4px) !important;\n background: rgba(30,30,30,0.95) !important;\n color: rgba(255,255,255,0.88) !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 10px !important;\n font-weight: 400 !important;\n letter-spacing: 0.5px !important;\n text-transform: none !important;\n white-space: nowrap !important;\n padding: 4px 9px !important;\n border-radius: 4px !important;\n border: 1px solid rgba(255,255,255,0.1) !important;\n pointer-events: none !important;\n opacity: 0 !important;\n transition: opacity 0.18s ease, transform 0.18s ease !important;\n z-index: 10 !important;\n }\n .koss_lang__item a:hover::after {\n opacity: 1 !important;\n transform: translateX(-50%) translateY(0) !important;\n }\n .koss_lang__item a.koss_lang--active::after {\n display: none !important;\n }\n\n \/* Separator between lang items *\/\n .koss_lang__sep {\n font-size: 10px !important;\n color: rgba(255,255,255,0.15) !important;\n user-select: none !important;\n padding: 0 1px !important;\n }\n\n \/* ============================================\n RESPONSIVE \u2014 TABLET\n ============================================ *\/\n @media screen and (max-width: 991px) {\n .koss_footer { padding: 32px 40px 28px !important; }\n .koss_footer__container {\n flex-wrap: wrap !important;\n justify-content: center !important;\n gap: 24px !important;\n }\n .koss_footer__brand { order: 1 !important; width: 100% !important; justify-content: center !important; }\n .koss_footer__logo-col { align-items: center !important; }\n .koss_footer__logo img { height: 64px !important; }\n .koss_footer__legal { order: 2 !important; }\n .koss_footer__lic { order: 3 !important; }\n }\n\n \/* ============================================\n RESPONSIVE \u2014 MOBILE\n ============================================ *\/\n @media screen and (max-width: 768px) {\n .koss_footer { padding: 32px 20px 24px !important; }\n .koss_footer__container { flex-direction: column !important; gap: 20px !important; }\n .koss_footer__brand { flex-direction: column !important; gap: 12px !important; }\n .koss_footer__brand-separator { display: none !important; }\n .koss_footer__logo img { height: 56px !important; }\n .koss_footer__phone { font-size: 14px !important; }\n .koss_footer__legal a { font-size: 11px !important; }\n .koss_footer__lic-logo { height: 30px !important; }\n .koss_lang__item a::after { display: none !important; }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<footer class=\"koss_footer\">\n\n \n <div class=\"koss_footer__container\">\n\n \n <div class=\"koss_footer__brand\">\n <div class=\"koss_footer__logo-col\">\n <a href=\"\/\" class=\"koss_footer__logo\" aria-label=\"The Kos - Inicio\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\" alt=\"The Kos\">\n <\/a>\n <\/div>\n <span class=\"koss_footer__brand-separator\"><\/span>\n <a href=\"tel:+34 911 67 34 39\" id=\"koss_footer_phone_link\" class=\"koss_footer__phone\">\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\">\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\n <\/svg>\n <span class=\"koss_footer__phone-number\">+34 911 67 34 39<\/span>\n <\/a>\n <\/div>\n\n \n <nav class=\"koss_footer__legal\" aria-label=\"Enlaces legales\">\n <a id=\"koss_legal_link\" href=\"\/legal\">Legal<\/a>\n <span class=\"koss_footer__legal-separator\">\u00b7<\/span>\n <a id=\"koss_privacy_link\" href=\"\/privacidad\">Privacidad<\/a>\n <span class=\"koss_footer__legal-separator\">\u00b7<\/span>\n <a id=\"koss_cookies_link\" href=\"\/cookies\">Cookies<\/a>\n <\/nav>\n\n \n <div class=\"koss_footer__lic\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/lifeincosta.png\"\n alt=\"Life In Costa\"\n class=\"koss_footer__lic-logo\">\n <\/div>\n\n <\/div>\n\n \n <hr class=\"koss_footer__divider\">\n\n \n <nav class=\"koss_footer__lang-bar\" id=\"koss_lang_switcher\" aria-label=\"Selector de idioma\">\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"es\" href=\"\/\" data-tooltip=\"Espa\u00f1ol\">ES<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"en\" href=\"\/en\/\" data-tooltip=\"English\">EN<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"fr\" href=\"\/fr\/\" data-tooltip=\"Fran\u00e7ais\">FR<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"de\" href=\"\/de\/\" data-tooltip=\"Deutsch\">DE<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"ar\" href=\"\/ar\/\" data-tooltip=\"\u0627\u0644\u0639\u0631\u0628\u064a\u0629\">AR<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"cs\" href=\"\/cs\/\" data-tooltip=\"\u010ce\u0161tina\">CS<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"da\" href=\"\/da\/\" data-tooltip=\"Dansk\">DA<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"nl\" href=\"\/nl\/\" data-tooltip=\"Nederlands\">NL<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"no\" href=\"\/no\/\" data-tooltip=\"Norsk\">NO<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"pl\" href=\"\/pl\/\" data-tooltip=\"Polski\">PL<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"ru\" href=\"\/ru\/\" data-tooltip=\"\u0420\u0443\u0441\u0441\u043a\u0438\u0439\">RU<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"sv\" href=\"\/sv\/\" data-tooltip=\"Svenska\">SV<\/a>\n <\/span>\n\n <\/nav>\n\n<\/footer>\n\n<script>\n(function () {\n\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 *\/\n var langMap = {\n es: {\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Privacidad' },\n cookies: { href: '\/cookies', label: 'Cookies' },\n ariaNav: 'Enlaces legales',\n ariaLang: 'Selector de idioma'\n },\n en: {\n prefix: '\/en',\n legal: { href: '\/en\/legal', label: 'Legal' },\n privacy: { href: '\/en\/privacy', label: 'Privacy' },\n cookies: { href: '\/en\/cookies', label: 'Cookies' },\n ariaNav: 'Legal links',\n ariaLang: 'Language selector'\n },\n fr: {\n prefix: '\/fr',\n legal: { href: '\/fr\/mentions-legales', label: 'Mentions l\u00e9gales' },\n privacy: { href: '\/fr\/confidentialite', label: 'Confidentialit\u00e9' },\n cookies: { href: '\/fr\/cookies', label: 'Cookies' },\n ariaNav: 'Liens juridiques',\n ariaLang: 'S\u00e9lecteur de langue'\n },\n de: {\n prefix: '\/de',\n legal: { href: '\/de\/impressum', label: 'Impressum' },\n privacy: { href: '\/de\/datenschutz', label: 'Datenschutz' },\n cookies: { href: '\/de\/cookies', label: 'Cookies' },\n ariaNav: 'Rechtliche Hinweise',\n ariaLang: 'Sprachauswahl'\n },\n ar: {\n prefix: '\/ar',\n legal: { href: '\/ar\/legal', label: '\u0642\u0627\u0646\u0648\u0646\u064a' },\n privacy: { href: '\/ar\/privacidad', label: '\u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629' },\n cookies: { href: '\/ar\/cookies', label: '\u0645\u0644\u0641\u0627\u062a \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0627\u0631\u062a\u0628\u0627\u0637' },\n ariaNav: '\u0631\u0648\u0627\u0628\u0637 \u0642\u0627\u0646\u0648\u0646\u064a\u0629',\n ariaLang: '\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0644\u063a\u0629'\n },\n cs: {\n prefix: '\/cs',\n legal: { href: '\/cs\/legal', label: 'Pr\u00e1vn\u00ed' },\n privacy: { href: '\/cs\/privacidad', label: 'Soukrom\u00ed' },\n cookies: { href: '\/cs\/cookies', label: 'Cookies' },\n ariaNav: 'Pr\u00e1vn\u00ed odkazy',\n ariaLang: 'V\u00fdb\u011br jazyka'\n },\n da: {\n prefix: '\/da',\n legal: { href: '\/da\/legal', label: 'Juridisk' },\n privacy: { href: '\/da\/privacidad', label: 'Privatliv' },\n cookies: { href: '\/da\/cookies', label: 'Cookies' },\n ariaNav: 'Juridiske links',\n ariaLang: 'Sprogv\u00e6lger'\n },\n nl: {\n prefix: '\/nl',\n legal: { href: '\/nl\/legal', label: 'Juridisch' },\n privacy: { href: '\/nl\/privacidad', label: 'Privacy' },\n cookies: { href: '\/nl\/cookies', label: 'Cookies' },\n ariaNav: 'Juridische links',\n ariaLang: 'Taalkiezer'\n },\n no: {\n prefix: '\/no',\n legal: { href: '\/no\/legal', label: 'Juridisk' },\n privacy: { href: '\/no\/privacidad', label: 'Personvern' },\n cookies: { href: '\/no\/cookies', label: 'Cookies' },\n ariaNav: 'Juridiske lenker',\n ariaLang: 'Spr\u00e5kvelger'\n },\n pl: {\n prefix: '\/pl',\n legal: { href: '\/pl\/legal', label: 'Prawne' },\n privacy: { href: '\/pl\/privacidad', label: 'Prywatno\u015b\u0107' },\n cookies: { href: '\/pl\/cookies', label: 'Cookies' },\n ariaNav: 'Linki prawne',\n ariaLang: 'Wyb\u00f3r j\u0119zyka'\n },\n ru: {\n prefix: '\/ru',\n legal: { href: '\/ru\/legal', label: '\u041f\u0440\u0430\u0432\u043e\u0432\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f' },\n privacy: { href: '\/ru\/privacidad', label: '\u041a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c' },\n cookies: { href: '\/ru\/cookies', label: 'Cookies' },\n ariaNav: '\u041f\u0440\u0430\u0432\u043e\u0432\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438',\n ariaLang: '\u0412\u044b\u0431\u043e\u0440 \u044f\u0437\u044b\u043a\u0430'\n },\n sv: {\n prefix: '\/sv',\n legal: { href: '\/sv\/legal', label: 'Juridiskt' },\n privacy: { href: '\/sv\/privacidad', label: 'Integritet' },\n cookies: { href: '\/sv\/cookies', label: 'Cookies' },\n ariaNav: 'Juridiska l\u00e4nkar',\n ariaLang: 'Spr\u00e5kv\u00e4ljare'\n }\n };\n\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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n * El sitio sirve espa\u00f1ol SIN prefijo: \/villas\/, \/contacto\/, etc.\n * El resto de idiomas usan prefijo: \/en\/villas\/, \/fr\/villas\/, etc.\n *\n * L\u00f3gica:\n * 1. Intentamos hacer match del prefijo \/xx\/ al inicio del pathname.\n * 2. Si el prefijo existe en langMap \u2192 ese es el locale.\n * 3. Si no hay prefijo (o el prefijo no est\u00e1 en langMap) \u2192 locale = 'es'.\n *\n * C\u00e1lculo del slug can\u00f3nico (la parte de la URL sin el prefijo de idioma):\n * - Si hay prefijo detectado \u2192 eliminamos \/xx\/ del inicio.\n * - Si no hay prefijo (es) \u2192 el path completo ES el slug.\n * Esto garantiza que \/en\/villas\/ \u2192 slug = \/villas\/\n * y \/villas\/ \u2192 slug = \/villas\/ (mismo resultado, correcto).\n * \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\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\u2500\u2500\u2500 *\/\n var path = window.location.pathname;\n var prefixMatch = path.match(\/^\\\/([a-z]{2})(\\\/|$)\/);\n var locale = (prefixMatch && langMap[prefixMatch[1]]) ? prefixMatch[1] : 'es';\n var cfg = langMap[locale];\n\n \/* Slug = path sin el prefijo de idioma.\n * Si locale es 'es' no hay prefijo, slug = path completo. *\/\n var slug = (locale !== 'es')\n ? path.replace(\/^\\\/[a-z]{2}\/, '') || '\/'\n : path;\n\n \/* Asegurar que el slug empiece siempre con \/ *\/\n if (slug.charAt(0) !== '\/') slug = '\/' + slug;\n\n \/* \u2500\u2500 Legal links \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var elLegal = document.getElementById('koss_legal_link');\n var elPrivacy = document.getElementById('koss_privacy_link');\n var elCookies = document.getElementById('koss_cookies_link');\n\n if (elLegal) { elLegal.href = cfg.legal.href; elLegal.textContent = cfg.legal.label; }\n if (elPrivacy) { elPrivacy.href = cfg.privacy.href; elPrivacy.textContent = cfg.privacy.label; }\n if (elCookies) { elCookies.href = cfg.cookies.href; elCookies.textContent = cfg.cookies.label; }\n\n var navLegal = document.querySelector('.koss_footer__legal');\n if (navLegal) navLegal.setAttribute('aria-label', cfg.ariaNav);\n\n \/* \u2500\u2500 Language switcher hrefs + active \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n * Para cada idioma construimos el href as\u00ed:\n * - es (sin prefijo) \u2192 slug \u2192 \/villas\/\n * - otros \u2192 \/xx + slug \u2192 \/en\/villas\/\n *\n * El idioma activo pierde su href y recibe la clase koss_lang--active.\n * \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\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\u2500\u2500\u2500 *\/\n var switcher = document.getElementById('koss_lang_switcher');\n if (switcher) {\n switcher.setAttribute('aria-label', cfg.ariaLang);\n var links = switcher.querySelectorAll('a[data-lang]');\n for (var i = 0; i < links.length; i++) {\n var lang = links[i].getAttribute('data-lang');\n if (lang === locale) {\n links[i].classList.add('koss_lang--active');\n links[i].removeAttribute('href');\n } else {\n links[i].classList.remove('koss_lang--active');\n links[i].href = (lang === 'es') ? slug : '\/' + lang + slug;\n }\n }\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-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\n<div class=\"evoost-signature-wrapper\">\n<a aria-label=\"Powered by eVoost\" class=\"evoost-signature\" href=\"https:\/\/evoost.ai\" target=\"_blank\">\n<img decoding=\"async\" alt=\"eVoost\" class=\"evoost-logo\" src=\"https:\/\/asvillas.pt\/wp-content\/uploads\/2025\/05\/evoost_sales_innovation_logo-removebg-preview.svg\"\/>\n<span class=\"evoost-text\">Aangedreven door<span class=\"evoost-highlight\">eVoost<\/span><\/span>\n<\/a>\n<\/div>\n<style>\r\n\/* ============================================\r\n EVOOST SIGNATURE (standalone)\r\n============================================ *\/\r\n.evoost-signature-wrapper {\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n padding: 0 !important;\r\n font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\r\n}\r\n\r\n.evoost-signature {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-decoration: none !important;\r\n padding: 8px 12px !important;\r\n border-radius: 30px !important;\r\n border: 1px solid rgba(0, 0, 0, 0.1) !important;\r\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n background-color: transparent !important;\r\n}\r\n\r\n.evoost-logo {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 8px !important;\r\n opacity: 0.6 !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n}\r\n\r\n.evoost-text {\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.2px !important;\r\n color: rgba(0, 0, 0, 0.4) !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n}\r\n\r\n.evoost-highlight {\r\n font-weight: 500 !important;\r\n color: rgba(0, 0, 0, 0.55) !important;\r\n transition: all 0.5s ease !important;\r\n}\r\n\r\n.evoost-signature:before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 100%) !important;\r\n opacity: 0;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 1 !important;\r\n}\r\n\r\n.evoost-signature:after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -150% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%) !important;\r\n transform: skewX(-25deg) !important;\r\n z-index: 3 !important;\r\n opacity: 0;\r\n transition: opacity 0.2s ease !important;\r\n}\r\n\r\n@keyframes shineEffect {\r\n 0% { left: -150% !important; }\r\n 100% { left: 150% !important; }\r\n}\r\n\r\n.evoost-signature:hover {\r\n border-color: rgba(0, 0, 0, 0.2) !important;\r\n}\r\n\r\n.evoost-signature:hover:before {\r\n opacity: 1;\r\n}\r\n\r\n.evoost-signature:hover:after {\r\n opacity: 1;\r\n animation: shineEffect 1.2s ease-in-out !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-logo {\r\n opacity: 0.9 !important;\r\n transform: scale(1.05) !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-text {\r\n color: rgba(0, 0, 0, 0.7) !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-highlight {\r\n color: rgba(0, 0, 0, 0.85) !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>De Kos – Filmische held Over Typologie\u00ebn Galerij Locatie Ontgrendel informatie Over Typologie\u00ebn Galerij Locatie Ontgrendel informatie 36 Exclusieve Sky Villa’s Waar de horizon jouw thuis wordt Beleef de ervaring van elke dag wakker worden met de Middellandse Zee aan uw voeten, in het hart van de Costa del Sol. Ontdek uw villa Rol De […]<\/p>\n","protected":false},"author":3,"featured_media":370,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3498","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\n<title>The Kos Higuer\u00f3n | 36 Sky Villas met Priv\u00e9zwembad<\/title>\n<meta name=\"description\" content=\"Ontdek de 36 Sky Top Villas met 3 en 4 slaapkamers in El Higuer\u00f3n, Fuengirola. Uitzicht op de Middellandse Zee, exclusiviteit aan de 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=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Kos Higuer\u00f3n | 36 Sky Villas met Priv\u00e9zwembad\" \/>\n<meta property=\"og:description\" content=\"Ontdek de 36 Sky Top Villas met 3 en 4 slaapkamers in El Higuer\u00f3n, Fuengirola. Uitzicht op de Middellandse Zee, exclusiviteit aan de 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-07-22T07:34:00+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=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"37 minuten\" \/>\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 met Priv\u00e9zwembad\",\"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-07-22T07:34:00+00:00\",\"description\":\"Ontdek de 36 Sky Top Villas met 3 en 4 slaapkamers in El Higuer\u00f3n, Fuengirola. Uitzicht op de Middellandse Zee, exclusiviteit aan de Costa del Sol\",\"breadcrumb\":{\"@id\":\"https:\/\/thekosvillas.com\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thekosvillas.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@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 [NL]\"}]},{\"@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\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/thekosvillas.com\/#organization\",\"name\":\"The Kos Villas\",\"url\":\"https:\/\/thekosvillas.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@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 met Priv\u00e9zwembad","description":"Ontdek de 36 Sky Top Villas met 3 en 4 slaapkamers in El Higuer\u00f3n, Fuengirola. Uitzicht op de Middellandse Zee, exclusiviteit aan de 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":"nl_NL","og_type":"article","og_title":"The Kos Higuer\u00f3n | 36 Sky Villas met Priv\u00e9zwembad","og_description":"Ontdek de 36 Sky Top Villas met 3 en 4 slaapkamers in El Higuer\u00f3n, Fuengirola. Uitzicht op de Middellandse Zee, exclusiviteit aan de Costa del Sol","og_url":"https:\/\/thekosvillas.com\/","og_site_name":"The Kos Villas","article_modified_time":"2026-07-22T07:34:00+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":{"Geschatte leestijd":"37 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thekosvillas.com\/","url":"https:\/\/thekosvillas.com\/","name":"The Kos Higuer\u00f3n | 36 Sky Villas met Priv\u00e9zwembad","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-07-22T07:34:00+00:00","description":"Ontdek de 36 Sky Top Villas met 3 en 4 slaapkamers in El Higuer\u00f3n, Fuengirola. Uitzicht op de Middellandse Zee, exclusiviteit aan de Costa del Sol","breadcrumb":{"@id":"https:\/\/thekosvillas.com\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thekosvillas.com\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@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 [NL]"}]},{"@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":"nl-NL"},{"@type":"Organization","@id":"https:\/\/thekosvillas.com\/#organization","name":"The Kos Villas","url":"https:\/\/thekosvillas.com\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@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\/nl\/wp-json\/wp\/v2\/pages\/3498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/comments?post=3498"}],"version-history":[{"count":21,"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/pages\/3498\/revisions"}],"predecessor-version":[{"id":7138,"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/pages\/3498\/revisions\/7138"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/media\/370"}],"wp:attachment":[{"href":"https:\/\/thekosvillas.com\/nl\/wp-json\/wp\/v2\/media?parent=3498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}