{"id":3389,"date":"2026-10-08T12:31:01","date_gmt":"2026-10-08T12:31:01","guid":{"rendered":"https:\/\/nafentbikes.com\/?page_id=3389"},"modified":"2026-10-28T12:59:39","modified_gmt":"2026-10-28T12:59:39","slug":"groupes","status":"publish","type":"page","link":"https:\/\/nafentbikes.com\/fr\/groupes\/","title":{"rendered":"Groups"},"content":{"rendered":"<h3>\n<h1 class=\"nf-team-title\">\n  Sorties \u00e0 v\u00e9lo en groupe dans l&rsquo;Empord\u00e0,<br \/>\n  la meilleure fa\u00e7on de souder <span class=\"nf-big\">une \u00e9quipe<\/span><br \/>\n<\/h1>\n<div class=\"nf-hero-actions\">\n  <a href=\"#formulari\" class=\"nf-btn nf-btn--primary\" uk-scroll=\"offset: 80\">Demander une proposition<\/a><br \/>\n  <a href=\"#serveis\" class=\"nf-btn nf-btn--ghost\" uk-scroll=\"offset: 80\">Voir les services<\/a>\n<\/div>\n<\/h3>\n<div>\n<div class=\"nf-hero\">\n<h1 class=\"nf-hero__title\">\n    Une journ\u00e9e \u00e0 v\u00e9lo<br \/>\n    <em>pour tout le groupe.<\/em><br \/>\n  <\/h1>\n<p class=\"nf-hero__lead\">\nVous pr\u00e9parez une occasion sp\u00e9ciale, une sortie entre amis ou une activit\u00e9 de team building ? Nous organisons votre balade \u00e0 v\u00e9lo dans l&rsquo;Empord\u00e0, avec des exp\u00e9riences locales et un itin\u00e9raire sur mesure.\n  <\/p>\n<div class=\"nf-hero__actions\">\n    <a href=\"#formulari\" class=\"nf-hero__btn\" uk-scroll=\"offset: 80\">Demander une proposition<\/a><br \/>\n    <a href=\"#serveis\" class=\"nf-hero__link nf-hero__link--all\" uk-scroll=\"offset: 80\">Voir les services<\/a>\n  <\/div>\n<\/div>\n<\/div>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/IMG_9058-1-scaled.jpg\" alt=\"\"><\/p>\n<div>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0&#038;icon_names=airport_shuttle,cottage,explore,hotel,local_shipping,photo_camera,restaurant,route&#038;display=block\">\n<section class=\"nf-picks\" id=\"experiences\">\n<header class=\"nf-services__header\">\n<h2 class=\"nf-services__heading\">Quel type d&rsquo;exp\u00e9rience<em> aimeriez-vous vivre ?<\/em><\/h2>\n<p class=\"nf-services__lead\">Choisissez celle qui vous pla\u00eet le plus et nous l&rsquo;ajouterons au formulaire de contact, juste en dessous.<\/p>\n<\/header>\n<div class=\"nf-carousel\" uk-slider=\"autoplay: true; autoplay-interval: 4000; pause-on-hover: true\">\n<div class=\"uk-position-relative uk-visible-toggle\" tabindex=\"-1\">\n<div class=\"uk-slider-container\">\n<ul class=\"uk-slider-items uk-child-width-1-1 uk-child-width-1-2@s uk-child-width-1-3@m uk-grid uk-grid-small\">\n<li class=\"nf-carousel__item\">\n    <label class=\"nf-carousel__card\" for=\"nf-exp-1\"><br \/>\n      <span class=\"nf-badge nf-badge--blue\">Gastronomie<\/span><br \/>\n      <img decoding=\"async\" src=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/IMG_9197-2-scaled.jpg\" alt=\"Verres de vin de l'Empord\u00e0 dans une cave locale\" loading=\"lazy\"><br \/>\n      <span class=\"nf-carousel__title\"><br \/>\n        <span class=\"nf-carousel__name\">D\u00e9gustation de vins<\/span><br \/>\n        <span class=\"nf-carousel__desc\">Vins de l&rsquo;Empord\u00e0 dans une cave locale.<\/span><br \/>\n      <\/span><br \/>\n    <\/label><br \/>\n    <label class=\"nf-add\" for=\"nf-exp-1\"><span class=\"nf-add__off\">+ Ajouter<\/span><span class=\"nf-add__on\">\u2713 Ajout\u00e9<\/span><\/label>\n  <\/li>\n<li class=\"nf-carousel__item\">\n    <label class=\"nf-carousel__card\" for=\"nf-exp-2\"><br \/>\n      <span class=\"nf-badge nf-badge--turquoise\">Paysages<\/span><br \/>\n      <img decoding=\"async\" src=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/05\/9-maig-1-scaled-e1779092317905.png\" alt=\"Rizi\u00e8res de Pals dans l'Empord\u00e0\" loading=\"lazy\"><br \/>\n      <span class=\"nf-carousel__title\"><br \/>\n        <span class=\"nf-carousel__name\">Rizi\u00e8res<\/span><br \/>\n        <span class=\"nf-carousel__desc\">Visite du moulin \u00e0 riz traditionnel de Pals.<\/span><br \/>\n      <\/span><br \/>\n    <\/label><br \/>\n    <label class=\"nf-add\" for=\"nf-exp-2\"><span class=\"nf-add__off\">+ Ajouter<\/span><span class=\"nf-add__on\">\u2713 Ajout\u00e9<\/span><\/label>\n  <\/li>\n<li class=\"nf-carousel__item\">\n    <label class=\"nf-carousel__card\" for=\"nf-exp-3\"><br \/>\n      <span class=\"nf-badge nf-badge--yellow\">Histoire<\/span><br \/>\n      <img decoding=\"async\" src=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/nafent_bikes_ruta_calle.webp\" alt=\"Ruelle en pierre d'un village m\u00e9di\u00e9val de l'Empord\u00e0\" loading=\"lazy\"><br \/>\n      <span class=\"nf-carousel__title\"><br \/>\n        <span class=\"nf-carousel__name\">Villages m\u00e9di\u00e9vaux<\/span><br \/>\n        <span class=\"nf-carousel__desc\">Pals, Peratallada : histoire et ruelles en pierre.<\/span><br \/>\n      <\/span><br \/>\n    <\/label><br \/>\n    <label class=\"nf-add\" for=\"nf-exp-3\"><span class=\"nf-add__off\">+ Ajouter<\/span><span class=\"nf-add__on\">\u2713 Ajout\u00e9<\/span><\/label>\n  <\/li>\n<li class=\"nf-carousel__item\">\n    <label class=\"nf-carousel__card\" for=\"nf-exp-4\"><br \/>\n      <span class=\"nf-badge nf-badge--blue\">Pour bien commencer la journ\u00e9e<\/span><br \/>\n      <img decoding=\"async\" src=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/DSC7659-scaled-1.jpg\" alt=\"Petit-d\u00e9jeuner \u00e0 l'huile d'olive de l'Empord\u00e0 parmi les oliviers\" loading=\"lazy\"><br \/>\n      <span class=\"nf-carousel__title\"><br \/>\n        <span class=\"nf-carousel__name\">D\u00e9gustation d&rsquo;huile d&rsquo;olive<\/span><br \/>\n        <span class=\"nf-carousel__desc\">Huile d&rsquo;olive de l&rsquo;Empord\u00e0 et petit-d\u00e9jeuner parmi les oliviers.<\/span><br \/>\n      <\/span><br \/>\n    <\/label><br \/>\n    <label class=\"nf-add\" for=\"nf-exp-4\"><span class=\"nf-add__off\">+ Ajouter<\/span><span class=\"nf-add__on\">\u2713 Ajout\u00e9<\/span><\/label>\n  <\/li>\n<li class=\"nf-carousel__item\">\n    <label class=\"nf-carousel__card\" for=\"nf-exp-5\"><br \/>\n      <span class=\"nf-badge nf-badge--turquoise\">Pour d\u00e9connecter<\/span><br \/>\n      <img decoding=\"async\" src=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/nafent-bikes-observacio-aus-emporda.webp\" alt=\"Aigrettes garzettes et canards dans les zones humides de l'Empord\u00e0\" loading=\"lazy\"><br \/>\n      <span class=\"nf-carousel__title\"><br \/>\n        <span class=\"nf-carousel__name\">Marais<\/span><br \/>\n        <span class=\"nf-carousel__desc\">Observez la faune et la flore avec un guide sp\u00e9cialis\u00e9.<\/span><br \/>\n      <\/span><br \/>\n    <\/label><br \/>\n    <label class=\"nf-add\" for=\"nf-exp-5\"><span class=\"nf-add__off\">+ Ajouter<\/span><span class=\"nf-add__on\">\u2713 Ajout\u00e9<\/span><\/label>\n  <\/li>\n<li class=\"nf-carousel__item\">\n    <label class=\"nf-carousel__card\" for=\"nf-exp-6\"><br \/>\n      <span class=\"nf-badge nf-badge--yellow\">Pour finir la journ\u00e9e<\/span><br \/>\n      <img decoding=\"async\" src=\"https:\/\/media.traveler.es\/photos\/68553a231428125f7532925b\/master\/w_1600%2Cc_limit\/_Mireia-Farran.jpg\" alt=\"Hu\u00eetres et vin face \u00e0 la mer\" loading=\"lazy\"><br \/>\n      <span class=\"nf-carousel__title\"><br \/>\n        <span class=\"nf-carousel__name\">Hu\u00eetres sur la plage<\/span><br \/>\n        <span class=\"nf-carousel__desc\">Accord hu\u00eetres et vins face \u00e0 la mer pour finir la journ\u00e9e en beaut\u00e9.<\/span><br \/>\n      <\/span><br \/>\n    <\/label><br \/>\n    <label class=\"nf-add\" for=\"nf-exp-6\"><span class=\"nf-add__off\">+ Ajouter<\/span><span class=\"nf-add__on\">\u2713 Ajout\u00e9<\/span><\/label>\n  <\/li>\n<\/ul><\/div>\n<p>      <a class=\"nf-carousel__nav uk-position-center-left uk-position-small uk-hidden-hover\" href=\"#\" uk-slidenav-previous uk-slider-item=\"previous\" aria-label=\"Pr\u00e9c\u00e9dent\"><\/a><br \/>\n      <a class=\"nf-carousel__nav uk-position-center-right uk-position-small uk-hidden-hover\" href=\"#\" uk-slidenav-next uk-slider-item=\"next\" aria-label=\"Suivant\"><\/a>\n    <\/div>\n<ul class=\"uk-slider-nav uk-dotnav uk-flex-center uk-margin-top\"><\/ul>\n<\/p><\/div>\n<\/section>\n<section class=\"nf-services\" id=\"serveis\">\n<header class=\"nf-services__header\">\n<h2 class=\"nf-services__heading--service\">Vous p\u00e9dalez, <em>on s&rsquo;occupe du reste<\/em><\/h2>\n<p class=\"nf-services__lead--service\">Compl\u00e9tez votre sortie avec les services dont vous avez besoin. Choisissez ce que vous souhaitez ajouter et nous nous chargeons de tout organiser.<\/p>\n<\/header>\n<div class=\"nf-services__grid\">\n<div class=\"nf-service\">\n      <label class=\"nf-add nf-add--inline\" for=\"nf-srv-1\" aria-label=\"Ajouter le transport\"><span class=\"nf-add__off\">+<\/span><span class=\"nf-add__on\">\u2713<\/span><\/label><br \/>\n      <span class=\"nf-service__icon material-symbols-rounded\" aria-hidden=\"true\">airport_shuttle<\/span><\/p>\n<h3 class=\"nf-service__title\">Transport<\/h3>\n<p class=\"nf-service__text\">Nous vous emmenons o\u00f9 vous voulez et vous ramenons.<\/p>\n<\/p><\/div>\n<div class=\"nf-service\">\n      <label class=\"nf-add nf-add--inline\" for=\"nf-srv-2\" aria-label=\"Ajouter la prise en charge \u00e0 l'h\u00f4tel\"><span class=\"nf-add__off\">+<\/span><span class=\"nf-add__on\">\u2713<\/span><\/label><br \/>\n      <span class=\"nf-service__icon material-symbols-rounded\" aria-hidden=\"true\">hotel<\/span><\/p>\n<h3 class=\"nf-service__title\">Prise en charge \u00e0 l&rsquo;h\u00f4tel<\/h3>\n<p class=\"nf-service__text\">Nous venons vous chercher.<\/p>\n<\/p><\/div>\n<div class=\"nf-service\">\n      <label class=\"nf-add nf-add--inline\" for=\"nf-srv-3\" aria-label=\"Ajouter un guide local\"><span class=\"nf-add__off\">+<\/span><span class=\"nf-add__on\">\u2713<\/span><\/label><br \/>\n      <span class=\"nf-service__icon material-symbols-rounded\" aria-hidden=\"true\">explore<\/span><\/p>\n<h3 class=\"nf-service__title\">Guide local<\/h3>\n<p class=\"nf-service__text\">Quelqu&rsquo;un d&rsquo;ici, qui conna\u00eet chaque recoin.<\/p>\n<\/p><\/div>\n<div class=\"nf-service\">\n      <label class=\"nf-add nf-add--inline\" for=\"nf-srv-4\" aria-label=\"Ajouter l'h\u00e9bergement\"><span class=\"nf-add__off\">+<\/span><span class=\"nf-add__on\">\u2713<\/span><\/label><br \/>\n      <span class=\"nf-service__icon material-symbols-rounded\" aria-hidden=\"true\">cottage<\/span><\/p>\n<h3 class=\"nf-service__title\">H\u00e9bergement<\/h3>\n<p class=\"nf-service__text\">Nous vous aidons \u00e0 trouver o\u00f9 dormir.<\/p>\n<\/p><\/div>\n<div class=\"nf-service\">\n      <label class=\"nf-add nf-add--inline\" for=\"nf-srv-5\" aria-label=\"Ajouter un v\u00e9hicule d'assistance\"><span class=\"nf-add__off\">+<\/span><span class=\"nf-add__on\">\u2713<\/span><\/label><br \/>\n      <span class=\"nf-service__icon material-symbols-rounded\" aria-hidden=\"true\">local_shipping<\/span><\/p>\n<h3 class=\"nf-service__title\">V\u00e9hicule d&rsquo;assistance<\/h3>\n<p class=\"nf-service__text\">Nous vous accompagnons tout au long du parcours.<\/p>\n<\/p><\/div>\n<div class=\"nf-service\">\n      <label class=\"nf-add nf-add--inline\" for=\"nf-srv-6\" aria-label=\"Ajouter le repas\"><span class=\"nf-add__off\">+<\/span><span class=\"nf-add__on\">\u2713<\/span><\/label><br \/>\n      <span class=\"nf-service__icon material-symbols-rounded\" aria-hidden=\"true\">restaurant<\/span><\/p>\n<h3 class=\"nf-service__title\">Repas<\/h3>\n<p class=\"nf-service__text\">Nous organisons le d\u00e9jeuner ou de quoi grignoter.<\/p>\n<\/p><\/div>\n<div class=\"nf-service\">\n      <label class=\"nf-add nf-add--inline\" for=\"nf-srv-7\" aria-label=\"Ajouter un itin\u00e9raire sur mesure\"><span class=\"nf-add__off\">+<\/span><span class=\"nf-add__on\">\u2713<\/span><\/label><br \/>\n      <span class=\"nf-service__icon material-symbols-rounded\" aria-hidden=\"true\">route<\/span><\/p>\n<h3 class=\"nf-service__title\">Itin\u00e9raires sur mesure<\/h3>\n<p class=\"nf-service__text\">Un parcours pens\u00e9 pour vous.<\/p>\n<\/p><\/div>\n<div class=\"nf-service\">\n      <label class=\"nf-add nf-add--inline\" for=\"nf-srv-8\" aria-label=\"Ajouter un photographe\"><span class=\"nf-add__off\">+<\/span><span class=\"nf-add__on\">\u2713<\/span><\/label><br \/>\n      <span class=\"nf-service__icon material-symbols-rounded\" aria-hidden=\"true\">photo_camera<\/span><\/p>\n<h3 class=\"nf-service__title\">Photographe<\/h3>\n<p class=\"nf-service__text\">Le souvenir de la journ\u00e9e.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<style>\n  \/* Toda la card marca\/desmarca la experiencia *\/\n  .nf-carousel__card { cursor: pointer; user-select: none; }<\/p>\n<p>  \/* Bot\u00f3n en verde y texto blanco *\/\n  body:has(#nf-exp-1:checked) .nf-add[for=\"nf-exp-1\"],\n  body:has(#nf-exp-2:checked) .nf-add[for=\"nf-exp-2\"],\n  body:has(#nf-exp-3:checked) .nf-add[for=\"nf-exp-3\"],\n  body:has(#nf-exp-4:checked) .nf-add[for=\"nf-exp-4\"],\n  body:has(#nf-exp-5:checked) .nf-add[for=\"nf-exp-5\"],\n  body:has(#nf-exp-6:checked) .nf-add[for=\"nf-exp-6\"],\n  body:has(#nf-srv-1:checked) .nf-add[for=\"nf-srv-1\"],\n  body:has(#nf-srv-2:checked) .nf-add[for=\"nf-srv-2\"],\n  body:has(#nf-srv-3:checked) .nf-add[for=\"nf-srv-3\"],\n  body:has(#nf-srv-4:checked) .nf-add[for=\"nf-srv-4\"],\n  body:has(#nf-srv-5:checked) .nf-add[for=\"nf-srv-5\"],\n  body:has(#nf-srv-6:checked) .nf-add[for=\"nf-srv-6\"],\n  body:has(#nf-srv-7:checked) .nf-add[for=\"nf-srv-7\"],\n  body:has(#nf-srv-8:checked) .nf-add[for=\"nf-srv-8\"] {\n    background: #78bd75;\n    color: #fff;\n  }<\/p>\n<p>  \/* Oculta \"+\" *\/\n  body:has(#nf-exp-1:checked) .nf-add[for=\"nf-exp-1\"] .nf-add__off,\n  body:has(#nf-exp-2:checked) .nf-add[for=\"nf-exp-2\"] .nf-add__off,\n  body:has(#nf-exp-3:checked) .nf-add[for=\"nf-exp-3\"] .nf-add__off,\n  body:has(#nf-exp-4:checked) .nf-add[for=\"nf-exp-4\"] .nf-add__off,\n  body:has(#nf-exp-5:checked) .nf-add[for=\"nf-exp-5\"] .nf-add__off,\n  body:has(#nf-exp-6:checked) .nf-add[for=\"nf-exp-6\"] .nf-add__off,\n  body:has(#nf-srv-1:checked) .nf-add[for=\"nf-srv-1\"] .nf-add__off,\n  body:has(#nf-srv-2:checked) .nf-add[for=\"nf-srv-2\"] .nf-add__off,\n  body:has(#nf-srv-3:checked) .nf-add[for=\"nf-srv-3\"] .nf-add__off,\n  body:has(#nf-srv-4:checked) .nf-add[for=\"nf-srv-4\"] .nf-add__off,\n  body:has(#nf-srv-5:checked) .nf-add[for=\"nf-srv-5\"] .nf-add__off,\n  body:has(#nf-srv-6:checked) .nf-add[for=\"nf-srv-6\"] .nf-add__off,\n  body:has(#nf-srv-7:checked) .nf-add[for=\"nf-srv-7\"] .nf-add__off,\n  body:has(#nf-srv-8:checked) .nf-add[for=\"nf-srv-8\"] .nf-add__off {\n    display: none;\n  }<\/p>\n<p>  \/* Muestra \"\u2713\" *\/\n  body:has(#nf-exp-1:checked) .nf-add[for=\"nf-exp-1\"] .nf-add__on,\n  body:has(#nf-exp-2:checked) .nf-add[for=\"nf-exp-2\"] .nf-add__on,\n  body:has(#nf-exp-3:checked) .nf-add[for=\"nf-exp-3\"] .nf-add__on,\n  body:has(#nf-exp-4:checked) .nf-add[for=\"nf-exp-4\"] .nf-add__on,\n  body:has(#nf-exp-5:checked) .nf-add[for=\"nf-exp-5\"] .nf-add__on,\n  body:has(#nf-exp-6:checked) .nf-add[for=\"nf-exp-6\"] .nf-add__on,\n  body:has(#nf-srv-1:checked) .nf-add[for=\"nf-srv-1\"] .nf-add__on,\n  body:has(#nf-srv-2:checked) .nf-add[for=\"nf-srv-2\"] .nf-add__on,\n  body:has(#nf-srv-3:checked) .nf-add[for=\"nf-srv-3\"] .nf-add__on,\n  body:has(#nf-srv-4:checked) .nf-add[for=\"nf-srv-4\"] .nf-add__on,\n  body:has(#nf-srv-5:checked) .nf-add[for=\"nf-srv-5\"] .nf-add__on,\n  body:has(#nf-srv-6:checked) .nf-add[for=\"nf-srv-6\"] .nf-add__on,\n  body:has(#nf-srv-7:checked) .nf-add[for=\"nf-srv-7\"] .nf-add__on,\n  body:has(#nf-srv-8:checked) .nf-add[for=\"nf-srv-8\"] .nf-add__on {\n    display: inline;\n  }<\/p>\n<p>  \/* C\u00edrculo del icono en verde cuando el servicio est\u00e1 a\u00f1adido *\/\n  body:has(#nf-srv-1:checked) .nf-add[for=\"nf-srv-1\"] ~ .nf-service__icon,\n  body:has(#nf-srv-2:checked) .nf-add[for=\"nf-srv-2\"] ~ .nf-service__icon,\n  body:has(#nf-srv-3:checked) .nf-add[for=\"nf-srv-3\"] ~ .nf-service__icon,\n  body:has(#nf-srv-4:checked) .nf-add[for=\"nf-srv-4\"] ~ .nf-service__icon,\n  body:has(#nf-srv-5:checked) .nf-add[for=\"nf-srv-5\"] ~ .nf-service__icon,\n  body:has(#nf-srv-6:checked) .nf-add[for=\"nf-srv-6\"] ~ .nf-service__icon,\n  body:has(#nf-srv-7:checked) .nf-add[for=\"nf-srv-7\"] ~ .nf-service__icon,\n  body:has(#nf-srv-8:checked) .nf-add[for=\"nf-srv-8\"] ~ .nf-service__icon {\n    background: #78bd75;\n    color: #fff;\n  }\n<\/style>\n<\/div>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/na_fent_logo_simp.svg\" alt=\"\"><\/p>\n<div>\n<div class=\"nf-form-card nf-show-1\" id=\"formulari\">\n<div class=\"nf-form-card__intro\">\n<h2 class=\"nf-form-card__title\">Imaginez <em>votre journ\u00e9e<\/em><\/h2>\n<p class=\"nf-form-card__lead\">Dites-nous combien vous \u00eates, quand vous souhaitez venir et ce qui vous ferait plaisir. Nous vous r\u00e9pondrons avec une proposition et un prix.<\/p>\n<p class=\"nf-form-card__alt\">Si vous pr\u00e9f\u00e9rez, \u00e9crivez-nous sur <a href=\"https:\/\/wa.me\/34618827687\" target=\"_blank\" rel=\"noopener\">WhatsApp<\/a> ou \u00e0 <a href=\"mailto:info@nafentbikes.com\">info@nafentbikes.com<\/a>.<\/p>\n<\/p><\/div>\n<form class=\"nf-form\" action=\"\/wp-admin\/admin-ajax.php\" method=\"post\">\n    <input type=\"hidden\" name=\"action\" value=\"nf_empreses_form\"><br \/>\n    <!-- Antispam: invisible para personas --><br \/>\n    <input type=\"text\" name=\"nf_hp\" class=\"nf-form__hp\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\"><\/p>\n<div class=\"nf-form__field\">\n      <label for=\"nf-nom\">Nom<\/label><br \/>\n      <input id=\"nf-nom\" name=\"nom\" type=\"text\" required>\n    <\/div>\n<div class=\"nf-form__field\">\n      <label for=\"nf-correu\">E-mail<\/label><br \/>\n      <input id=\"nf-correu\" name=\"correu\" type=\"email\" required>\n    <\/div>\n<p>    <!-- Fecha --><\/p>\n<div class=\"nf-form__field nf-form__field--full nf-date\">\n<div class=\"nf-date__exact\">\n        <label for=\"nf-data\">Quel jour ?<\/label><br \/>\n        <input id=\"nf-data\" name=\"data\" type=\"date\" onclick=\"this.showPicker &#038;&#038; this.showPicker()\">\n      <\/div>\n<p>      <label class=\"nf-chip nf-date__toggle\"><br \/>\n        <input type=\"checkbox\" id=\"nf-nodate\" name=\"sense_data\" value=\"1\"><br \/>\n        <span>Nous n&rsquo;avons pas encore de date<\/span><br \/>\n      <\/label><\/p>\n<div class=\"nf-date__approx\">\n        <label for=\"nf-quan\">\u00c0 peu pr\u00e8s quand ?<\/label><br \/>\n        <input id=\"nf-quan\" name=\"quan\" type=\"text\" placeholder=\"Au printemps, fin mai, un week-end d'octobre\u2026\">\n      <\/div>\n<\/p><\/div>\n<p>    <!-- Activitats (conectadas con las cards del carrusel) --><\/p>\n<fieldset class=\"nf-form__field nf-form__field--full\">\n<legend>Activit\u00e9s<\/legend>\n<div class=\"nf-chips\">\n        <label class=\"nf-chip\"><input type=\"checkbox\" id=\"nf-exp-1\" name=\"experiencies[]\" value=\"Tast de vi\"><span>D\u00e9gustation de vins<\/span><\/label><br \/>\n        <label class=\"nf-chip\"><input type=\"checkbox\" id=\"nf-exp-2\" name=\"experiencies[]\" value=\"Arrossars\"><span>Rizi\u00e8res<\/span><\/label><br \/>\n        <label class=\"nf-chip\"><input type=\"checkbox\" id=\"nf-exp-3\" name=\"experiencies[]\" value=\"Pobles medievals\"><span>Villages m\u00e9di\u00e9vaux<\/span><\/label><br \/>\n        <label class=\"nf-chip\"><input type=\"checkbox\" id=\"nf-exp-4\" name=\"experiencies[]\" value=\"Tast d'oli\"><span>D\u00e9gustation d&rsquo;huile d&rsquo;olive<\/span><\/label><br \/>\n        <label class=\"nf-chip\"><input type=\"checkbox\" id=\"nf-exp-5\" name=\"experiencies[]\" value=\"Aiguamolls\"><span>Marais<\/span><\/label><br \/>\n        <label class=\"nf-chip\"><input type=\"checkbox\" id=\"nf-exp-6\" name=\"experiencies[]\" value=\"Ostres a la platja\"><span>Hu\u00eetres sur la plage<\/span><\/label>\n      <\/div>\n<\/fieldset>\n<p>    <!-- Serveis (conectados con los \"+\") --><\/p>\n<fieldset class=\"nf-form__field nf-form__field--full\">\n<legend>Que souhaitez-vous ajouter ?<\/legend>\n<div class=\"nf-chips\">\n        <label class=\"nf-chip\"><input type=\"checkbox\" id=\"nf-srv-1\" name=\"extres[]\" value=\"Transport\"><span>Transport<\/span><\/label><br \/>\n        <label class=\"nf-chip\"><input type=\"checkbox\" id=\"nf-srv-2\" name=\"extres[]\" value=\"Recollida a l'hotel\"><span>Prise en charge \u00e0 l&rsquo;h\u00f4tel<\/span><\/label><br \/>\n        <label class=\"nf-chip\"><input type=\"checkbox\" id=\"nf-srv-3\" name=\"extres[]\" value=\"Guia\"><span>Guide local<\/span><\/label><br \/>\n        <label class=\"nf-chip\"><input type=\"checkbox\" id=\"nf-srv-4\" name=\"extres[]\" value=\"Allotjament\"><span>H\u00e9bergement<\/span><\/label><br \/>\n        <label class=\"nf-chip\"><input type=\"checkbox\" id=\"nf-srv-5\" name=\"extres[]\" value=\"Vehicle de suport\"><span>V\u00e9hicule d&rsquo;assistance<\/span><\/label><br \/>\n        <label class=\"nf-chip\"><input type=\"checkbox\" id=\"nf-srv-6\" name=\"extres[]\" value=\"Menjar\"><span>Repas<\/span><\/label><br \/>\n        <label class=\"nf-chip\"><input type=\"checkbox\" id=\"nf-srv-7\" name=\"extres[]\" value=\"Rutes a mida\"><span>Itin\u00e9raires sur mesure<\/span><\/label><br \/>\n        <label class=\"nf-chip\"><input type=\"checkbox\" id=\"nf-srv-8\" name=\"extres[]\" value=\"Fot\u00f2graf\/a\"><span>Photographe<\/span><\/label><br \/>\n        <label class=\"nf-chip\"><input type=\"checkbox\" name=\"extres[]\" value=\"Altres\"><span>Autres<\/span><\/label>\n      <\/div>\n<\/fieldset>\n<div class=\"nf-form__field nf-form__field--full\">\n      <label for=\"nf-idea\">Racontez-nous en d\u00e9tail<\/label><br \/>\n      <textarea id=\"nf-idea\" name=\"idea\" rows=\"4\"><\/textarea>\n    <\/div>\n<p>    <!-- Mensaje tras enviar --><\/p>\n<div class=\"nf-form__field--full\">\n<div class=\"nf-form__msg nf-form__msg--ok\" role=\"status\" hidden>\n    <span class=\"nf-form__msg-icon\" aria-hidden=\"true\">\u2713<\/span><\/p>\n<div class=\"nf-form__msg-body\">\n      <strong class=\"nf-form__msg-title\">Merci !<\/strong><br \/>\n      <span class=\"nf-form__msg-text\">Nous avons bien re\u00e7u votre demande. Nous vous r\u00e9pondrons tr\u00e8s vite avec une proposition.<\/span>\n    <\/div>\n<\/p><\/div>\n<div class=\"nf-form__msg nf-form__msg--error\" role=\"alert\" hidden>\n    <span class=\"nf-form__msg-icon\" aria-hidden=\"true\">!<\/span><\/p>\n<div class=\"nf-form__msg-body\">\n      <strong class=\"nf-form__msg-title\">Le message n&rsquo;a pas pu \u00eatre envoy\u00e9<\/strong><br \/>\n      <span class=\"nf-form__msg-text\">Vous pouvez nous \u00e9crire sur WhatsApp.<\/span>\n    <\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"nf-form__field--full\">\n      <button type=\"submit\" class=\"nf-form__submit\">Envoyer<\/button>\n    <\/div>\n<\/p><\/form>\n<\/div>\n<p><script>\n(() => {\n  if (window.nfFormReady) return;\n  window.nfFormReady = true;<\/p>\n<p>  const timers = new WeakMap();<\/p>\n<p>  const show = (form, type) => {\n    form.querySelectorAll('.nf-form__msg').forEach((m) => {\n      m.hidden = true;\n      m.classList.remove('is-visible');\n    });<\/p>\n<p>    const msg = form.querySelector('.nf-form__msg--' + type);\n    if (!msg) return;<\/p>\n<p>    msg.hidden = false;\n    requestAnimationFrame(() => msg.classList.add('is-visible'));<\/p>\n<p>    clearTimeout(timers.get(form));\n    timers.set(form, setTimeout(() => {\n      msg.classList.remove('is-visible');\n      msg.addEventListener('transitionend', () => { msg.hidden = true; }, { once: true });\n    }, 6000));\n  };<\/p>\n<p>  document.addEventListener('submit', async (e) => {\n    const form = e.target.closest('.nf-form');\n    if (!form) return;\n    e.preventDefault();<\/p>\n<p>    const button = form.querySelector('.nf-form__submit');\n    const label = button.textContent;\n    button.disabled = true;\n    button.textContent = 'Envoi\u2026';<\/p>\n<p>    try {\n      const data = new FormData(form);\n      data.append('ajax', '1');<\/p>\n<p>      \/\/ getAttribute: form.action devolver\u00eda el <input name=\"action\">\n      const res  = await fetch(form.getAttribute('action'), { method: 'POST', body: data, credentials: 'same-origin' });\n      const text = await res.text();\n      const ok   = res.ok && text.includes('\"success\":true');<\/p>\n<p>      if (ok) {\n        form.reset();\n        show(form, 'ok');\n      } else {\n        console.warn('Formulari Na Fent, resposta inesperada:', text);\n        show(form, 'error');\n      }\n    } catch (err) {\n      console.error('Formulari Na Fent:', err);\n      show(form, 'error');\n    } finally {\n      button.disabled = false;\n      button.textContent = label;\n    }\n  });\n})();\n<\/script>\n<\/div>\n<div>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Caveat:wght@500&#038;display=swap\">\n<section class=\"nf-trust\">\n<figure class=\"nf-quote\">\n    <\/p>\n<div class=\"nf-polaroids\" uk-lightbox=\"animation: fade\">\n      <a class=\"nf-polaroid\" href=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/grup-bicicletes-masia-emporda.webp\" data-caption=\"Ready to ride\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/grup-bicicletes-masia-emporda.webp\" alt=\"Group preparing their bikes in front of a traditional Empord\u00e0 farmhouse\" loading=\"lazy\"><br \/>\n        <span class=\"nf-polaroid__caption\">Ready to ride<\/span><br \/>\n      <\/a><br \/>\n      <a class=\"nf-polaroid\" href=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/ciclistes-ruta-pins-emporda.webp\" data-caption=\"Through the pines\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/ciclistes-ruta-pins-emporda.webp\" alt=\"Smiling cyclists riding along a pine-lined path in the Empord\u00e0\" loading=\"lazy\"><br \/>\n        <span class=\"nf-polaroid__caption\">Through the pines<\/span><br \/>\n      <\/a><br \/>\n      <a class=\"nf-polaroid\" href=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/guia-grup-bicicletes-emporda.webp\" data-caption=\"Our local guides\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/guia-grup-bicicletes-emporda.webp\" alt=\"Na Fent guide briefing the group before the ride\" loading=\"lazy\"><br \/>\n        <span class=\"nf-polaroid__caption\">Our local guides<\/span><br \/>\n      <\/a><br \/>\n      <a class=\"nf-polaroid\" href=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/ciclista-ruta-bici-emporda.webp\" data-caption=\"Pure joy\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/ciclista-ruta-bici-emporda.webp\" alt=\"Cyclist waving during a bike tour in the Empord\u00e0\" loading=\"lazy\"><br \/>\n        <span class=\"nf-polaroid__caption\">Pure joy<\/span><br \/>\n      <\/a><br \/>\n      <a class=\"nf-polaroid\" href=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/ruta-bici-castell-montgri.webp\" data-caption=\"Towards Montgr\u00ed\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/ruta-bici-castell-montgri.webp\" alt=\"Group cycling towards Montgr\u00ed Castle\" loading=\"lazy\"><br \/>\n        <span class=\"nf-polaroid__caption\">Towards Montgr\u00ed<\/span><br \/>\n      <\/a>\n    <\/div>\n<\/figure>\n<\/section>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"animation\":\"fade\",\"animation_delay\":\"200\",\"css\":\"\/* T\u00edtulo *\/\\n.el-section .nf-team-title {\\n  margin: 0;\\n  line-height: 1;\\n}\\n\\n.el-section .nf-big {\\n  font-family: SchotisText-Bookitalic, Georgia, serif;\\n  font-size: 7rem;\\n  font-weight: 400;\\n  line-height: 1;\\n}\\n\\n\/* Botones *\/\\n.el-section .nf-hero-actions {\\n  display: flex;\\n  flex-wrap: wrap;\\n  gap: 12px;\\n  margin-top: 32px;\\n}\\n\\n.el-section .nf-btn {\\n  box-sizing: border-box;   \/* el padding y el borde no suman al ancho *\/\\n  display: inline-flex;\\n  align-items: center;\\n  justify-content: center;\\n  max-width: 100%;\\n  height: 52px;\\n  padding: 0 28px;\\n  border-radius: 999px;\\n  font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n  font-size: 15px;\\n  font-weight: 700;\\n  letter-spacing: .02em;\\n  text-decoration: none;\\n  transition: background-color .3s ease, color .3s ease, border-color .3s ease, transform .3s cubic-bezier(.22,1,.36,1);\\n}\\n\\n.el-section .nf-btn--primary {\\n  background: #78bd75;\\n  color: #000;\\n  border: 2px solid #78bd75;\\n}\\n.el-section .nf-btn--primary::after {\\n  content: \\\"\u2192\\\";\\n  margin-left: 8px;\\n  transition: transform .3s cubic-bezier(.22,1,.36,1);\\n}\\n\\n.el-section .nf-btn--ghost {\\n  background: rgba(255,255,255,.88);\\n  -webkit-backdrop-filter: blur(8px);\\n  backdrop-filter: blur(8px);\\n  color: #000;\\n  border: 2px solid #fff;\\n}\\n\\n@media (hover: hover) {\\n  .el-section .nf-btn--ghost:hover {\\n    background: #000;\\n    color: #fff;\\n    border-color: #000;\\n  }\\n}\\n\\n@media (hover: hover) {\\n  .el-section .nf-btn:hover { transform: translateY(-2px); text-decoration: none; }\\n  .el-section .nf-btn--primary:hover { background: #6aaf67; border-color: #6aaf67; color: #000; }\\n  .el-section .nf-btn--primary:hover::after { transform: translateX(4px); }\\n  .el-section .nf-btn--ghost:hover { background: #000; color: #fff; border-color: #000; }\\n}\\n\\n\/* Toda la cadena hasta los botones ocupa la altura de la secci\u00f3n *\/\\n.el-section,\\n.el-section :has(.nf-hero-actions) {\\n  display: flex;\\n  flex-direction: column;\\n  flex: 1 1 auto;\\n}\\n\\n\/* Los botones al fondo *\/\\n.el-section .nf-hero-actions {\\n  margin-top: auto;\\n  padding-top: 32px; \/* separaci\u00f3n m\u00ednima con el t\u00edtulo *\/\\n}\\n\\n\/* M\u00f3vil *\/\\n@media (max-width: 767px) {\\n  .el-section .nf-big { font-size: 3.5rem; }\\n  .el-section .nf-hero-actions { flex-direction: column; }\\n  .el-section .nf-btn { width: 100%; }\\n}\\n@media (min-width: 960px) {\\n  .el-section { display: none !important; }\\n}\",\"header_transparent\":true,\"height\":\"viewport\",\"image\":\"wp-content\/uploads\/2026\/10\/po-scaled.jpg\",\"image_loading\":true,\"image_position\":\"center-center\",\"image_size\":\"cover\",\"style\":\"primary\",\"text_color\":\"light\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"animation\":\"slide-top-small\",\"content\":\"\n\n<h1 class=\\\"nf-team-title\\\">\\n  Sorties \u00e0 v\u00e9lo en groupe dans l'Empord\u00e0,\\n  la meilleure fa\u00e7on de souder <span class=\\\"nf-big\\\">une \u00e9quipe<\/span>\\n<\/h1>\n\n\\n\n\n<div class=\\\"nf-hero-actions\\\">\\n  <a href=\\\"#formulari\\\" class=\\\"nf-btn nf-btn--primary\\\" uk-scroll=\\\"offset: 80\\\">Demander une proposition<\/a>\\n  <a href=\\\"#serveis\\\" class=\\\"nf-btn nf-btn--ghost\\\" uk-scroll=\\\"offset: 80\\\">Voir les services<\/a>\\n<\/div>\n\n\\n\\n\",\"css\":\"\\n.el-section .nf-hero-actions {\\n  display: flex;\\n  flex-wrap: wrap;\\n  gap: 12px;\\n  margin-top: 32px;\\n}\\n\\n.el-section .nf-btn {\\n  display: inline-flex;\\n  align-items: center;\\n  justify-content: center;\\n  height: 52px;\\n  padding: 0 28px;\\n  border-radius: 999px;\\n  font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n  font-size: 15px;\\n  font-weight: 700;\\n  letter-spacing: .02em;\\n  text-decoration: none;\\n  transition: background-color .3s ease, color .3s ease, border-color .3s ease, transform .3s cubic-bezier(.22,1,.36,1);\\n}\\n\\n.el-section .nf-btn--primary {\\n  background: #78bd75;\\n  color: #000;\\n  border: 2px solid #78bd75;\\n}\\n.el-section .nf-btn--primary::after {\\n  content: \\\"\u2192\\\";\\n  margin-left: 8px;\\n  transition: transform .3s cubic-bezier(.22,1,.36,1);\\n}\\n\\n.el-section .nf-btn--ghost {\\n  background: transparent;\\n  color: #000;\\n  border: 2px solid #000;\\n}\\n\\n@media (hover: hover) {\\n  .el-section .nf-btn:hover { transform: translateY(-2px); text-decoration: none; }\\n  .el-section .nf-btn--primary:hover { background: #6aaf67; border-color: #6aaf67; color: #000; }\\n  .el-section .nf-btn--primary:hover::after { transform: translateX(4px); }\\n  .el-section .nf-btn--ghost:hover { background: #000; color: #fff; }\\n}\\n\\n@media (max-width: 767px) {\\n  .el-section .nf-hero-actions { flex-direction: column; }\\n  .el-section .nf-btn { width: 100%; }\\n}\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"margin_bottom\":\"auto\",\"margin_top\":\"remove\",\"text_align\":\"right\",\"title_element\":\"h3\",\"title_font_family\":\"default\"}}]}]}]},{\"type\":\"section\",\"props\":{\"css\":\"@media (max-width: 959px) {\\n  .el-section { display: none !important; }\\n}\",\"image_position\":\"center-center\",\"padding_bottom\":\"none\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"props\":{\"column_gap\":\"small\",\"layout\":\"3-5,2-5\",\"margin_top\":\"default\",\"row_gap\":\"large\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"3-5\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<div class=\\\"nf-hero\\\">\\n  \n\n<h1 class=\\\"nf-hero__title\\\">\\n    Une journ\u00e9e \u00e0 v\u00e9lo<br \/>\\n    <em>pour tout le groupe.<\/em>\\n  <\/h1>\n\n\\n\\n  \n\n<p class=\\\"nf-hero__lead\\\">\\nVous pr\u00e9parez une occasion sp\u00e9ciale, une sortie entre amis ou une activit\u00e9 de team building ? Nous organisons votre balade \u00e0 v\u00e9lo dans l'Empord\u00e0, avec des exp\u00e9riences locales et un itin\u00e9raire sur mesure.\\n  <\/p>\n\n\\n\\n  \n\n<div class=\\\"nf-hero__actions\\\">\\n    <a href=\\\"#formulari\\\" class=\\\"nf-hero__btn\\\" uk-scroll=\\\"offset: 80\\\">Demander une proposition<\/a>\\n    <a href=\\\"#serveis\\\" class=\\\"nf-hero__link nf-hero__link--all\\\" uk-scroll=\\\"offset: 80\\\">Voir les services<\/a>\\n  <\/div>\n\n\\n<\/div>\n\n\",\"css\":\".el-section .nf-hero__title {\\n  margin: 0 0 28px;\\n  font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n  font-size: clamp(2.75rem, 5.5vw, 5rem);\\n  font-weight: 400;\\n  line-height: 1.05;\\n  letter-spacing: -.02em;\\n  color: #111;\\n}\\n\\n.el-section .nf-hero__title em {\\n  font-family: SchotisText-Bookitalic, Georgia, serif;\\n  font-weight: 400;\\n  letter-spacing: -.01em;\\n}\\n\\n.el-section .nf-hero__title,\\n.el-section .nf-hero__title em,\\n.el-section .nf-hero__lead,\\n.el-section .nf-hero__btn,\\n.el-section .nf-hero__link {\\n  text-transform: none;\\n}\\n\\n.el-section .nf-hero__lead {\\n  max-width: 480px;\\n  margin: 0 0 36px;\\n  font-size: 1.2rem;\\n  line-height: 1.65;\\n  color: #444;\\n}\\n\\n.el-section .nf-hero__actions {\\n  display: flex;\\n  flex-wrap: wrap;\\n  align-items: center;\\n  gap: 16px 36px;\\n}\\n\\n\/* Bot\u00f3n principal *\/\\n.el-section .nf-hero__btn {\\n  display: inline-flex;\\n  align-items: center;\\n  justify-content: center;\\n  height: 64px;\\n  padding: 0 36px;\\n  border-radius: 999px;\\n  background: #78bd75;\\n  color: #000;\\n  font-size: 17px;\\n  font-weight: 700;\\n  text-decoration: none;\\n  transition: background-color .3s ease, transform .3s cubic-bezier(.22,1,.36,1);\\n}\\n\\n\/* Enlace secundario subrayado *\/\\n.el-section .nf-hero__link {\\n  position: relative;\\n  padding-bottom: 4px;\\n  color: #000;\\n  font-size: 17px;\\n  font-weight: 700;\\n  text-decoration: none;\\n}\\n.el-section .nf-hero__link::after {\\n  content: \\\"\\\";\\n  position: absolute;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  height: 1.5px;\\n  background: currentColor;\\n  transform-origin: left;\\n  transition: transform .4s cubic-bezier(.22,1,.36,1);\\n}\\n\\n@media (hover: hover) {\\n  .el-section .nf-hero__btn:hover {\\n    background: #6aaf67;\\n    color: #000;\\n    transform: translateY(-2px);\\n  }\\n  .el-section .nf-hero__link:hover { color: #000; }\\n  .el-section .nf-hero__link:hover::after {\\n    transform: scaleX(.4);\\n  }\\n}\\n\\n\/* M\u00f3vil *\/\\n@media (max-width: 767px) {\\n  .el-section .nf-hero__lead { font-size: 1.05rem; }\\n  .el-section .nf-hero__btn { width: 100%; height: 56px; }\\n}\\n@media (max-width: 767px) {\\n  .el-section .nf-hero__link--all {\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    width: 100%;\\n    height: 56px;\\n    padding: 0;\\n    border: 2px solid #000;\\n    border-radius: 999px;\\n  }\\n\\n  .el-section .nf-hero__link--all::after {\\n    display: none;\\n  }\\n}\\n\",\"maxwidth\":\"xlarge\",\"text_align\":\"left\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"2-5\"},\"children\":[{\"type\":\"image\",\"props\":{\"container_padding_remove\":true,\"height_expand\":false,\"height_viewport\":false,\"image\":\"wp-content\/uploads\/2026\/10\/IMG_9058-1-scaled.jpg\",\"image_border\":\"rounded\",\"image_height\":600,\"image_svg_color\":\"emphasis\",\"margin_bottom\":\"default\",\"margin_top\":\"default\"}}]}]}]},{\"type\":\"section\",\"props\":{\"class\":\".mobile-hidden\",\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<link rel=\\\"stylesheet\\\" href=\\\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=airport_shuttle,cottage,explore,hotel,local_shipping,photo_camera,restaurant,route&display=block\\\">\\n\\n\n\n<section class=\\\"nf-picks\\\" id=\\\"experiences\\\">\\n  \n\n<header class=\\\"nf-services__header\\\">\\n    \n\n<h2 class=\\\"nf-services__heading\\\">Quel type d'exp\u00e9rience<em> aimeriez-vous vivre ?<\/em><\/h2>\n\n\\n    \n\n<p class=\\\"nf-services__lead\\\">Choisissez celle qui vous pla\u00eet le plus et nous l'ajouterons au formulaire de contact, juste en dessous.<\/p>\n\n\\n  <\/header>\n\n\\n\\n  \n\n<div class=\\\"nf-carousel\\\" uk-slider=\\\"autoplay: true; autoplay-interval: 4000; pause-on-hover: true\\\">\\n    \n\n<div class=\\\"uk-position-relative uk-visible-toggle\\\" tabindex=\\\"-1\\\">\\n      \n\n<div class=\\\"uk-slider-container\\\">\\n        \n\n<ul class=\\\"uk-slider-items uk-child-width-1-1 uk-child-width-1-2@s uk-child-width-1-3@m uk-grid uk-grid-small\\\">\\n\\n  \n\n<li class=\\\"nf-carousel__item\\\">\\n    <label class=\\\"nf-carousel__card\\\" for=\\\"nf-exp-1\\\">\\n      <span class=\\\"nf-badge nf-badge--blue\\\">Gastronomie<\/span>\\n      <img src=\\\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/IMG_9197-2-scaled.jpg\\\" alt=\\\"Verres de vin de l'Empord\u00e0 dans une cave locale\\\" loading=\\\"lazy\\\">\\n      <span class=\\\"nf-carousel__title\\\">\\n        <span class=\\\"nf-carousel__name\\\">D\u00e9gustation de vins<\/span>\\n        <span class=\\\"nf-carousel__desc\\\">Vins de l'Empord\u00e0 dans une cave locale.<\/span>\\n      <\/span>\\n    <\/label>\\n    <label class=\\\"nf-add\\\" for=\\\"nf-exp-1\\\"><span class=\\\"nf-add__off\\\">+ Ajouter<\/span><span class=\\\"nf-add__on\\\">\u2713 Ajout\u00e9<\/span><\/label>\\n  <\/li>\n\n\\n\\n  \n\n<li class=\\\"nf-carousel__item\\\">\\n    <label class=\\\"nf-carousel__card\\\" for=\\\"nf-exp-2\\\">\\n      <span class=\\\"nf-badge nf-badge--turquoise\\\">Paysages<\/span>\\n      <img src=\\\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/05\/9-maig-1-scaled-e1779092317905.png\\\" alt=\\\"Rizi\u00e8res de Pals dans l'Empord\u00e0\\\" loading=\\\"lazy\\\">\\n      <span class=\\\"nf-carousel__title\\\">\\n        <span class=\\\"nf-carousel__name\\\">Rizi\u00e8res<\/span>\\n        <span class=\\\"nf-carousel__desc\\\">Visite du moulin \u00e0 riz traditionnel de Pals.<\/span>\\n      <\/span>\\n    <\/label>\\n    <label class=\\\"nf-add\\\" for=\\\"nf-exp-2\\\"><span class=\\\"nf-add__off\\\">+ Ajouter<\/span><span class=\\\"nf-add__on\\\">\u2713 Ajout\u00e9<\/span><\/label>\\n  <\/li>\n\n\\n\\n  \n\n<li class=\\\"nf-carousel__item\\\">\\n    <label class=\\\"nf-carousel__card\\\" for=\\\"nf-exp-3\\\">\\n      <span class=\\\"nf-badge nf-badge--yellow\\\">Histoire<\/span>\\n      <img src=\\\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/nafent_bikes_ruta_calle.webp\\\" alt=\\\"Ruelle en pierre d'un village m\u00e9di\u00e9val de l'Empord\u00e0\\\" loading=\\\"lazy\\\">\\n      <span class=\\\"nf-carousel__title\\\">\\n        <span class=\\\"nf-carousel__name\\\">Villages m\u00e9di\u00e9vaux<\/span>\\n        <span class=\\\"nf-carousel__desc\\\">Pals, Peratallada : histoire et ruelles en pierre.<\/span>\\n      <\/span>\\n    <\/label>\\n    <label class=\\\"nf-add\\\" for=\\\"nf-exp-3\\\"><span class=\\\"nf-add__off\\\">+ Ajouter<\/span><span class=\\\"nf-add__on\\\">\u2713 Ajout\u00e9<\/span><\/label>\\n  <\/li>\n\n\\n\\n  \n\n<li class=\\\"nf-carousel__item\\\">\\n    <label class=\\\"nf-carousel__card\\\" for=\\\"nf-exp-4\\\">\\n      <span class=\\\"nf-badge nf-badge--blue\\\">Pour bien commencer la journ\u00e9e<\/span>\\n      <img src=\\\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/DSC7659-scaled-1.jpg\\\" alt=\\\"Petit-d\u00e9jeuner \u00e0 l'huile d'olive de l'Empord\u00e0 parmi les oliviers\\\" loading=\\\"lazy\\\">\\n      <span class=\\\"nf-carousel__title\\\">\\n        <span class=\\\"nf-carousel__name\\\">D\u00e9gustation d'huile d'olive<\/span>\\n        <span class=\\\"nf-carousel__desc\\\">Huile d'olive de l'Empord\u00e0 et petit-d\u00e9jeuner parmi les oliviers.<\/span>\\n      <\/span>\\n    <\/label>\\n    <label class=\\\"nf-add\\\" for=\\\"nf-exp-4\\\"><span class=\\\"nf-add__off\\\">+ Ajouter<\/span><span class=\\\"nf-add__on\\\">\u2713 Ajout\u00e9<\/span><\/label>\\n  <\/li>\n\n\\n\\n  \n\n<li class=\\\"nf-carousel__item\\\">\\n    <label class=\\\"nf-carousel__card\\\" for=\\\"nf-exp-5\\\">\\n      <span class=\\\"nf-badge nf-badge--turquoise\\\">Pour d\u00e9connecter<\/span>\\n      <img src=\\\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/nafent-bikes-observacio-aus-emporda.webp\\\" alt=\\\"Aigrettes garzettes et canards dans les zones humides de l'Empord\u00e0\\\" loading=\\\"lazy\\\">\\n      <span class=\\\"nf-carousel__title\\\">\\n        <span class=\\\"nf-carousel__name\\\">Marais<\/span>\\n        <span class=\\\"nf-carousel__desc\\\">Observez la faune et la flore avec un guide sp\u00e9cialis\u00e9.<\/span>\\n      <\/span>\\n    <\/label>\\n    <label class=\\\"nf-add\\\" for=\\\"nf-exp-5\\\"><span class=\\\"nf-add__off\\\">+ Ajouter<\/span><span class=\\\"nf-add__on\\\">\u2713 Ajout\u00e9<\/span><\/label>\\n  <\/li>\n\n\\n\\n  \n\n<li class=\\\"nf-carousel__item\\\">\\n    <label class=\\\"nf-carousel__card\\\" for=\\\"nf-exp-6\\\">\\n      <span class=\\\"nf-badge nf-badge--yellow\\\">Pour finir la journ\u00e9e<\/span>\\n      <img src=\\\"https:\/\/media.traveler.es\/photos\/68553a231428125f7532925b\/master\/w_1600%2Cc_limit\/_Mireia-Farran.jpg\\\" alt=\\\"Hu\u00eetres et vin face \u00e0 la mer\\\" loading=\\\"lazy\\\">\\n      <span class=\\\"nf-carousel__title\\\">\\n        <span class=\\\"nf-carousel__name\\\">Hu\u00eetres sur la plage<\/span>\\n        <span class=\\\"nf-carousel__desc\\\">Accord hu\u00eetres et vins face \u00e0 la mer pour finir la journ\u00e9e en beaut\u00e9.<\/span>\\n      <\/span>\\n    <\/label>\\n    <label class=\\\"nf-add\\\" for=\\\"nf-exp-6\\\"><span class=\\\"nf-add__off\\\">+ Ajouter<\/span><span class=\\\"nf-add__on\\\">\u2713 Ajout\u00e9<\/span><\/label>\\n  <\/li>\n\n\\n\\n<\/ul>\n\n\\n      <\/div>\n\n\\n\\n      <a class=\\\"nf-carousel__nav uk-position-center-left uk-position-small uk-hidden-hover\\\" href=\\\"#\\\" uk-slidenav-previous uk-slider-item=\\\"previous\\\" aria-label=\\\"Pr\u00e9c\u00e9dent\\\"><\/a>\\n      <a class=\\\"nf-carousel__nav uk-position-center-right uk-position-small uk-hidden-hover\\\" href=\\\"#\\\" uk-slidenav-next uk-slider-item=\\\"next\\\" aria-label=\\\"Suivant\\\"><\/a>\\n    <\/div>\n\n\\n\\n    \n\n<ul class=\\\"uk-slider-nav uk-dotnav uk-flex-center uk-margin-top\\\"><\/ul>\n\n\\n  <\/div>\n\n\\n<\/section>\n\n\\n\\n\n\n<section class=\\\"nf-services\\\" id=\\\"serveis\\\">\\n  \n\n<header class=\\\"nf-services__header\\\">\\n    \n\n<h2 class=\\\"nf-services__heading--service\\\">Vous p\u00e9dalez, <em>on s'occupe du reste<\/em><\/h2>\n\n\\n    \n\n<p class=\\\"nf-services__lead--service\\\">Compl\u00e9tez votre sortie avec les services dont vous avez besoin. Choisissez ce que vous souhaitez ajouter et nous nous chargeons de tout organiser.<\/p>\n\n\\n  <\/header>\n\n\\n\\n  \n\n<div class=\\\"nf-services__grid\\\">\\n\\n    \n\n<div class=\\\"nf-service\\\">\\n      <label class=\\\"nf-add nf-add--inline\\\" for=\\\"nf-srv-1\\\" aria-label=\\\"Ajouter le transport\\\"><span class=\\\"nf-add__off\\\">+<\/span><span class=\\\"nf-add__on\\\">\u2713<\/span><\/label>\\n      <span class=\\\"nf-service__icon material-symbols-rounded\\\" aria-hidden=\\\"true\\\">airport_shuttle<\/span>\\n      \n\n<h3 class=\\\"nf-service__title\\\">Transport<\/h3>\n\n\\n      \n\n<p class=\\\"nf-service__text\\\">Nous vous emmenons o\u00f9 vous voulez et vous ramenons.<\/p>\n\n\\n    <\/div>\n\n\\n\\n    \n\n<div class=\\\"nf-service\\\">\\n      <label class=\\\"nf-add nf-add--inline\\\" for=\\\"nf-srv-2\\\" aria-label=\\\"Ajouter la prise en charge \u00e0 l'h\u00f4tel\\\"><span class=\\\"nf-add__off\\\">+<\/span><span class=\\\"nf-add__on\\\">\u2713<\/span><\/label>\\n      <span class=\\\"nf-service__icon material-symbols-rounded\\\" aria-hidden=\\\"true\\\">hotel<\/span>\\n      \n\n<h3 class=\\\"nf-service__title\\\">Prise en charge \u00e0 l'h\u00f4tel<\/h3>\n\n\\n      \n\n<p class=\\\"nf-service__text\\\">Nous venons vous chercher.<\/p>\n\n\\n    <\/div>\n\n\\n\\n    \n\n<div class=\\\"nf-service\\\">\\n      <label class=\\\"nf-add nf-add--inline\\\" for=\\\"nf-srv-3\\\" aria-label=\\\"Ajouter un guide local\\\"><span class=\\\"nf-add__off\\\">+<\/span><span class=\\\"nf-add__on\\\">\u2713<\/span><\/label>\\n      <span class=\\\"nf-service__icon material-symbols-rounded\\\" aria-hidden=\\\"true\\\">explore<\/span>\\n      \n\n<h3 class=\\\"nf-service__title\\\">Guide local<\/h3>\n\n\\n      \n\n<p class=\\\"nf-service__text\\\">Quelqu'un d'ici, qui conna\u00eet chaque recoin.<\/p>\n\n\\n    <\/div>\n\n\\n\\n    \n\n<div class=\\\"nf-service\\\">\\n      <label class=\\\"nf-add nf-add--inline\\\" for=\\\"nf-srv-4\\\" aria-label=\\\"Ajouter l'h\u00e9bergement\\\"><span class=\\\"nf-add__off\\\">+<\/span><span class=\\\"nf-add__on\\\">\u2713<\/span><\/label>\\n      <span class=\\\"nf-service__icon material-symbols-rounded\\\" aria-hidden=\\\"true\\\">cottage<\/span>\\n      \n\n<h3 class=\\\"nf-service__title\\\">H\u00e9bergement<\/h3>\n\n\\n      \n\n<p class=\\\"nf-service__text\\\">Nous vous aidons \u00e0 trouver o\u00f9 dormir.<\/p>\n\n\\n    <\/div>\n\n\\n\\n    \n\n<div class=\\\"nf-service\\\">\\n      <label class=\\\"nf-add nf-add--inline\\\" for=\\\"nf-srv-5\\\" aria-label=\\\"Ajouter un v\u00e9hicule d'assistance\\\"><span class=\\\"nf-add__off\\\">+<\/span><span class=\\\"nf-add__on\\\">\u2713<\/span><\/label>\\n      <span class=\\\"nf-service__icon material-symbols-rounded\\\" aria-hidden=\\\"true\\\">local_shipping<\/span>\\n      \n\n<h3 class=\\\"nf-service__title\\\">V\u00e9hicule d'assistance<\/h3>\n\n\\n      \n\n<p class=\\\"nf-service__text\\\">Nous vous accompagnons tout au long du parcours.<\/p>\n\n\\n    <\/div>\n\n\\n\\n    \n\n<div class=\\\"nf-service\\\">\\n      <label class=\\\"nf-add nf-add--inline\\\" for=\\\"nf-srv-6\\\" aria-label=\\\"Ajouter le repas\\\"><span class=\\\"nf-add__off\\\">+<\/span><span class=\\\"nf-add__on\\\">\u2713<\/span><\/label>\\n      <span class=\\\"nf-service__icon material-symbols-rounded\\\" aria-hidden=\\\"true\\\">restaurant<\/span>\\n      \n\n<h3 class=\\\"nf-service__title\\\">Repas<\/h3>\n\n\\n      \n\n<p class=\\\"nf-service__text\\\">Nous organisons le d\u00e9jeuner ou de quoi grignoter.<\/p>\n\n\\n    <\/div>\n\n\\n\\n    \n\n<div class=\\\"nf-service\\\">\\n      <label class=\\\"nf-add nf-add--inline\\\" for=\\\"nf-srv-7\\\" aria-label=\\\"Ajouter un itin\u00e9raire sur mesure\\\"><span class=\\\"nf-add__off\\\">+<\/span><span class=\\\"nf-add__on\\\">\u2713<\/span><\/label>\\n      <span class=\\\"nf-service__icon material-symbols-rounded\\\" aria-hidden=\\\"true\\\">route<\/span>\\n      \n\n<h3 class=\\\"nf-service__title\\\">Itin\u00e9raires sur mesure<\/h3>\n\n\\n      \n\n<p class=\\\"nf-service__text\\\">Un parcours pens\u00e9 pour vous.<\/p>\n\n\\n    <\/div>\n\n\\n\\n    \n\n<div class=\\\"nf-service\\\">\\n      <label class=\\\"nf-add nf-add--inline\\\" for=\\\"nf-srv-8\\\" aria-label=\\\"Ajouter un photographe\\\"><span class=\\\"nf-add__off\\\">+<\/span><span class=\\\"nf-add__on\\\">\u2713<\/span><\/label>\\n      <span class=\\\"nf-service__icon material-symbols-rounded\\\" aria-hidden=\\\"true\\\">photo_camera<\/span>\\n      \n\n<h3 class=\\\"nf-service__title\\\">Photographe<\/h3>\n\n\\n      \n\n<p class=\\\"nf-service__text\\\">Le souvenir de la journ\u00e9e.<\/p>\n\n\\n    <\/div>\n\n\\n\\n  <\/div>\n\n\\n<\/section>\n\n\\n\\n\n\n<style>\\n  \/* Toda la card marca\/desmarca la experiencia *\/\\n  .nf-carousel__card { cursor: pointer; user-select: none; }\\n\\n  \/* Bot\u00f3n en verde y texto blanco *\/\\n  body:has(#nf-exp-1:checked) .nf-add[for=\\\"nf-exp-1\\\"],\\n  body:has(#nf-exp-2:checked) .nf-add[for=\\\"nf-exp-2\\\"],\\n  body:has(#nf-exp-3:checked) .nf-add[for=\\\"nf-exp-3\\\"],\\n  body:has(#nf-exp-4:checked) .nf-add[for=\\\"nf-exp-4\\\"],\\n  body:has(#nf-exp-5:checked) .nf-add[for=\\\"nf-exp-5\\\"],\\n  body:has(#nf-exp-6:checked) .nf-add[for=\\\"nf-exp-6\\\"],\\n  body:has(#nf-srv-1:checked) .nf-add[for=\\\"nf-srv-1\\\"],\\n  body:has(#nf-srv-2:checked) .nf-add[for=\\\"nf-srv-2\\\"],\\n  body:has(#nf-srv-3:checked) .nf-add[for=\\\"nf-srv-3\\\"],\\n  body:has(#nf-srv-4:checked) .nf-add[for=\\\"nf-srv-4\\\"],\\n  body:has(#nf-srv-5:checked) .nf-add[for=\\\"nf-srv-5\\\"],\\n  body:has(#nf-srv-6:checked) .nf-add[for=\\\"nf-srv-6\\\"],\\n  body:has(#nf-srv-7:checked) .nf-add[for=\\\"nf-srv-7\\\"],\\n  body:has(#nf-srv-8:checked) .nf-add[for=\\\"nf-srv-8\\\"] {\\n    background: #78bd75;\\n    color: #fff;\\n  }\\n\\n  \/* Oculta \\\"+\\\" *\/\\n  body:has(#nf-exp-1:checked) .nf-add[for=\\\"nf-exp-1\\\"] .nf-add__off,\\n  body:has(#nf-exp-2:checked) .nf-add[for=\\\"nf-exp-2\\\"] .nf-add__off,\\n  body:has(#nf-exp-3:checked) .nf-add[for=\\\"nf-exp-3\\\"] .nf-add__off,\\n  body:has(#nf-exp-4:checked) .nf-add[for=\\\"nf-exp-4\\\"] .nf-add__off,\\n  body:has(#nf-exp-5:checked) .nf-add[for=\\\"nf-exp-5\\\"] .nf-add__off,\\n  body:has(#nf-exp-6:checked) .nf-add[for=\\\"nf-exp-6\\\"] .nf-add__off,\\n  body:has(#nf-srv-1:checked) .nf-add[for=\\\"nf-srv-1\\\"] .nf-add__off,\\n  body:has(#nf-srv-2:checked) .nf-add[for=\\\"nf-srv-2\\\"] .nf-add__off,\\n  body:has(#nf-srv-3:checked) .nf-add[for=\\\"nf-srv-3\\\"] .nf-add__off,\\n  body:has(#nf-srv-4:checked) .nf-add[for=\\\"nf-srv-4\\\"] .nf-add__off,\\n  body:has(#nf-srv-5:checked) .nf-add[for=\\\"nf-srv-5\\\"] .nf-add__off,\\n  body:has(#nf-srv-6:checked) .nf-add[for=\\\"nf-srv-6\\\"] .nf-add__off,\\n  body:has(#nf-srv-7:checked) .nf-add[for=\\\"nf-srv-7\\\"] .nf-add__off,\\n  body:has(#nf-srv-8:checked) .nf-add[for=\\\"nf-srv-8\\\"] .nf-add__off {\\n    display: none;\\n  }\\n\\n  \/* Muestra \\\"\u2713\\\" *\/\\n  body:has(#nf-exp-1:checked) .nf-add[for=\\\"nf-exp-1\\\"] .nf-add__on,\\n  body:has(#nf-exp-2:checked) .nf-add[for=\\\"nf-exp-2\\\"] .nf-add__on,\\n  body:has(#nf-exp-3:checked) .nf-add[for=\\\"nf-exp-3\\\"] .nf-add__on,\\n  body:has(#nf-exp-4:checked) .nf-add[for=\\\"nf-exp-4\\\"] .nf-add__on,\\n  body:has(#nf-exp-5:checked) .nf-add[for=\\\"nf-exp-5\\\"] .nf-add__on,\\n  body:has(#nf-exp-6:checked) .nf-add[for=\\\"nf-exp-6\\\"] .nf-add__on,\\n  body:has(#nf-srv-1:checked) .nf-add[for=\\\"nf-srv-1\\\"] .nf-add__on,\\n  body:has(#nf-srv-2:checked) .nf-add[for=\\\"nf-srv-2\\\"] .nf-add__on,\\n  body:has(#nf-srv-3:checked) .nf-add[for=\\\"nf-srv-3\\\"] .nf-add__on,\\n  body:has(#nf-srv-4:checked) .nf-add[for=\\\"nf-srv-4\\\"] .nf-add__on,\\n  body:has(#nf-srv-5:checked) .nf-add[for=\\\"nf-srv-5\\\"] .nf-add__on,\\n  body:has(#nf-srv-6:checked) .nf-add[for=\\\"nf-srv-6\\\"] .nf-add__on,\\n  body:has(#nf-srv-7:checked) .nf-add[for=\\\"nf-srv-7\\\"] .nf-add__on,\\n  body:has(#nf-srv-8:checked) .nf-add[for=\\\"nf-srv-8\\\"] .nf-add__on {\\n    display: inline;\\n  }\\n\\n  \/* C\u00edrculo del icono en verde cuando el servicio est\u00e1 a\u00f1adido *\/\\n  body:has(#nf-srv-1:checked) .nf-add[for=\\\"nf-srv-1\\\"] ~ .nf-service__icon,\\n  body:has(#nf-srv-2:checked) .nf-add[for=\\\"nf-srv-2\\\"] ~ .nf-service__icon,\\n  body:has(#nf-srv-3:checked) .nf-add[for=\\\"nf-srv-3\\\"] ~ .nf-service__icon,\\n  body:has(#nf-srv-4:checked) .nf-add[for=\\\"nf-srv-4\\\"] ~ .nf-service__icon,\\n  body:has(#nf-srv-5:checked) .nf-add[for=\\\"nf-srv-5\\\"] ~ .nf-service__icon,\\n  body:has(#nf-srv-6:checked) .nf-add[for=\\\"nf-srv-6\\\"] ~ .nf-service__icon,\\n  body:has(#nf-srv-7:checked) .nf-add[for=\\\"nf-srv-7\\\"] ~ .nf-service__icon,\\n  body:has(#nf-srv-8:checked) .nf-add[for=\\\"nf-srv-8\\\"] ~ .nf-service__icon {\\n    background: #78bd75;\\n    color: #fff;\\n  }\\n<\/style>\n\n\",\"css\":\"\/* =========================================\\n   CABECERAS DE SECCI\u00d3N\\n   ========================================= *\/\\n\\n.nf-services__header {\\n  max-width: 680px;\\n  margin-bottom: 32px;\\n}\\n\\n.nf-services__heading {\\n  margin: 0 0 10px;\\n  font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n  font-size: clamp(2rem, 4vw, 3rem);\\n  font-weight: 600;\\n  line-height: .9;\\ncolor:white;\\n}\\n.nf-services__heading--service {\\n    font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\ncolor:black;\\n}\\n.nf-services__heading em {\\n  font-family: SchotisText-Bookitalic, Georgia, serif;\\n  font-size: 2.3rem;\\n  font-weight: 400;\\n    color: white;\\n}\\n.nf-services__heading--service em {\\n      font-family: SchotisText-Bookitalic, Georgia, serif;\\ncolor:black;\\n}\\n.nf-services__lead {\\n  margin: 0;\\n  font-size: 1.1rem;\\n  color: white;\\n}\\n\\n\/* =========================================\\n   CARRUSEL \\\"TRIEU LA PARADA\\\"\\n   ========================================= *\/\\n\\n\\n.nf-picks {\\n  margin-bottom: 96px;\\n  padding: 64px 0;\\n  background-color: #78bd75;\\n  box-shadow: 0 0 0 100vmax #78bd75;   \/* extiende el verde a los lados *\/\\n  clip-path: inset(0 -100vmax);        \/* pero solo a los lados, no arriba ni abajo *\/\\n}\\n\\n.nf-carousel__item {\\n  position: relative;\\n}\\n\\n.nf-carousel__card {\\n  position: relative;\\n  display: block;\\n  overflow: hidden;\\n  border-radius: 16px;\\n  color: #fff;\\n  text-decoration: none;\\n  -webkit-mask-image: -webkit-radial-gradient(white, black); \/* radio estable en Safari *\/\\n}\\n\\n\/* Cards verticales: m\u00e1s altas y finas *\/\\n.nf-carousel__card img {\\n  display: block;\\n  width: 100%;\\n  aspect-ratio: 3 \/ 4;\\n  object-fit: cover;\\n  transition: transform 1.2s cubic-bezier(.22,1,.36,1);\\n}\\n\\n\/* Degradado de abajo a arriba para leer el texto *\/\\n.nf-carousel__card::after {\\n  content: \\\"\\\";\\n  position: absolute;\\n  inset: 0;\\n  background: linear-gradient(to top, rgba(0,0,0,.6) 0%, rgba(0,0,0,.15) 55%, rgba(0,0,0,0) 100%);\\n  opacity: .85;\\n  transition: opacity .5s ease;\\n}\\n\\n\/* T\u00edtulo abajo a la izquierda, con hueco para el bot\u00f3n *\/\\n\/* Bloque de texto abajo a la izquierda, con hueco para el bot\u00f3n *\/\\n.nf-carousel__title {\\n  position: absolute;\\n  inset: 0;\\n  z-index: 1;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: flex-end;\\n  align-items: flex-start;\\n  gap: 6px;\\n  padding: 20px 20px 78px;\\n  text-align: left;\\n  color: #fff;\\n  text-shadow: 0 2px 12px rgba(0,0,0,.25);\\n  transition: transform .6s cubic-bezier(.22,1,.36,1);\\n}\\n\\n\/* T\u00edtulo en cursiva serif *\/\\n.nf-carousel__name {\\n  font-family: Georgia, serif;\\n  font-style: italic;\\n  font-weight: 400;\\n  font-size: clamp(1.5rem, 2vw, 2rem);\\n  line-height: 1.15;\\n}\\n\\n\/* Texto debajo, peque\u00f1o y sans *\/\\n.nf-carousel__desc {\\n  max-width: 28ch;\\n  font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n  font-size: .92rem;\\n  font-style: normal;\\n  line-height: 1.4;\\n  color: rgba(255,255,255,.88);\\n}\\n\\n.nf-carousel__card:focus-visible {\\n  outline: 3px solid #78bd75;\\n  outline-offset: 3px;\\n}\\n\\n\/* Badge arriba a la izquierda *\/\\n.nf-badge {\\n  position: absolute;\\n  top: 20px;\\n  left: 20px;\\n  z-index: 2;\\n  display: inline-block;\\n  padding: 6px 14px;\\n  border-radius: 999px;\\n  font-size: 12px;\\n  font-weight: 800;\\n  line-height: 1.2;\\n  color: #000;\\n  text-shadow: none;\\n}\\n.nf-badge--blue      { background: #668bc3; }\\n.nf-badge--turquoise { background: #63c2cc; }\\n.nf-badge--yellow    { background: #e2ba48; }\\n\\n\/* Flechas *\/\\n.nf-carousel__nav {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  width: 44px;\\n  height: 44px;\\n  border-radius: 50%;\\n  background: rgba(255,255,255,.9);\\n  color: #111;\\n}\\n.nf-carousel__nav:hover {\\n  background: #fff;\\n  color: #111;\\n}\\n\\n\/* Puntos: blancos y activo *\/\\n.nf-carousel .uk-dotnav > * > * {\\n  background: rgba(255,255,255,.5);\\n  border-color: transparent;\\n}\\n.nf-carousel .uk-dotnav > * > :hover {\\n  background: #fff;\\n  border-color: transparent;\\n}\\n.nf-carousel .uk-dotnav > .uk-active > * {\\n  background: #fff;\\n  border-color: #fff;\\n}\\n\\n\/* =========================================\\n   SERVICIOS \\\"VOSALTRES PEDALEU\u2026\\\"\\n   ========================================= *\/\\n\\n.nf-services {\\n  margin: 60px 0;\\n}\\n\\n.nf-services__grid {\\n  display: grid;\\n  grid-template-columns: repeat(4, 1fr);\\n  gap: 24px 28px;\\n}\\n\\n\/* Icono a la izquierda, texto a la derecha, + arriba a la derecha *\/\\n.nf-service {\\n  position: relative;\\n  display: grid;\\n  grid-template-columns: auto 1fr;\\n  grid-template-rows: auto 1fr;   \/* el espacio sobrante va abajo *\/\\n  column-gap: 14px;\\n  align-items: start;\\n  padding-right: 40px;\\n}\\n\\n\/* .nf-service delante: as\u00ed gana al tama\u00f1o que fija Material Symbols *\/\\n.nf-service .nf-service__icon {\\n  grid-row: span 2;\\n  display: inline-flex;\\n  align-items: center;\\n  justify-content: center;\\n  width: 44px;\\n  height: 44px;\\n  border-radius: 50%;\\n  background: #f2f2ee;\\n  color: #78bd75;\\n  font-size: 22px;\\n  transition: background-color .3s ease, color .3s ease, transform .4s cubic-bezier(.22,1,.36,1);\\n}\\n\\n.nf-service__title {\\n  margin: 2px 0;\\n  font-size: 1.05rem;\\n  font-weight: 700;\\n  line-height: 1.25;\\n  color: #111;\\n}\\n\\n.nf-service__text {\\n  margin: 0;\\n  font-size: .92rem;\\n  line-height: 1.45;\\n  color: #000;\\n}\\n\\n\/* =========================================\\n   BOTONES \\\"+\\\" Y \\\"AFEGIR\\\"\\n   (el estado a\u00f1adido est\u00e1 en el \n\n<style> del HTML)\\n   ========================================= *\/\\n\\n.nf-add {\\n  display: inline-flex;\\n  align-items: center;\\n  justify-content: center;\\n  width: 32px;\\n  height: 32px;\\n  border-radius: 50%;\\n  background: #f2f2ee;\\n  color: #000;\\n  font-size: 18px;\\n  font-weight: 700;\\n  line-height: 1;\\n  cursor: pointer;\\n  transition: background-color .3s ease, transform .3s cubic-bezier(.22,1,.36,1);\\n}\\n\\n.nf-add__on { display: none; }\\n\\n\/* Servicios: arriba a la derecha *\/\\n.nf-add--inline {\\n  position: absolute;\\n  top: 0;\\n  right: 0;\\n}\\n\\n\/* Cards: bot\u00f3n abajo a la izquierda, alineado con el badge *\/\\n.nf-carousel__item .nf-add {\\n  position: absolute;\\n  left: 20px;\\n  bottom: 20px;\\n  z-index: 3;\\n  width: fit-content;\\n  height: 40px;\\n  padding: 0 20px;\\n  border-radius: 999px;\\n  background: #fff;\\n  font-size: 14px;\\n  white-space: nowrap;\\n}\\n\\n\/* =========================================\\n   HOVER (solo con rat\u00f3n)\\n   ========================================= *\/\\n\\n@media (hover: hover) {\\n  .nf-carousel__card:hover { color: #fff; }\\n  .nf-carousel__card:hover img { transform: scale(1.05); }\\n  .nf-carousel__card:hover::after { opacity: 1; }\\n  .nf-carousel__card:hover .nf-carousel__title { transform: translateY(-4px); }\\n\\n  .nf-service:hover .nf-service__icon {\\n    background: #78bd75;\\n    color: #fff;\\n    transform: translateY(-3px);\\n  }\\n\\n  .nf-add:hover { transform: scale(1.1); }\\n}\\n\\n\/* =========================================\\n   ACCESIBILIDAD\\n   ========================================= *\/\\n\\n@media (prefers-reduced-motion: reduce) {\\n  .nf-service .nf-service__icon,\\n  .nf-carousel__card img,\\n  .nf-carousel__card::after,\\n  .nf-carousel__title,\\n  .nf-add {\\n    transition: none;\\n  }\\n}\\n\\n\/* =========================================\\n   RESPONSIVE\\n   ========================================= *\/\\n\\n\/* Desde 800px: iconos m\u00e1s grandes *\/\\n@media (min-width: 800px) {\\n  .nf-services__grid {\\n    gap: 32px 36px;\\n  }\\n\\n  .nf-service {\\n    column-gap: 18px;\\n    padding-right: 52px;\\n  }\\n\\n  .nf-service .nf-service__icon {\\n    width: 58px;\\n    height: 58px;\\n    font-size: 28px;\\n  }\\n\\n  .nf-service__title { font-size: 1.15rem; }\\n  .nf-service__text  { font-size: 1rem; }\\n\\n  .nf-service .nf-add--inline {\\n    width: 40px;\\n    height: 40px;\\n  }\\n}\\n\\n\/* Tablet: servicios en 2 columnas *\/\\n@media (max-width: 959px) {\\n  .nf-services__grid {\\n    grid-template-columns: repeat(2, 1fr);\\n  }\\n}\\n\\n\/* M\u00f3vil: icono y + arriba, texto debajo a todo el ancho *\/\\n@media (max-width: 767px) {\\n  .nf-picks {\\n    margin-bottom: 64px;\\n    padding-top: 30px;\\n    border-top: 1px solid #e2e2dc;\\n  }\\n\\n  .nf-services { margin: 48px 0; }\\n\\n  .nf-services__grid {\\n    gap: 28px 16px;\\n  }\\n\\n  .nf-service {\\n    grid-template-columns: 1fr;\\n    grid-template-rows: none;\\n    row-gap: 6px;\\n    padding-right: 0;\\n  }\\n\\n  .nf-service .nf-service__icon {\\n    grid-row: auto;\\n    width: 40px;\\n    height: 40px;\\n    margin-bottom: 6px;\\n    font-size: 20px;\\n  }\\n\\n  \/* + alineado con el centro del icono *\/\\n  .nf-service .nf-add--inline {\\n    top: 4px;\\n    width: 32px;\\n    height: 32px;\\n  }\\n\\n  .nf-service__title { font-size: 1rem; }\\n  .nf-service__text  { font-size: .88rem; }\\n}\"}}]}]}]},{\"type\":\"section\",\"props\":{\"animation\":\"fade\",\"animation_delay\":\"200\",\"height\":\"viewport\",\"image\":\"wp-content\/uploads\/2025\/05\/na_fent_grafica.svg\",\"image_effect\":\"fixed\",\"image_position\":\"center-center\",\"image_size\":\"cover\",\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"image\",\"props\":{\"image\":\"wp-content\/uploads\/2025\/05\/na_fent_logo_simp.svg\",\"image_svg_color\":\"emphasis\",\"image_width\":250,\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"text_align\":\"center\"}}]}]},{\"type\":\"row\",\"props\":{\"margin_bottom\":\"large\",\"margin_top\":\"large\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<div class=\\\"nf-form-card nf-show-1\\\" id=\\\"formulari\\\">\\n  \n\n<div class=\\\"nf-form-card__intro\\\">\\n    \n\n<h2 class=\\\"nf-form-card__title\\\">Imaginez <em>votre journ\u00e9e<\/em><\/h2>\n\n\\n    \n\n<p class=\\\"nf-form-card__lead\\\">Dites-nous combien vous \u00eates, quand vous souhaitez venir et ce qui vous ferait plaisir. Nous vous r\u00e9pondrons avec une proposition et un prix.<\/p>\n\n\\n    \n\n<p class=\\\"nf-form-card__alt\\\">Si vous pr\u00e9f\u00e9rez, \u00e9crivez-nous sur <a href=\\\"https:\/\/wa.me\/34618827687\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">WhatsApp<\/a> ou \u00e0 <a href=\\\"mailto:info@nafentbikes.com\\\">info@nafentbikes.com<\/a>.<\/p>\n\n\\n  <\/div>\n\n\\n\\n  \n\n<form class=\\\"nf-form\\\" action=\\\"\/wp-admin\/admin-ajax.php\\\" method=\\\"post\\\">\\n    <input type=\\\"hidden\\\" name=\\\"action\\\" value=\\\"nf_empreses_form\\\">\\n    <!-- Antispam: invisible para personas -->\\n    <input type=\\\"text\\\" name=\\\"nf_hp\\\" class=\\\"nf-form__hp\\\" tabindex=\\\"-1\\\" autocomplete=\\\"off\\\" aria-hidden=\\\"true\\\">\\n\\n    <\/p>\n<div class=\\\"nf-form__field\\\">\\n      <label for=\\\"nf-nom\\\">Nom<\/label>\\n      <input id=\\\"nf-nom\\\" name=\\\"nom\\\" type=\\\"text\\\" required>\\n    <\/div>\n<p>\\n\\n    <\/p>\n<div class=\\\"nf-form__field\\\">\\n      <label for=\\\"nf-correu\\\">E-mail<\/label>\\n      <input id=\\\"nf-correu\\\" name=\\\"correu\\\" type=\\\"email\\\" required>\\n    <\/div>\n<p>\\n\\n    <!-- Fecha -->\\n    <\/p>\n<div class=\\\"nf-form__field nf-form__field--full nf-date\\\">\\n      <\/p>\n<div class=\\\"nf-date__exact\\\">\\n        <label for=\\\"nf-data\\\">Quel jour ?<\/label>\\n        <input id=\\\"nf-data\\\" name=\\\"data\\\" type=\\\"date\\\" onclick=\\\"this.showPicker &#038;&#038; this.showPicker()\\\">\\n      <\/div>\n<p>\\n\\n      <label class=\\\"nf-chip nf-date__toggle\\\">\\n        <input type=\\\"checkbox\\\" id=\\\"nf-nodate\\\" name=\\\"sense_data\\\" value=\\\"1\\\">\\n        <span>Nous n&rsquo;avons pas encore de date<\/span>\\n      <\/label>\\n\\n      <\/p>\n<div class=\\\"nf-date__approx\\\">\\n        <label for=\\\"nf-quan\\\">\u00c0 peu pr\u00e8s quand ?<\/label>\\n        <input id=\\\"nf-quan\\\" name=\\\"quan\\\" type=\\\"text\\\" placeholder=\\\"Au printemps, fin mai, un week-end d'octobre\u2026\\\">\\n      <\/div>\n<p>\\n    <\/p><\/div>\n<p>\\n\\n    <!-- Activitats (conectadas con las cards del carrusel) -->\\n    <\/p>\n<fieldset class=\\\"nf-form__field nf-form__field--full\\\">\\n      <\/p>\n<legend>Activit\u00e9s<\/legend>\n<p>\\n      <\/p>\n<div class=\\\"nf-chips\\\">\\n        <label class=\\\"nf-chip\\\"><input type=\\\"checkbox\\\" id=\\\"nf-exp-1\\\" name=\\\"experiencies[]\\\" value=\\\"Tast de vi\\\"><span>D\u00e9gustation de vins<\/span><\/label>\\n        <label class=\\\"nf-chip\\\"><input type=\\\"checkbox\\\" id=\\\"nf-exp-2\\\" name=\\\"experiencies[]\\\" value=\\\"Arrossars\\\"><span>Rizi\u00e8res<\/span><\/label>\\n        <label class=\\\"nf-chip\\\"><input type=\\\"checkbox\\\" id=\\\"nf-exp-3\\\" name=\\\"experiencies[]\\\" value=\\\"Pobles medievals\\\"><span>Villages m\u00e9di\u00e9vaux<\/span><\/label>\\n        <label class=\\\"nf-chip\\\"><input type=\\\"checkbox\\\" id=\\\"nf-exp-4\\\" name=\\\"experiencies[]\\\" value=\\\"Tast d'oli\\\"><span>D\u00e9gustation d&rsquo;huile d&rsquo;olive<\/span><\/label>\\n        <label class=\\\"nf-chip\\\"><input type=\\\"checkbox\\\" id=\\\"nf-exp-5\\\" name=\\\"experiencies[]\\\" value=\\\"Aiguamolls\\\"><span>Marais<\/span><\/label>\\n        <label class=\\\"nf-chip\\\"><input type=\\\"checkbox\\\" id=\\\"nf-exp-6\\\" name=\\\"experiencies[]\\\" value=\\\"Ostres a la platja\\\"><span>Hu\u00eetres sur la plage<\/span><\/label>\\n      <\/div>\n<p>\\n    <\/fieldset>\n<p>\\n\\n    <!-- Serveis (conectados con los \\\"+\\\") -->\\n    <\/p>\n<fieldset class=\\\"nf-form__field nf-form__field--full\\\">\\n      <\/p>\n<legend>Que souhaitez-vous ajouter ?<\/legend>\n<p>\\n      <\/p>\n<div class=\\\"nf-chips\\\">\\n        <label class=\\\"nf-chip\\\"><input type=\\\"checkbox\\\" id=\\\"nf-srv-1\\\" name=\\\"extres[]\\\" value=\\\"Transport\\\"><span>Transport<\/span><\/label>\\n        <label class=\\\"nf-chip\\\"><input type=\\\"checkbox\\\" id=\\\"nf-srv-2\\\" name=\\\"extres[]\\\" value=\\\"Recollida a l'hotel\\\"><span>Prise en charge \u00e0 l&rsquo;h\u00f4tel<\/span><\/label>\\n        <label class=\\\"nf-chip\\\"><input type=\\\"checkbox\\\" id=\\\"nf-srv-3\\\" name=\\\"extres[]\\\" value=\\\"Guia\\\"><span>Guide local<\/span><\/label>\\n        <label class=\\\"nf-chip\\\"><input type=\\\"checkbox\\\" id=\\\"nf-srv-4\\\" name=\\\"extres[]\\\" value=\\\"Allotjament\\\"><span>H\u00e9bergement<\/span><\/label>\\n        <label class=\\\"nf-chip\\\"><input type=\\\"checkbox\\\" id=\\\"nf-srv-5\\\" name=\\\"extres[]\\\" value=\\\"Vehicle de suport\\\"><span>V\u00e9hicule d&rsquo;assistance<\/span><\/label>\\n        <label class=\\\"nf-chip\\\"><input type=\\\"checkbox\\\" id=\\\"nf-srv-6\\\" name=\\\"extres[]\\\" value=\\\"Menjar\\\"><span>Repas<\/span><\/label>\\n        <label class=\\\"nf-chip\\\"><input type=\\\"checkbox\\\" id=\\\"nf-srv-7\\\" name=\\\"extres[]\\\" value=\\\"Rutes a mida\\\"><span>Itin\u00e9raires sur mesure<\/span><\/label>\\n        <label class=\\\"nf-chip\\\"><input type=\\\"checkbox\\\" id=\\\"nf-srv-8\\\" name=\\\"extres[]\\\" value=\\\"Fot\u00f2graf\/a\\\"><span>Photographe<\/span><\/label>\\n        <label class=\\\"nf-chip\\\"><input type=\\\"checkbox\\\" name=\\\"extres[]\\\" value=\\\"Altres\\\"><span>Autres<\/span><\/label>\\n      <\/div>\n<p>\\n    <\/fieldset>\n<p>\\n\\n    <\/p>\n<div class=\\\"nf-form__field nf-form__field--full\\\">\\n      <label for=\\\"nf-idea\\\">Racontez-nous en d\u00e9tail<\/label>\\n      <textarea id=\\\"nf-idea\\\" name=\\\"idea\\\" rows=\\\"4\\\"><\/textarea>\\n    <\/div>\n<p>\\n\\n    <!-- Mensaje tras enviar -->\\n<\/p>\n<div class=\\\"nf-form__field--full\\\">\\n  <\/p>\n<div class=\\\"nf-form__msg nf-form__msg--ok\\\" role=\\\"status\\\" hidden>\\n    <span class=\\\"nf-form__msg-icon\\\" aria-hidden=\\\"true\\\">\u2713<\/span>\\n    <\/p>\n<div class=\\\"nf-form__msg-body\\\">\\n      <strong class=\\\"nf-form__msg-title\\\">Merci !<\/strong>\\n      <span class=\\\"nf-form__msg-text\\\">Nous avons bien re\u00e7u votre demande. Nous vous r\u00e9pondrons tr\u00e8s vite avec une proposition.<\/span>\\n    <\/div>\n<p>\\n  <\/p><\/div>\n<p>\\n\\n  <\/p>\n<div class=\\\"nf-form__msg nf-form__msg--error\\\" role=\\\"alert\\\" hidden>\\n    <span class=\\\"nf-form__msg-icon\\\" aria-hidden=\\\"true\\\">!<\/span>\\n    <\/p>\n<div class=\\\"nf-form__msg-body\\\">\\n      <strong class=\\\"nf-form__msg-title\\\">Le message n&rsquo;a pas pu \u00eatre envoy\u00e9<\/strong>\\n      <span class=\\\"nf-form__msg-text\\\">Vous pouvez nous \u00e9crire sur WhatsApp.<\/span>\\n    <\/div>\n<p>\\n  <\/p><\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n    <\/p>\n<div class=\\\"nf-form__field--full\\\">\\n      <button type=\\\"submit\\\" class=\\\"nf-form__submit\\\">Envoyer<\/button>\\n    <\/div>\n<p>\\n  <\/p><\/form>\n<p>\\n<\/p><\/div>\n<p>\\n\\n<script>\\n(() => {\\n  if (window.nfFormReady) return;\\n  window.nfFormReady = true;\\n\\n  const timers = new WeakMap();\\n\\n  const show = (form, type) => {\\n    form.querySelectorAll('.nf-form__msg').forEach((m) => {\\n      m.hidden = true;\\n      m.classList.remove('is-visible');\\n    });\\n\\n    const msg = form.querySelector('.nf-form__msg--' + type);\\n    if (!msg) return;\\n\\n    msg.hidden = false;\\n    requestAnimationFrame(() => msg.classList.add('is-visible'));\\n\\n    clearTimeout(timers.get(form));\\n    timers.set(form, setTimeout(() => {\\n      msg.classList.remove('is-visible');\\n      msg.addEventListener('transitionend', () => { msg.hidden = true; }, { once: true });\\n    }, 6000));\\n  };\\n\\n  document.addEventListener('submit', async (e) => {\\n    const form = e.target.closest('.nf-form');\\n    if (!form) return;\\n    e.preventDefault();\\n\\n    const button = form.querySelector('.nf-form__submit');\\n    const label = button.textContent;\\n    button.disabled = true;\\n    button.textContent = 'Envoi\u2026';\\n\\n    try {\\n      const data = new FormData(form);\\n      data.append('ajax', '1');\\n\\n      \/\/ getAttribute: form.action devolver\u00eda el <input name=\\\"action\\\">\\n      const res  = await fetch(form.getAttribute('action'), { method: 'POST', body: data, credentials: 'same-origin' });\\n      const text = await res.text();\\n      const ok   = res.ok && text.includes('\\\"success\\\":true');\\n\\n      if (ok) {\\n        form.reset();\\n        show(form, 'ok');\\n      } else {\\n        console.warn('Formulari Na Fent, resposta inesperada:', text);\\n        show(form, 'error');\\n      }\\n    } catch (err) {\\n      console.error('Formulari Na Fent:', err);\\n      show(form, 'error');\\n    } finally {\\n      button.disabled = false;\\n      button.textContent = label;\\n    }\\n  });\\n})();\\n<\/script>\u00ab\u00a0,\u00a0\u00bbcss\u00a0\u00bb:\u00a0\u00bb\/* =========================================\\n   TOGGLE EMPRESES \/ GRUPS\\n   ========================================= *\/\\n\\n\/* Opci\u00f3n 1 activa (por defecto): oculta lo de la opci\u00f3n 2 *\/\\nbody:not(:has(#nf-opt-2:checked)) .nf-show-2 {\\n  display: none !important;\\n}\\n\\n\/* Opci\u00f3n 2 activa: oculta lo de la opci\u00f3n 1 *\/\\nbody:has(#nf-opt-2:checked) .nf-show-1 {\\n  display: none !important;\\n}\\n\\n.nf-show-1,\\n.nf-show-2 {\\n  animation: nf-fade .4s ease;\\n}\\n@keyframes nf-fade {\\n  from { opacity: 0; transform: translateY(6px); }\\n}\\n\\n\/* =========================================\\n   TARJETA DEL FORMULARIO\\n   ========================================= *\/\\n\\n.nf-form-card {\\n  display: grid;\\n  grid-template-columns: 1fr 1.3fr;\\n  gap: 60px;\\n  padding: 60px;\\n  border: 1px solid #e6e6e1;\\n  border-radius: 24px;\\n  background: #fff;\\n  box-shadow: 0 20px 50px -30px rgba(0,0,0,.15);\\n}\\n\\n.nf-form-card__title {\\n  margin: 0 0 20px;\\n  font-size: clamp(2.5rem, 5vw, 4rem);\\n  font-weight: 800;\\n  line-height: 1.05;\\n}\\n.nf-form-card__title em {\\n  font-family: SchotisText-Bookitalic, Georgia, serif;\\n  font-weight: 400;\\n}\\n\\n.nf-form-card__lead {\\n  font-size: 1.15rem;\\n  color: #555;\\n}\\n.nf-form-card__alt {\\n  color: #555;\\n}\\n.nf-form-card__alt a {\\n  color: #111;\\n  font-weight: 700;\\n  text-decoration: underline;\\n  text-decoration-color: #78bd75;\\n  text-underline-offset: 3px;\\n}\\n\\n\/* =========================================\\n   CAMPOS\\n   ========================================= *\/\\n\\n.nf-form {\\n  display: grid;\\n  grid-template-columns: 1fr 1fr;\\n  gap: 22px 18px;\\n}\\n\\n.nf-form__field {\\n  display: flex;\\n  flex-direction: column;\\n  gap: 8px;\\n  min-width: 0;\\n}\\n.nf-form__field&#8211;full {\\n  grid-column: 1 \/ -1;\\n}\\n\\n.nf-form label,\\n.nf-form legend {\\n  font-size: 14px;\\n  font-weight: 600;\\n  color: #333;\\n}\\n\\n.nf-form fieldset {\\n  border: 0;\\n  padding: 0;\\n  margin: 0;\\n}\\n.nf-form legend {\\n  margin-bottom: 10px;\\n  padding: 0;\\n}\\n\\n.nf-form input[type=\\\u00a0\u00bbtext\\\u00a0\u00bb],\\n.nf-form input[type=\\\u00a0\u00bbemail\\\u00a0\u00bb],\\n.nf-form input[type=\\\u00a0\u00bbnumber\\\u00a0\u00bb],\\n.nf-form input[type=\\\u00a0\u00bbdate\\\u00a0\u00bb],\\n.nf-form textarea {\\n  width: 100%;\\n  box-sizing: border-box;\\n  height: 54px;\\n  padding: 0 16px;\\n  border: 1px solid transparent;\\n  border-radius: 12px;\\n  font: inherit;\\n  font-size: 16px; \/* evita el zoom en iOS *\/\\n  color: #111;\\n  background: #f5f5f2;\\n  transition: border-color .2s, box-shadow .2s, background-color .2s;\\n}\\n\\n.nf-form textarea {\\n  height: auto;\\n  padding: 14px 16px;\\n  resize: vertical;\\n}\\n\\n.nf-form input::placeholder,\\n.nf-form textarea::placeholder {\\n  color: #9a9a94;\\n}\\n\\n.nf-form input:focus,\\n.nf-form textarea:focus {\\n  outline: none;\\n  background: #fff;\\n  border-color: #78bd75;\\n  box-shadow: 0 0 0 4px rgba(120,189,117,.15);\\n}\\n\\n\/* =========================================\\n   FECHA: campo + chip en la misma fila\\n   ========================================= *\/\\n\\n.nf-form .nf-date {\\n  display: grid;\\n  grid-template-columns: 1fr auto;\\n  align-items: end;\\n  gap: 8px 12px;\\n}\\n\\n.nf-date__exact,\\n.nf-date__approx {\\n  grid-column: 1;\\n  grid-row: 1;\\n  display: flex;\\n  flex-direction: column;\\n  gap: 8px;\\n}\\n\\n.nf-date__toggle {\\n  grid-column: 2;\\n  grid-row: 1;\\n  display: flex;          \/* quita el hueco de l\u00ednea de debajo *\/\\n  margin-bottom: 6px;     \/* lo centra con el campo *\/\\n}\\n.nf-date__toggle span {\\n  white-space: nowrap;\\n}\\n\\n\/* Por defecto: fecha visible, aproximado oculto *\/\\n.nf-date__approx {\\n  display: none;\\n}\\n\\n\/* \\\u00a0\u00bbEncara no tenim data\\\u00a0\u00bb marcado: se intercambian *\/\\n.nf-date:has(#nf-nodate:checked) .nf-date__exact  { display: none; }\\n.nf-date:has(#nf-nodate:checked) .nf-date__approx { display: flex; }\\n\\n\/* =========================================\\n   CHIPS (selecci\u00f3n m\u00faltiple)\\n   ========================================= *\/\\n\\n.nf-chips {\\n  display: flex;\\n  flex-wrap: wrap;\\n  gap: 8px;\\n}\\n\\n.nf-chip {\\n  cursor: pointer;\\n}\\n\\n\/* fixed: evita que la p\u00e1gina salte al marcar desde fuera del form *\/\\n.nf-chip input {\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  opacity: 0;\\n  pointer-events: none;\\n}\\n\\n.nf-chip span {\\n  display: inline-block;\\n  padding: 9px 18px;\\n  border: 1px solid #dcdcd6;\\n  border-radius: 999px;\\n  font-size: 15px;\\n  font-weight: 400;\\n  color: #333;\\n  background: #fff;\\n  transition: background-color .2s, border-color .2s, color .2s;\\n}\\n\\n.nf-chip input:checked + span {\\n  background: #78bd75;\\n  border-color: #78bd75;\\n  color: #111;\\n  font-weight: 600;\\n}\\n\\n.nf-chip input:focus-visible + span {\\n  outline: 2px solid #78bd75;\\n  outline-offset: 2px;\\n}\\n\\n\/* =========================================\\n   BOT\u00d3N ENVIAR\\n   ========================================= *\/\\n\\n.nf-form__submit {\\n  height: 60px;\\n  padding: 0 38px;\\n  border: 0;\\n  border-radius: 999px;\\n  background: #78bd75;\\n  color: #111;\\n  font: inherit;\\n  font-size: 17px;\\n  font-weight: 700;\\n  cursor: pointer;\\n  transition: transform .3s cubic-bezier(.22,1,.36,1), background-color .3s;\\n}\\n\\n\/* Antispam oculto *\/\\n.nf-form__hp {\\n  position: absolute;\\n  left: -9999px;\\n}\\n\\n\/* =========================================\\n   HOVER (solo con rat\u00f3n)\\n   ========================================= *\/\\n\\n@media (hover: hover) {\\n  .nf-chip:hover span { border-color: #78bd75; }\\n  .nf-form input:hover:not(:focus),\\n  .nf-form textarea:hover:not(:focus) { background: #efefeb; }\\n  .nf-form__submit:hover {\\n    background: #6aaf67;\\n    transform: translateY(-2px);\\n  }\\n}\\n\\n\/* =========================================\\n   M\u00d3VIL\\n   ========================================= *\/\\n\\n@media (max-width: 767px) {\\n  .nf-form-card {\\n    grid-template-columns: 1fr;\\n    gap: 32px;\\n    padding: 28px 20px;\\n    border-radius: 20px;\\n  }\\n\\n  .nf-form {\\n    grid-template-columns: 1fr;\\n  }\\n\\n  \/* Fecha: chip debajo del campo *\/\\n  .nf-form .nf-date {\\n    grid-template-columns: 1fr;\\n  }\\n  .nf-date__toggle {\\n    grid-column: 1;\\n    grid-row: 2;\\n    margin-bottom: 0;\\n  }\\n}\\n\\n.nf-form label:not(.nf-chip),\\n.nf-form legend {\\n  font-size: 15px;\\n  font-weight: 700;\\n  letter-spacing: .08em;\\n  color: #78bd75;\\n}\\n\\n.nf-form legend {\\n  margin-bottom: 12px;\\n}\\n\\n\/* =========================================\\n   AVISO TRAS ENVIAR\\n   ========================================= *\/\\n\\n.nf-form__msg {\\n  position: relative;\\n  display: flex;\\n  align-items: center;\\n  gap: 16px;\\n  padding: 18px 22px;\\n  border: 1px solid #dcebd9;\\n  border-radius: 16px;\\n  background: #fff;\\n  box-shadow: 0 14px 34px -18px rgba(0,0,0,.25);\\n  overflow: hidden;\\n  opacity: 0;\\n  transform: translateY(10px) scale(.98);\\n  transition: opacity .45s ease, transform .55s cubic-bezier(.22,1,.36,1);\\n}\\n\\n\/* Sin esto, display:flex anular\u00eda el atributo hidden *\/\\n.nf-form__msg[hidden] {\\n  display: none;\\n}\\n\\n.nf-form__msg.is-visible {\\n  opacity: 1;\\n  transform: none;\\n}\\n\\n\/* Icono redondo con \\\u00a0\u00bbpop\\\u00a0\u00bb *\/\\n.nf-form__msg-icon {\\n  flex: none;\\n  display: grid;\\n  place-items: center;\\n  width: 40px;\\n  height: 40px;\\n  border-radius: 50%;\\n  background: #78bd75;\\n  color: #fff;\\n  font-size: 20px;\\n  font-weight: 700;\\n  line-height: 1;\\n}\\n.nf-form__msg.is-visible .nf-form__msg-icon {\\n  animation: nf-pop .5s cubic-bezier(.34,1.56,.64,1) .1s both;\\n}\\n@keyframes nf-pop {\\n  from { transform: scale(0); }\\n  to   { transform: scale(1); }\\n}\\n\\n.nf-form__msg-body {\\n  display: flex;\\n  flex-direction: column;\\n  gap: 2px;\\n}\\n.nf-form__msg-title {\\n  font-size: 17px;\\n  font-weight: 700;\\n  color: #111;\\n}\\n.nf-form__msg-text {\\n  font-size: 15px;\\n  line-height: 1.45;\\n  color: #555;\\n}\\n\\n\/* Barra de cuenta atr\u00e1s: 6 segundos *\/\\n.nf-form__msg::after {\\n  content: \\\u00a0\u00bb\\\u00a0\u00bb;\\n  position: absolute;\\n  left: 0;\\n  bottom: 0;\\n  width: 100%;\\n  height: 3px;\\n  background: #78bd75;\\n  transform-origin: left;\\n}\\n.nf-form__msg.is-visible::after {\\n  animation: nf-countdown 6s linear forwards;\\n}\\n@keyframes nf-countdown {\\n  from { transform: scaleX(1); }\\n  to   { transform: scaleX(0); }\\n}\\n\\n\/* Variante de error *\/\\n.nf-form__msg&#8211;error {\\n  border-color: #f2d3d1;\\n}\\n.nf-form__msg&#8211;error .nf-form__msg-icon,\\n.nf-form__msg&#8211;error::after {\\n  background: #d9534f;\\n}\\n\\n@media (prefers-reduced-motion: reduce) {\\n  .nf-form__msg { transition: none; transform: none; }\\n  .nf-form__msg.is-visible .nf-form__msg-icon,\\n  .nf-form__msg.is-visible::after { animation: none; }\\n}\u00a0\u00bb}}]}]}]},{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbsection\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0image_position\u00a0\u00bb:\u00a0\u00bbcenter-center\u00a0\u00bb,\u00a0\u00bbstyle\u00a0\u00bb:\u00a0\u00bbdefault\u00a0\u00bb,\u00a0\u00bbtitle_breakpoint\u00a0\u00bb:\u00a0\u00bbxl\u00a0\u00bb,\u00a0\u00bbtitle_position\u00a0\u00bb:\u00a0\u00bbtop-left\u00a0\u00bb,\u00a0\u00bbtitle_rotation\u00a0\u00bb:\u00a0\u00bbleft\u00a0\u00bb,\u00a0\u00bbvertical_align\u00a0\u00bb:\u00a0\u00bbmiddle\u00a0\u00bb,\u00a0\u00bbwidth\u00a0\u00bb:\u00a0\u00bbdefault\u00a0\u00bb},\u00a0\u00bbchildren\u00a0\u00bb:[{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbrow\u00a0\u00bb,\u00a0\u00bbchildren\u00a0\u00bb:[{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbcolumn\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0image_position\u00a0\u00bb:\u00a0\u00bbcenter-center\u00a0\u00bb,\u00a0\u00bbposition_sticky_breakpoint\u00a0\u00bb:\u00a0\u00bbm\u00a0\u00bb},\u00a0\u00bbchildren\u00a0\u00bb:[{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbhtml\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0content\u00a0\u00bb:\u00a0\u00bb<link rel=\\\"stylesheet\\\" href=\\\"https:\/\/fonts.googleapis.com\/css2?family=Caveat:wght@500&#038;display=swap\\\">\\n\\n<\/p>\n<section class=\\\"nf-trust\\\">\\n  <\/p>\n<figure class=\\\"nf-quote\\\">\\n    \\n\\n    <\/p>\n<div class=\\\"nf-polaroids\\\" uk-lightbox=\\\"animation: fade\\\">\\n      <a class=\\\"nf-polaroid\\\" href=\\\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/grup-bicicletes-masia-emporda.webp\\\" data-caption=\\\"Ready to ride\\\">\\n        <img src=\\\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/grup-bicicletes-masia-emporda.webp\\\" alt=\\\"Group preparing their bikes in front of a traditional Empord\u00e0 farmhouse\\\" loading=\\\"lazy\\\">\\n        <span class=\\\"nf-polaroid__caption\\\">Ready to ride<\/span>\\n      <\/a>\\n      <a class=\\\"nf-polaroid\\\" href=\\\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/ciclistes-ruta-pins-emporda.webp\\\" data-caption=\\\"Through the pines\\\">\\n        <img src=\\\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/ciclistes-ruta-pins-emporda.webp\\\" alt=\\\"Smiling cyclists riding along a pine-lined path in the Empord\u00e0\\\" loading=\\\"lazy\\\">\\n        <span class=\\\"nf-polaroid__caption\\\">Through the pines<\/span>\\n      <\/a>\\n      <a class=\\\"nf-polaroid\\\" href=\\\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/guia-grup-bicicletes-emporda.webp\\\" data-caption=\\\"Our local guides\\\">\\n        <img src=\\\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/guia-grup-bicicletes-emporda.webp\\\" alt=\\\"Na Fent guide briefing the group before the ride\\\" loading=\\\"lazy\\\">\\n        <span class=\\\"nf-polaroid__caption\\\">Our local guides<\/span>\\n      <\/a>\\n      <a class=\\\"nf-polaroid\\\" href=\\\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/ciclista-ruta-bici-emporda.webp\\\" data-caption=\\\"Pure joy\\\">\\n        <img src=\\\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/ciclista-ruta-bici-emporda.webp\\\" alt=\\\"Cyclist waving during a bike tour in the Empord\u00e0\\\" loading=\\\"lazy\\\">\\n        <span class=\\\"nf-polaroid__caption\\\">Pure joy<\/span>\\n      <\/a>\\n      <a class=\\\"nf-polaroid\\\" href=\\\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/ruta-bici-castell-montgri.webp\\\" data-caption=\\\"Towards Montgr\u00ed\\\">\\n        <img src=\\\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/ruta-bici-castell-montgri.webp\\\" alt=\\\"Group cycling towards Montgr\u00ed Castle\\\" loading=\\\"lazy\\\">\\n        <span class=\\\"nf-polaroid__caption\\\">Towards Montgr\u00ed<\/span>\\n      <\/a>\\n    <\/div>\n<p>\\n  <\/figure>\n<p>\\n<\/section>\n<p>\u00ab\u00a0,\u00a0\u00bbcss\u00a0\u00bb:\u00a0\u00bb\/* =========================================\\n   CONFIANZA + TESTIMONIO\\n   ========================================= *\/\\n\\n\/* Colores Na Fent (c\u00e1mbialos aqu\u00ed si tu hex de marca es otro) *\/\\n.nf-trust {\\n  &#8211;nf-ink: #111;\\n  &#8211;nf-cream: #f5f3ee;\\n  &#8211;nf-paper: #fffdf8;\\n  &#8211;nf-line: #e4e2db;\\n  &#8211;nf-muted: #6b6b66;\\n  &#8211;nf-green: #78bd75;\\n  &#8211;nf-yellow: #e2ba48;\\n  &#8211;nf-turquoise: #6cc3bd;\\n  &#8211;nf-blue: #7aa7e0;\\n}\\n\\n\/* &#8212;- Columnas &#8212;- *\/\\n.nf-trust__features {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  gap: 40px;\\n  margin-bottom: 56px;\\n}\\n\\n.nf-trust__feature {\\n  position: relative;\\n  padding-top: 24px;\\n  border-top: 1px solid var(&#8211;nf-line);\\n}\\n\\n.nf-trust__feature::before {\\n  content: \\\u00a0\u00bb\\\u00a0\u00bb;\\n  position: absolute;\\n  top: -1px;\\n  left: 0;\\n  width: 48px;\\n  height: 2px;\\n  background: var(&#8211;nf-ink);\\n  transition: width .5s cubic-bezier(.22,1,.36,1);\\n}\\n\\n.nf-trust__feature-title {\\n  margin: 0 0 10px;\\n  font-size: 1.35rem;\\n  font-weight: 700;\\n  line-height: 1.25;\\n  letter-spacing: -.02em;\\n  color: var(&#8211;nf-ink);\\n}\\n\\n.nf-trust__feature-text {\\n  max-width: 34ch;\\n  margin: 0;\\n  font-size: 1rem;\\n  line-height: 1.6;\\n  color: var(&#8211;nf-muted);\\n}\\n\\n\/* &#8212;- Testimonio &#8212;- *\/\\n.nf-quote {\\n  display: grid;\\n  grid-template-columns: .9fr 1.1fr;\\n  align-items: center;\\n  gap: 48px;\\n  margin: 0;\\n  border-radius: 24px;\\n}\\n\\n.nf-quote__body {\\n  display: flex;\\n  flex-direction: column;\\n  gap: 24px;\\n  min-width: 0;\\n}\\n\\n\/* &#8212;- Badge Google Reviews &#8212;- *\/\\n.nf-greviews {\\n  display: inline-flex;\\n  align-items: center;\\n  gap: 12px;\\n  align-self: flex-start;\\n  padding: 10px 18px 10px 12px;\\n  border: 1px solid var(&#8211;nf-line);\\n  border-radius: 999px;\\n  background: #fff;\\n  box-shadow: 0 6px 20px -12px rgba(0,0,0,.25);\\n  color: var(&#8211;nf-ink);\\n  text-decoration: none;\\n  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\\n}\\n\\n.nf-greviews:hover {\\n  color: var(&#8211;nf-ink);\\n  text-decoration: none;\\n  border-color: var(&#8211;nf-green);\\n  transform: translateY(-2px);\\n  box-shadow: 0 10px 24px -12px rgba(0,0,0,.3);\\n}\\n\\n.nf-greviews__logo {\\n  flex: none;\\n  width: 26px;\\n  height: 26px;\\n  background: no-repeat center\/contain url(\\\u00a0\u00bbdata:image\/svg+xml,%3Csvg xmlns=&rsquo;http:\/\/www.w3.org\/2000\/svg&rsquo; viewBox=&rsquo;0 0 48 48&rsquo;%3E%3Cpath fill=&rsquo;%23EA4335&prime; d=&rsquo;M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z&rsquo;\/%3E%3Cpath fill=&rsquo;%234285F4&prime; d=&rsquo;M46.98 24.55c0-1.57-.15-3.09-.38-4.550H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z&rsquo;\/%3E%3Cpath fill=&rsquo;%23FBBC05&prime; d=&rsquo;M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z&rsquo;\/%3E%3Cpath fill=&rsquo;%2334A853&prime; d=&rsquo;M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z&rsquo;\/%3E%3C\/svg%3E\\\u00a0\u00bb);\\n}\\n\\n.nf-greviews__label {\\n  display: flex;\\n  flex-direction: column;\\n  gap: 2px;\\n  line-height: 1.2;\\n}\\n\\n.nf-greviews__label strong {\\n  font-size: .9rem;\\n  font-weight: 600;\\n  letter-spacing: -.01em;\\n}\\n\\n.nf-greviews__rating {\\n  display: inline-flex;\\n  align-items: center;\\n  gap: 6px;\\n}\\n\\n.nf-greviews__score {\\n  font-size: .78rem;\\n  color: var(&#8211;nf-muted);\\n}\\n\\n\/* &#8212;- Estrellas (amarillo Na Fent) &#8212;- *\/\\n.nf-stars {\\n  display: inline-flex;\\n  gap: 2px;\\n  vertical-align: middle;\\n}\\n\\n.nf-star {\\n  &#8211;star: url(\\\u00a0\u00bbdata:image\/svg+xml,%3Csvg xmlns=&rsquo;http:\/\/www.w3.org\/2000\/svg&rsquo; viewBox=&rsquo;0 0 24 24&rsquo;%3E%3Cpath d=&rsquo;M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z&rsquo;\/%3E%3C\/svg%3E\\\u00a0\u00bb);\\n  width: 16px;\\n  height: 16px;\\n  background: linear-gradient(135deg, #f1d57a, var(&#8211;nf-yellow) 55%, #c99a2a);\\n  -webkit-mask: var(&#8211;star) center\/contain no-repeat;\\n          mask: var(&#8211;star) center\/contain no-repeat;\\n}\\n\\n.nf-star&#8211;empty { background: var(&#8211;nf-line); }\\n.nf-stars&#8211;sm .nf-star { width: 13px; height: 13px; }\\n\\n\/* &#8212;- Rese\u00f1as &#8212;- *\/\\n.nf-review {\\n  display: flex;\\n  flex-direction: column;\\n  gap: 10px;\\n}\\n\\n.nf-review + .nf-review {\\n  padding-top: 24px;\\n  border-top: 1px solid var(&#8211;nf-line);\\n}\\n\\n.nf-quote__text {\\n  margin: 0;\\n  padding: 0;\\n  border: 0;\\n}\\n\\n.nf-quote__text p {\\n  margin: 0;\\n  font-size: clamp(1.05rem, 1.5vw, 1.3rem);\\n  font-weight: 400;\\n  font-style: normal;\\n  line-height: 1.45;\\n  letter-spacing: -.01em;\\n  color: var(&#8211;nf-ink);\\n}\\n\\n.nf-quote__author {\\n  display: flex;\\n  align-items: center;\\n  gap: 10px;\\n  margin: 0;\\n  font-size: .85rem;\\n  font-weight: 500;\\n  color: var(&#8211;nf-muted);\\n}\\n\\n.nf-quote__author::before {\\n  content: \\\u00a0\u00bb\\\u00a0\u00bb;\\n  width: 24px;\\n  height: 2px;\\n  border-radius: 2px;\\n  background: var(&#8211;nf-green);\\n}\\n\\n.nf-review__via {\\n  font-weight: 400;\\n  opacity: .7;\\n}\\n\\n\/* &#8212;- Fotos en pila &#8212;- *\/\\n.nf-polaroids {\\n  position: relative;\\n  width: 100%;\\n  max-width: 560px;\\n  aspect-ratio: 1 \/ 1;\\n  margin-inline: auto;\\n}\\n\\n.nf-polaroid {\\n  &#8211;x: 0%; &#8211;y: 0%; &#8211;r: 0deg;      \/* en la pila *\/\\n  &#8211;fx: 0%; &#8211;fy: 0%; &#8211;fr: 0deg;   \/* en abanico *\/\\n  &#8211;badge: var(&#8211;nf-green);         \/* color del badge *\/\\n  position: absolute;\\n  top: 25%;\\n  left: 25%;\\n  width: 50%;\\n  overflow: hidden;\\n  border-radius: 18px;\\n  background: var(&#8211;nf-line);\\n  box-shadow: 0 2px 6px rgba(17,17,17,.12), 0 22px 40px -18px rgba(17,17,17,.55);\\n    transform: translate(var(&#8211;x), var(&#8211;y)) rotate(var(&#8211;r)) scale(1.12);\\n  transition: transform .7s cubic-bezier(.22,1,.36,1), box-shadow .3s ease;\\n  color: inherit;\\n  text-decoration: none;\\n}\\n\\n.nf-polaroid img {\\n  display: block;\\n  width: 100%;\\n  aspect-ratio: 1 \/ 1;\\n  object-fit: cover;\\n}\\n\\n\/* Badge con el t\u00edtulo, como en el carrusel *\/\\n.nf-polaroid__caption {\\n  position: absolute;\\n  top: 12px;\\n  left: 12px;\\n  max-width: calc(100% &#8211; 24px);\\n  padding: 6px 12px;\\n  border-radius: 999px;\\n  background: var(&#8211;badge);\\n  font-size: .68rem;\\n  font-weight: 600;\\n  line-height: 1;\\n  letter-spacing: .08em;\\n  text-transform: uppercase;\\n  color: var(&#8211;nf-ink);\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n}\\n\\n\/* Color del badge, posici\u00f3n en la pila y en el abanico de cada foto *\/\\n.nf-polaroid:nth-child(1) { &#8211;badge: var(&#8211;nf-yellow);    &#8211;x:-6%; &#8211;y: 4%; &#8211;r:-9deg; &#8211;fx:-44%; &#8211;fy:-30%; &#8211;fr:-11deg; z-index:1; }\\n.nf-polaroid:nth-child(2) { &#8211;badge: var(&#8211;nf-turquoise); &#8211;x: 7%; &#8211;y:-3%; &#8211;r: 7deg; &#8211;fx: 44%; &#8211;fy:-32%; &#8211;fr:  8deg; z-index:2; }\\n.nf-polaroid:nth-child(3) { &#8211;badge: var(&#8211;nf-blue);      &#8211;x:-3%; &#8211;y:-6%; &#8211;r:-3deg; &#8211;fx:-42%; &#8211;fy: 34%; &#8211;fr:  6deg; z-index:3; }\\n.nf-polaroid:nth-child(4) { &#8211;badge: var(&#8211;nf-yellow);    &#8211;x: 5%; &#8211;y: 6%; &#8211;r:10deg; &#8211;fx: 43%; &#8211;fy: 32%; &#8211;fr: -7deg; z-index:4; }\\n.nf-polaroid:nth-child(5) { &#8211;badge: var(&#8211;nf-green);     &#8211;x: 0%; &#8211;y: 0%; &#8211;r:-1deg; &#8211;fx:  0%; &#8211;fy:  0%; &#8211;fr: -2deg; z-index:5; }\\n\\n\/* &#8212;- Placeholders pendientes &#8212;- *\/\\n.nf-tbd {\\n  background: #e2ba48;\\n  padding: 0 6px;\\n  border-radius: 4px;\\n  box-decoration-break: clone;\\n  -webkit-box-decoration-break: clone;\\n}\\n\\n\/* &#8212;- Hover (solo con rat\u00f3n) &#8212;- *\/\\n@media (hover: hover) {\\n  .nf-trust__feature:hover::before { width: 100%; }\\n}\\n\\n@media (hover: hover) and (min-width: 768px) {\\n  .nf-polaroids:hover .nf-polaroid,\\n  .nf-polaroids:focus-within .nf-polaroid {\\n    transform: translate(var(&#8211;fx), var(&#8211;fy)) rotate(var(&#8211;fr));\\n  }\\n  .nf-polaroids:hover .nf-polaroid:hover,\\n  .nf-polaroid:focus-visible {\\n    z-index: 10;\\n    transform: translate(var(&#8211;fx), var(&#8211;fy)) rotate(0deg) scale(1.08);\\n    box-shadow: 0 4px 10px rgba(17,17,17,.15), 0 30px 54px -20px rgba(17,17,17,.6);\\n  }\\n}\\n\\n\/* Tablet t\u00e1ctil: fotos ya abiertas *\/\\n@media (hover: none) and (min-width: 768px) {\\n  .nf-polaroid { transform: translate(var(&#8211;fx), var(&#8211;fy)) rotate(var(&#8211;fr)); }\\n}\\n\\n\/* &#8212;- Accesibilidad &#8212;- *\/\\n@media (prefers-reduced-motion: reduce) {\\n  .nf-trust__feature::before,\\n  .nf-polaroid,\\n  .nf-greviews {\\n    animation: none;\\n    transition: none;\\n  }\\n}\\n\\n\/* &#8212;- Tablet &#8212;- *\/\\n@media (max-width: 959px) {\\n  .nf-quote {\\n    grid-template-columns: 1fr 1fr;\\n    gap: 32px;\\n    padding: 36px;\\n  }\\n}\\n\\n\/* &#8212;- M\u00f3vil &#8212;- *\/\\n@media (max-width: 767px) {\\n  .nf-trust { margin: 0 0 56px; }\\n\\n  .nf-trust__features {\\n    grid-template-columns: 1fr;\\n    gap: 28px;\\n    margin-bottom: 36px;\\n  }\\n\\n  .nf-trust__feature { padding-top: 18px; }\\n  .nf-trust__feature-title { font-size: 1.25rem; }\\n\\n  .nf-quote {\\n    grid-template-columns: 1fr;\\n    gap: 28px;\\n    padding: 20px 20px 28px;\\n    border-radius: 18px;\\n  }\\n\\n  \/* Fotos en fila deslizable *\/\\n  .nf-polaroids {\\n    order: -1;\\n    min-width: 0;\\n    display: flex;\\n    gap: 16px;\\n    max-width: none;\\n    aspect-ratio: auto;\\n    margin-inline: -20px;\\n    padding: 22px 20px 26px;\\n    overflow-x: auto;\\n    scroll-snap-type: x mandatory;\\n    scrollbar-width: none;\\n  }\\n  .nf-polaroids::-webkit-scrollbar { display: none; }\\n\\n  .nf-polaroid {\\n    position: relative;\\n    top: auto;\\n    left: auto;\\n    flex: 0 0 64%;\\n    transform: rotate(calc(var(&#8211;r) * .4));\\n    scroll-snap-align: center;\\n  }\\n\\n  .nf-quote__body { gap: 20px; }\\n\\n  .nf-greviews {\\n    align-self: stretch;\\n    justify-content: center;\\n  }\\n\\n  .nf-quote__text p { font-size: 1.05rem; }\\n  .nf-review + .nf-review { padding-top: 20px; }\\n}\u00a0\u00bb}}]}]}]}],\u00a0\u00bbversion\u00a0\u00bb:\u00a0\u00bb5.0.3&Prime;} &#8211;><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sorties \u00e0 v\u00e9lo en groupe dans l&rsquo;Empord\u00e0, la meilleure fa\u00e7on de souder une \u00e9quipe Demander une proposition Voir les services Une journ\u00e9e \u00e0 v\u00e9lo pour tout le groupe. Vous pr\u00e9parez une occasion sp\u00e9ciale, une sortie entre amis ou une activit\u00e9 de team building ? Nous organisons votre balade \u00e0 v\u00e9lo dans l&rsquo;Empord\u00e0, avec des exp\u00e9riences [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3389","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Group Bike Tours &amp; Team Building, Costa Brava | Nafent<\/title>\n<meta name=\"description\" content=\"Bike tours with friends and team building by bike in the Empord\u00e0. Tailor-made route with tastings, transport and guide.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nafentbikes.com\/fr\/groupes\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Group Bike Tours &amp; Team Building, Costa Brava | Nafent\" \/>\n<meta property=\"og:description\" content=\"Bike tours with friends and team building by bike in the Empord\u00e0. Tailor-made route with tastings, transport and guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nafentbikes.com\/fr\/groupes\/\" \/>\n<meta property=\"og:site_name\" content=\"Na Fent\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-28T12:59:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/IMG_9197-2-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nafentbikes.com\\\/fr\\\/groupes\\\/\",\"url\":\"https:\\\/\\\/nafentbikes.com\\\/fr\\\/groupes\\\/\",\"name\":\"Group Bike Tours & Team Building, Costa Brava | Nafent\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nafentbikes.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/nafentbikes.com\\\/fr\\\/groupes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/nafentbikes.com\\\/fr\\\/groupes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/nafentbikes.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/IMG_9197-2-scaled.jpg\",\"datePublished\":\"2026-10-08T12:31:01+00:00\",\"dateModified\":\"2026-10-28T12:59:39+00:00\",\"description\":\"Bike tours with friends and team building by bike in the Empord\u00e0. Tailor-made route with tastings, transport and guide.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nafentbikes.com\\\/fr\\\/groupes\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nafentbikes.com\\\/fr\\\/groupes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/nafentbikes.com\\\/fr\\\/groupes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/nafentbikes.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/IMG_9197-2-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/nafentbikes.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/IMG_9197-2-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nafentbikes.com\\\/fr\\\/groupes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inici\",\"item\":\"https:\\\/\\\/nafentbikes.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Groups\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nafentbikes.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/nafentbikes.com\\\/fr\\\/\",\"name\":\"Na Fent\",\"description\":\"Bikes Rental\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nafentbikes.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Group Bike Tours & Team Building, Costa Brava | Nafent","description":"Bike tours with friends and team building by bike in the Empord\u00e0. Tailor-made route with tastings, transport and guide.","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:\/\/nafentbikes.com\/fr\/groupes\/","og_locale":"fr_FR","og_type":"article","og_title":"Group Bike Tours & Team Building, Costa Brava | Nafent","og_description":"Bike tours with friends and team building by bike in the Empord\u00e0. Tailor-made route with tastings, transport and guide.","og_url":"https:\/\/nafentbikes.com\/fr\/groupes\/","og_site_name":"Na Fent","article_modified_time":"2026-10-28T12:59:39+00:00","og_image":[{"url":"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/IMG_9197-2-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nafentbikes.com\/fr\/groupes\/","url":"https:\/\/nafentbikes.com\/fr\/groupes\/","name":"Group Bike Tours & Team Building, Costa Brava | Nafent","isPartOf":{"@id":"https:\/\/nafentbikes.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nafentbikes.com\/fr\/groupes\/#primaryimage"},"image":{"@id":"https:\/\/nafentbikes.com\/fr\/groupes\/#primaryimage"},"thumbnailUrl":"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/IMG_9197-2-scaled.jpg","datePublished":"2026-10-08T12:31:01+00:00","dateModified":"2026-10-28T12:59:39+00:00","description":"Bike tours with friends and team building by bike in the Empord\u00e0. Tailor-made route with tastings, transport and guide.","breadcrumb":{"@id":"https:\/\/nafentbikes.com\/fr\/groupes\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nafentbikes.com\/fr\/groupes\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/nafentbikes.com\/fr\/groupes\/#primaryimage","url":"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/IMG_9197-2-scaled.jpg","contentUrl":"https:\/\/nafentbikes.com\/wp-content\/uploads\/2026\/10\/IMG_9197-2-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/nafentbikes.com\/fr\/groupes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inici","item":"https:\/\/nafentbikes.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Groups"}]},{"@type":"WebSite","@id":"https:\/\/nafentbikes.com\/fr\/#website","url":"https:\/\/nafentbikes.com\/fr\/","name":"Na Fent","description":"Bikes Rental","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nafentbikes.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/nafentbikes.com\/fr\/wp-json\/wp\/v2\/pages\/3389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nafentbikes.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nafentbikes.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nafentbikes.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nafentbikes.com\/fr\/wp-json\/wp\/v2\/comments?post=3389"}],"version-history":[{"count":13,"href":"https:\/\/nafentbikes.com\/fr\/wp-json\/wp\/v2\/pages\/3389\/revisions"}],"predecessor-version":[{"id":3896,"href":"https:\/\/nafentbikes.com\/fr\/wp-json\/wp\/v2\/pages\/3389\/revisions\/3896"}],"wp:attachment":[{"href":"https:\/\/nafentbikes.com\/fr\/wp-json\/wp\/v2\/media?parent=3389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}