{"id":52380,"date":"2024-11-11T08:25:15","date_gmt":"2024-11-11T07:25:15","guid":{"rendered":"https:\/\/www.fluidra.com\/careers\/join-us\/"},"modified":"2026-03-25T17:13:00","modified_gmt":"2026-03-25T16:13:00","slug":"a-nosaltres","status":"publish","type":"page","link":"https:\/\/www.fluidra.com\/ca\/uneix-te\/a-nosaltres\/","title":{"rendered":"Uneix-te a nosaltres"},"content":{"rendered":"<div id=\"TopNavTabs-block_5df828ba82e093f592f557c09fce274e\" class=\"TopNavTabs\">\r\n\r\n    <div class=\"container-fluid\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 px-0\">\r\n                <div class=\"subMenu\">\r\n                                            <div class=\"title\">\r\n                            CARRERA                        <\/div>\r\n                                        <div class=\"arrowsMenus\">\r\n                        <button class=\"scroll-button left\">\r\n                            <img decoding=\"async\" alt=\"icon\" class=\"arrow\" src=\"https:\/\/www.fluidra.com\/wp-content\/themes\/fluidra\/assets\/images\/icons\/next-icon.svg\" title=\"\">\r\n                        <\/button>\r\n                        <button class=\"scroll-button right\">\r\n                            <img decoding=\"async\" alt=\"icon\" class=\"arrow\" src=\"https:\/\/www.fluidra.com\/wp-content\/themes\/fluidra\/assets\/images\/icons\/next-icon.svg\" title=\"\">\r\n                        <\/button>\r\n                        <div class=\"bodyMenu\">\r\n                            <div class=\"containerMenu\">\r\n                                <div class=\"menu\">\r\n                                    <nav class=\"menu-submenu-careers-catalan-container\"><ul id=\"menu-submenu-careers-catalan\" class=\"submenu\"><li id=\"menu-item-56250\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-56250\"><a href=\"https:\/\/www.fluidra.com\/ca\/uneix-te\/\">Treballa amb nosaltres<\/a><\/li>\n<li id=\"menu-item-56193\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-56193\"><a href=\"https:\/\/www.fluidra.com\/ca\/uneix-te\/el-nostre-equip\/\">El nostre equip<\/a><\/li>\n<li id=\"menu-item-56192\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-56192\"><a href=\"https:\/\/www.fluidra.com\/ca\/uneix-te\/impulsa-la-teva-carrera\/\">Impulsa la teva carrera<\/a><\/li>\n<li id=\"menu-item-56194\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-56194\"><a href=\"https:\/\/www.fluidra.com\/ca\/uneix-te\/creix-amb-nosaltres\/\">Creix amb nosaltres<\/a><\/li>\n<li id=\"menu-item-56191\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-56191\"><a href=\"https:\/\/www.fluidra.com\/ca\/uneix-te\/a-nosaltres\/\">Uneix-te a nosaltres<\/a><\/li>\n<\/ul><\/nav>                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <style>\r\n    #TopNavTabs-block_5df828ba82e093f592f557c09fce274e {\r\n        margin-top:px;\r\n        margin-bottom:px;\r\n        padding-top:px;\r\n        padding-bottom:px\r\n    }\r\n    @media screen and (max-width: 768px) {\r\n    #TopNavTabs-block_5df828ba82e093f592f557c09fce274e {\r\n        margin-top:px;\r\n        margin-bottom:px;\r\n        padding-top:px;\r\n        padding-bottom:px;\r\n    }\r\n    }\r\n<\/style><\/div>\r\n\n\n<div id=\"Container-block_d17dc2675cb5963d6212bbc173a12a98\" class=\"Container\" style=\"background-image:url(); background-color: \">\r\n    <div class=\"container\">\r\n        <div class=\"acf-innerblocks-container\">\n<div id=\"Title-block_b5de5dbeb4e8874b3de7a9574ac1ae54\" class=\"Title large\">\r\n    <h1 class='title'>Uneix-te a nosaltres. <span style=\"color: #1f7e93;\">Construeix el futur.<\/span><\/h1>\n    <style>\r\n    #Title-block_b5de5dbeb4e8874b3de7a9574ac1ae54 {\r\n        margin-top:px;\r\n        margin-bottom:-60px;\r\n        padding-top:px;\r\n        padding-bottom:px\r\n    }\r\n    @media screen and (max-width: 768px) {\r\n    #Title-block_b5de5dbeb4e8874b3de7a9574ac1ae54 {\r\n        margin-top:px;\r\n        margin-bottom:px;\r\n        padding-top:px;\r\n        padding-bottom:px;\r\n    }\r\n    }\r\n<\/style><\/div>\r\n\n<\/div>\r\n    <\/div>\r\n    <style>\r\n    #Container-block_d17dc2675cb5963d6212bbc173a12a98 {\r\n        margin-top:px;\r\n        margin-bottom:px;\r\n        padding-top:px;\r\n        padding-bottom:px\r\n    }\r\n    @media screen and (max-width: 768px) {\r\n    #Container-block_d17dc2675cb5963d6212bbc173a12a98 {\r\n        margin-top:px;\r\n        margin-bottom:px;\r\n        padding-top:px;\r\n        padding-bottom:px;\r\n    }\r\n    }\r\n<\/style><\/div>\r\n\n\n<div id=\"Container-block_3377e50d51fd2afa32bfb0607452020e\" class=\"Container\" style=\"background-image:url(); background-color: \">\r\n    <div class=\"container\">\r\n        <div class=\"acf-innerblocks-container\">\n<div id=\"Text-block_46e0f30fc40b2ca4d080516e48719bec\" class=\"Text normal listItemMargin-normal\" style=\"color: #22377b\">\r\n    <p><span style=\"font-weight: 400;\">Perqu\u00e8 creiem que el talent prospera en una cultura de col\u00b7laboraci\u00f3, creixement i impacte. Aqu\u00ed, les teves idees importen, el teu potencial \u00e9s il\u00b7limitat i el teu viatge no ha fet m\u00e9s que comen\u00e7ar.<\/span><\/p>\n<p><strong>Uneix-te a nosaltres i aplica a la vacant que m\u00e9s s&#8217;adapta al teu perfil. Forma part de la #FluidraFamily.\u201d<\/strong><\/p>\n<p><a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Alemanya<\/a><br \/>\n<a href=\"https:\/\/jobs.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Austr\u00e0lia<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">\u00c0ustria<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">B\u00e8lgica<\/a><br \/>\n<a href=\"https:\/\/jobs.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Brasil<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Xina<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Col\u00f2mbia<\/a><br \/>\n<a href=\"https:\/\/jobs.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Espanya<\/a><br \/>\n<a href=\"https:\/\/jobs.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Estats Units<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Filipines<\/a><br \/>\n<a href=\"https:\/\/jobs.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Fran\u00e7a<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Gr\u00e8cia<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Indon\u00e8sia<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">It\u00e0lia<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Mal\u00e0isia<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">M\u00e8xic<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Nova Zelanda<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Regne Unit<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Rep\u00fablica Txeca<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Singapur<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Sud-\u00e0frica<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Su\u00e8cia<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Taiwan<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Tail\u00e0ndia<\/a><br \/>\n<a href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">Vietnam<\/a><\/p>\n    <style>\r\n    #Text-block_46e0f30fc40b2ca4d080516e48719bec {\r\n        margin-top:-30px;\r\n        margin-bottom:px;\r\n        padding-top:px;\r\n        padding-bottom:px\r\n    }\r\n    @media screen and (max-width: 768px) {\r\n    #Text-block_46e0f30fc40b2ca4d080516e48719bec {\r\n        margin-top:px;\r\n        margin-bottom:px;\r\n        padding-top:px;\r\n        padding-bottom:px;\r\n    }\r\n    }\r\n<\/style><\/div>\r\n\n<\/div>\r\n    <\/div>\r\n    <style>\r\n    #Container-block_3377e50d51fd2afa32bfb0607452020e {\r\n        margin-top:px;\r\n        margin-bottom:110px;\r\n        padding-top:px;\r\n        padding-bottom:px\r\n    }\r\n    @media screen and (max-width: 768px) {\r\n    #Container-block_3377e50d51fd2afa32bfb0607452020e {\r\n        margin-top:px;\r\n        margin-bottom:px;\r\n        padding-top:px;\r\n        padding-bottom:px;\r\n    }\r\n    }\r\n<\/style><\/div>\r\n\n\n<style>\r\n        .card{ border-color: \"#22377B\"}\r\n        .card{ border-color: \"#2bb4d3\"}\r\n        .card{ border-color: \"#ffd100\"}\r\n    <\/style>\r\n<div id=\"InteractiveMap-block_b5347be0c0e519ffd384bd7309e68772\" class=\"container InteractiveMap d-none\">\r\n\r\n    <div id=\"InteractiveMap-block_b5347be0c0e519ffd384bd7309e68772map-desktop\" class=\"map desktop d-none d-md-block\">\r\n                    <div class=\"card card-0\" style=\"\r\n                    left: 30%;\r\n                    top: ;\r\n                    border-color: #22377B                    \">\r\n                <div class=\"cardContainer\">\r\n                    <div class=\"image\">\r\n                                                    <img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-3-300x200.webp\" class=\"\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-3-300x200.webp 300w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-3-768x511.webp 768w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-3.webp 1000w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" title=\"\">                                            <\/div>\r\n                    <div class=\"texts\">\r\n                        <div class=\"text\"><p>See our current vacancies at <strong>Europe<\/strong><\/p>\n<\/div>\r\n                                                    <a class=\"calendar\" href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">\r\n                                <span class=\"title\">Europe Careers<\/span>\r\n                                <img decoding=\"async\" class=\"iconPlus\" alt=\"icon\" src=\"https:\/\/www.fluidra.com\/wp-content\/themes\/fluidra\/assets\/images\/icons\/right-arrow-primary.webp\" title=\"\">\r\n                            <\/a>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"card card-1\" style=\"\r\n                    left: 20%;\r\n                    top: 60%;\r\n                    border-color: #2bb4d3                    \">\r\n                <div class=\"cardContainer\">\r\n                    <div class=\"image\">\r\n                                                    <img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-2-300x200.jpg\" class=\"\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-2-300x200.jpg 300w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-2-1024x683.jpg 1024w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-2-768x512.jpg 768w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-2-1536x1024.jpg 1536w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-2-2048x1366.jpg 2048w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" title=\"\">                                            <\/div>\r\n                    <div class=\"texts\">\r\n                        <div class=\"text\"><p>See our current vacancies at <strong>USA<\/strong><\/p>\n<\/div>\r\n                                                    <a class=\"calendar\" href=\"https:\/\/www.linkedin.com\/company\/fluidra-north-america\/jobs\/\" target=\"_blank\" rel=\"noopener\">\r\n                                <span class=\"title\">USA Careers<\/span>\r\n                                <img decoding=\"async\" class=\"iconPlus\" alt=\"icon\" src=\"https:\/\/www.fluidra.com\/wp-content\/themes\/fluidra\/assets\/images\/icons\/right-arrow-primary.webp\" title=\"\">\r\n                            <\/a>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"card card-2\" style=\"\r\n                    left: ;\r\n                    top: ;\r\n                    border-color: #ffd100                    \">\r\n                <div class=\"cardContainer\">\r\n                    <div class=\"image\">\r\n                                                    <img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/08\/30959397_xxl-min-300x200.jpg\" class=\"\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/08\/30959397_xxl-min-300x200.jpg 300w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/08\/30959397_xxl-min-1024x683.jpg 1024w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/08\/30959397_xxl-min-768x512.jpg 768w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/08\/30959397_xxl-min-1536x1024.jpg 1536w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/08\/30959397_xxl-min-2048x1365.jpg 2048w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" title=\"\">                                            <\/div>\r\n                    <div class=\"texts\">\r\n                        <div class=\"text\"><p>See our current vacancies at <strong>Australia<\/strong><\/p>\n<\/div>\r\n                                                    <a class=\"calendar\" href=\"https:\/\/www.seek.com.au\/fluidra-australia-jobs\" target=\"_blank\" rel=\"noopener\">\r\n                                <span class=\"title\">Australia Careers<\/span>\r\n                                <img decoding=\"async\" class=\"iconPlus\" alt=\"icon\" src=\"https:\/\/www.fluidra.com\/wp-content\/themes\/fluidra\/assets\/images\/icons\/right-arrow-primary.webp\" title=\"\">\r\n                            <\/a>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <\/div>\r\n    \r\n    <div id=\"InteractiveMap-block_b5347be0c0e519ffd384bd7309e68772map-mobile\" class=\"map mobile d-block d-md-none\">\r\n                    <div class=\"card card-0\" style=\"\r\n                    border-color: #22377B                \">\r\n                <div class=\"cardContainer\">\r\n                    <div class=\"image\">\r\n                                                    <img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-3-300x200.webp\" class=\"\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-3-300x200.webp 300w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-3-768x511.webp 768w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-3.webp 1000w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" title=\"\">                                            <\/div>\r\n                    <div class=\"texts\">\r\n                        <div class=\"text\"><p>See our current vacancies at <strong>Europe<\/strong><\/p>\n<\/div>\r\n                                                    <a class=\"calendar\" href=\"https:\/\/careers.fluidra.com\/\" target=\"_blank\" rel=\"noopener\">\r\n                                <span class=\"title\">Europe Careers<\/span>\r\n                                <img decoding=\"async\" class=\"iconPlus\" alt=\"icon\" src=\"https:\/\/www.fluidra.com\/wp-content\/themes\/fluidra\/assets\/images\/icons\/right-arrow-primary.webp\" title=\"\">\r\n                            <\/a>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"card card-1\" style=\"\r\n                    border-color: #2bb4d3                \">\r\n                <div class=\"cardContainer\">\r\n                    <div class=\"image\">\r\n                                                    <img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-2-300x200.jpg\" class=\"\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-2-300x200.jpg 300w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-2-1024x683.jpg 1024w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-2-768x512.jpg 768w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-2-1536x1024.jpg 1536w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/11\/person-2-2048x1366.jpg 2048w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" title=\"\">                                            <\/div>\r\n                    <div class=\"texts\">\r\n                        <div class=\"text\"><p>See our current vacancies at <strong>USA<\/strong><\/p>\n<\/div>\r\n                                                    <a class=\"calendar\" href=\"https:\/\/www.linkedin.com\/company\/fluidra-north-america\/jobs\/\" target=\"_blank\" rel=\"noopener\">\r\n                                <span class=\"title\">USA Careers<\/span>\r\n                                <img decoding=\"async\" class=\"iconPlus\" alt=\"icon\" src=\"https:\/\/www.fluidra.com\/wp-content\/themes\/fluidra\/assets\/images\/icons\/right-arrow-primary.webp\" title=\"\">\r\n                            <\/a>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"card card-2\" style=\"\r\n                    border-color: #ffd100                \">\r\n                <div class=\"cardContainer\">\r\n                    <div class=\"image\">\r\n                                                    <img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/08\/30959397_xxl-min-300x200.jpg\" class=\"\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/08\/30959397_xxl-min-300x200.jpg 300w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/08\/30959397_xxl-min-1024x683.jpg 1024w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/08\/30959397_xxl-min-768x512.jpg 768w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/08\/30959397_xxl-min-1536x1024.jpg 1536w, https:\/\/www.fluidra.com\/wp-content\/uploads\/2024\/08\/30959397_xxl-min-2048x1365.jpg 2048w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" title=\"\">                                            <\/div>\r\n                    <div class=\"texts\">\r\n                        <div class=\"text\"><p>See our current vacancies at <strong>Australia<\/strong><\/p>\n<\/div>\r\n                                                    <a class=\"calendar\" href=\"https:\/\/www.seek.com.au\/fluidra-australia-jobs\" target=\"_blank\" rel=\"noopener\">\r\n                                <span class=\"title\">Australia Careers<\/span>\r\n                                <img decoding=\"async\" class=\"iconPlus\" alt=\"icon\" src=\"https:\/\/www.fluidra.com\/wp-content\/themes\/fluidra\/assets\/images\/icons\/right-arrow-primary.webp\" title=\"\">\r\n                            <\/a>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <\/div>\r\n\r\n\r\n    <script>\r\n\r\n        \/******** DESKTOP ********\/\r\n\r\n        am5.ready(function () {\r\n            var root = am5.Root.new(\"InteractiveMap-block_b5347be0c0e519ffd384bd7309e68772map-desktop\");\r\n            root._logo.dispose();\r\n            root.setThemes([am5themes_Animated.new(root)]);\r\n            var chart = root.container.children.push(\r\n                am5map.MapChart.new(root, {\r\n                    projection: am5map.geoMercator(),\r\n                    zoomControl: false,\r\n                    wheelZoom: false,\r\n                    wheelY: null,\r\n                    panX: null,\r\n                    panY: null,\r\n                    rotationX: -10,\r\n                    pinchZoom: false,\r\n                    maxZoomLevel: 1,\r\n                    minZoomLevel: 1,\r\n                    zoomLevel: 1,\r\n                    homeZoomLevel: 1,\r\n                    homeGeoPoint: { longitude: 0, latitude: 0 }\r\n                })\r\n            );\r\n            var worldSeries = chart.series.push(\r\n                am5map.MapPolygonSeries.new(root, {\r\n                    geoJSON: am5geodata_worldLow,\r\n                    exclude: [\"AQ\"],\r\n                })\r\n            );\r\n            var groupData = [\r\n                                {\r\n                    name: \"card-0\",\r\n                    hoverColor: am5.color(\"#22377B\"),\r\n                    countries: [\"GB\",\"ES\",\"NL\",\"FR\",\"IT\",\"DE\",\"MA\",\"EG\",\"SE\",\"PL\",\"UA\",\"TR\",\"KZ\",\"CN\",\"IN\",\"AE\",\"AT\",\"HR\",\"GR\",\"HU\",\"RO\",\"BA\",\"AL\",\"XK\",\"MK\",\"SK\",\"CZ\",\"BG\",\"RS\"],\r\n                },\r\n                                {\r\n                    name: \"card-1\",\r\n                    hoverColor: am5.color(\"#2bb4d3\"),\r\n                    countries: [\"US\",\"CA\"],\r\n                },\r\n                                {\r\n                    name: \"card-2\",\r\n                    hoverColor: am5.color(\"#ffd100\"),\r\n                    countries: [\"AU\",\"NZ\",\"ID\",\"TH\",\"VN\",\"ZA\"],\r\n                },\r\n                            ];\r\n            worldSeries.mapPolygons.template.setAll({\r\n                tooltipText: \"\",\r\n                interactive: true,\r\n                fill: am5.color(\"#D1E6FF\"),\r\n                strokeWidth: 0,\r\n                stroke: null,\r\n            });\r\n            let hoverTimeout;\r\n            let activeGroup = null;\r\n            let lastHoveredPolygon = null;\r\n            groupData.forEach(function (group) {\r\n                var series = chart.series.push(\r\n                    am5map.MapPolygonSeries.new(root, {\r\n                        geoJSON: am5geodata_worldLow,\r\n                        include: group.countries,\r\n                    })\r\n                );\r\n                \/\/ Store group name in series for later reference\r\n                series.set(\"groupName\", group.name);\r\n                series.mapPolygons.template.setAll({\r\n                    fill: am5.color(\r\n                        \"#D1E6FF\"\r\n                    ),\r\n                    tooltipText: \"\",\r\n                    interactive: true,\r\n                });\r\n                \/\/ Hover color applied directly to polygons\r\n                series.mapPolygons.template.events.on(\"pointerover\", function (event) {\r\n                    if (hoverTimeout) clearTimeout(hoverTimeout);\r\n                    \/\/ Store the last hovered polygon\r\n                    lastHoveredPolygon = event.target;\r\n                    if (activeGroup && activeGroup !== group.name) {\r\n                        resetGroupColor(activeGroup);\r\n                    }\r\n                    \/\/ Apply hover color directly to the group\r\n                    applyGroupColor(series, group.hoverColor);\r\n                    \/\/ Show the associated card\r\n                    let card = document.querySelector(\".InteractiveMap .\" + group.name);\r\n                    if (card) {\r\n                        card.style.display = \"block\";\r\n                    }\r\n                    activeGroup = group.name;\r\n                    hoverTimeout = setTimeout(function () {\r\n                        resetGroupColor(group.name);\r\n                    }, 3000);\r\n                });\r\n                \/\/ Remove pointerout event from polygons\r\n                \/\/ No need for pointerout, color reset is handled at group level\r\n            });\r\n\r\n            function applyGroupColor(series, hoverColor) {\r\n                \/\/ Change the fill color of all countries in the active group\r\n                series.mapPolygons.each(function (polygon) {\r\n                    polygon.set(\"fill\", hoverColor);\r\n                });\r\n            }\r\n\r\n            function resetGroupColor(groupName) {\r\n                let groupSeries = chart.series.values.find(\r\n                    (s) => s.get(\"groupName\") === groupName\r\n                );\r\n                if (!groupSeries) return;\r\n\r\n                groupSeries.mapPolygons.each(function (polygon) {\r\n                    \/\/ Reset to the default fill color\r\n                    polygon.set(\"fill\", am5.color(\"#D1E6FF\"));\r\n                });\r\n\r\n                let card = document.querySelector(\".InteractiveMap .\" + groupName);\r\n                if (card) {\r\n                    card.style.display = \"none\";\r\n                }\r\n                activeGroup = null;\r\n                lastHoveredPolygon = null;\r\n            }\r\n        });\r\n\r\n        \/******** MOBILE ********\/\r\n\r\n        am5.ready(function () {\r\n            var root_mobile = am5.Root.new(\"InteractiveMap-block_b5347be0c0e519ffd384bd7309e68772map-mobile\");\r\n            root_mobile._logo.dispose();\r\n            root_mobile.setThemes([am5themes_Animated.new(root_mobile)]);\r\n            var chart = root_mobile.container.children.push(\r\n                am5map.MapChart.new(root_mobile, {\r\n                    projection: am5map.geoMercator(),\r\n                    wheelZoom: false,\r\n                    pinchZoom: false,\r\n                    panX: \"none\",\r\n                    panY: \"none\",\r\n                    maxZoomLevel: 1,\r\n                    minZoomLevel: 1,\r\n                    rotationX: -10,\r\n                })\r\n            );\r\n            \r\n            var worldSeries = chart.series.push(\r\n                am5map.MapPolygonSeries.new(root_mobile, {\r\n                    geoJSON: am5geodata_worldLow,\r\n                    exclude: [\"AQ\"],\r\n                })\r\n            );\r\n            var groupData = [\r\n                                {\r\n                    name: \"card-0\",\r\n                    hoverColor: am5.color(\"#22377B\"),\r\n                    countries: [\"GB\",\"ES\",\"NL\",\"FR\",\"IT\",\"DE\",\"MA\",\"EG\",\"SE\",\"PL\",\"UA\",\"TR\",\"KZ\",\"CN\",\"IN\",\"AE\",\"AT\",\"HR\",\"GR\",\"HU\",\"RO\",\"BA\",\"AL\",\"XK\",\"MK\",\"SK\",\"CZ\",\"BG\",\"RS\"],\r\n                },\r\n                                {\r\n                    name: \"card-1\",\r\n                    hoverColor: am5.color(\"#2bb4d3\"),\r\n                    countries: [\"US\",\"CA\"],\r\n                },\r\n                                {\r\n                    name: \"card-2\",\r\n                    hoverColor: am5.color(\"#ffd100\"),\r\n                    countries: [\"AU\",\"NZ\",\"ID\",\"TH\",\"VN\",\"ZA\"],\r\n                },\r\n                            ];\r\n            worldSeries.mapPolygons.template.setAll({\r\n                tooltipText: \"\",\r\n                interactive: true,\r\n                fill: am5.color(\"#D1E6FF\"),\r\n                strokeWidth: 0,\r\n                stroke: null,\r\n            });\r\n\r\n            groupData.forEach(function (group) {\r\n                var series = chart.series.push(\r\n                    am5map.MapPolygonSeries.new(root_mobile, {\r\n                        geoJSON: am5geodata_worldLow,\r\n                        include: group.countries,\r\n                    })\r\n                );\r\n                \/\/ Store group name in series for later reference\r\n                series.set(\"groupName\", group.name);\r\n                series.mapPolygons.template.setAll({\r\n                    fill: am5.color(group.hoverColor),\r\n                    tooltipText: \"\",\r\n                    interactive: true,\r\n                });\r\n                series.mapPolygons.template.events.on(\"click\", function (event) {\r\n                    document.querySelectorAll(\"#InteractiveMap-block_b5347be0c0e519ffd384bd7309e68772.InteractiveMap .mobile .card\").forEach(function(card) {\r\n                        card.style.display = \"none\";\r\n                    });\r\n                    \/\/ Show the div associated with the clicked group\r\n                    let card = document.querySelector(\"#InteractiveMap-block_b5347be0c0e519ffd384bd7309e68772.InteractiveMap .mobile .\" + group.name);\r\n                    if (card) {\r\n                        card.style.display = \"block\";\r\n                        document.querySelectorAll(\"#InteractiveMap-block_b5347be0c0e519ffd384bd7309e68772\").forEach(function(element) {\r\n                            element.classList.add(\"expanded\");\r\n                        });\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/Esconde cards en mobile al hacer click fuera\r\n        document.addEventListener(\"click\", function(event) {\r\n            \/\/ Check if the click was outside the map container\r\n            let mapContainer = document.querySelector(\"#InteractiveMap-block_b5347be0c0e519ffd384bd7309e68772.InteractiveMap\");\r\n            if (mapContainer && !mapContainer.contains(event.target)) {\r\n                document.querySelectorAll(\"#InteractiveMap-block_b5347be0c0e519ffd384bd7309e68772.InteractiveMap .mobile .card\").forEach(function(card) {\r\n                    card.style.display = \"none\";\r\n                });\r\n                document.querySelectorAll(\"#InteractiveMap-block_b5347be0c0e519ffd384bd7309e68772\").forEach(function(element) {\r\n                    element.classList.remove(\"expanded\");\r\n                });\r\n            }\r\n        });\r\n\r\n    <\/script>\r\n\r\n    <style>\r\n    #InteractiveMap-block_b5347be0c0e519ffd384bd7309e68772 {\r\n        margin-top:px;\r\n        margin-bottom:100px;\r\n        padding-top:px;\r\n        padding-bottom:px\r\n    }\r\n    @media screen and (max-width: 768px) {\r\n    #InteractiveMap-block_b5347be0c0e519ffd384bd7309e68772 {\r\n        margin-top:px;\r\n        margin-bottom:px;\r\n        padding-top:px;\r\n        padding-bottom:px;\r\n    }\r\n    }\r\n<\/style><\/div>\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":52379,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-52380","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.fluidra.com\/ca\/wp-json\/wp\/v2\/pages\/52380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fluidra.com\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fluidra.com\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fluidra.com\/ca\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fluidra.com\/ca\/wp-json\/wp\/v2\/comments?post=52380"}],"version-history":[{"count":8,"href":"https:\/\/www.fluidra.com\/ca\/wp-json\/wp\/v2\/pages\/52380\/revisions"}],"predecessor-version":[{"id":62942,"href":"https:\/\/www.fluidra.com\/ca\/wp-json\/wp\/v2\/pages\/52380\/revisions\/62942"}],"up":[{"embeddable":true,"href":"https:\/\/www.fluidra.com\/ca\/wp-json\/wp\/v2\/pages\/52379"}],"wp:attachment":[{"href":"https:\/\/www.fluidra.com\/ca\/wp-json\/wp\/v2\/media?parent=52380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}