{"id":1027,"date":"2025-05-19T16:24:40","date_gmt":"2025-05-19T16:24:40","guid":{"rendered":"https:\/\/mediumspringgreen-wildcat-998947.hostingersite.com\/home\/"},"modified":"2025-08-11T17:59:00","modified_gmt":"2025-08-11T15:59:00","slug":"home","status":"publish","type":"page","link":"https:\/\/xirivellacamper.com\/nl\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1027\" class=\"elementor elementor-1027\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75c0a25 e-con-full e-flex e-con e-parent\" data-id=\"75c0a25\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad6be00 elementor-widget__width-inherit elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"ad6be00\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"inicio\" class=\"hero mi-sitio-hero\">\r\n  <div class=\"container mx-auto px-4 h-full flex flex-col justify-center items-start\">\r\n    <div class=\"hero-content max-w-2xl\">\r\n      <h2 class=\"hero-intro-subtitle\">Jouw perfecte stop in Valencia<\/h2>\r\n      <h1 class=\"hero-main-title-display\">Boek vandaag bij Xirivella Camper<\/h1>\r\n      <p class=\"hero-description-text\">Ontdek onze faciliteiten, ideale locatie en gemakkelijke toegang tot de belangrijkste attracties van Valencia, boek online en verzeker je nu van je plek!<\/p>\r\n      <a href=\"#contacto\" class=\"hero-cta-button\">CONTACT<\/a> \r\n      <div class=\"social-icons\">\r\n        <a href=\"#\" class=\"social-icon\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n        <a href=\"#\" class=\"social-icon\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n        <a href=\"#\" class=\"social-icon\" aria-label=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be90cc7 elementor-widget__width-inherit elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-html\" data-id=\"be90cc7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"inicio\" class=\"hero mi-sitio-hero\">\r\n    <a href=\"https:\/\/xirivellacamper.com\/nl\/search\/\" class=\"hero-mobile-cta-button\">BOEK<\/a>\r\n  <div class=\"hero-mobile-text\">\r\n    <p>Xirivella Camper: Jouw Valenciaanse avontuur.<\/p>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-345445f elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-spacer\" data-id=\"345445f\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-560132d e-flex e-con-boxed e-con e-parent\" data-id=\"560132d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae4dfae elementor-hidden-mobile elementor-hidden-tablet elementor-hidden-desktop elementor-widget elementor-widget-wp-widget-mod_vikbooking_horizontalsearch\" data-id=\"ae4dfae\" data-element_type=\"widget\" id=\"mi-seccion-vikbooking\" data-widget_type=\"wp-widget-mod_vikbooking_horizontalsearch.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"vbmodhorsearchmaindiv vbo-horizsearch-humanformat-wrap\">\n\t<form action=\"https:\/\/xirivellacamper.com\/nl\/the-cabins\/?task=search\" method=\"post\" id=\"vbo-mod-horsearch-form-68\" data-trp-original-action=\"https:\/\/xirivellacamper.com\/nl\/the-cabins\/?task=search\">\n\t\t<input type=\"hidden\" name=\"task\" value=\"search\" \/>\n\t\t<input type=\"hidden\" name=\"roomdetail\" value=\"6\" \/>\n\t\t\t<div class=\"vbmodhorsearch-hum-dates-wrap\">\n\t\t\t<div class=\"vbmodhorsearch-humcalcont vbmodhorsearchcheckindiv\">\n\t\t\t\t<label class=\"vbo-horizsearch-lbl-dt-68\">Check-in datum<\/label>\n\t\t\t\t<div class=\"vbo-horizsearch-showcalendar vbo-horizsearch-showcalendar-from\" id=\"vbo-horizsearch-checkin68\">\n\t\t\t\t\t<i class=\"far fa-calendar-alt\"><\/i>\t\t\t\t\t<span class=\"vbo-horizsearch-placeholder\">Select date<\/span>\n\t\t\t\t\t<div id=\"vbo-horizsearch-period68-from\" class=\"vbo-horizsearch-period-from\">\n\t\t\t\t\t\t<span class=\"vbo-horizsearch-period-mday\"><\/span>\n\t\t\t\t\t\t<div class=\"vbo-horizsearch-period-dt\">\n\t\t\t\t\t\t\t<span class=\"vbo-horizsearch-period-month\"><\/span>\n\t\t\t\t\t\t\t<span class=\"vbo-horizsearch-period-year\"><\/span>\n\t\t\t\t\t\t\t<span class=\"vbo-horizsearch-period-wday\"><\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"vbo-horizsearch-dpicker-cont vbo-horizsearch-dpicker-from\" id=\"checkindatemod68\" style=\"display: none;\"><\/div>\n\t\t\t\t<input type=\"hidden\" name=\"checkindate\" id=\"inp-checkindatemod68\"\/>\n\t\t\t\t<input type=\"hidden\" name=\"checkinh\" value=\"12\"\/>\n\t\t\t\t<input type=\"hidden\" name=\"checkinm\" value=\"0\"\/>\n\t\t\t<\/div>\n\t\t\t<div class=\"vbmodhorsearch-humcalcont vbmodhorsearchcheckoutdiv\">\n\t\t\t\t<label class=\"vbo-horizsearch-lbl-dt-68\">Check-out datum<\/label>\n\t\t\t\t<div class=\"vbo-horizsearch-showcalendar vbo-horizsearch-showcalendar-to\" id=\"vbo-horizsearch-checkout68\">\n\t\t\t\t\t<i class=\"far fa-calendar-alt\"><\/i>\t\t\t\t\t<span class=\"vbo-horizsearch-placeholder\">Select date<\/span>\n\t\t\t\t\t<div id=\"vbo-horizsearch-period68-to\" class=\"vbo-horizsearch-period-to\">\n\t\t\t\t\t\t<span class=\"vbo-horizsearch-period-mday\"><\/span>\n\t\t\t\t\t\t<div class=\"vbo-horizsearch-period-dt\">\n\t\t\t\t\t\t\t<span class=\"vbo-horizsearch-period-month\"><\/span>\n\t\t\t\t\t\t\t<span class=\"vbo-horizsearch-period-year\"><\/span>\n\t\t\t\t\t\t\t<span class=\"vbo-horizsearch-period-wday\"><\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"vbo-horizsearch-dpicker-cont vbo-horizsearch-dpicker-to\" id=\"checkoutdatemod68\" style=\"display: none;\"><\/div>\n\t\t\t\t<input type=\"hidden\" name=\"checkoutdate\" id=\"inp-checkoutdatemod68\"\/>\n\t\t\t\t<input type=\"hidden\" name=\"checkouth\" value=\"10\"\/>\n\t\t\t\t<input type=\"hidden\" name=\"checkoutm\" value=\"0\"\/>\n\t\t\t<\/div>\n\t\t\t<div class=\"vbmodhorsearchtotnights\" id=\"vbjstotnightsmod68\"><\/div>\n\t\t<\/div>\n\t\t\t<div class=\"vbmodhorsearch-hum-guests-wrap\">\n\t\t\t\n\t\t\t<label onclick=\"jQuery('#vbmodhorsearch-hum-guests-count68').trigger('click');\">Guests<\/label>\n\n\t\t\t<div class=\"vbmodhorsearch-hum-guests-count\" id=\"vbmodhorsearch-hum-guests-count68\">\n\t\t\t\t<div class=\"vbmodhorsearch-hum-guests-elem vbmodhorsearch-hum-guests-rooms\" style=\"display: none;\">\n\t\t\t\t\t<label>Kamers<\/label>\n\t\t\t\t\t<span id=\"vbmodhorsearch-hum-guests-rooms68\">1<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"vbmodhorsearch-hum-guests-elem vbmodhorsearch-hum-guests-adults\">\n\t\t\t\t\t<label>Volwassenen<\/label>\n\t\t\t\t\t<span id=\"vbmodhorsearch-hum-guests-adults68\">2<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"vbmodhorsearch-hum-guests-elem vbmodhorsearch-hum-guests-children\">\n\t\t\t\t\t<label>Kinderen<\/label>\n\t\t\t\t\t<span id=\"vbmodhorsearch-hum-guests-children68\">0<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"vbmodhorsearch-hum-guests-modifier\" style=\"display: none;\">\n\t\t\t\t<div class=\"vbmodhorsearch-hum-guests-modifier-inner\">\n\t\t\t\t\n\t\t\t\t<input type=\"hidden\" name=\"roomsnum\" value=\"1\">\n\t\t\t\t\t<div class=\"vbmodhorsearchroomdentr\">\n\t\t\t\t\t\t<div class=\"vbmodhorsearchroomdentrfirst\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"horsanumdiv\">\n\t\t\t\t\t\t\t\t<label class=\"horsanumlb\" for=\"vbo-mhs-adults-68\">Volwassenen<\/label>\n\t\t\t\t\t\t\t\t<span class=\"horsanumsel\"><select name=\"adults[]\" id=\"vbo-mhs-adults-68\" onchange=\"vbCountTotGuests68();\"><option value=\"1\">1<\/option><option value=\"2\" selected=\"selected\">2<\/option><option value=\"3\">3<\/option><option value=\"4\">4<\/option><option value=\"5\">5<\/option><option value=\"6\">6<\/option><option value=\"7\">7<\/option><option value=\"8\">8<\/option><option value=\"9\">9<\/option><option value=\"10\">10<\/option><\/select><\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"horscnumdiv\">\n\t\t\t\t\t\t\t\t<label class=\"horscnumlb\" for=\"vbo-mhs-children-68\">Kinderen<\/label>\n\t\t\t\t\t\t\t\t<span class=\"horscnumsel\"><select name=\"children[]\" id=\"vbo-mhs-children-68\" onchange=\"vbCountTotGuests68();\"><option value=\"0\">0<\/option><option value=\"1\">1<\/option><option value=\"2\">2<\/option><option value=\"3\">3<\/option><option value=\"4\">4<\/option><option value=\"5\">5<\/option><option value=\"6\">6<\/option><option value=\"7\">7<\/option><option value=\"8\">8<\/option><option value=\"9\">9<\/option><option value=\"10\">10<\/option><\/select><\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"vbmoreroomscontmod\" id=\"vbmoreroomscontmod68\"><\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t\t\t<input type=\"hidden\" name=\"categories\" value=\"3\" \/>\n\t\t<input type=\"hidden\" name=\"category_id\" value=\"3\" \/>\n\t\t\t\t<div class=\"vbmodhorsearchbookdiv\">\n\t\t\t<button type=\"submit\" id=\"vbo-mod-horsearch-sbt-68\" class=\"btn vbsearchinputmodhors vbo-pref-color-btn\">Zoek op<\/button>\n\t\t<\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tjQuery(function() {\n\t\t\t\tjQuery('button#vbo-mod-horsearch-sbt-68').on('click', function(e) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tjQuery(this).prop('disabled', true);\n\t\t\t\t\tjQuery(this).html('<i class=\"fas fa-circle-notch fa-spin fa-fw\"><\/i> ' + jQuery(this).text());\n\t\t\t\t\tjQuery(this).closest('form').submit();\n\t\t\t\t});\n\t\t\t});\n\t\t<\/script>\n\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"nl\"\/><\/form>\n<\/div>\n\n<div class=\"vbo-modhs-js-helpers\" style=\"display: none;\">\n\t<div class=\"vbo-modhs-add-element-html\">\n\t\t<div class=\"vbmodhorsearchroomdentr\">\n\t\t\t<span class=\"horsrnum\">Kamer %d<\/span>\n\t\t\t<div class=\"horsanumdiv\">\n\t\t\t\t<label style=\"display: none;\" for=\"vbo-mhs-adults-68-hid\">Volwassenen<\/label>\n\t\t\t\t<span class=\"horsanumsel\"><select name=\"adults[]\" id=\"vbo-mhs-adults-68-hid\" onchange=\"vbCountTotGuests68();\"><option value=\"1\">1<\/option><option value=\"2\" selected=\"selected\">2<\/option><option value=\"3\">3<\/option><option value=\"4\">4<\/option><option value=\"5\">5<\/option><option value=\"6\">6<\/option><option value=\"7\">7<\/option><option value=\"8\">8<\/option><option value=\"9\">9<\/option><option value=\"10\">10<\/option><\/select><\/span>\n\t\t\t\t\t\t\t<div class=\"horscnumdiv\">\n\t\t\t\t\t<label style=\"display: none;\" for=\"vbo-mhs-children-68-hid\">Kinderen<\/label>\n\t\t\t\t\t<span class=\"horscnumsel\"><select name=\"children[]\" id=\"vbo-mhs-children-68-hid\" onchange=\"vbCountTotGuests68();\"><option value=\"0\">0<\/option><option value=\"1\">1<\/option><option value=\"2\">2<\/option><option value=\"3\">3<\/option><option value=\"4\">4<\/option><option value=\"5\">5<\/option><option value=\"6\">6<\/option><option value=\"7\">7<\/option><option value=\"8\">8<\/option><option value=\"9\">9<\/option><option value=\"10\">10<\/option><\/select><\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<script type=\"text\/javascript\">\nfunction vboModHorSearchSendRequest(elem, formId) {\n\tvar form_el = document.getElementById('vbo-mod-horsearch-form-' + formId);\n\tif (!form_el) {\n\t\tconsole.error('form not found', formId);\n\t\treturn false;\n\t}\n\n\t\/\/ valid all form required fields\n\tif (typeof form_el.checkValidity === 'function' && !form_el.checkValidity()) {\n\t\t\/\/ modern browsers will support this HTML5 method to check the form required fields\n\t\talert(Joomla.JText._('VBO_PLEASE_FILL_FIELDS'));\n\t\treturn false;\n\t}\n\n\t\/\/ make sure the dates have been selected\n\tvar checkin_date_el = jQuery(form_el).find('input[name=\"checkindate\"]');\n\tvar checkout_date_el = jQuery(form_el).find('input[name=\"checkoutdate\"]');\n\tif (!checkin_date_el.length || !checkin_date_el.val().length || !checkout_date_el.length || !checkout_date_el.val().length) {\n\t\talert(Joomla.JText._('VBO_PLEASE_SEL_DATES'));\n\t\treturn false;\n\t}\n\t\/\/ make sure the dates are not identical to have a min stay of 1 night\n\t\/\/ as by default the datepicker could set equal dates to the hidden fields.\n\tif (checkin_date_el.val() == checkout_date_el.val()) {\n\t\talert(Joomla.JText._('VBO_PLEASE_SEL_DATES'));\n\t\treturn false;\n\t}\n\n\t\/\/ disable the send request button to avoid double submissions\n\telem.disabled = true;\n\t\n\t\/\/ get form values\n\tvar qstring = jQuery(form_el).serialize();\n\n\t\/\/ make sure the task is not set\n\tqstring = qstring.replace('task=search', '');\n\tqstring = qstring.replace('view=search', '');\n\n\t\/\/ make the ajax request to the controller\n\tjQuery.ajax({\n\t\ttype: \"POST\",\n\t\turl: \"https:\/\/xirivellacamper.com\/wp-admin\/admin-ajax.php?task=submit_inquiry&Itemid=1158&action=vikbooking&vik_ajax_client=site\",\n\t\tdata: qstring\n\t}).done(function(res) {\n\t\tif (!res.hasOwnProperty('status')) {\n\t\t\talert('Invalid response');\n\t\t\t\/\/ re-enable the button\n\t\t\telem.disabled = false;\n\t\t\treturn false;\n\t\t}\n\t\tif (!res.status) {\n\t\t\talert(res.error);\n\t\t\t\/\/ re-enable the button\n\t\t\telem.disabled = false;\n\t\t\treturn false;\n\t\t}\n\t\t\/\/ show success message by replacing all fields\n\t\tjQuery('.vbo-mod-horsearch-inquiry-fields').html('<p class=\"vbo-mod-horsearch-inquiry-mess-success\">' + Joomla.JText._('VBO_THANKS_INQ_SUBMITTED') + '<\/p>');\n\t\t\/\/ remove submit button container\n\t\tjQuery('.vbo-mod-horsearch-inquiry-submit').remove();\n\t}).fail(function(err) {\n\t\talert(err.responseText);\n\t\t\/\/ re-enable the button\n\t\telem.disabled = false;\n\t});\n}\n\nfunction vboModHorSearchBookOnline(formId) {\n\tvar form_el = document.getElementById('vbo-mod-horsearch-form-' + formId);\n\tif (!form_el) {\n\t\tconsole.error('form not found', formId);\n\t\treturn false;\n\t}\n\n\t\/\/ we need to let a button of type button trigger the submit of the \"check availability\"\n\t\/\/ or in case of inquiry, the browser will check the validity of the required fields.\n\n\t\/\/ we only check if the dates have been selected\n\tvar checkin_date_el = jQuery(form_el).find('input[name=\"checkindate\"]');\n\tvar checkout_date_el = jQuery(form_el).find('input[name=\"checkoutdate\"]');\n\tif (!checkin_date_el.length || !checkin_date_el.val().length || !checkout_date_el.length || !checkout_date_el.val().length) {\n\t\talert(Joomla.JText._('VBO_PLEASE_SEL_DATES'));\n\t\treturn false;\n\t}\n\n\t\/\/ make sure the dates are not identical to have a min stay of 1 night\n\t\/\/ as by default the datepicker could set equal dates to the hidden fields.\n\tif (checkin_date_el.val() == checkout_date_el.val()) {\n\t\talert(Joomla.JText._('VBO_PLEASE_SEL_DATES'));\n\t\treturn false;\n\t}\n\n\t\/\/ simply submit the form to start the booking process\n\tform_el.submit();\n\n\treturn true;\n}\n\nfunction vbAddElementMod68() {\n\tvar ni = document.getElementById('vbmoreroomscontmod68');\n\tvar numi = document.getElementById('vbroomhelpermod68');\n\tvar num = (document.getElementById('vbroomhelpermod68').value -1) + 2;\n\tnumi.value = num;\n\tvar newdiv = document.createElement('div');\n\tvar divIdName = 'vb'+num+'racont';\n\tnewdiv.setAttribute('id', divIdName);\n\t\/\/ build HTML content to append to new element\n\tvar new_element_html = document.getElementsByClassName('vbo-modhs-add-element-html')[0].innerHTML;\n\t\/\/ set room number\n\tlet rp_rgx = new RegExp('%d', 'g');\n\tnew_element_html = new_element_html.replace(rp_rgx, num);\n\t\/\/ get rid of label tag (Web Accessibility)\n\tlet lbl_rgx = new RegExp(\/<label\\s.+>.+<\\\/label>\/, 'g');\n\tnew_element_html = new_element_html.replace(lbl_rgx, '');\n\t\/\/ get rid of any id attribute (Web Accessibility)\n\tlet idattr_rgx = new RegExp(\/id=\"[^\\\"]+\"\/, 'g');\n\tnew_element_html = new_element_html.replace(idattr_rgx, '');\n\t\/\/ set HTML content and append element\n\tnewdiv.innerHTML = new_element_html;\n\tni.appendChild(newdiv);\n}\n\nfunction vbSetRoomsAdultsMod68(totrooms) {\n\tvar actrooms = parseInt(document.getElementById('vbroomhelpermod68').value);\n\tvar torooms = parseInt(totrooms);\n\tvar difrooms;\n\tif (torooms > actrooms) {\n\t\tdifrooms = torooms - actrooms;\n\t\tfor (var ir = 1; ir <= difrooms; ir++) {\n\t\t\tvbAddElementMod68();\n\t\t}\n\t}\n\tif (torooms < actrooms) {\n\t\tfor (var ir = actrooms; ir > torooms; ir--) {\n\t\t\tif (ir > 1) {\n\t\t\t\tvar rmra = document.getElementById('vb' + ir + 'racont');\n\t\t\t\trmra.parentNode.removeChild(rmra);\n\t\t\t}\n\t\t}\n\t\tdocument.getElementById('vbroomhelpermod68').value = torooms;\n\t}\n\tif (document.getElementById('vbmodhorsearch-hum-guests-rooms68')) {\n\t\tdocument.getElementById('vbmodhorsearch-hum-guests-rooms68').innerText = torooms;\n\t\tvbCountTotGuests68();\n\t}\n}\n\nfunction vbCountTotGuests68() {\n\tif (!document.getElementById('vbmodhorsearch-hum-guests-rooms68')) {\n\t\treturn;\n\t}\n\tvar totadults = 0;\n\tvar totchildren = 0;\n\tjQuery('#vbmodhorsearch-hum-guests-count68').parent().find('select[name=\"adults[]\"]').each(function() {\n\t\tvar curel = jQuery(this).find('option:selected');\n\t\tif (curel.length) {\n\t\t\ttotadults += parseInt(curel.val());\n\t\t}\n\t});\n\tjQuery('#vbmodhorsearch-hum-guests-adults68').text(totadults);\n\tif (jQuery('#vbmodhorsearch-hum-guests-children68').length) {\n\t\tjQuery('#vbmodhorsearch-hum-guests-count68').parent().find('select[name=\"children[]\"]').each(function() {\n\t\t\tvar curel = jQuery(this).find('option:selected');\n\t\t\tif (curel.length) {\n\t\t\t\ttotchildren += parseInt(curel.val());\n\t\t\t}\n\t\t});\n\t\tjQuery('#vbmodhorsearch-hum-guests-children68').text(totchildren);\n\t}\n}\n\nfunction vbCalcNightsMod68() {\n\tvar vbcheckin = document.getElementById('inp-checkindatemod68').value;\n\tvar vbcheckout = document.getElementById('inp-checkoutdatemod68').value;\n\tif (vbcheckin.length > 0 && vbcheckout.length > 0) {\n\t\tvar vbcheckinp = vbcheckin.split(\"\/\");\n\t\tvar vbcheckoutp = vbcheckout.split(\"\/\");\n\t\t\tvar vbinmonth = parseInt(vbcheckinp[1]);\n\t\tvbinmonth = vbinmonth - 1;\n\t\tvar vbinday = parseInt(vbcheckinp[0], 10);\n\t\tvar vbcheckind = new Date(vbcheckinp[2], vbinmonth, vbinday);\n\t\tvar vboutmonth = parseInt(vbcheckoutp[1]);\n\t\tvboutmonth = vboutmonth - 1;\n\t\tvar vboutday = parseInt(vbcheckoutp[0], 10);\n\t\tvar vbcheckoutd = new Date(vbcheckoutp[2], vboutmonth, vboutday);\n\t\t\t\tvar vbdivider = 1000 * 60 * 60 * 24;\n\t\tvar vbints = vbcheckind.getTime();\n\t\tvar vboutts = vbcheckoutd.getTime();\n\t\tif (vboutts > vbints) {\n\t\t\t\/\/var vbnights = Math.ceil((vboutts - vbints) \/ (vbdivider));\n\t\t\tvar utc1 = Date.UTC(vbcheckind.getFullYear(), vbcheckind.getMonth(), vbcheckind.getDate());\n\t\t\tvar utc2 = Date.UTC(vbcheckoutd.getFullYear(), vbcheckoutd.getMonth(), vbcheckoutd.getDate());\n\t\t\tvar vbnights = Math.ceil((utc2 - utc1) \/ vbdivider);\n\t\t\tif (vbnights > 0) {\n\t\t\t\tdocument.getElementById('vbjstotnightsmod68').innerHTML = '<div class=\"vbo-horizsearch-numnights-inner\"><span>Nights:<\/span> <span>'+vbnights+'<\/span><\/div>';\n\t\t\t} else {\n\t\t\t\tdocument.getElementById('vbjstotnightsmod68').innerHTML = '';\n\t\t\t}\n\t\t} else {\n\t\t\tdocument.getElementById('vbjstotnightsmod68').innerHTML = '';\n\t\t}\n\t} else {\n\t\tdocument.getElementById('vbjstotnightsmod68').innerHTML = '';\n\t}\n}\n<\/script>\n\n<input type=\"hidden\" id=\"vbroomhelpermod68\" value=\"1\"\/>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c2e737 e-con-full e-flex e-con e-parent\" data-id=\"9c2e737\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d75ef92 elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"d75ef92\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Xirivella Camper<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" integrity=\"sha512-iecdLmaskl7CVkqkXNQ\/ZH\/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT\/E0iPtmFIB46ZmdtAc9eNBvH0H\/ZpiBw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Playfair+Display:wght@700;800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* Tu CSS sin cambios *\/\r\n        :root {\r\n            --primary: #103571;\r\n            --primary-light: #2a4b8f;\r\n            --primary-dark: #082a5c;\r\n            --secondary: #F4662F;\r\n            --secondary-light: #fce5db;\r\n            --dark: #151c28;\r\n            --light: #f8fafc;\r\n            --gray: #64748b;\r\n            --gray-light: #e2e8f0;\r\n            --gray-dark: #334155;\r\n            --white: #ffffff;\r\n            --success: #28a745;\r\n            --card-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.07), 0 8px 10px -6px rgba(0, 0, 0, 0.07);\r\n            --card-hover-shadow: 0 20px 30px -5px rgba(0, 0, 0, 0.1), 0 15px 15px -5px rgba(0, 0, 0, 0.08);\r\n            --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n            --border-radius-md: 12px;\r\n            --border-radius-lg: 16px;\r\n        }\r\n        \r\n        html {\r\n            scroll-behavior: smooth;\r\n            font-size: 16px;\r\n        }\r\n        \r\n        body {\r\n            margin: 0;\r\n            font-family: 'Montserrat', sans-serif;\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n            overflow-x: hidden;\r\n            color: var(--dark);\r\n            line-height: 1.7;\r\n            background-color: #fdfdfe;\r\n        }\r\n        \r\n        .playfair {\r\n            font-family: 'Playfair Display', serif;\r\n        }\r\n        \r\n        .full-width-section {\r\n            position: relative;\r\n            width: 100vw;\r\n            margin-left: calc(50% - 50vw);\r\n            margin-right: calc(50% - 50vw);\r\n            box-sizing: border-box;\r\n            padding: 6rem 0;\r\n        }\r\n        \r\n        #servicios.full-width-section {\r\n            padding-top: 4rem;\r\n            background: linear-gradient(to bottom, var(--white) 0%, #f5f9ff 100%);\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(30px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        @keyframes pulse {\r\n            0%, 100% { transform: scale(1); box-shadow: 0 4px 6px rgba(244,102,47,0.2); }\r\n            50% { transform: scale(1.03); box-shadow: 0 10px 20px rgba(244,102,47,0.3); }\r\n        }\r\n        \r\n        @keyframes float {\r\n            0% { transform: translateY(0px); }\r\n            50% { transform: translateY(-10px); }\r\n            100% { transform: translateY(0px); }\r\n        }\r\n        \r\n        .animate-fade-in {\r\n            opacity: 0;\r\n            transition: opacity 0.6s ease-out, transform 0.6s ease-out;\r\n        }\r\n        \r\n        .animate-fade-in.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        \r\n        .animate-pulse {\r\n            animation: pulse 2.5s infinite cubic-bezier(0.4, 0, 0.6, 1);\r\n        }\r\n        \r\n        .animate-float {\r\n            animation: float 6s ease-in-out infinite;\r\n        }\r\n        \r\n        .section-header {\r\n            margin-bottom: 4rem;\r\n            text-align: center;\r\n        }\r\n        \r\n        .section-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 800;\r\n            color: var(--primary-dark);\r\n            margin-bottom: 1.5rem;\r\n            position: relative;\r\n            display: inline-block;\r\n            letter-spacing: 0.5px;\r\n        }\r\n        \r\n        .section-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -15px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 4px;\r\n            background: var(--secondary);\r\n            border-radius: 4px;\r\n        }\r\n        \r\n        .section-subtitle {\r\n            font-size: 1.2rem;\r\n            color: var(--gray-dark);\r\n            max-width: 750px;\r\n            margin: 1.5rem auto 0 auto;\r\n            line-height: 1.8;\r\n        }\r\n        \r\n        .btn-cta {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: var(--secondary);\r\n            color: var(--white) !important;\r\n            padding: 1rem 2rem;\r\n            border-radius: 50px;\r\n            font-weight: 700;\r\n            text-decoration: none;\r\n            transition: var(--transition);\r\n            text-align: center;\r\n            border: 2px solid transparent;\r\n            cursor: pointer;\r\n            font-size: 1.1rem;\r\n            box-shadow: 0 4px 15px rgba(244,102,47,0.25);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n        \r\n        .btn-cta:hover {\r\n            background: #e0521c;\r\n            color: var(--white) !important;\r\n            transform: translateY(-3px) scale(1.02);\r\n            box-shadow: 0 10px 20px rgba(244,102,47,0.4);\r\n        }\r\n        \r\n        .btn-cta i { margin-right: 0.5rem; }\r\n        \r\n        .btn-cta-contact {\r\n            padding: 1.2rem 3rem;\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .card {\r\n            background: var(--white);\r\n            border-radius: var(--border-radius-lg);\r\n            overflow: hidden;\r\n            box-shadow: var(--card-shadow);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n            border: 1px solid var(--gray-light);\r\n        }\r\n        \r\n        .card:hover {\r\n            transform: translateY(-12px);\r\n            box-shadow: var(--card-hover-shadow);\r\n        }\r\n        \r\n        .services {\r\n            background: linear-gradient(to bottom, var(--white) 0%, #f5f9ff 100%);\r\n        }\r\n        \r\n        .service-main-title {\r\n            font-size: 2.1rem;\r\n            color: var(--primary);\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.3;\r\n            font-weight: 800;\r\n        }\r\n        \r\n        .service-main-text {\r\n            color: var(--gray-dark);\r\n            font-size: 1.1rem;\r\n            margin-bottom: 2rem;\r\n            line-height: 1.8;\r\n        }\r\n        \r\n        .service-features {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 2rem;\r\n        }\r\n        \r\n        .service-feature {\r\n            background: var(--white);\r\n            padding: 1.5rem;\r\n            border-radius: var(--border-radius-md);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.03);\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .service-feature:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 8px 25px rgba(0,0,0,0.08);\r\n        }\r\n        \r\n        .service-feature-title {\r\n            display: flex;\r\n            align-items: center;\r\n            font-size: 1.25rem;\r\n            color: var(--dark);\r\n            margin-bottom: 0.5rem;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .service-feature-title i {\r\n            font-size: 1.5rem;\r\n            color: var(--secondary);\r\n            transition: transform 0.3s ease;\r\n            margin-right: 1rem;\r\n        }\r\n        \r\n        .service-feature:hover .service-feature-title i {\r\n            transform: scale(1.2) rotate(10deg);\r\n        }\r\n        \r\n        .service-feature-text {\r\n            color: var(--gray);\r\n            padding-left: calc(1.5rem + 1rem);\r\n            font-size: 1rem;\r\n            line-height: 1.7;\r\n        }\r\n        \r\n        .service-image-carousel {\r\n            border-radius: var(--border-radius-lg);\r\n            box-shadow: 0 20px 40px -10px rgba(0,0,0,0.15);\r\n            position: relative;\r\n            overflow: hidden;\r\n            transform-style: preserve-3d;\r\n        }\r\n        \r\n        .carousel-container {\r\n            height: 480px;\r\n            position: relative;\r\n            border-radius: var(--border-radius-lg);\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .carousel-slide {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: none;\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            transition: opacity 0.6s ease-in-out;\r\n            opacity: 0;\r\n        }\r\n        \r\n        .carousel-slide.active {\r\n            display: block;\r\n            opacity: 1;\r\n        }\r\n        \r\n        .carousel-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n        \r\n        .carousel-slide.active .carousel-image {\r\n            transform: scale(1.02);\r\n        }\r\n        \r\n        .carousel-button {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: rgba(255,255,255,0.95);\r\n            color: var(--primary-dark);\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            border: none;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.15);\r\n            z-index: 10;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .carousel-button:hover {\r\n            background: var(--white);\r\n            transform: translateY(-50%) scale(1.15);\r\n            color: var(--secondary);\r\n            box-shadow: 0 8px 20px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        .carousel-button.prev { left: 20px; }\r\n        .carousel-button.next { right: 20px; }\r\n        \r\n        .carousel-dots {\r\n            position: absolute;\r\n            bottom: 20px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex;\r\n            gap: 10px;\r\n            z-index: 10;\r\n        }\r\n        \r\n        .dot {\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 50%;\r\n            background: rgba(255,255,255,0.6);\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            border: 1px solid rgba(255,255,255,0.3);\r\n        }\r\n        \r\n        .dot.active {\r\n            background: var(--secondary);\r\n            transform: scale(1.3);\r\n            border-color: var(--secondary);\r\n        }\r\n        \r\n        .pricing {\r\n            background: linear-gradient(135deg, var(--light) 0%, #e9eff5 100%);\r\n        }\r\n        \r\n        .pricing-container {\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .pricing-card {\r\n            max-width: 450px;\r\n            width: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .pricing-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: var(--secondary);\r\n        }\r\n        \r\n        .pricing-header {\r\n            padding: 3rem 2.5rem;\r\n            text-align: center;\r\n            border-bottom: 1px solid var(--gray-light);\r\n            background: var(--white);\r\n        }\r\n        \r\n        .pricing-title {\r\n            font-size: 1.8rem;\r\n            color: var(--primary-dark);\r\n            font-weight: 800;\r\n        }\r\n        \r\n        .pricing-price {\r\n            font-size: 3rem;\r\n            color: var(--primary);\r\n            font-weight: 800;\r\n            margin: 1rem 0;\r\n        }\r\n        \r\n        .pricing-price .text-lg {\r\n            font-size: 1.2rem;\r\n            opacity: 0.8;\r\n            font-weight: 500;\r\n        }\r\n        \r\n        .pricing-body {\r\n            padding: 2.5rem 2.5rem;\r\n            background: rgba(248, 250, 252, 0.6);\r\n        }\r\n        \r\n        .pricing-features {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n        \r\n        .pricing-features li {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 1.2rem;\r\n            padding: 1rem 0;\r\n            border-bottom: 1px solid var(--gray-light);\r\n            transition: all 0.3s ease;\r\n            font-size: 1rem;\r\n            line-height: 1.7;\r\n        }\r\n        \r\n        .pricing-features li:last-child {\r\n            border-bottom: none;\r\n        }\r\n        \r\n        .pricing-features li:hover {\r\n            background-color: var(--secondary-light);\r\n            transform: translateX(5px);\r\n        }\r\n        \r\n        .pricing-features li i {\r\n            color: var(--success);\r\n            font-size: 1.2rem;\r\n            margin-right: 1rem;\r\n            margin-top: 0.1rem;\r\n            flex-shrink: 0;\r\n        }\r\n        \r\n        .feature-highlight {\r\n            color: var(--primary-dark);\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .pricing-cta {\r\n            display: block;\r\n            width: fit-content;\r\n            margin: 2.5rem auto 0 auto;\r\n        }\r\n        \r\n        .additional-services {\r\n            background-color: var(--white);\r\n        }\r\n        \r\n        .services-cards {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 2.5rem;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .service-price-card {\r\n            flex: 1 1 350px;\r\n            max-width: 380px;\r\n            padding: 2.5rem;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .service-price-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: var(--primary);\r\n        }\r\n        \r\n        .service-price-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            font-size: 2rem;\r\n            margin-bottom: 1.5rem;\r\n            background-color: var(--secondary-light);\r\n            color: var(--primary);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: var(--transition);\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .service-price-card:hover .service-price-icon {\r\n            transform: translateY(-8px) scale(1.1) rotate(10deg);\r\n            background: var(--secondary);\r\n            color: var(--white);\r\n            box-shadow: 0 10px 20px rgba(244,102,47,0.2);\r\n        }\r\n        \r\n        .service-price-title {\r\n            font-size: 1.5rem;\r\n            margin-bottom: 1rem;\r\n            color: var(--primary-dark);\r\n            font-weight: 800;\r\n        }\r\n        \r\n        .service-price-amount {\r\n            font-size: 2rem;\r\n            margin-bottom: 1.5rem;\r\n            color: var(--primary);\r\n            font-weight: 800;\r\n        }\r\n        \r\n        .service-price-features {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin-top: 1.5rem;\r\n            text-align: left;\r\n        }\r\n        \r\n        .service-price-features li {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 0.8rem;\r\n            font-size: 0.95rem;\r\n            padding: 0.5rem 0;\r\n        }\r\n        \r\n        .service-price-features li i {\r\n            color: var(--success);\r\n            margin-right: 0.8rem;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .facilities {\r\n            background-color: var(--light);\r\n        }\r\n        \r\n        .facilities-grid {\r\n            display: grid;\r\n            gap: 2rem;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .facility-card {\r\n            padding: 2.5rem 2rem;\r\n            min-height: 240px;\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .facility-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: var(--primary);\r\n        }\r\n        \r\n        .facility-icon {\r\n            width: 75px;\r\n            height: 75px;\r\n            font-size: 1.8rem;\r\n            margin-bottom: 1.5rem;\r\n            background-color: var(--secondary-light);\r\n            color: var(--secondary);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: var(--transition);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .facility-card:hover .facility-icon {\r\n            background: var(--secondary);\r\n            color: var(--white);\r\n            transform: scale(1.2) rotate(-10deg);\r\n            box-shadow: 0 10px 20px rgba(244,102,47,0.2);\r\n        }\r\n        \r\n        .facility-title {\r\n            font-size: 1.25rem;\r\n            font-weight: 700;\r\n            line-height: 1.5;\r\n            color: var(--primary-dark);\r\n        }\r\n        \r\n        .testimonials {\r\n            background: var(--white);\r\n        }\r\n        \r\n        .testimonial-card {\r\n            padding: 3rem;\r\n            border-radius: var(--border-radius-lg);\r\n            box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n            position: relative;\r\n            background: var(--white);\r\n        }\r\n        \r\n        .testimonial-card::before {\r\n            content: \"\\f10d\";\r\n            font-family: \"Font Awesome 6 Free\";\r\n            font-weight: 900;\r\n            position: absolute;\r\n            font-size: 4rem;\r\n            color: var(--secondary);\r\n            opacity: 0.1;\r\n            top: 20px;\r\n            left: 30px;\r\n            z-index: 0;\r\n        }\r\n        \r\n        .testimonial-content {\r\n            font-size: 1.1rem;\r\n            line-height: 1.9;\r\n            margin-bottom: 2rem;\r\n            color: var(--gray-dark);\r\n            position: relative;\r\n            z-index: 1;\r\n            font-style: italic;\r\n        }\r\n        \r\n        .testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        \r\n        .author-avatar {\r\n            width: 65px;\r\n            height: 65px;\r\n            border-radius: 50%;\r\n            object-fit: cover;\r\n            border: 3px solid var(--secondary-light);\r\n            margin-right: 1.5rem;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .author-name {\r\n            font-size: 1.15rem;\r\n            color: var(--primary-dark);\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .author-location {\r\n            font-size: 0.95rem;\r\n            color: var(--gray);\r\n        }\r\n        \r\n        .contact {\r\n            background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .contact::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50px;\r\n            right: -50px;\r\n            width: 200px;\r\n            height: 200px;\r\n            border-radius: 50%;\r\n            background: rgba(255,255,255,0.05);\r\n        }\r\n        \r\n        .contact::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -100px;\r\n            left: -100px;\r\n            width: 300px;\r\n            height: 300px;\r\n            border-radius: 50%;\r\n            background: rgba(255,255,255,0.05);\r\n        }\r\n        \r\n        .contact-title {\r\n            font-size: 2.5rem;\r\n            text-shadow: 0 2px 5px rgba(0,0,0,0.2);\r\n            color: var(--white);\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .map-section {\r\n            background-color: var(--light);\r\n        }\r\n        \r\n        .map-container {\r\n            border-radius: var(--border-radius-lg);\r\n            height: 500px;\r\n            overflow: hidden;\r\n            box-shadow: var(--card-shadow);\r\n            position: relative;\r\n        }\r\n        \r\n        .map-iframe {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 0;\r\n        }\r\n        \r\n        .map-info {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 2.5rem;\r\n            margin-top: 3rem;\r\n            max-width: 1200px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        \r\n        .map-info-card {\r\n            flex: 1 1 350px;\r\n            max-width: 380px;\r\n            padding: 2.5rem;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .map-info-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: var(--primary);\r\n        }\r\n        \r\n        .map-info-icon {\r\n            width: 75px;\r\n            height: 75px;\r\n            font-size: 1.8rem;\r\n            background-color: var(--secondary-light);\r\n            color: var(--primary);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 1.5rem auto;\r\n            transition: var(--transition);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .map-info-card:hover .map-info-icon {\r\n            background: var(--secondary);\r\n            color: var(--white);\r\n            transform: scale(1.15) rotate(-5deg);\r\n            box-shadow: 0 10px 20px rgba(244,102,47,0.2);\r\n        }\r\n        \r\n        .map-info-title {\r\n            font-size: 1.4rem;\r\n            color: var(--primary-dark);\r\n            font-weight: 800;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .map-info-text {\r\n            font-size: 1rem;\r\n            color: var(--gray-dark);\r\n            line-height: 1.7;\r\n        }\r\n        \r\n        .map-info-text strong {\r\n            color: var(--primary);\r\n        }\r\n        \r\n        \/* Responsive adjustments *\/\r\n        @media (max-width: 1200px) {\r\n            .facilities-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                max-width: 800px;\r\n            }\r\n            \r\n            .service-price-card,\r\n            .map-info-card {\r\n                flex: 1 1 300px;\r\n                max-width: 350px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 992px) {\r\n            .full-width-section {\r\n                padding: 5rem 0;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .section-subtitle {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .flex-row { \/* This class in HTML: <div class=\"flex flex-row items-center gap-12\"> *\/\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .service-text-content, \/* These get w-1\/2 on desktop, will need to be w-full on mobile *\/\r\n            .service-image-carousel { \/* These get w-1\/2 on desktop, will need to be w-full on mobile *\/\r\n                width: 100% !important; \/* Ensure full width when stacked *\/\r\n            }\r\n            \r\n            .service-image-carousel { \/* Add space when stacked under text *\/\r\n                margin-top: 3rem;\r\n            }\r\n            \r\n            .carousel-container {\r\n                height: 400px;\r\n            }\r\n            \/* Targeting Tailwind's grid-cols-2 for testimonials to stack them *\/\r\n            .grid.grid-cols-2 {\r\n                grid-template-columns: repeat(1, minmax(0, 1fr));\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .full-width-section {\r\n                padding: 4rem 0;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .section-title::after {\r\n                width: 70px;\r\n                height: 3px;\r\n                bottom: -12px;\r\n            }\r\n            \r\n            .facilities-grid {\r\n                grid-template-columns: 1fr;\r\n                max-width: 500px;\r\n            }\r\n            \r\n            .testimonial-card {\r\n                padding: 2.5rem 2rem;\r\n            }\r\n            \r\n            .testimonial-card::before {\r\n                font-size: 3.5rem;\r\n            }\r\n            \r\n            .map-container {\r\n                height: 400px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 576px) {\r\n            .section-title {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .btn-cta-contact {\r\n                padding: 1rem 2rem;\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .service-price-card,\r\n            .map-info-card {\r\n                flex: 1 1 100%;\r\n                max-width: 100%;\r\n            }\r\n            \r\n            .testimonial-card {\r\n                padding: 2rem 1.5rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section id=\"servicios\" class=\"full-width-section services\">\r\n        <div class=\"container mx-auto px-4\">\r\n            <div class=\"section-header text-center mb-12 animate-fade-in\">\r\n                <h2 class=\"section-title playfair\">Veiligheid en perfecte verbinding voor je avontuur<\/h2>\r\n                <p class=\"section-subtitle\">Ontdek Xirivella Camper: je ideale basiskamp om Valencia in alle rust te verkennen.<\/p>\r\n            <\/div>\r\n            <div class=\"flex flex-row items-center gap-12\"> \r\n                <div class=\"service-text-content w-1\/2 animate-fade-in\" style=\"--animation-delay: 0.2s;\">\r\n                    <h3 class=\"service-main-title playfair\">Xirivella Camper: Waar comfort en strategie elkaar ontmoeten<\/h3>\r\n                    <p class=\"service-main-text\">Wij bieden je een eersteklas overnachtingsplaats en alle essenti\u00eble diensten voor je camper of kampeerauto in Xirivella. Ervaar een veilige, comfortabele en bevoorrechte toegang om het bruisende Valencia en haar schatten te ontdekken.<\/p>\r\n                    <div class=\"service-features\">\r\n                        <div class=\"service-feature\">\r\n                            <h4 class=\"service-feature-title\"><i class=\"fas fa-map-marked-alt\"><\/i> Onverslaanbare verbinding<\/h4>\r\n                            <p class=\"service-feature-text\">Verken Valencia gemakkelijk vanuit onze omgeving, met directe toegang tot de belangrijkste toeristische, culturele en vrijetijdsattracties.<\/p>\r\n                        <\/div>\r\n                        <div class=\"service-feature\">\r\n                            <h4 class=\"service-feature-title\"><i class=\"fas fa-shower\"><\/i> Alles wat je nodig hebt en meer<\/h4>\r\n                            <p class=\"service-feature-text\">Van onberispelijke rust- en toiletruimtes tot complete ledigings- en oplaadservices voor je voertuig.<\/p>\r\n                        <\/div>\r\n                        <div class=\"service-feature\">\r\n                            <h4 class=\"service-feature-title\"><i class=\"fas fa-shield-alt\"><\/i> Uw gemoedsrust, onze prioriteit<\/h4>\r\n                            <p class=\"service-feature-text\">Faciliteiten worden 24\/7 bewaakt om een veilige en vredige omgeving te garanderen waar je kunt ontspannen zonder zorgen.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"service-image-carousel w-1\/2 animate-fade-in\" style=\"--animation-delay: 0.4s;\">\r\n                    <div class=\"carousel-container\">\r\n                        <div class=\"carousel-slide active\">\r\n                            <img decoding=\"async\" src=\"https:\/\/palegreen-bee-957910.hostingersite.com\/wp-content\/uploads\/2025\/06\/i1.jpg\" alt=\"Autocaravana en parcela Xirivella Camper\" class=\"carousel-image\" \/>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/palegreen-bee-957910.hostingersite.com\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-06-20-at-181154-1.jpeg\" alt=\"Parcelas amplias Xirivella Camper\" class=\"carousel-image\" \/>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/palegreen-bee-957910.hostingersite.com\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-06-20-at-181304-1.jpeg\" alt=\"Parcelas amplias Xirivella Camper\" class=\"carousel-image\" \/>\r\n                        <\/div>\r\n                         <div class=\"carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/palegreen-bee-957910.hostingersite.com\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-06-20-at-181327-1.jpeg\" alt=\"Parcelas amplias Xirivella Camper\" class=\"carousel-image\" \/>\r\n                        <\/div>   \r\n                        <div class=\"carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/palegreen-bee-957910.hostingersite.com\/wp-content\/uploads\/2025\/06\/i3.jpg\" alt=\"Vista \u00e1rea Xirivella Camper\" class=\"carousel-image\" \/>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/palegreen-bee-957910.hostingersite.com\/wp-content\/uploads\/2025\/06\/i4.jpg\" alt=\"Detalle instalaciones Xirivella Camper\" class=\"carousel-image\" \/>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/palegreen-bee-957910.hostingersite.com\/wp-content\/uploads\/2025\/06\/i5.jpg\" alt=\"Zona de servicios Xirivella Camper\" class=\"carousel-image\" \/>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/palegreen-bee-957910.hostingersite.com\/wp-content\/uploads\/2025\/06\/i6.jpg\" alt=\"Ambiente en Xirivella Camper\" class=\"carousel-image\" \/>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/palegreen-bee-957910.hostingersite.com\/wp-content\/uploads\/2025\/06\/i7.jpg\" alt=\"Parcelas amplias Xirivella Camper\" class=\"carousel-image\" \/>\r\n                        <\/div>\r\n                        <button class=\"carousel-button prev\" aria-label=\"Vorige\">\r\n                            <i class=\"fas fa-chevron-left\"><\/i>\r\n                        <\/button>\r\n                        <button class=\"carousel-button next\" aria-label=\"Volgende\">\r\n                            <i class=\"fas fa-chevron-right\"><\/i>\r\n                        <\/button>\r\n                        <div class=\"carousel-dots\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"precios\" class=\"full-width-section pricing\">\r\n    <div class=\"container mx-auto px-4\">\r\n        <div class=\"section-header text-center mb-16 animate-fade-in\">\r\n            <h2 class=\"section-title playfair\">Transparante tarieven voor een perfect verblijf<\/h2>\r\n            <p class=\"section-subtitle\">All inclusive zodat je kunt genieten van Valencia zonder verrassingen. Kwaliteit en comfort voor de beste prijs.<\/p>\r\n        <\/div>\r\n        <div class=\"pricing-container\">\r\n            <div class=\"pricing-card card animate-fade-in\" style=\"--animation-delay: 0.2s;\">\r\n                <div class=\"pricing-header\">\r\n                    <h3 class=\"pricing-title playfair\">Premium all-inclusive kavel<\/h3>\r\n                    <h4 class=\"pricing-price\">20 \u20ac<span class=\"text-lg font-normal\">\/nacht<\/span><\/h4>\r\n                <\/div>\r\n                <div class=\"pricing-body\">\r\n                    <ul class=\"pricing-features\">\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> <span class=\"feature-highlight\">2 personen inbegrepen<\/span><\/li>\r\n                        <li><i class=\"fas fa-user-plus\"><\/i> <span class=\"feature-highlight\">Extra persoon: 4\u20ac\/nacht<\/span><\/li>\r\n                        <li><i class=\"fas fa-wifi\"><\/i> <span class=\"feature-highlight\">Snelle Wifi<\/span><\/li>\r\n                        <li><i class=\"fas fa-bolt\"><\/i> <span class=\"feature-highlight\">Elektriciteit (16A)<\/span><\/li>\r\n                        <li><i class=\"fas fa-hot-tub\"><\/i> <span class=\"feature-highlight\">Douches met warm water 24u<\/span><\/li>\r\n                        <li><i class=\"fas fa-recycle\"><\/i> <span class=\"feature-highlight\">Volledige afvoer (zwart en grijs water)<\/span><\/li>\r\n                        <li><i class=\"fas fa-tint\"><\/i> <span class=\"feature-highlight\">Drinkwaterbelasting<\/span><\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/xirivellacamper.com\/nl\/search\/\" class=\"btn-cta pricing-cta animate-pulse mt-6\">Reservekavel<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n    <section id=\"servicios-adicionales\" class=\"full-width-section additional-services\">\r\n        <div class=\"container mx-auto px-4\">\r\n            <div class=\"section-header text-center mb-16 animate-fade-in\">\r\n                <h2 class=\"section-title playfair\">Maak je verblijf op maat compleet<\/h2>\r\n                <p class=\"section-subtitle\">Extra services om je reis nog comfortabeler en praktischer te maken.<\/p>\r\n            <\/div>\r\n            <div class=\"services-cards\">\r\n                <div class=\"service-price-card card animate-fade-in\" style=\"--animation-delay: 0.2s;\">\r\n                    <div class=\"service-price-icon\">\r\n                        <i class=\"fas fa-route\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"service-price-title playfair\">Technische snelstop<\/h3>\r\n                    <h4 class=\"service-price-amount\">4 \u20ac<\/h4>\r\n                    <ul class=\"service-price-features\">\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> Water verversen en legen<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"service-price-card card animate-fade-in\" style=\"--animation-delay: 0.4s;\">\r\n                    <div class=\"service-price-icon\">\r\n                        <i class=\"fas fa-soap\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"service-price-title playfair\">Onberispelijk wassen onderweg<\/h3>\r\n                    <h4 class=\"service-price-amount\">4\u20ac \/ 3\u20ac<\/h4>\r\n                    <ul class=\"service-price-features\">\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> Wasmachine (incl. wasmiddel en wasverzachter)<\/li>\r\n                        <li><i class=\"fas fa-wind\"><\/i> Snelle en effici\u00ebnte droger<\/li>\r\n                        <li><i class=\"far fa-clock\"><\/i> Wasruimte met lange openingstijden<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"service-price-card card animate-fade-in\" style=\"--animation-delay: 0.6s;\">\r\n                    <div class=\"service-price-icon\">\r\n                        <i class=\"fas fa-shower\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"service-price-title playfair\">Douches<\/h3>\r\n                    <h4 class=\"service-price-amount\">5\u20ac<\/h4>\r\n                    <ul class=\"service-price-features\">\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> Toegang per persoon<\/li>\r\n                        <li><i class=\"fas fa-hot-tub\"><\/i> Warm water 24 uur beschikbaar<\/li>\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> Moderne en schone faciliteiten<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"instalaciones\" class=\"full-width-section facilities\">\r\n        <div class=\"container mx-auto px-4\">\r\n            <div class=\"section-header text-center mb-12 animate-fade-in\">\r\n                <h2 class=\"section-title playfair\">Geavanceerde faciliteiten voor maximaal comfort<\/h2>\r\n                <p class=\"section-subtitle\">We hebben voor elk detail gezorgd om je ervaring bij Xirivella Camper onvergetelijk te maken. Ontdek onze uitrusting.<\/p>\r\n            <\/div>\r\n            <div class=\"facilities-grid\">\r\n                <div class=\"facility-card card animate-fade-in\" style=\"--animation-delay: 0.1s;\">\r\n                    <div class=\"facility-icon\"><i class=\"fas fa-toilet-paper\"><\/i><\/div>\r\n                    <h3 class=\"facility-title\">Volledige ledigingszone (zwart en grijs water)<\/h3>\r\n                <\/div>\r\n                <div class=\"facility-card card animate-fade-in\" style=\"--animation-delay: 0.2s;\">\r\n                    <div class=\"facility-icon\"><i class=\"fas fa-faucet\"><\/i><\/div>\r\n                    <h3 class=\"facility-title\">Oplaadpunten voor drinkwater<\/h3>\r\n                <\/div>\r\n                <div class=\"facility-card card animate-fade-in\" style=\"--animation-delay: 0.3s;\">\r\n                    <div class=\"facility-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\r\n                    <h3 class=\"facility-title\">Individuele perceelelektriciteitsaansluiting (16A)<\/h3>\r\n                <\/div>\r\n                <div class=\"facility-card card animate-fade-in\" style=\"--animation-delay: 0.4s;\">\r\n                    <div class=\"facility-icon\"><i class=\"fas fa-wifi\"><\/i><\/div>\r\n                    <h3 class=\"facility-title\">Gratis snelle WiFi<\/h3>\r\n                <\/div>\r\n                <div class=\"facility-card card animate-fade-in\" style=\"--animation-delay: 0.5s;\">\r\n                    <div class=\"facility-icon\"><i class=\"fas fa-bath\"><\/i><\/div>\r\n                    <h3 class=\"facility-title\">Moderne toiletten en douches (warm water 24u)<\/h3>\r\n                <\/div>\r\n                <div class=\"facility-card card animate-fade-in\" style=\"--animation-delay: 0.6s;\">\r\n                    <div class=\"facility-icon\"><i class=\"fas fa-tshirt\"><\/i><\/div>\r\n                    <h3 class=\"facility-title\">Wasruimte met zelfbediening<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"testimonios\" class=\"full-width-section testimonials\">\r\n        <div class=\"container mx-auto px-4\">\r\n            <div class=\"section-header text-center mb-12 animate-fade-in\">\r\n                <h2 class=\"section-title playfair\">De stem van onze reizigers<\/h2>\r\n                <p class=\"section-subtitle\">Ontdek waarom Xirivella Camper de voorkeur heeft van de caravanning gemeenschap.<\/p>\r\n            <\/div>\r\n            <div class=\"grid grid-cols-2 gap-8\">\r\n                <div class=\"testimonial-card card animate-fade-in\" style=\"--animation-delay: 0.2s;\">\r\n                    <p class=\"testimonial-content\">\"Uitstekende locatie en onberispelijke service. De warme douches waren een luxe na een aantal dagen reizen. Super vriendelijk en attent personeel, we komen zeker terug!\"<\/p>\r\n                    <div class=\"testimonial-author\">\r\n                        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/43.jpg\" alt=\"Mar\u00eda G.\" class=\"author-avatar\">\r\n                        <div class=\"author-info\">\r\n                            <span class=\"author-name\">Maria G.<\/span>\r\n                            <span class=\"author-location\">Barcelona, Spanje<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"testimonial-card card animate-fade-in\" style=\"--animation-delay: 0.4s;\">\r\n                    <p class=\"testimonial-content\">\"De beste overnachtingsplaats die we tijdens onze reizen in de Valenciaanse Gemeenschap hebben gevonden. 24 uur beveiliging, ruime plaatsen en alles zeer schoon. Helemaal een aanrader.\"<\/p>\r\n                    <div class=\"testimonial-author\">\r\n                        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"Javier L.\" class=\"author-avatar\">\r\n                        <div class=\"author-info\">\r\n                            <span class=\"author-name\">Javier L. en gezin<\/span>\r\n                            <span class=\"author-location\">Madrid, Spanje<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"contacto\" class=\"full-width-section contact\">\r\n        <div class=\"container mx-auto px-4 text-center\">\r\n            <div class=\"contact-banner animate-fade-in py-20\">\r\n                <h2 class=\"contact-title playfair mb-6\">Klaar voor uw Valenciaanse avontuur?<\/h2>\r\n                <p class=\"text-white opacity-90 max-w-2xl mx-auto mb-10 text-lg\">Ons team is er om je te helpen de perfecte tussenstop te plannen - laten we praten en al je vragen beantwoorden!<\/p>\r\n                <a href=\"https:\/\/wa.me\/34647339635?text=Hola%2C%20me%20gustar\u00eda%20obtener%20m\u00e1s%20informaci\u00f3n%20sobre%20Xirivella%20Camper.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-cta btn-cta-contact animate-pulse\">\r\n                    <i class=\"fab fa-whatsapp mr-2\"><\/i> Contact via WhatsApp\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"ubicacion\" class=\"full-width-section map-section\">\r\n        <div class=\"container mx-auto px-4\">\r\n            <div class=\"section-header text-center mb-12 animate-fade-in\">\r\n                <h2 class=\"section-title playfair\">Vind ons: Uw directe toegang tot Valencia<\/h2>\r\n                <p class=\"section-subtitle\">Strategisch gelegen om Valencia en omgeving comfortabel en probleemloos te verkennen.<\/p>\r\n            <\/div>\r\n            <div class=\"map-container animate-fade-in\" style=\"--animation-delay: 0.2s;\">\r\n                <iframe\r\n                    class=\"map-iframe\"\r\n                    src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3080.677991425391!2d-0.4205916846330427!3d39.45900927948776!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd604e8068598065%3A0x2011643492919704!2sXirivella%20Camper%20Park!5e0!3m2!1ses!2ses!4v1683020302030!5m2!1ses!2ses\" ><\/iframe>\r\n            <\/div>\r\n            <div class=\"map-info\">\r\n                <div class=\"map-info-card card animate-fade-in\" style=\"--animation-delay: 0.4s;\">\r\n                    <div class=\"map-info-icon\"><i class=\"fas fa-map-signs\"><\/i><\/div>\r\n                    <h3 class=\"map-info-title playfair\">Exact adres<\/h3>\r\n                    <p class=\"map-info-text\">Carrer Riu X\u00faquer, 32,<br>46950 Xirivella (Valencia), Spanje<\/p>\r\n                <\/div>\r\n                <div class=\"map-info-card card animate-fade-in\" style=\"--animation-delay: 0.6s;\">\r\n                    <div class=\"map-info-icon\"><i class=\"fas fa-phone-volume\"><\/i><\/div>\r\n                    <h3 class=\"map-info-title playfair\">Telefoon en WhatsApp<\/h3>\r\n                    <p class=\"map-info-text\"><strong>+34 647 33 96 35<\/strong><br>Bel of schrijf ons, we zijn er om je te helpen!<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            \/\/ Enhanced animations with Intersection Observer\r\n            const animatedElements = document.querySelectorAll('.animate-fade-in');\r\n            const observerOptions = {\r\n                root: null,\r\n                rootMargin: '0px',\r\n                threshold: 0.15\r\n            };\r\n\r\n            const observer = new IntersectionObserver((entries, observerInstance) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        const delayStyle = getComputedStyle(entry.target).getPropertyValue('--animation-delay');\r\n                        const delay = parseFloat(delayStyle) * 1000 || 0;\r\n\r\n                        setTimeout(() => {\r\n                            entry.target.style.transform = 'translateY(0)';\r\n                            entry.target.classList.add('visible');\r\n                        }, delay);\r\n                        \r\n                        observerInstance.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n\r\n            animatedElements.forEach(el => {\r\n                el.style.transform = 'translateY(30px)';\r\n                observer.observe(el);\r\n            });\r\n\r\n            \/\/ Enhanced Carousel with AutoPlay and Touch Support\r\n            const carousel = document.querySelector('.service-image-carousel');\r\n            if (carousel) {\r\n                const slides = Array.from(carousel.querySelectorAll('.carousel-slide'));\r\n                const prevButton = carousel.querySelector('.carousel-button.prev');\r\n                const nextButton = carousel.querySelector('.carousel-button.next');\r\n                const dotsContainer = carousel.querySelector('.carousel-dots');\r\n                let currentIndex = 0;\r\n                let autoPlayInterval;\r\n                let touchStartX = 0;\r\n                let touchEndX = 0;\r\n\r\n                \/\/ Create dots\r\n                if (slides.length > 0 && dotsContainer) {\r\n                    dotsContainer.innerHTML = ''; \r\n                    \r\n                    slides.forEach((_, index) => {\r\n                        const dotElement = document.createElement('span');\r\n                        dotElement.classList.add('dot');\r\n                        dotElement.setAttribute('data-index', index);\r\n                        dotElement.addEventListener('click', () => {\r\n                            goToSlide(index);\r\n                            resetAutoPlay();\r\n                        });\r\n                        dotsContainer.appendChild(dotElement);\r\n                    });\r\n                }\r\n                \r\n                const dots = dotsContainer ? Array.from(dotsContainer.querySelectorAll('.dot')) : [];\r\n\r\n                function updateCarousel() {\r\n                    slides.forEach((slide, index) => {\r\n                        slide.classList.toggle('active', index === currentIndex);\r\n                    });\r\n                    \r\n                    if (dots.length > 0) {\r\n                        dots.forEach((dot, index) => {\r\n                            dot.classList.toggle('active', index === currentIndex);\r\n                        });\r\n                    }\r\n                }\r\n\r\n                function goToSlide(index) {\r\n                    if (slides.length === 0) return;\r\n                    currentIndex = (index + slides.length) % slides.length;\r\n                    updateCarousel();\r\n                }\r\n\r\n                function startAutoPlay(interval = 5000) {\r\n                    stopAutoPlay();\r\n                     if (slides.length > 1) { \r\n                        autoPlayInterval = setInterval(() => {\r\n                            goToSlide(currentIndex + 1);\r\n                        }, interval);\r\n                    }\r\n                }\r\n\r\n                function stopAutoPlay() {\r\n                    clearInterval(autoPlayInterval);\r\n                }\r\n\r\n                function resetAutoPlay() {\r\n                    stopAutoPlay();\r\n                    startAutoPlay();\r\n                }\r\n\r\n                if (prevButton) {\r\n                    prevButton.addEventListener('click', () => {\r\n                        goToSlide(currentIndex - 1);\r\n                        resetAutoPlay();\r\n                    });\r\n                }\r\n\r\n                if (nextButton) {\r\n                    nextButton.addEventListener('click', () => {\r\n                        goToSlide(currentIndex + 1);\r\n                        resetAutoPlay();\r\n                    });\r\n                }\r\n\r\n                carousel.addEventListener('touchstart', (e) => {\r\n                    if (slides.length <= 1) return;\r\n                    touchStartX = e.changedTouches[0].screenX;\r\n                    stopAutoPlay(); \r\n                }, {passive: true});\r\n\r\n                carousel.addEventListener('touchend', (e) => {\r\n                     if (slides.length <= 1) return;\r\n                    touchEndX = e.changedTouches[0].screenX;\r\n                    handleSwipe();\r\n                    if (slides.length > 1) { \r\n                        startAutoPlay();\r\n                    }\r\n                }, {passive: true});\r\n\r\n                function handleSwipe() {\r\n                    const diff = touchStartX - touchEndX;\r\n                    if (Math.abs(diff) > 40) { \r\n                        if (diff > 0) {\r\n                            goToSlide(currentIndex + 1);\r\n                        } else {\r\n                            goToSlide(currentIndex - 1);\r\n                        }\r\n                    }\r\n                }\r\n\r\n                if (slides.length > 0) {\r\n                    goToSlide(0); \r\n                    startAutoPlay();\r\n\r\n                    carousel.addEventListener('mouseenter', stopAutoPlay);\r\n                    \/\/carousel.addEventListener('mouseleave', startAutoPlay); \/\/ L\u00cdNEA ORIGINAL CON PROBLEMA\r\n                    carousel.addEventListener('mouseleave', () => { \/\/ L\u00cdNEA CORREGIDA\r\n                        startAutoPlay();\r\n                    });\r\n                }\r\n            }\r\n\r\n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n                anchor.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n                    \r\n                    const targetId = this.getAttribute('href');\r\n                    if (targetId === '#') return; \r\n                    \r\n                    const targetElement = document.querySelector(targetId);\r\n                    if (targetElement) {\r\n                        window.scrollTo({\r\n                            top: targetElement.offsetTop - 80, \r\n                            behavior: 'smooth'\r\n                        });\r\n                    }\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfa51a4 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-html\" data-id=\"bfa51a4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Xirivella Camper (M\u00f3vil)<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" integrity=\"sha512-iecdLmaskl7CVkqkXNQ\/ZH\/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT\/E0iPtmFIB46ZmdtAc9eNBvH0H\/ZpiBw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Playfair+Display:wght%40700;800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --primary: #103571;\r\n            --primary-light: #2a4b8f;\r\n            --primary-dark: #082a5c;\r\n            --secondary: #F4662F;\r\n            --secondary-light: #fce5db;\r\n            --dark: #151c28;\r\n            --light: #f8fafc;\r\n            --gray: #64748b;\r\n            --gray-light: #e2e8f0;\r\n            --gray-dark: #334155;\r\n            --white: #ffffff;\r\n            --success: #28a745;\r\n            --card-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.07), 0 8px 10px -6px rgba(0, 0, 0, 0.07);\r\n            --card-hover-shadow: 0 20px 30px -5px rgba(0, 0, 0, 0.1), 0 15px 15px -5px rgba(0, 0, 0, 0.08);\r\n            --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n            --border-radius-md: 12px;\r\n            --border-radius-lg: 16px;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n            font-size: 16px;\r\n        }\r\n\r\n        body {\r\n            margin: 0;\r\n            font-family: 'Montserrat', sans-serif;\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n            overflow-x: hidden;\r\n            color: var(--dark);\r\n            line-height: 1.7;\r\n            background-color: #fdfdfe;\r\n        }\r\n\r\n        .playfair-movil {\r\n            font-family: 'Playfair Display', serif;\r\n        }\r\n\r\n        .full-width-section-movil {\r\n            position: relative;\r\n            width: 100vw;\r\n            margin-left: calc(50% - 50vw);\r\n            margin-right: calc(50% - 50vw);\r\n            box-sizing: border-box;\r\n            padding: 3rem 0;\r\n        }\r\n\r\n        #servicios.full-width-section-movil {\r\n            padding-top: 3rem;\r\n            background: linear-gradient(to bottom, var(--white) 0%, #f5f9ff 100%);\r\n        }\r\n\r\n        @keyframes fadeIn-movil {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        @keyframes pulse-movil {\r\n            0%, 100% { transform: scale(1); box-shadow: 0 4px 6px rgba(244,102,47,0.2); }\r\n            50% { transform: scale(1.03); box-shadow: 0 8px 15px rgba(244,102,47,0.3); }\r\n        }\r\n\r\n        @keyframes float-movil {\r\n            0% { transform: translateY(0px); }\r\n            50% { transform: translateY(-8px); }\r\n            100% { transform: translateY(0px); }\r\n        }\r\n\r\n        .animate-fade-in-movil {\r\n            opacity: 0;\r\n            transition: opacity 0.6s ease-out, transform 0.6s ease-out;\r\n        }\r\n\r\n        .animate-fade-in-movil.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .animate-pulse-movil {\r\n            animation: pulse-movil 2.5s infinite cubic-bezier(0.4, 0, 0.6, 1);\r\n        }\r\n\r\n        .animate-float-movil {\r\n            animation: float-movil 6s ease-in-out infinite;\r\n        }\r\n\r\n        .section-header-movil {\r\n            margin-bottom: 2.5rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .section-title-movil {\r\n            font-size: 1.8rem;\r\n            font-weight: 800;\r\n            color: var(--primary-dark);\r\n            margin-bottom: 1rem;\r\n            position: relative;\r\n            display: inline-block;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .section-title-movil::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 60px;\r\n            height: 3px;\r\n            background: var(--secondary);\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .section-subtitle-movil {\r\n            font-size: 1rem;\r\n            color: var(--gray-dark);\r\n            max-width: 90%;\r\n            margin: 1rem auto 0 auto;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .btn-cta-movil {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: var(--secondary);\r\n            color: var(--white) !important;\r\n            padding: 0.8rem 1.5rem;\r\n            border-radius: 50px;\r\n            font-weight: 700;\r\n            text-decoration: none;\r\n            transition: var(--transition);\r\n            text-align: center;\r\n            border: 2px solid transparent;\r\n            cursor: pointer;\r\n            font-size: 1rem;\r\n            box-shadow: 0 4px 15px rgba(244,102,47,0.25);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .btn-cta-movil:hover {\r\n            background: #e0521c;\r\n            color: var(--white) !important;\r\n            transform: translateY(-2px) scale(1.01);\r\n            box-shadow: 0 8px 18px rgba(244,102,47,0.35);\r\n        }\r\n\r\n        .btn-cta-movil i { margin-right: 0.5rem; }\r\n\r\n        .btn-cta-contact-movil {\r\n            padding: 1rem 2rem;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .card-movil {\r\n            background: var(--white);\r\n            border-radius: var(--border-radius-lg);\r\n            overflow: hidden;\r\n            box-shadow: var(--card-shadow);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            border: 1px solid var(--gray-light);\r\n        }\r\n\r\n        .card-movil:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: var(--card-hover-shadow);\r\n        }\r\n\r\n        .services-movil {\r\n            background: linear-gradient(to bottom, var(--white) 0%, #f5f9ff 100%);\r\n        }\r\n\r\n        .service-main-title-movil {\r\n            font-size: 1.8rem;\r\n            color: var(--primary);\r\n            margin-bottom: 1rem;\r\n            line-height: 1.3;\r\n            font-weight: 800;\r\n        }\r\n\r\n        .service-main-text-movil {\r\n            color: var(--gray-dark);\r\n            font-size: 1rem;\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .service-features-movil {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .service-feature-movil {\r\n            background: var(--white);\r\n            padding: 1.2rem;\r\n            border-radius: var(--border-radius-md);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.03);\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .service-feature-movil:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 7px 20px rgba(0,0,0,0.07);\r\n        }\r\n\r\n        .service-feature-title-movil {\r\n            display: flex;\r\n            align-items: center;\r\n            font-size: 1.1rem;\r\n            color: var(--dark);\r\n            margin-bottom: 0.5rem;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .service-feature-title-movil i {\r\n            font-size: 1.3rem;\r\n            color: var(--secondary);\r\n            transition: transform 0.3s ease;\r\n            margin-right: 0.8rem;\r\n        }\r\n\r\n        .service-feature-movil:hover .service-feature-title-movil i {\r\n            transform: scale(1.15) rotate(8deg);\r\n        }\r\n\r\n        .service-feature-text-movil {\r\n            color: var(--gray);\r\n            padding-left: calc(1.3rem + 0.8rem);\r\n            font-size: 0.95rem;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .service-image-carousel-movil {\r\n            border-radius: var(--border-radius-lg);\r\n            box-shadow: 0 15px 30px -8px rgba(0,0,0,0.12);\r\n            position: relative;\r\n            overflow: hidden;\r\n            transform-style: preserve-3d;\r\n            margin-top: 2rem;\r\n            width: 100%;\r\n        }\r\n\r\n        .carousel-container-movil {\r\n            height: 300px;\r\n            position: relative;\r\n            border-radius: var(--border-radius-lg);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .carousel-slide-movil {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: none;\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            transition: opacity 0.6s ease-in-out;\r\n            opacity: 0;\r\n        }\r\n\r\n        .carousel-slide-movil.active {\r\n            display: block;\r\n            opacity: 1;\r\n        }\r\n\r\n        .carousel-image-movil {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .carousel-slide-movil.active .carousel-image-movil {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .carousel-button-movil {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: rgba(255,255,255,0.9);\r\n            color: var(--primary-dark);\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n            border: none;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 4px 10px rgba(0,0,0,0.12);\r\n            z-index: 10;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .carousel-button-movil:hover { \/* Active state on mobile will be on tap, hover for desktop fallback if ever used *\/\r\n            background: var(--white);\r\n            transform: translateY(-50%) scale(1.1);\r\n            color: var(--secondary);\r\n            box-shadow: 0 6px 15px rgba(0,0,0,0.18);\r\n        }\r\n        .carousel-button-movil:active { \/* Style for tap feedback on mobile *\/\r\n            background: #f0f0f0; \/* Slightly darker feedback *\/\r\n            transform: translateY(-50%) scale(1.05);\r\n        }\r\n\r\n        .carousel-button-movil.prev { left: 15px; }\r\n        .carousel-button-movil.next { right: 15px; }\r\n\r\n        .carousel-dots-movil {\r\n            position: absolute;\r\n            bottom: 15px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex;\r\n            gap: 8px;\r\n            z-index: 10;\r\n        }\r\n\r\n        .dot-movil {\r\n            width: 10px;\r\n            height: 10px;\r\n            border-radius: 50%;\r\n            background: rgba(255,255,255,0.5);\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            border: 1px solid rgba(255,255,255,0.25);\r\n        }\r\n\r\n        .dot-movil.active {\r\n            background: var(--secondary);\r\n            transform: scale(1.2);\r\n            border-color: var(--secondary);\r\n        }\r\n\r\n        .pricing-movil {\r\n            background: linear-gradient(135deg, var(--light) 0%, #e9eff5 100%);\r\n        }\r\n\r\n        .pricing-container-movil {\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .pricing-card-movil {\r\n            max-width: 100%;\r\n            width: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .pricing-card-movil::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: var(--secondary);\r\n        }\r\n\r\n        .pricing-header-movil {\r\n            padding: 2rem 1.5rem;\r\n            text-align: center;\r\n            border-bottom: 1px solid var(--gray-light);\r\n            background: var(--white);\r\n        }\r\n\r\n        .pricing-title-movil {\r\n            font-size: 1.5rem;\r\n            color: var(--primary-dark);\r\n            font-weight: 800;\r\n        }\r\n\r\n        .pricing-price-movil {\r\n            font-size: 2.5rem;\r\n            color: var(--primary);\r\n            font-weight: 800;\r\n            margin: 0.8rem 0;\r\n        }\r\n\r\n        .pricing-price-movil .text-lg {\r\n            font-size: 1rem;\r\n            opacity: 0.8;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .pricing-body-movil {\r\n            padding: 2rem 1.5rem;\r\n            background: rgba(248, 250, 252, 0.6);\r\n        }\r\n\r\n        .pricing-features-movil {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .pricing-features-movil li {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 1rem;\r\n            padding: 0.8rem 0;\r\n            border-bottom: 1px solid var(--gray-light);\r\n            transition: all 0.3s ease;\r\n            font-size: 0.95rem;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .pricing-features-movil li:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .pricing-features-movil li:hover {\r\n            background-color: var(--secondary-light);\r\n            transform: translateX(3px);\r\n        }\r\n\r\n        .pricing-features-movil li i {\r\n            color: var(--success);\r\n            font-size: 1.1rem;\r\n            margin-right: 0.8rem;\r\n            margin-top: 0.1rem;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .feature-highlight-movil {\r\n            color: var(--primary-dark);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .pricing-cta-movil {\r\n            display: block;\r\n            width: fit-content;\r\n            margin: 2rem auto 0 auto;\r\n        }\r\n\r\n        .additional-services-movil {\r\n            background-color: var(--white);\r\n        }\r\n\r\n        .services-cards-movil {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 2rem;\r\n            max-width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .service-price-card-movil {\r\n            flex: 1 1 100%;\r\n            max-width: 100%;\r\n            padding: 2rem;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .service-price-card-movil::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: var(--primary);\r\n        }\r\n\r\n        .service-price-icon-movil {\r\n            width: 70px;\r\n            height: 70px;\r\n            font-size: 1.8rem;\r\n            margin-bottom: 1.2rem;\r\n            background-color: var(--secondary-light);\r\n            color: var(--primary);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: var(--transition);\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .service-price-card-movil:hover .service-price-icon-movil {\r\n            transform: translateY(-6px) scale(1.08) rotate(8deg);\r\n            background: var(--secondary);\r\n            color: var(--white);\r\n            box-shadow: 0 8px 18px rgba(244,102,47,0.2);\r\n        }\r\n\r\n        .service-price-title-movil {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 0.8rem;\r\n            color: var(--primary-dark);\r\n            font-weight: 800;\r\n        }\r\n\r\n        .service-price-amount-movil {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 1.2rem;\r\n            color: var(--primary);\r\n            font-weight: 800;\r\n        }\r\n\r\n        .service-price-features-movil {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin-top: 1.2rem;\r\n            text-align: left;\r\n        }\r\n\r\n        .service-price-features-movil li {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 0.7rem;\r\n            font-size: 0.9rem;\r\n            padding: 0.4rem 0;\r\n        }\r\n\r\n        .service-price-features-movil li i {\r\n            color: var(--success);\r\n            margin-right: 0.7rem;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .facilities-movil {\r\n            background-color: var(--light);\r\n        }\r\n\r\n        .facilities-grid-movil {\r\n            display: grid;\r\n            gap: 1.5rem;\r\n            grid-template-columns: 1fr;\r\n            max-width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .facility-card-movil {\r\n            padding: 2rem 1.5rem;\r\n            min-height: auto;\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .facility-card-movil::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: var(--primary);\r\n        }\r\n\r\n        .facility-icon-movil {\r\n            width: 65px;\r\n            height: 65px;\r\n            font-size: 1.6rem;\r\n            margin-bottom: 1.2rem;\r\n            background-color: var(--secondary-light);\r\n            color: var(--secondary);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: var(--transition);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .facility-card-movil:hover .facility-icon-movil {\r\n            background: var(--secondary);\r\n            color: var(--white);\r\n            transform: scale(1.15) rotate(-8deg);\r\n            box-shadow: 0 8px 18px rgba(244,102,47,0.2);\r\n        }\r\n\r\n        .facility-title-movil {\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            line-height: 1.5;\r\n            color: var(--primary-dark);\r\n        }\r\n\r\n        .testimonials-movil {\r\n            background: var(--white);\r\n        }\r\n\r\n        .testimonial-card-movil {\r\n            padding: 2rem 1.5rem;\r\n            border-radius: var(--border-radius-lg);\r\n            box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n            position: relative;\r\n            background: var(--white);\r\n        }\r\n\r\n        .testimonial-card-movil::before {\r\n            content: \"\\f10d\";\r\n            font-family: \"Font Awesome 6 Free\";\r\n            font-weight: 900;\r\n            position: absolute;\r\n            font-size: 3rem;\r\n            color: var(--secondary);\r\n            opacity: 0.1;\r\n            top: 15px;\r\n            left: 20px;\r\n            z-index: 0;\r\n        }\r\n\r\n        .testimonial-content-movil {\r\n            font-size: 1rem;\r\n            line-height: 1.8;\r\n            margin-bottom: 1.5rem;\r\n            color: var(--gray-dark);\r\n            position: relative;\r\n            z-index: 1;\r\n            font-style: italic;\r\n        }\r\n\r\n        .testimonial-author-movil {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .author-avatar-movil {\r\n            width: 55px;\r\n            height: 55px;\r\n            border-radius: 50%;\r\n            object-fit: cover;\r\n            border: 3px solid var(--secondary-light);\r\n            margin-right: 1rem;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .author-name-movil {\r\n            font-size: 1.05rem;\r\n            color: var(--primary-dark);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .author-location-movil {\r\n            font-size: 0.9rem;\r\n            color: var(--gray);\r\n        }\r\n\r\n        .contact-movil {\r\n            background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .contact-movil::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -30px;\r\n            right: -30px;\r\n            width: 150px;\r\n            height: 150px;\r\n            border-radius: 50%;\r\n            background: rgba(255,255,255,0.05);\r\n        }\r\n\r\n        .contact-movil::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -60px;\r\n            left: -60px;\r\n            width: 200px;\r\n            height: 200px;\r\n            border-radius: 50%;\r\n            background: rgba(255,255,255,0.05);\r\n        }\r\n\r\n        .contact-title-movil {\r\n            font-size: 2rem;\r\n            text-shadow: 0 2px 5px rgba(0,0,0,0.2);\r\n            color: var(--white);\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .map-section-movil {\r\n            background-color: var(--light);\r\n        }\r\n\r\n        .map-container-movil {\r\n            border-radius: var(--border-radius-lg);\r\n            height: 300px;\r\n            overflow: hidden;\r\n            box-shadow: var(--card-shadow);\r\n            position: relative;\r\n        }\r\n\r\n        .map-iframe-movil {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 0;\r\n        }\r\n\r\n        .map-info-movil {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 2rem;\r\n            margin-top: 2.5rem;\r\n            max-width: 100%;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .map-info-card-movil {\r\n            flex: 1 1 100%;\r\n            max-width: 100%;\r\n            padding: 2rem;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .map-info-card-movil::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: var(--primary);\r\n        }\r\n\r\n        .map-info-icon-movil {\r\n            width: 65px;\r\n            height: 65px;\r\n            font-size: 1.6rem;\r\n            background-color: var(--secondary-light);\r\n            color: var(--primary);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 1.2rem auto;\r\n            transition: var(--transition);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .map-info-card-movil:hover .map-info-icon-movil {\r\n            background: var(--secondary);\r\n            color: var(--white);\r\n            transform: scale(1.1) rotate(-4deg);\r\n            box-shadow: 0 8px 18px rgba(244,102,47,0.2);\r\n        }\r\n\r\n        .map-info-title-movil {\r\n            font-size: 1.25rem;\r\n            color: var(--primary-dark);\r\n            font-weight: 800;\r\n            margin-bottom: 0.8rem;\r\n        }\r\n\r\n        .map-info-text-movil {\r\n            font-size: 0.95rem;\r\n            color: var(--gray-dark);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .map-info-text-movil strong {\r\n            color: var(--primary);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section id=\"servicios-movil\" class=\"full-width-section-movil services-movil\">\r\n        <div class=\"container mx-auto px-4\">\r\n            <div class=\"section-header-movil text-center mb-10 animate-fade-in-movil\">\r\n                <h2 class=\"section-title-movil playfair-movil\">Veiligheid en perfecte verbinding voor je avontuur<\/h2>\r\n                <p class=\"section-subtitle-movil\">Ontdek Xirivella Camper: je ideale basiskamp om Valencia in alle rust te verkennen.<\/p>\r\n            <\/div>\r\n            <div class=\"flex flex-col items-center gap-8\">\r\n                <div class=\"service-text-content-movil w-full animate-fade-in-movil\" style=\"--animation-delay: 0.2s;\">\r\n                    <h3 class=\"service-main-title-movil playfair-movil\">Xirivella Camper: Waar comfort en strategie elkaar ontmoeten<\/h3>\r\n                    <p class=\"service-main-text-movil\">Wij bieden je een eersteklas overnachtingsplaats en alle essenti\u00eble diensten voor je camper of kampeerauto in Xirivella. Ervaar een veilige, comfortabele en bevoorrechte toegang om het bruisende Valencia en haar schatten te ontdekken.<\/p>\r\n                    <div class=\"service-features-movil\">\r\n                        <div class=\"service-feature-movil\">\r\n                            <h4 class=\"service-feature-title-movil\"><i class=\"fas fa-map-marked-alt\"><\/i> Onverslaanbare verbinding<\/h4>\r\n                            <p class=\"service-feature-text-movil\">Verken Valencia gemakkelijk vanuit onze omgeving, met directe toegang tot de belangrijkste toeristische, culturele en vrijetijdsattracties.<\/p>\r\n                        <\/div>\r\n                        <div class=\"service-feature-movil\">\r\n                            <h4 class=\"service-feature-title-movil\"><i class=\"fas fa-shower\"><\/i> Alles wat je nodig hebt en meer<\/h4>\r\n                            <p class=\"service-feature-text-movil\">Van onberispelijke rust- en toiletruimtes tot complete ledigings- en oplaadservices voor je voertuig.<\/p>\r\n                        <\/div>\r\n                        <div class=\"service-feature-movil\">\r\n                            <h4 class=\"service-feature-title-movil\"><i class=\"fas fa-shield-alt\"><\/i> Uw gemoedsrust, onze prioriteit<\/h4>\r\n                            <p class=\"service-feature-text-movil\">Faciliteiten worden 24\/7 bewaakt om een veilige en vredige omgeving te garanderen waar je kunt ontspannen zonder zorgen.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"service-image-carousel-movil w-full animate-fade-in-movil\" style=\"--animation-delay: 0.4s;\">\r\n                    <div class=\"carousel-container-movil\">\r\n                        <div class=\"carousel-slide-movil active\"> <img decoding=\"async\" src=\"https:\/\/palegreen-bee-957910.hostingersite.com\/wp-content\/uploads\/2025\/06\/i1.jpg\" alt=\"Autocaravana en parcela Xirivella Camper\" class=\"carousel-image-movil\" \/>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide-movil\">\r\n                            <img decoding=\"async\" src=\"https:\/\/palegreen-bee-957910.hostingersite.com\/wp-content\/uploads\/2025\/06\/i3.jpg\" alt=\"Vista \u00e1rea Xirivella Camper\" class=\"carousel-image-movil\" \/>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide-movil\">\r\n                            <img decoding=\"async\" src=\"https:\/\/palegreen-bee-957910.hostingersite.com\/wp-content\/uploads\/2025\/06\/i4.jpg\" alt=\"Detalle instalaciones Xirivella Camper\" class=\"carousel-image-movil\" \/>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide-movil\">\r\n                            <img decoding=\"async\" src=\"https:\/\/palegreen-bee-957910.hostingersite.com\/wp-content\/uploads\/2025\/06\/i5.jpg\" alt=\"Zona de servicios Xirivella Camper\" class=\"carousel-image-movil\" \/>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide-movil\">\r\n                            <img decoding=\"async\" src=\"https:\/\/palegreen-bee-957910.hostingersite.com\/wp-content\/uploads\/2025\/06\/i6.jpg\" alt=\"Ambiente en Xirivella Camper\" class=\"carousel-image-movil\" \/>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide-movil\">\r\n                            <img decoding=\"async\" src=\"https:\/\/palegreen-bee-957910.hostingersite.com\/wp-content\/uploads\/2025\/06\/i7.jpg\" alt=\"Parcelas amplias Xirivella Camper\" class=\"carousel-image-movil\" \/>\r\n                        <\/div>\r\n                        <button class=\"carousel-button-movil prev\" aria-label=\"Vorige\">\r\n                            <i class=\"fas fa-chevron-left\"><\/i>\r\n                        <\/button>\r\n                        <button class=\"carousel-button-movil next\" aria-label=\"Volgende\">\r\n                            <i class=\"fas fa-chevron-right\"><\/i>\r\n                        <\/button>\r\n                        <div class=\"carousel-dots-movil\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"precios-movil\" class=\"full-width-section-movil pricing-movil\">\r\n    <div class=\"container mx-auto px-4\">\r\n        <div class=\"section-header-movil text-center mb-12 animate-fade-in-movil\">\r\n            <h2 class=\"section-title-movil playfair-movil\">Transparante tarieven voor een perfect verblijf<\/h2>\r\n            <p class=\"section-subtitle-movil\">All inclusive zodat je kunt genieten van Valencia zonder verrassingen. Kwaliteit en comfort voor de beste prijs.<\/p>\r\n        <\/div>\r\n        <div class=\"pricing-container-movil\">\r\n            <div class=\"pricing-card-movil card-movil animate-fade-in-movil\" style=\"--animation-delay: 0.2s;\">\r\n                <div class=\"pricing-header-movil\">\r\n                    <h3 class=\"pricing-title-movil playfair-movil\">Premium all-inclusive kavel<\/h3>\r\n                    <h4 class=\"pricing-price-movil\">20 \u20ac<span class=\"text-lg font-normal\">\/nacht<\/span><\/h4>\r\n                <\/div>\r\n                <div class=\"pricing-body-movil\">\r\n                    <ul class=\"pricing-features-movil\">\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> <span class=\"feature-highlight-movil\">2 personen inbegrepen<\/span><\/li>\r\n                        <li><i class=\"fas fa-user-plus\"><\/i> <span class=\"feature-highlight-movil\">Extra persoon: 4\u20ac\/nacht<\/span><\/li>\r\n                        <li><i class=\"fas fa-wifi\"><\/i> <span class=\"feature-highlight-movil\">Snelle Wifi<\/span><\/li>\r\n                        <li><i class=\"fas fa-bolt\"><\/i> <span class=\"feature-highlight-movil\">Elektriciteit (16A)<\/span><\/li>\r\n                        <li><i class=\"fas fa-hot-tub\"><\/i> <span class=\"feature-highlight-movil\">Douches met warm water 24u<\/span><\/li>\r\n                        <li><i class=\"fas fa-recycle\"><\/i> <span class=\"feature-highlight-movil\">Volledige afvoer (zwart en grijs water)<\/span><\/li>\r\n                        <li><i class=\"fas fa-tint\"><\/i> <span class=\"feature-highlight-movil\">Drinkwaterbelasting<\/span><\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/xirivellacamper.com\/nl\/search\/\" class=\"btn-cta-movil pricing-cta-movil animate-pulse-movil mt-6\">Reservekavel<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n    <section id=\"servicios-adicionales-movil\" class=\"full-width-section-movil additional-services-movil\">\r\n        <div class=\"container mx-auto px-4\">\r\n            <div class=\"section-header-movil text-center mb-12 animate-fade-in-movil\">\r\n                <h2 class=\"section-title-movil playfair-movil\">Maak je verblijf op maat compleet<\/h2>\r\n                <p class=\"section-subtitle-movil\">Extra services om je reis nog comfortabeler en praktischer te maken.<\/p>\r\n            <\/div>\r\n            <div class=\"services-cards-movil\">\r\n                <div class=\"service-price-card-movil card-movil animate-fade-in-movil\" style=\"--animation-delay: 0.2s;\">\r\n                    <div class=\"service-price-icon-movil\">\r\n                        <i class=\"fas fa-route\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"service-price-title-movil playfair-movil\">Technische snelstop<\/h3>\r\n                    <h4 class=\"service-price-amount-movil\">4 \u20ac<\/h4>\r\n                    <ul class=\"service-price-features-movil\">\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> Water verversen en legen<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"service-price-card-movil card-movil animate-fade-in-movil\" style=\"--animation-delay: 0.4s;\">\r\n                    <div class=\"service-price-icon-movil\">\r\n                        <i class=\"fas fa-soap\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"service-price-title-movil playfair-movil\">Onberispelijk wassen onderweg<\/h3>\r\n                    <h4 class=\"service-price-amount-movil\">4\u20ac \/ 3\u20ac<\/h4>\r\n                    <ul class=\"service-price-features-movil\">\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> Wasmachine (incl. wasmiddel en wasverzachter)<\/li>\r\n                        <li><i class=\"fas fa-wind\"><\/i> Snelle en effici\u00ebnte droger<\/li>\r\n                        <li><i class=\"far fa-clock\"><\/i> Wasruimte met lange openingstijden<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"service-price-card-movil card-movil animate-fade-in-movil\" style=\"--animation-delay: 0.6s;\">\r\n                    <div class=\"service-price-icon-movil\">\r\n                        <i class=\"fas fa-shower\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"service-price-title-movil playfair-movil\">Douches<\/h3>\r\n                    <h4 class=\"service-price-amount-movil\">5\u20ac<\/h4>\r\n                    <ul class=\"service-price-features-movil\">\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> Toegang per persoon<\/li>\r\n                        <li><i class=\"fas fa-hot-tub\"><\/i> Warm water 24 uur beschikbaar<\/li>\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> Moderne en schone faciliteiten<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"instalaciones-movil\" class=\"full-width-section-movil facilities-movil\">\r\n        <div class=\"container mx-auto px-4\">\r\n            <div class=\"section-header-movil text-center mb-10 animate-fade-in-movil\">\r\n                <h2 class=\"section-title-movil playfair-movil\">Geavanceerde faciliteiten voor maximaal comfort<\/h2>\r\n                <p class=\"section-subtitle-movil\">We hebben voor elk detail gezorgd om je ervaring bij Xirivella Camper onvergetelijk te maken. Ontdek onze uitrusting.<\/p>\r\n            <\/div>\r\n            <div class=\"facilities-grid-movil\">\r\n                <div class=\"facility-card-movil card-movil animate-fade-in-movil\" style=\"--animation-delay: 0.1s;\">\r\n                    <div class=\"facility-icon-movil\"><i class=\"fas fa-toilet-paper\"><\/i><\/div>\r\n                    <h3 class=\"facility-title-movil\">Volledige ledigingszone (zwart en grijs water)<\/h3>\r\n                <\/div>\r\n                <div class=\"facility-card-movil card-movil animate-fade-in-movil\" style=\"--animation-delay: 0.2s;\">\r\n                    <div class=\"facility-icon-movil\"><i class=\"fas fa-faucet\"><\/i><\/div>\r\n                    <h3 class=\"facility-title-movil\">Oplaadpunten voor drinkwater<\/h3>\r\n                <\/div>\r\n                <div class=\"facility-card-movil card-movil animate-fade-in-movil\" style=\"--animation-delay: 0.3s;\">\r\n                    <div class=\"facility-icon-movil\"><i class=\"fas fa-bolt\"><\/i><\/div>\r\n                    <h3 class=\"facility-title-movil\">Individuele perceelelektriciteitsaansluiting (16A)<\/h3>\r\n                <\/div>\r\n                <div class=\"facility-card-movil card-movil animate-fade-in-movil\" style=\"--animation-delay: 0.4s;\">\r\n                    <div class=\"facility-icon-movil\"><i class=\"fas fa-wifi\"><\/i><\/div>\r\n                    <h3 class=\"facility-title-movil\">Gratis snelle WiFi<\/h3>\r\n                <\/div>\r\n                <div class=\"facility-card-movil card-movil animate-fade-in-movil\" style=\"--animation-delay: 0.5s;\">\r\n                    <div class=\"facility-icon-movil\"><i class=\"fas fa-bath\"><\/i><\/div>\r\n                    <h3 class=\"facility-title-movil\">Moderne toiletten en douches (warm water 24u)<\/h3>\r\n                <\/div>\r\n                <div class=\"facility-card-movil card-movil animate-fade-in-movil\" style=\"--animation-delay: 0.6s;\">\r\n                    <div class=\"facility-icon-movil\"><i class=\"fas fa-tshirt\"><\/i><\/div>\r\n                    <h3 class=\"facility-title-movil\">Wasruimte met zelfbediening<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"testimonios-movil\" class=\"full-width-section-movil testimonials-movil\">\r\n        <div class=\"container mx-auto px-4\">\r\n            <div class=\"section-header-movil text-center mb-10 animate-fade-in-movil\">\r\n                <h2 class=\"section-title-movil playfair-movil\">De stem van onze reizigers<\/h2>\r\n                <p class=\"section-subtitle-movil\">Ontdek waarom Xirivella Camper de voorkeur heeft van de caravanning gemeenschap.<\/p>\r\n            <\/div>\r\n            <div class=\"grid grid-cols-1 gap-6\">\r\n                <div class=\"testimonial-card-movil card-movil animate-fade-in-movil\" style=\"--animation-delay: 0.2s;\">\r\n                    <p class=\"testimonial-content-movil\">\"Uitstekende locatie en onberispelijke service. De warme douches waren een luxe na een aantal dagen reizen. Super vriendelijk en attent personeel, we komen zeker terug!\"<\/p>\r\n                    <div class=\"testimonial-author-movil\">\r\n                        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/43.jpg\" alt=\"Mar\u00eda G.\" class=\"author-avatar-movil\">\r\n                        <div class=\"author-info-movil\">\r\n                            <span class=\"author-name-movil\">Maria G.<\/span>\r\n                            <span class=\"author-location-movil\">Barcelona, Spanje<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"testimonial-card-movil card-movil animate-fade-in-movil\" style=\"--animation-delay: 0.4s;\">\r\n                    <p class=\"testimonial-content-movil\">\"De beste overnachtingsplaats die we tijdens onze reizen in de Valenciaanse Gemeenschap hebben gevonden. 24 uur beveiliging, ruime plaatsen en alles zeer schoon. Helemaal een aanrader.\"<\/p>\r\n                    <div class=\"testimonial-author-movil\">\r\n                        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"Javier L.\" class=\"author-avatar-movil\">\r\n                        <div class=\"author-info-movil\">\r\n                            <span class=\"author-name-movil\">Javier L. en gezin<\/span>\r\n                            <span class=\"author-location-movil\">Madrid, Spanje<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"contacto-movil\" class=\"full-width-section-movil contact-movil\">\r\n        <div class=\"container mx-auto px-4 text-center\">\r\n            <div class=\"contact-banner-movil animate-fade-in-movil py-16\">\r\n                <h2 class=\"contact-title-movil playfair-movil\">Klaar voor uw Valenciaanse avontuur?<\/h2>\r\n                <p class=\"text-white opacity-90 max-w-xl mx-auto mb-8 text-base\">Ons team is er om je te helpen de perfecte tussenstop te plannen - laten we praten en al je vragen beantwoorden!<\/p>\r\n                <a href=\"https:\/\/wa.me\/34647339635?text=Hola%2C%20me%20gustar\u00eda%20obtener%20m\u00e1s%20informaci\u00f3n%20sobre%20Xirivella%20Camper.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-cta-movil btn-cta-contact-movil animate-pulse-movil\">\r\n                    <i class=\"fab fa-whatsapp mr-2\"><\/i> Contact via WhatsApp\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"ubicacion-movil\" class=\"full-width-section-movil map-section-movil\">\r\n        <div class=\"container mx-auto px-4\">\r\n            <div class=\"section-header-movil text-center mb-10 animate-fade-in-movil\">\r\n                <h2 class=\"section-title-movil playfair-movil\">Vind ons: Uw directe toegang tot Valencia<\/h2>\r\n                <p class=\"section-subtitle-movil\">Strategisch gelegen om Valencia en omgeving comfortabel en probleemloos te verkennen.<\/p>\r\n            <\/div>\r\n            <div class=\"map-container-movil animate-fade-in-movil\" style=\"--animation-delay: 0.2s;\">\r\n                <iframe\r\n                    class=\"map-iframe-movil\"\r\n                    src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3080.901420016286!2d-0.4305006846336463!3d39.46950907948658!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd604e53a935b86b%3A0x1299b4f6c1149298!2sCarrer%20Riu%20X%C3%BAquer%2C%2032%2C%2046950%20Xirivella%2C%20Valencia!5e0!3m2!1ses!2ses!4v1620000000000!5m2!1ses!2ses\" ><\/iframe>\r\n            <\/div>\r\n            <div class=\"map-info-movil\">\r\n                <div class=\"map-info-card-movil card-movil animate-fade-in-movil\" style=\"--animation-delay: 0.4s;\">\r\n                    <div class=\"map-info-icon-movil\"><i class=\"fas fa-map-signs\"><\/i><\/div>\r\n                    <h3 class=\"map-info-title-movil playfair-movil\">Exact adres<\/h3>\r\n                    <p class=\"map-info-text-movil\">Carrer Riu X\u00faquer, 32,<br>46950 Xirivella (Valencia), Spanje<\/p>\r\n                <\/div>\r\n                <div class=\"map-info-card-movil card-movil animate-fade-in-movil\" style=\"--animation-delay: 0.6s;\">\r\n                    <div class=\"map-info-icon-movil\"><i class=\"fas fa-phone-volume\"><\/i><\/div>\r\n                    <h3 class=\"map-info-title-movil playfair-movil\">Telefoon en WhatsApp<\/h3>\r\n                    <p class=\"map-info-text-movil\"><strong>+34 647 33 96 35<\/strong><br>Bel of schrijf ons, we zijn er om je te helpen!<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            \/\/ Animaciones con Intersection Observer (sin cambios)\r\n            const animatedElements = document.querySelectorAll('.animate-fade-in-movil');\r\n            const observerOptions = {\r\n                root: null,\r\n                rootMargin: '0px',\r\n                threshold: 0.1\r\n            };\r\n            const observer = new IntersectionObserver((entries, observerInstance) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        const delayStyle = getComputedStyle(entry.target).getPropertyValue('--animation-delay');\r\n                        const delay = parseFloat(delayStyle) * 1000 || 0;\r\n                        setTimeout(() => {\r\n                            entry.target.style.transform = 'translateY(0)';\r\n                            entry.target.classList.add('visible');\r\n                        }, delay);\r\n                        observerInstance.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n            animatedElements.forEach(el => {\r\n                el.style.transform = 'translateY(20px)';\r\n                observer.observe(el);\r\n            });\r\n\r\n            \/\/ Carrusel Mejorado\r\n            const carousel = document.querySelector('.service-image-carousel-movil');\r\n\r\n            if (!carousel) {\r\n                \/\/ console.error('Elemento del carrusel .service-image-carousel-movil no encontrado!');\r\n            } else {\r\n                const slides = Array.from(carousel.querySelectorAll('.carousel-slide-movil'));\r\n                const prevButton = carousel.querySelector('.carousel-button-movil.prev');\r\n                const nextButton = carousel.querySelector('.carousel-button-movil.next');\r\n                const dotsContainer = carousel.querySelector('.carousel-dots-movil');\r\n                let currentIndex = 0;\r\n                let autoPlayInterval;\r\n                let touchStartX = 0;\r\n                let touchEndX = 0;\r\n\r\n                if (slides.length === 0) {\r\n                    \/\/ console.warn('No se encontraron slides dentro de .service-image-carousel-movil. El carrusel no se inicializar\u00e1.');\r\n                    if (dotsContainer) dotsContainer.style.display = 'none';\r\n                    if (prevButton) prevButton.style.display = 'none';\r\n                    if (nextButton) nextButton.style.display = 'none';\r\n                } else {\r\n                    let dots = [];\r\n                    if (dotsContainer) {\r\n                        dotsContainer.innerHTML = '';\r\n                        slides.forEach((_, index) => {\r\n                            const dot = document.createElement('span');\r\n                            dot.classList.add('dot-movil');\r\n                            dot.setAttribute('data-index', index);\r\n                            dot.addEventListener('click', () => {\r\n                                goToSlide(index);\r\n                                resetAutoPlay();\r\n                            });\r\n                            dotsContainer.appendChild(dot);\r\n                        });\r\n                        dots = Array.from(dotsContainer.querySelectorAll('.dot-movil'));\r\n                    } else {\r\n                        \/\/ console.warn('Contenedor de puntos del carrusel .carousel-dots-movil no encontrado.');\r\n                    }\r\n\r\n                    function updateCarousel() {\r\n                        slides.forEach((slide, index) => {\r\n                            slide.classList.toggle('active', index === currentIndex);\r\n                        });\r\n                        if (dots.length > 0) {\r\n                            dots.forEach((dot, index) => {\r\n                                dot.classList.toggle('active', index === currentIndex);\r\n                            });\r\n                        }\r\n                    }\r\n\r\n                    function goToSlide(index) {\r\n                        if (slides.length === 0) return;\r\n                        currentIndex = (index + slides.length) % slides.length;\r\n                        updateCarousel();\r\n                    }\r\n\r\n                    function startAutoPlay(interval = 4500) {\r\n                        stopAutoPlay();\r\n                        if (slides.length > 1) {\r\n                           autoPlayInterval = setInterval(() => {\r\n                                goToSlide(currentIndex + 1);\r\n                            }, interval);\r\n                        }\r\n                    }\r\n\r\n                    function stopAutoPlay() {\r\n                        clearInterval(autoPlayInterval);\r\n                    }\r\n\r\n                    function resetAutoPlay() {\r\n                        stopAutoPlay();\r\n                        startAutoPlay();\r\n                    }\r\n\r\n                    if (prevButton) {\r\n                        prevButton.addEventListener('click', () => {\r\n                            goToSlide(currentIndex - 1);\r\n                            resetAutoPlay();\r\n                        });\r\n                    } else {\r\n                        \/\/ console.warn('Bot\u00f3n \"anterior\" del carrusel no encontrado.');\r\n                    }\r\n\r\n                    if (nextButton) {\r\n                        nextButton.addEventListener('click', () => {\r\n                            goToSlide(currentIndex + 1);\r\n                            resetAutoPlay();\r\n                        });\r\n                    } else {\r\n                        \/\/ console.warn('Bot\u00f3n \"siguiente\" del carrusel no encontrado.');\r\n                    }\r\n\r\n                    carousel.addEventListener('touchstart', (e) => {\r\n                        if (slides.length <= 1) return;\r\n                        touchStartX = e.changedTouches[0].screenX;\r\n                        stopAutoPlay();\r\n                    }, { passive: true });\r\n\r\n                    carousel.addEventListener('touchend', (e) => {\r\n                        if (slides.length <= 1) return;\r\n                        touchEndX = e.changedTouches[0].screenX;\r\n                        handleSwipe();\r\n                        if (slides.length > 1) {\r\n                            startAutoPlay();\r\n                        }\r\n                    }, { passive: true });\r\n\r\n                    function handleSwipe() {\r\n                        const diff = touchStartX - touchEndX;\r\n                        \/\/ Umbral m\u00ednimo de deslizamiento para evitar activaci\u00f3n con toques accidentales\r\n                        if (Math.abs(diff) > 30) {\r\n                            if (diff > 0) { \/\/ Deslizar hacia la izquierda (ver siguiente)\r\n                                goToSlide(currentIndex + 1);\r\n                            } else { \/\/ Deslizar hacia la derecha (ver anterior)\r\n                                goToSlide(currentIndex - 1);\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    \/\/ Inicializar carrusel\r\n                    goToSlide(0);\r\n                    startAutoPlay();\r\n                }\r\n            }\r\n\r\n            \/\/ Smooth scroll (sin cambios)\r\n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n                anchor.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n                    const targetId = this.getAttribute('href');\r\n                    if (targetId === '#') return;\r\n                    const targetElement = document.querySelector(targetId);\r\n                    if (targetElement) {\r\n                        const offsetTop = targetElement.offsetTop - 60;\r\n                        window.scrollTo({\r\n                            top: offsetTop,\r\n                            behavior: 'smooth'\r\n                        });\r\n                    }\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Tu parada perfecta en Valencia Reserva Hoy en Xirivella Camper Descubre nuestras instalaciones, ubicaci\u00f3n ideal y f\u00e1cil acceso a los [&hellip;]<\/p>","protected":false},"author":1,"featured_media":1076,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1027","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/xirivellacamper.com\/nl\/wp-json\/wp\/v2\/pages\/1027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xirivellacamper.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xirivellacamper.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xirivellacamper.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xirivellacamper.com\/nl\/wp-json\/wp\/v2\/comments?post=1027"}],"version-history":[{"count":625,"href":"https:\/\/xirivellacamper.com\/nl\/wp-json\/wp\/v2\/pages\/1027\/revisions"}],"predecessor-version":[{"id":2067,"href":"https:\/\/xirivellacamper.com\/nl\/wp-json\/wp\/v2\/pages\/1027\/revisions\/2067"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xirivellacamper.com\/nl\/wp-json\/wp\/v2\/media\/1076"}],"wp:attachment":[{"href":"https:\/\/xirivellacamper.com\/nl\/wp-json\/wp\/v2\/media?parent=1027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}