{"id":3437,"date":"2026-02-04T08:30:31","date_gmt":"2026-02-04T08:30:31","guid":{"rendered":"https:\/\/thekosvillas.com\/?page_id=23"},"modified":"2026-07-22T07:34:44","modified_gmt":"2026-07-22T07:34:44","slug":"engage","status":"publish","type":"page","link":"https:\/\/thekosvillas.com\/sv\/","title":{"rendered":"Engage [SE]"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\nThe Kos - Hero Cinematic<\/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\">Om<\/a><\/li>\n<li><a href=\"#tipology\">Typologier<\/a><\/li>\n<li><a href=\"#gallery\">Galleri<\/a><\/li>\n<li><a href=\"#location\">Plats<\/a><\/li>\n<\/ul>\n<\/nav>\n<a class=\"koss_navbar__cta\" href=\"#unlock\">L\u00e5s upp information<\/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\">Om<\/a><\/li>\n<li><a href=\"#tipology\">Typologier<\/a><\/li>\n<li><a href=\"#gallery\">Galleri<\/a><\/li>\n<li><a href=\"#location\">Plats<\/a><\/li>\n<li><a class=\"koss_mobile_menu__cta\" href=\"#unlock\">L\u00e5s upp information<\/a><\/li>\n<\/ul>\n<div class=\"koss_mobile_menu__footer\">\n<a 0\"=\"\" href=\"tel:<shortcode data-idx=\">\" 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 exklusiva Sky-villor<\/span>\n<h1 class=\"koss_hero__title\">D\u00e4r horisonten blir ditt hem<\/h1>\n<p class=\"koss_hero__subtitle\">Upplev upplevelsen av att vakna upp varje dag med Medelhavet vid dina f\u00f6tter, i hj\u00e4rtat av Costa del Sol.<\/p>\n<a class=\"koss_hero__cta\" href=\"#about\">Uppt\u00e4ck din villa<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"koss_hero__scroll\" id=\"koss_scroll\">\n<span>Rulla<\/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 ? 'Visa information' : 'L\u00e5s upp information';\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>Kos - Om<\/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 Higuer\u00f3n, Costa del Sol<\/span>\n<h2 class=\"koss_about__title\">Er\u00f6vringen av<span class=\"koss_about__gradient-text\">k\u00e4nner<\/span><\/h2>\n<p class=\"koss_about__text\">P\u00e5 toppen av El Higuer\u00f3n, d\u00e4r Medelhavet str\u00e4cker sig till o\u00e4ndligheten, f\u00f6ds ett unikt bostadskoncept.<span class=\"koss_about__highlight\">Kos \u00e4r inte bara en plats att bo, det \u00e4r ett s\u00e4tt att f\u00f6rst\u00e5 livet.<\/span>Arkitektur som andas, utrymmen som inspirerar, vyer som sp\u00e4nnande.<\/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\">Ber\u00e4knad leverans<\/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 villor<\/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\">soliga dagar<\/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\">Panoramautsikt<\/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<!-- VIDEO SEPARATOR SECTION - THE KOS ENGAGE -->\n<!-- Desktop: editar \"kos.video_engage_en\" en eVoost Data Storage -->\n<!-- Mobile: editar \"kos.video_engage_en_mobile_en\" en eVoost Data Storage -->\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 <!-- Header 20vh -->\n<div class=\"koss_separator__header\">\n<h2 class=\"koss_separator__title\">Designad f\u00f6r att leva<\/h2>\n<p class=\"koss_separator__subtitle\">Varje villa \u00e4r en tillflyktsort f\u00f6r ljus, rymd och lugn<\/p>\n<\/div>\n<!-- Video 80vh -->\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<!-- Glassmorphism Controls -->\n<div class=\"koss_separator__controls\">\n<!-- Play\/Pause -->\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<!-- Mute\/Unmute -->\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<!-- Fullscreen -->\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>Kos - Typologier<\/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 villor<\/span>\n<h2 class=\"koss_typologies__title\">V\u00e4lj din horisont<\/h2>\n<p class=\"koss_typologies__subtitle\">Tv\u00e5 konfigurationer utformade f\u00f6r att anpassa sig till ditt s\u00e4tt att leva i Medelhavet<\/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>F\u00f6rstora<\/div>\n<div class=\"koss_typologies__card-content\">\n<span class=\"koss_typologies__card-badge\">Sky Top Villa<\/span>\n<h3 class=\"koss_typologies__card-name\">3 sovrum<\/h3>\n<p class=\"koss_typologies__card-tagline\">Din tillflyktsort med o\u00e4ndliga utsikter \u00f6ver Medelhavet<\/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\">Fr\u00e5n<\/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\">Yta fr\u00e5n<\/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\">Utforska<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>F\u00f6rstora<\/div>\n<div class=\"koss_typologies__card-content\">\n<span class=\"koss_typologies__card-badge\">Sky Top Villa<\/span>\n<h3 class=\"koss_typologies__card-name\">4 sovrum<\/h3>\n<p class=\"koss_typologies__card-tagline\">Gr\u00e4nsl\u00f6st utrymme f\u00f6r den som dr\u00f6mmer stort<\/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\">Fr\u00e5n<\/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\">Yta fr\u00e5n<\/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\">Utforska<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\">Icke-kontraktuella bilder framtagna fr\u00e5n Grundprojektet presenterade f\u00f6r bearbetning av Works License. Information \u00e4r f\u00f6rem\u00e5l f\u00f6r n\u00f6dv\u00e4ndiga \u00e4ndringar p\u00e5 grund av tekniska, juridiska eller kommersiella krav under arbetets g\u00e5ng eller n\u00e4r det \u00e4r slutf\u00f6rt.<\/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>Kos - Divider<\/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\">Medelhavet vid dina f\u00f6tter, himlen till hands<\/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>Kos - Galleri<\/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\">Mellanslag<\/span>\n<h2 class=\"koss_gallery__title\">Varje h\u00f6rn, en tillfredsst\u00e4llelse<\/h2>\n<p class=\"koss_gallery__subtitle\">Inredningar d\u00e4r ljus, design och v\u00e4lbefinnande m\u00f6ts<\/p>\n<\/header>\n<div class=\"koss_gallery__grid\" id=\"koss_gallery_grid\">\n<div class=\"koss_gallery__item\" data-index=\"0\" data-title=\"Ditt v\u00e4lbefinnande \u00e4r prioritet\">\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\">Ditt v\u00e4lbefinnande \u00e4r prioritet<\/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>Expandera bilden<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"1\" data-title=\"D\u00e4r id\u00e9er f\u00f6ds\">\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\">D\u00e4r id\u00e9er f\u00f6ds<\/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>Expandera bilden<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"2\" data-title=\"Din inspirationsh\u00f6rna\">\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\">Din inspirationsh\u00f6rna<\/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>Expandera bilden<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"3\" data-title=\"Energi varje morgon\">\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\">Energi varje morgon<\/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>Expandera bilden<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"4\" data-title=\"Ritualen f\u00f6r varje 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\">Ritualen f\u00f6r varje 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>Expandera bilden<\/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\">Svep f\u00f6r att navigera<\/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>The Kos - L\u00e4ge<\/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<!-- LOCATION SECTION -->\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\">Plats<\/span>\n<h2 class=\"koss_location__title\">El Higuer\u00f3n, Costa del Sol<\/h2>\n<p class=\"koss_location__subtitle\">D\u00e4r Medelhavet, bergen och solen m\u00f6ts. Minuter fr\u00e5n havet, ansluten till v\u00e4rlden.<\/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-a97179d elementor-widget elementor-widget-shortcode\" data-id=\"a97179d\" 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\/sv\/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>Kos - L\u00e5s upp<\/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\">Uppt\u00e4ck Kos Villas inuti<\/span>\n<h2 class=\"koss_unlock__title\">L\u00e5s upp all information<\/h2>\n<p class=\"koss_unlock__subtitle\">F\u00e5 tillg\u00e5ng till detaljerade planer, uppdaterade priser och tillg\u00e4nglighet i realtid. Inget \u00e5tagande.<\/p>\n<div class=\"koss_unlock__form\">\n<style id=\"wpforms-css-vars-2757\">\n\t\t\t\t#wpforms-2757 {\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-2757\"><form id=\"wpforms-form-2757\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"2757\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/sv\/wp-json\/wp\/v2\/pages\/3437\" data-token=\"a82e809f1b306565024232249eec6b8a\" data-token-time=\"1785223444\"><noscript class=\"wpforms-error-noscript\">Aktivera JavaScript i din webbl\u00e4sare f\u00f6r att fylla i formul\u00e4ret.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Aktivera JavaScript i din webbl\u00e4sare f\u00f6r att fylla i formul\u00e4ret.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-2757-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-2757-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-2757-field_58\" aria-hidden=\"false\">utm_source<\/label><input type=\"text\" id=\"wpforms-2757-field_58\" class=\"wpforms-field-medium\" name=\"wpforms[fields][58]\" aria-errormessage=\"wpforms-2757-field_58-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2757-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-2757-field_61\" aria-hidden=\"false\">utm_medium<\/label><input type=\"text\" id=\"wpforms-2757-field_61\" class=\"wpforms-field-medium\" name=\"wpforms[fields][61]\" aria-errormessage=\"wpforms-2757-field_61-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2757-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-2757-field_59\" aria-hidden=\"false\">utm_campaign<\/label><input type=\"text\" id=\"wpforms-2757-field_59\" class=\"wpforms-field-medium\" name=\"wpforms[fields][59]\" aria-errormessage=\"wpforms-2757-field_59-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2757-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-2757-field_60\" aria-hidden=\"false\">utm_term<\/label><input type=\"text\" id=\"wpforms-2757-field_60\" class=\"wpforms-field-medium\" name=\"wpforms[fields][60]\" aria-errormessage=\"wpforms-2757-field_60-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2757-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-2757-field_63\" aria-hidden=\"false\">Stage<\/label><input type=\"text\" id=\"wpforms-2757-field_63\" class=\"wpforms-field-medium\" name=\"wpforms[fields][63]\" value=\"Pulse\" aria-errormessage=\"wpforms-2757-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-2757-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-2757-field_62\" aria-hidden=\"false\">utm_content<\/label><input type=\"text\" id=\"wpforms-2757-field_62\" class=\"wpforms-field-medium\" name=\"wpforms[fields][62]\" aria-errormessage=\"wpforms-2757-field_62-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-2757-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-2757-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-2757-field_51\" aria-hidden=\"false\">LMP Pareja Madura nacional \/ retirada<\/label><input type=\"text\" id=\"wpforms-2757-field_51\" class=\"wpforms-field-medium\" name=\"wpforms[fields][51]\" value=\"9831fa2d-02e2-4960-95fe-cd158b5390ad\" aria-errormessage=\"wpforms-2757-field_51-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2757-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-2757-field_56\" aria-hidden=\"false\">LMP Familia nacional en crecimiento<\/label><input type=\"text\" id=\"wpforms-2757-field_56\" class=\"wpforms-field-medium\" name=\"wpforms[fields][56]\" value=\"50a47758-0c7d-4aeb-8be0-809d0d5ae5e2\" aria-errormessage=\"wpforms-2757-field_56-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2757-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-2757-field_55\" aria-hidden=\"false\">LMP Inversor Internacional Patrimonial<\/label><input type=\"text\" id=\"wpforms-2757-field_55\" class=\"wpforms-field-medium\" name=\"wpforms[fields][55]\" value=\"87e49d8b-3e12-467c-8b37-4365402dbf69\" aria-errormessage=\"wpforms-2757-field_55-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2757-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-2757-field_57\" aria-hidden=\"false\">LMP Expatriado internacional<\/label><input type=\"text\" id=\"wpforms-2757-field_57\" class=\"wpforms-field-medium\" name=\"wpforms[fields][57]\" value=\"4bdeba83-3150-41da-8aa9-f03538c5d37c\" aria-errormessage=\"wpforms-2757-field_57-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2757-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-2757-field_52\" aria-hidden=\"false\">LMP Segunda Residencia Emocional<\/label><input type=\"text\" id=\"wpforms-2757-field_52\" class=\"wpforms-field-medium\" name=\"wpforms[fields][52]\" value=\"6bbc8a8a-9717-455f-a5e2-41be39bf05d9\" aria-errormessage=\"wpforms-2757-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-2757-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-2757-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-2757-field_39\" aria-hidden=\"false\">DISC Red<\/label><input type=\"text\" id=\"wpforms-2757-field_39\" class=\"wpforms-field-medium\" name=\"wpforms[fields][39]\" value=\"Red\" aria-errormessage=\"wpforms-2757-field_39-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2757-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-2757-field_40\" aria-hidden=\"false\">DISC Yellow<\/label><input type=\"text\" id=\"wpforms-2757-field_40\" class=\"wpforms-field-medium\" name=\"wpforms[fields][40]\" value=\"Yellow\" aria-errormessage=\"wpforms-2757-field_40-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2757-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-2757-field_41\" aria-hidden=\"false\">DISC Green<\/label><input type=\"text\" id=\"wpforms-2757-field_41\" class=\"wpforms-field-medium\" name=\"wpforms[fields][41]\" value=\"Green\" aria-errormessage=\"wpforms-2757-field_41-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2757-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-2757-field_42\" aria-hidden=\"false\">DISC Blue<\/label><input type=\"text\" id=\"wpforms-2757-field_42\" class=\"wpforms-field-medium\" name=\"wpforms[fields][42]\" value=\"Blue\" aria-errormessage=\"wpforms-2757-field_42-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-2757-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-2757-field_37\">Vad \u00e4r din fr\u00e4msta anledning till att s\u00f6ka en ny bostad? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2757-field_37\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][37]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- V\u00e4lj ---<\/option><option value=\"Jag letar efter ett st\u00e4lle att koppla av, koppla av och verkligen k\u00e4nna mig hemma.\" class=\"choice-1 depth-1\" >Jag letar efter ett st\u00e4lle att koppla av, koppla av och verkligen k\u00e4nna mig hemma.<\/option><option value=\"Vi vill starta ett nytt skede av v\u00e5rt liv i en inspirerande och bekv\u00e4m milj\u00f6.\" class=\"choice-2 depth-1\" >Vi vill starta ett nytt skede av v\u00e5rt liv i en inspirerande och bekv\u00e4m milj\u00f6.<\/option><option value=\"Vi letar efter ett st\u00f6rre hus som passar v\u00e5r familjs behov.\" class=\"choice-3 depth-1\" >Vi letar efter ett st\u00f6rre hus som passar v\u00e5r familjs behov.<\/option><option value=\"Jag letar efter en l\u00f6nsam och s\u00e4ker fastighetsinvestering.\" class=\"choice-4 depth-1\" >Jag letar efter en l\u00f6nsam och s\u00e4ker fastighetsinvestering.<\/option><option value=\"Jag letar efter en plats d\u00e4r jag kan arbeta p\u00e5 distans och njuta av livsstilen.\" class=\"choice-5 depth-1\" >Jag letar efter en plats d\u00e4r jag kan arbeta p\u00e5 distans och njuta av livsstilen.<\/option><\/select><\/div><div id=\"wpforms-2757-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-2757-field_38\">Vilket av dessa p\u00e5st\u00e5enden beskriver dig b\u00e4st? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2757-field_38\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][38]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- V\u00e4lj ---<\/option><option value=\"Jag gillar att fatta snabba beslut och l\u00f6sa problem.\" class=\"choice-1 depth-1\" >Jag gillar att fatta snabba beslut och l\u00f6sa problem.<\/option><option value=\"Jag f\u00f6redrar att helt f\u00f6rst\u00e5 mina alternativ innan jag best\u00e4mmer mig.\" class=\"choice-2 depth-1\" >Jag f\u00f6redrar att helt f\u00f6rst\u00e5 mina alternativ innan jag best\u00e4mmer mig.<\/option><option value=\"Jag gillar att utforska nya id\u00e9er och vara kreativ.\" class=\"choice-3 depth-1\" >Jag gillar att utforska nya id\u00e9er och vara kreativ.<\/option><option value=\"Jag f\u00f6redrar bepr\u00f6vade metoder och att bibeh\u00e5lla stabilitet.\" class=\"choice-4 depth-1\" >Jag f\u00f6redrar bepr\u00f6vade metoder och att bibeh\u00e5lla stabilitet.<\/option><\/select><\/div><div id=\"wpforms-2757-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-2757-field_6-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-2757-field_6\">Namn <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-2757-field_6\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-2757-field_6-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2757-field_8-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-2757-field_8\">Efternamn <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-2757-field_8\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][8]\" aria-errormessage=\"wpforms-2757-field_8-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2757-field_9-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-2757-field_9\">Telefon <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-2757-field_9\" class=\"wpforms-field-medium wpforms-field-required wpforms-smart-phone-field\" data-rule-smart-phone-field=\"true\" name=\"wpforms[fields][9]\" aria-label=\"Telefon\" aria-errormessage=\"wpforms-2757-field_9-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2757-field_15-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"15\"><label class=\"wpforms-field-label\" for=\"wpforms-2757-field_15\">E-post <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-2757-field_15\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][15]\" spellcheck=\"false\" aria-errormessage=\"wpforms-2757-field_15-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2757-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-2757-field_67\">\u00c5ldersgrupp <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2757-field_67\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][67]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- V\u00e4lj alternativet --<\/option><option value=\"Under 35 \u00e5r\" class=\"choice-1 depth-1\" >Under 35 \u00e5r<\/option><option value=\"Mellan 35 och 45 \u00e5r\" class=\"choice-2 depth-1\" >Mellan 35 och 45 \u00e5r<\/option><option value=\"Mellan 45 och 60 \u00e5r\" class=\"choice-3 depth-1\" >Mellan 45 och 60 \u00e5r<\/option><option value=\"\u00d6ver 60 \u00e5r\" class=\"choice-4 depth-1\" >\u00d6ver 60 \u00e5r<\/option><\/select><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2757-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-2757-field_68\">Ange din nationalitet <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2757-field_68\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][68]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- V\u00e4lj alternativet --<\/option><option value=\"Afghanistan\" class=\"choice-4 depth-1\" >Afghanistan<\/option><option value=\"Albanien\" class=\"choice-5 depth-1\" >Albanien<\/option><option value=\"Algeriet\" class=\"choice-6 depth-1\" >Algeriet<\/option><option value=\"Andorra\" class=\"choice-7 depth-1\" >Andorra<\/option><option value=\"Angola\" class=\"choice-8 depth-1\" >Angola<\/option><option value=\"Antigua och Barbuda\" class=\"choice-9 depth-1\" >Antigua och Barbuda<\/option><option value=\"Argentina\" class=\"choice-10 depth-1\" >Argentina<\/option><option value=\"Armenien\" class=\"choice-11 depth-1\" >Armenien<\/option><option value=\"Australien\" class=\"choice-12 depth-1\" >Australien<\/option><option value=\"\u00d6sterrike\" class=\"choice-13 depth-1\" >\u00d6sterrike<\/option><option value=\"Azerbajdzjan\" class=\"choice-14 depth-1\" >Azerbajdzjan<\/option><option value=\"Bahamas\" class=\"choice-15 depth-1\" >Bahamas<\/option><option value=\"Bahrain\" class=\"choice-16 depth-1\" >Bahrain<\/option><option value=\"Bangladesh\" class=\"choice-17 depth-1\" >Bangladesh<\/option><option value=\"Barbados\" class=\"choice-18 depth-1\" >Barbados<\/option><option value=\"Belarus\" class=\"choice-19 depth-1\" >Belarus<\/option><option value=\"Belgien\" class=\"choice-20 depth-1\" >Belgien<\/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=\"Bosnien och Hercegovina\" class=\"choice-25 depth-1\" >Bosnien och Hercegovina<\/option><option value=\"Botswana\" class=\"choice-26 depth-1\" >Botswana<\/option><option value=\"Brasilien\" class=\"choice-27 depth-1\" >Brasilien<\/option><option value=\"Brunei\" class=\"choice-28 depth-1\" >Brunei<\/option><option value=\"Bulgarien\" class=\"choice-29 depth-1\" >Bulgarien<\/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=\"Kap Verde\" class=\"choice-32 depth-1\" >Kap Verde<\/option><option value=\"Kambodja\" class=\"choice-33 depth-1\" >Kambodja<\/option><option value=\"Kamerun\" class=\"choice-34 depth-1\" >Kamerun<\/option><option value=\"Kanada\" class=\"choice-35 depth-1\" >Kanada<\/option><option value=\"Centralafrikanska republiken\" class=\"choice-36 depth-1\" >Centralafrikanska republiken<\/option><option value=\"Tchad\" class=\"choice-37 depth-1\" >Tchad<\/option><option value=\"Chile\" class=\"choice-38 depth-1\" >Chile<\/option><option value=\"Kina\" class=\"choice-39 depth-1\" >Kina<\/option><option value=\"Colombia\" class=\"choice-40 depth-1\" >Colombia<\/option><option value=\"Komorerna\" class=\"choice-41 depth-1\" >Komorerna<\/option><option value=\"Kongo\" class=\"choice-42 depth-1\" >Kongo<\/option><option value=\"Costa Rica\" class=\"choice-43 depth-1\" >Costa Rica<\/option><option value=\"Kroatien\" class=\"choice-44 depth-1\" >Kroatien<\/option><option value=\"Kuba\" class=\"choice-45 depth-1\" >Kuba<\/option><option value=\"Cypern\" class=\"choice-46 depth-1\" >Cypern<\/option><option value=\"Tjeckien\" class=\"choice-47 depth-1\" >Tjeckien<\/option><option value=\"Demokratiska republiken Kongo\" class=\"choice-48 depth-1\" >Demokratiska republiken Kongo<\/option><option value=\"Danmark\" class=\"choice-49 depth-1\" >Danmark<\/option><option value=\"Djibouti\" class=\"choice-50 depth-1\" >Djibouti<\/option><option value=\"Dominica\" class=\"choice-51 depth-1\" >Dominica<\/option><option value=\"Dominikanska republiken\" class=\"choice-52 depth-1\" >Dominikanska republiken<\/option><option value=\"Ecuador\" class=\"choice-53 depth-1\" >Ecuador<\/option><option value=\"Egypten\" class=\"choice-54 depth-1\" >Egypten<\/option><option value=\"El Salvador\" class=\"choice-55 depth-1\" >El Salvador<\/option><option value=\"Ekvatorialguinea\" class=\"choice-56 depth-1\" >Ekvatorialguinea<\/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=\"Etiopien\" class=\"choice-60 depth-1\" >Etiopien<\/option><option value=\"Fiji\" class=\"choice-61 depth-1\" >Fiji<\/option><option value=\"Finland\" class=\"choice-62 depth-1\" >Finland<\/option><option value=\"Frankrike\" class=\"choice-63 depth-1\" >Frankrike<\/option><option value=\"Gabon\" class=\"choice-64 depth-1\" >Gabon<\/option><option value=\"Gambia\" class=\"choice-65 depth-1\" >Gambia<\/option><option value=\"Georgien\" class=\"choice-66 depth-1\" >Georgien<\/option><option value=\"Tyskland\" class=\"choice-67 depth-1\" >Tyskland<\/option><option value=\"Ghana\" class=\"choice-68 depth-1\" >Ghana<\/option><option value=\"Grekland\" class=\"choice-69 depth-1\" >Grekland<\/option><option value=\"Grenada\" class=\"choice-70 depth-1\" >Grenada<\/option><option value=\"Guatemala\" class=\"choice-71 depth-1\" >Guatemala<\/option><option value=\"Guinea\" class=\"choice-72 depth-1\" >Guinea<\/option><option value=\"Guinea-Bissau\" class=\"choice-73 depth-1\" >Guinea-Bissau<\/option><option value=\"Guyana\" class=\"choice-74 depth-1\" >Guyana<\/option><option value=\"Haiti\" class=\"choice-75 depth-1\" >Haiti<\/option><option value=\"Honduras\" class=\"choice-76 depth-1\" >Honduras<\/option><option value=\"Ungern\" class=\"choice-77 depth-1\" >Ungern<\/option><option value=\"Island\" class=\"choice-78 depth-1\" >Island<\/option><option value=\"Indien\" class=\"choice-79 depth-1\" >Indien<\/option><option value=\"Indonesien\" class=\"choice-80 depth-1\" >Indonesien<\/option><option value=\"Iran\" class=\"choice-81 depth-1\" >Iran<\/option><option value=\"Irak\" class=\"choice-82 depth-1\" >Irak<\/option><option value=\"Irland\" class=\"choice-83 depth-1\" >Irland<\/option><option value=\"Israel\" class=\"choice-84 depth-1\" >Israel<\/option><option value=\"Italien\" class=\"choice-85 depth-1\" >Italien<\/option><option value=\"Elfenbenskusten\" class=\"choice-86 depth-1\" >Elfenbenskusten<\/option><option value=\"Jamaica\" class=\"choice-87 depth-1\" >Jamaica<\/option><option value=\"Japan\" class=\"choice-88 depth-1\" >Japan<\/option><option value=\"Jordanien\" class=\"choice-89 depth-1\" >Jordanien<\/option><option value=\"Kazakstan\" class=\"choice-90 depth-1\" >Kazakstan<\/option><option value=\"Kenya\" class=\"choice-91 depth-1\" >Kenya<\/option><option value=\"Kiribati\" class=\"choice-92 depth-1\" >Kiribati<\/option><option value=\"Kuwait\" class=\"choice-93 depth-1\" >Kuwait<\/option><option value=\"Kirgizistan\" class=\"choice-94 depth-1\" >Kirgizistan<\/option><option value=\"Laos\" class=\"choice-95 depth-1\" >Laos<\/option><option value=\"Lettland\" class=\"choice-96 depth-1\" >Lettland<\/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=\"Libyen\" class=\"choice-100 depth-1\" >Libyen<\/option><option value=\"Liechtenstein\" class=\"choice-101 depth-1\" >Liechtenstein<\/option><option value=\"Litauen\" class=\"choice-102 depth-1\" >Litauen<\/option><option value=\"Luxemburg\" class=\"choice-103 depth-1\" >Luxemburg<\/option><option value=\"Madagaskar\" class=\"choice-104 depth-1\" >Madagaskar<\/option><option value=\"Malawi\" class=\"choice-105 depth-1\" >Malawi<\/option><option value=\"Malaysia\" class=\"choice-106 depth-1\" >Malaysia<\/option><option value=\"Maldiverna\" class=\"choice-107 depth-1\" >Maldiverna<\/option><option value=\"Det hade de\" class=\"choice-108 depth-1\" >Det hade de<\/option><option value=\"Malta\" class=\"choice-109 depth-1\" >Malta<\/option><option value=\"Marshall\u00f6arna\" class=\"choice-110 depth-1\" >Marshall\u00f6arna<\/option><option value=\"Mauretanien\" class=\"choice-111 depth-1\" >Mauretanien<\/option><option value=\"Mauritius\" class=\"choice-112 depth-1\" >Mauritius<\/option><option value=\"Mexiko\" class=\"choice-113 depth-1\" >Mexiko<\/option><option value=\"Mikronesien\" class=\"choice-114 depth-1\" >Mikronesien<\/option><option value=\"Moldavien\" class=\"choice-115 depth-1\" >Moldavien<\/option><option value=\"Monaco\" class=\"choice-116 depth-1\" >Monaco<\/option><option value=\"mongoliet\" class=\"choice-117 depth-1\" >mongoliet<\/option><option value=\"Montenegro\" class=\"choice-118 depth-1\" >Montenegro<\/option><option value=\"Marocko\" class=\"choice-119 depth-1\" >Marocko<\/option><option value=\"Mo\u00e7ambique\" class=\"choice-120 depth-1\" >Mo\u00e7ambique<\/option><option value=\"Myanmar\" class=\"choice-121 depth-1\" >Myanmar<\/option><option value=\"Namibia\" class=\"choice-122 depth-1\" >Namibia<\/option><option value=\"Nauru\" class=\"choice-123 depth-1\" >Nauru<\/option><option value=\"Nepal\" class=\"choice-124 depth-1\" >Nepal<\/option><option value=\"Nederl\u00e4nderna\" class=\"choice-125 depth-1\" >Nederl\u00e4nderna<\/option><option value=\"Nya Zeeland\" class=\"choice-126 depth-1\" >Nya 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=\"Nordkorea\" class=\"choice-130 depth-1\" >Nordkorea<\/option><option value=\"Nordmakedonien\" class=\"choice-131 depth-1\" >Nordmakedonien<\/option><option value=\"Norge\" class=\"choice-132 depth-1\" >Norge<\/option><option value=\"Min egen\" class=\"choice-133 depth-1\" >Min egen<\/option><option value=\"Pakistan\" class=\"choice-134 depth-1\" >Pakistan<\/option><option value=\"palats\" class=\"choice-135 depth-1\" >palats<\/option><option value=\"Palestina\" class=\"choice-136 depth-1\" >Palestina<\/option><option value=\"Panama\" class=\"choice-137 depth-1\" >Panama<\/option><option value=\"Papua Nya Guinea\" class=\"choice-138 depth-1\" >Papua Nya Guinea<\/option><option value=\"Paraguay\" class=\"choice-139 depth-1\" >Paraguay<\/option><option value=\"Peru\" class=\"choice-140 depth-1\" >Peru<\/option><option value=\"Filippinerna\" class=\"choice-141 depth-1\" >Filippinerna<\/option><option value=\"Polen\" class=\"choice-142 depth-1\" >Polen<\/option><option value=\"Portugal\" class=\"choice-143 depth-1\" >Portugal<\/option><option value=\"Qatar\" class=\"choice-144 depth-1\" >Qatar<\/option><option value=\"Rum\u00e4nien\" class=\"choice-145 depth-1\" >Rum\u00e4nien<\/option><option value=\"Ryssland\" class=\"choice-146 depth-1\" >Ryssland<\/option><option value=\"Rwanda\" class=\"choice-147 depth-1\" >Rwanda<\/option><option value=\"Saint Kitts och Nevis\" class=\"choice-148 depth-1\" >Saint Kitts och Nevis<\/option><option value=\"Saint Lucia\" class=\"choice-149 depth-1\" >Saint Lucia<\/option><option value=\"Saint Vincent och Grenadinerna\" class=\"choice-150 depth-1\" >Saint Vincent och Grenadinerna<\/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 och Principe\" class=\"choice-153 depth-1\" >Sao Tom\u00e9 och Principe<\/option><option value=\"saudi-arabien\" class=\"choice-154 depth-1\" >saudi-arabien<\/option><option value=\"Senegal\" class=\"choice-155 depth-1\" >Senegal<\/option><option value=\"Serbien\" class=\"choice-156 depth-1\" >Serbien<\/option><option value=\"Seychellerna\" class=\"choice-157 depth-1\" >Seychellerna<\/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=\"Slovakien\" class=\"choice-160 depth-1\" >Slovakien<\/option><option value=\"Slovenien\" class=\"choice-161 depth-1\" >Slovenien<\/option><option value=\"Salomon\u00f6arna\" class=\"choice-162 depth-1\" >Salomon\u00f6arna<\/option><option value=\"Somalia\" class=\"choice-163 depth-1\" >Somalia<\/option><option value=\"Sydafrika\" class=\"choice-164 depth-1\" >Sydafrika<\/option><option value=\"Sydkorea\" class=\"choice-165 depth-1\" >Sydkorea<\/option><option value=\"Sydsudan\" class=\"choice-166 depth-1\" >Sydsudan<\/option><option value=\"Spanien\" class=\"choice-167 depth-1\" >Spanien<\/option><option value=\"Sri Lanka\" class=\"choice-168 depth-1\" >Sri Lanka<\/option><option value=\"Sudan\" class=\"choice-169 depth-1\" >Sudan<\/option><option value=\"Surinam\" class=\"choice-170 depth-1\" >Surinam<\/option><option value=\"Sverige\" class=\"choice-171 depth-1\" >Sverige<\/option><option value=\"Schweiz\" class=\"choice-172 depth-1\" >Schweiz<\/option><option value=\"Syrien\" class=\"choice-173 depth-1\" >Syrien<\/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=\"\u00d6sttimor\" class=\"choice-177 depth-1\" >\u00d6sttimor<\/option><option value=\"Togo\" class=\"choice-178 depth-1\" >Togo<\/option><option value=\"Anl\u00e4nde\" class=\"choice-179 depth-1\" >Anl\u00e4nde<\/option><option value=\"Trinidad och Tobago\" class=\"choice-180 depth-1\" >Trinidad och Tobago<\/option><option value=\"Tunisien\" class=\"choice-181 depth-1\" >Tunisien<\/option><option value=\"Turkiet\" class=\"choice-182 depth-1\" >Turkiet<\/option><option value=\"Turkmenistan\" class=\"choice-183 depth-1\" >Turkmenistan<\/option><option value=\"Tuvalu\" class=\"choice-184 depth-1\" >Tuvalu<\/option><option value=\"Uganda\" class=\"choice-185 depth-1\" >Uganda<\/option><option value=\"Ukraina\" class=\"choice-186 depth-1\" >Ukraina<\/option><option value=\"F\u00f6renade Arabemiraten\" class=\"choice-187 depth-1\" >F\u00f6renade Arabemiraten<\/option><option value=\"Storbritannien\" class=\"choice-188 depth-1\" >Storbritannien<\/option><option value=\"USA\" class=\"choice-189 depth-1\" >USA<\/option><option value=\"Uruguay\" class=\"choice-190 depth-1\" >Uruguay<\/option><option value=\"Uzbekistan\" class=\"choice-191 depth-1\" >Uzbekistan<\/option><option value=\"Vanuatu\" class=\"choice-192 depth-1\" >Vanuatu<\/option><option value=\"Vatikanstaten\" class=\"choice-193 depth-1\" >Vatikanstaten<\/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>\t\t<div id=\"wpforms-2757-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-2757-field_1\" >tracker_lead_created LMP beskriver<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-2757-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-2757-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-2757-field_33\" aria-hidden=\"false\">Spr\u00e5k<\/label><input type=\"text\" id=\"wpforms-2757-field_33\" class=\"wpforms-field-large\" name=\"wpforms[fields][33]\" value=\"Swedish\" aria-errormessage=\"wpforms-2757-field_33-error\" ><\/div><div id=\"wpforms-2757-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\">GDPR <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><ul id=\"wpforms-2757-field_47\" class=\"wpforms-field-required\"><li class=\"choice-1 depth-1\"><input type=\"checkbox\" id=\"wpforms-2757-field_47_1\" name=\"wpforms[fields][47][]\" value=\"Jag accepterar integritetspolicyn f\u00f6r denna webbplats\" aria-errormessage=\"wpforms-2757-field_47_1-error\" aria-describedby=\"wpforms-2757-field_47-description\" required ><label class=\"wpforms-field-label-inline\" for=\"wpforms-2757-field_47_1\">Jag accepterar integritetspolicyn f\u00f6r denna webbplats<\/label><\/li><\/ul><div id=\"wpforms-2757-field_47-description\" class=\"wpforms-field-description\">Du kan <a href=\"https:\/\/thekosvillas.com\/sv\/privacidad\/\">se sekretesspolicyn genom att klicka h\u00e4r<\/a><\/div><\/fieldset><\/div><div id=\"wpforms-2757-field_66-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"66\"><input type=\"hidden\" id=\"wpforms-2757-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-2757-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-2757-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-2757-field_1-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"2757\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/thekosvillas.com\/sv\/wp-json\/wp\/v2\/pages\/3437\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-2757\" class=\"wpforms-submit\" data-alt-text=\"Vi jobbar p\u00e5 det...\" data-submit-text=\"L\u00e5s upp information\" aria-live=\"assertive\" value=\"wpforms-submit\">L\u00e5s upp information<\/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=\"Laddar\"><\/div><\/form><\/div> <!-- .wpforms-container -->\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\">\u00c4r du fastighetsm\u00e4klare?<\/p>\n<p class=\"koss_unlock__agent-card-sub\">Skicka oss dina uppgifter s\u00e5 kontaktar vi dig.<\/p>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- Agent Modal -->\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-2761\" 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=\"\/sv\/wp-json\/wp\/v2\/pages\/3437\" \/>\n <div class=\"evoost-fields-grid\">\n <!-- First Name -->\n <div class=\"evoost-field evoost-field-firstname\">\n <label for=\"evoost-form-921-2761-firstname\">Nombre <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-921-2761-firstname\" name=\"firstname\" required autocomplete=\"given-name\" placeholder=\"Nombre\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n <!-- Last Name -->\n <div class=\"evoost-field evoost-field-lastname\">\n <label for=\"evoost-form-921-2761-lastname\">Apellidos <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-921-2761-lastname\" name=\"lastname\" required autocomplete=\"family-name\" placeholder=\"Apellidos\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n <!-- Email -->\n <div class=\"evoost-field evoost-field-email\">\n <label for=\"evoost-form-921-2761-email\">Email <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"email\" id=\"evoost-form-921-2761-email\" name=\"email\" required autocomplete=\"email\" placeholder=\"email@example.com\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n <!-- Phone with prefix -->\n <div class=\"evoost-field evoost-field-phone\">\n <label for=\"evoost-form-921-2761-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-2761-phone\" name=\"phone\" required autocomplete=\"tel\" placeholder=\"600 000 000\" \/>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n <!-- Company (optional) -->\n <div class=\"evoost-field evoost-field-company\">\n <label for=\"evoost-form-921-2761-company\">Empresa<\/label>\n <input type=\"text\" id=\"evoost-form-921-2761-company\" name=\"company_visible\" autocomplete=\"organization\" placeholder=\"Empresa\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n \n <!-- Country -->\n <div class=\"evoost-field evoost-field-country\">\n <label for=\"evoost-form-921-2761-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-2761-country-search\" placeholder=\"Pa\u00eds...\" autocomplete=\"off\" \/>\n <select id=\"evoost-form-921-2761-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 <!-- Comments -->\n <div class=\"evoost-field evoost-field-comments evoost-field-full\">\n <label for=\"evoost-form-921-2761-comments\">Comentarios<\/label>\n <textarea id=\"evoost-form-921-2761-comments\" name=\"comments\" rows=\"2\" placeholder=\"Comentarios...\"><\/textarea>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n <\/div>\n\n <!-- Consent -->\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 <!-- Submit -->\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 <!-- Messages -->\n <div class=\"evoost-form-message\" style=\"display:none;\"><\/div>\n <\/form>\n\n <!-- eVoost Partners Signature -->\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<!-- FOOTER -->\n<footer class=\"koss_footer\">\n\n <!-- TOP ROW: brand \u00b7 legal \u00b7 lic -->\n <div class=\"koss_footer__container\">\n\n <!-- Brand: Logo + Phone -->\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 <!-- Legal Links -->\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 <!-- Life In Costa -->\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 <!-- DIVIDER -->\n <hr class=\"koss_footer__divider\">\n\n <!-- BOTTOM ROW: language switcher -->\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<!-- eVoost Signature (standalone) -->\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\">Drivs av<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>The Kos – Hero Cinematic Om Typologier Galleri Plats L\u00e5s upp information Om Typologier Galleri Plats L\u00e5s upp information<\/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-3437","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Kos Higuer\u00f3n | 36 Sky Villas med Privat Pool<\/title>\n<meta name=\"description\" content=\"Uppt\u00e4ck de 36 Sky Top Villas med 3 och 4 sovrum i El Higuer\u00f3n, Fuengirola. Utsikt \u00f6ver Medelhavet, exklusivitet p\u00e5 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=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Kos Higuer\u00f3n | 36 Sky Villas med Privat Pool\" \/>\n<meta property=\"og:description\" content=\"Uppt\u00e4ck de 36 Sky Top Villas med 3 och 4 sovrum i El Higuer\u00f3n, Fuengirola. Utsikt \u00f6ver Medelhavet, exklusivitet p\u00e5 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:44+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=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data1\" content=\"38 minuter\" \/>\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 med Privat Pool\",\"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:44+00:00\",\"description\":\"Uppt\u00e4ck de 36 Sky Top Villas med 3 och 4 sovrum i El Higuer\u00f3n, Fuengirola. Utsikt \u00f6ver Medelhavet, exklusivitet p\u00e5 Costa del Sol\",\"breadcrumb\":{\"@id\":\"https:\/\/thekosvillas.com\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thekosvillas.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@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 [SE]\"}]},{\"@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\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/thekosvillas.com\/#organization\",\"name\":\"The Kos Villas\",\"url\":\"https:\/\/thekosvillas.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@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 SEO plugin. -->","yoast_head_json":{"title":"The Kos Higuer\u00f3n | 36 Sky Villas med Privat Pool","description":"Uppt\u00e4ck de 36 Sky Top Villas med 3 och 4 sovrum i El Higuer\u00f3n, Fuengirola. Utsikt \u00f6ver Medelhavet, exklusivitet p\u00e5 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":"sv_SE","og_type":"article","og_title":"The Kos Higuer\u00f3n | 36 Sky Villas med Privat Pool","og_description":"Uppt\u00e4ck de 36 Sky Top Villas med 3 och 4 sovrum i El Higuer\u00f3n, Fuengirola. Utsikt \u00f6ver Medelhavet, exklusivitet p\u00e5 Costa del Sol","og_url":"https:\/\/thekosvillas.com\/","og_site_name":"The Kos Villas","article_modified_time":"2026-07-22T07:34:44+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":{"Ber\u00e4knad l\u00e4stid":"38 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thekosvillas.com\/","url":"https:\/\/thekosvillas.com\/","name":"The Kos Higuer\u00f3n | 36 Sky Villas med Privat Pool","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:44+00:00","description":"Uppt\u00e4ck de 36 Sky Top Villas med 3 och 4 sovrum i El Higuer\u00f3n, Fuengirola. Utsikt \u00f6ver Medelhavet, exklusivitet p\u00e5 Costa del Sol","breadcrumb":{"@id":"https:\/\/thekosvillas.com\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thekosvillas.com\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@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 [SE]"}]},{"@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":"sv-SE"},{"@type":"Organization","@id":"https:\/\/thekosvillas.com\/#organization","name":"The Kos Villas","url":"https:\/\/thekosvillas.com\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@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\/sv\/wp-json\/wp\/v2\/pages\/3437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thekosvillas.com\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thekosvillas.com\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/sv\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/sv\/wp-json\/wp\/v2\/comments?post=3437"}],"version-history":[{"count":18,"href":"https:\/\/thekosvillas.com\/sv\/wp-json\/wp\/v2\/pages\/3437\/revisions"}],"predecessor-version":[{"id":7150,"href":"https:\/\/thekosvillas.com\/sv\/wp-json\/wp\/v2\/pages\/3437\/revisions\/7150"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/sv\/wp-json\/wp\/v2\/media\/370"}],"wp:attachment":[{"href":"https:\/\/thekosvillas.com\/sv\/wp-json\/wp\/v2\/media?parent=3437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}