{"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\/en\/","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\">Your perfect stop in Valencia<\/h2>\r\n      <h1 class=\"hero-main-title-display\">Book today at Xirivella Camper<\/h1>\r\n      <p class=\"hero-description-text\">Discover our facilities, ideal location and easy access to Valencia's main attractions, book online and secure your place now!<\/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\/en\/search\/\" class=\"hero-mobile-cta-button\">BOOK<\/a>\r\n  <div class=\"hero-mobile-text\">\r\n    <p>Xirivella Camper: Your Valencian adventure.<\/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\/en\/the-cabins\/?task=search\" method=\"post\" id=\"vbo-mod-horsearch-form-279\" data-trp-original-action=\"https:\/\/xirivellacamper.com\/en\/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-279\">Check-in date<\/label>\n\t\t\t\t<div class=\"vbo-horizsearch-showcalendar vbo-horizsearch-showcalendar-from\" id=\"vbo-horizsearch-checkin279\">\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-period279-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=\"checkindatemod279\" style=\"display: none;\"><\/div>\n\t\t\t\t<input type=\"hidden\" name=\"checkindate\" id=\"inp-checkindatemod279\"\/>\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-279\">Check-out date<\/label>\n\t\t\t\t<div class=\"vbo-horizsearch-showcalendar vbo-horizsearch-showcalendar-to\" id=\"vbo-horizsearch-checkout279\">\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-period279-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=\"checkoutdatemod279\" style=\"display: none;\"><\/div>\n\t\t\t\t<input type=\"hidden\" name=\"checkoutdate\" id=\"inp-checkoutdatemod279\"\/>\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=\"vbjstotnightsmod279\"><\/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-count279').trigger('click');\">Guests<\/label>\n\n\t\t\t<div class=\"vbmodhorsearch-hum-guests-count\" id=\"vbmodhorsearch-hum-guests-count279\">\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>Rooms<\/label>\n\t\t\t\t\t<span id=\"vbmodhorsearch-hum-guests-rooms279\">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>Adults<\/label>\n\t\t\t\t\t<span id=\"vbmodhorsearch-hum-guests-adults279\">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>Children<\/label>\n\t\t\t\t\t<span id=\"vbmodhorsearch-hum-guests-children279\">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-279\">Adults<\/label>\n\t\t\t\t\t\t\t\t<span class=\"horsanumsel\"><select name=\"adults[]\" id=\"vbo-mhs-adults-279\" onchange=\"vbCountTotGuests279();\"><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-279\">Children<\/label>\n\t\t\t\t\t\t\t\t<span class=\"horscnumsel\"><select name=\"children[]\" id=\"vbo-mhs-children-279\" onchange=\"vbCountTotGuests279();\"><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=\"vbmoreroomscontmod279\"><\/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-279\" class=\"btn vbsearchinputmodhors vbo-pref-color-btn\">Search<\/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-279').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=\"en\"\/><\/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\">Room %d<\/span>\n\t\t\t<div class=\"horsanumdiv\">\n\t\t\t\t<label style=\"display: none;\" for=\"vbo-mhs-adults-279-hid\">Adults<\/label>\n\t\t\t\t<span class=\"horsanumsel\"><select name=\"adults[]\" id=\"vbo-mhs-adults-279-hid\" onchange=\"vbCountTotGuests279();\"><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-279-hid\">Children<\/label>\n\t\t\t\t\t<span class=\"horscnumsel\"><select name=\"children[]\" id=\"vbo-mhs-children-279-hid\" onchange=\"vbCountTotGuests279();\"><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 vbAddElementMod279() {\n\tvar ni = document.getElementById('vbmoreroomscontmod279');\n\tvar numi = document.getElementById('vbroomhelpermod279');\n\tvar num = (document.getElementById('vbroomhelpermod279').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 vbSetRoomsAdultsMod279(totrooms) {\n\tvar actrooms = parseInt(document.getElementById('vbroomhelpermod279').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\tvbAddElementMod279();\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('vbroomhelpermod279').value = torooms;\n\t}\n\tif (document.getElementById('vbmodhorsearch-hum-guests-rooms279')) {\n\t\tdocument.getElementById('vbmodhorsearch-hum-guests-rooms279').innerText = torooms;\n\t\tvbCountTotGuests279();\n\t}\n}\n\nfunction vbCountTotGuests279() {\n\tif (!document.getElementById('vbmodhorsearch-hum-guests-rooms279')) {\n\t\treturn;\n\t}\n\tvar totadults = 0;\n\tvar totchildren = 0;\n\tjQuery('#vbmodhorsearch-hum-guests-count279').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-adults279').text(totadults);\n\tif (jQuery('#vbmodhorsearch-hum-guests-children279').length) {\n\t\tjQuery('#vbmodhorsearch-hum-guests-count279').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-children279').text(totchildren);\n\t}\n}\n\nfunction vbCalcNightsMod279() {\n\tvar vbcheckin = document.getElementById('inp-checkindatemod279').value;\n\tvar vbcheckout = document.getElementById('inp-checkoutdatemod279').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('vbjstotnightsmod279').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('vbjstotnightsmod279').innerHTML = '';\n\t\t\t}\n\t\t} else {\n\t\t\tdocument.getElementById('vbjstotnightsmod279').innerHTML = '';\n\t\t}\n\t} else {\n\t\tdocument.getElementById('vbjstotnightsmod279').innerHTML = '';\n\t}\n}\n<\/script>\n\n<input type=\"hidden\" id=\"vbroomhelpermod279\" 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\">Security and Perfect Connection for your Adventure<\/h2>\r\n                <p class=\"section-subtitle\">Discover Xirivella Camper: your ideal base camp to explore Valencia with total peace of mind.<\/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: Where Comfort meets Strategy<\/h3>\r\n                    <p class=\"service-main-text\">We offer you a first class overnight area and all the essential services for your motorhome or camper in Xirivella. Experience a safe, comfortable and privileged access to discover the vibrant Valencia and its treasures.<\/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> Unbeatable connection<\/h4>\r\n                            <p class=\"service-feature-text\">Explore Valencia easily from our area, with direct access to the main tourist, cultural and leisure attractions.<\/p>\r\n                        <\/div>\r\n                        <div class=\"service-feature\">\r\n                            <h4 class=\"service-feature-title\"><i class=\"fas fa-shower\"><\/i> Everything You Need, and More<\/h4>\r\n                            <p class=\"service-feature-text\">From impeccable rest and toilet areas to complete emptying and recharging services for your vehicle.<\/p>\r\n                        <\/div>\r\n                        <div class=\"service-feature\">\r\n                            <h4 class=\"service-feature-title\"><i class=\"fas fa-shield-alt\"><\/i> Your Peace of Mind, Our Priority<\/h4>\r\n                            <p class=\"service-feature-text\">Facilities are guarded 24\/7 to ensure a safe and peaceful environment where you can relax without worries.<\/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=\"Previous\">\r\n                            <i class=\"fas fa-chevron-left\"><\/i>\r\n                        <\/button>\r\n                        <button class=\"carousel-button next\" aria-label=\"Next\">\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\">Transparent Rates for a Perfect Stay<\/h2>\r\n            <p class=\"section-subtitle\">All inclusive so you can enjoy Valencia with no surprises. Quality and comfort at the best price.<\/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 Plot<\/h3>\r\n                    <h4 class=\"pricing-price\">20 \u20ac<span class=\"text-lg font-normal\">\/night<\/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 persons included<\/span><\/li>\r\n                        <li><i class=\"fas fa-user-plus\"><\/i> <span class=\"feature-highlight\">Additional person: 4\u20ac\/night<\/span><\/li>\r\n                        <li><i class=\"fas fa-wifi\"><\/i> <span class=\"feature-highlight\">High-speed Wifi<\/span><\/li>\r\n                        <li><i class=\"fas fa-bolt\"><\/i> <span class=\"feature-highlight\">Electricity (16A)<\/span><\/li>\r\n                        <li><i class=\"fas fa-hot-tub\"><\/i> <span class=\"feature-highlight\">Showers with hot water 24h<\/span><\/li>\r\n                        <li><i class=\"fas fa-recycle\"><\/i> <span class=\"feature-highlight\">Full discharge (black and grey water)<\/span><\/li>\r\n                        <li><i class=\"fas fa-tint\"><\/i> <span class=\"feature-highlight\">Drinking water load<\/span><\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/xirivellacamper.com\/en\/search\/\" class=\"btn-cta pricing-cta animate-pulse mt-6\">Reserve Plot<\/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\">Complement Your Tailor-Made Stay<\/h2>\r\n                <p class=\"section-subtitle\">Extra services designed to make your journey even more comfortable and practical.<\/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\">Technical Express Stop<\/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 change and emptying<\/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\">Impeccable Washing on the Road<\/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> Washing machine (incl. detergent and fabric softener)<\/li>\r\n                        <li><i class=\"fas fa-wind\"><\/i> Fast and efficient dryer<\/li>\r\n                        <li><i class=\"far fa-clock\"><\/i> Laundry area with long opening hours<\/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\">Showers<\/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> Access per person<\/li>\r\n                        <li><i class=\"fas fa-hot-tub\"><\/i> Hot water available 24h<\/li>\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> Modern and clean facilities<\/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\">State of the Art Facilities for your Maximum Comfort<\/h2>\r\n                <p class=\"section-subtitle\">We have taken care of every detail to make your experience at Xirivella Camper unforgettable. Discover our equipment.<\/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\">Complete Emptying Zone (Black and Grey 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\">Drinking Water Charging Points<\/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\">Individual Plot Electrical Connection (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\">Free High Speed 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\">Modern Toilets and Showers (Hot Water 24h)<\/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\">Self-service Laundry Area<\/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\">The Voice of Our Travellers<\/h2>\r\n                <p class=\"section-subtitle\">Find out why Xirivella Camper is the preferred choice of the caravanning community.<\/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\">\"Excellent location and impeccable services. The hot showers were a luxury after several days of travelling. Super friendly and attentive staff, we will definitely be back!\"<\/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, Spain<\/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\">\"The best overnight stay area we have found in our travels in the Valencian Community. 24 hour security, spacious pitches and everything very clean. Totally recommended.\"<\/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. and Family<\/span>\r\n                            <span class=\"author-location\">Madrid, Spain<\/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\">Ready for Your Valencian Adventure?<\/h2>\r\n                <p class=\"text-white opacity-90 max-w-2xl mx-auto mb-10 text-lg\">Our team is here to help you plan the perfect stopover - let's talk and answer all your questions!<\/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 by 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\">Find us: Your Direct Access to Valencia<\/h2>\r\n                <p class=\"section-subtitle\">Strategically located to make exploring Valencia and its surroundings comfortable and hassle-free.<\/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 address<\/h3>\r\n                    <p class=\"map-info-text\">Carrer Riu X\u00faquer, 32,<br>46950 Xirivella (Valencia), Spain<\/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\">Telephone and WhatsApp<\/h3>\r\n                    <p class=\"map-info-text\"><strong>+34 647 33 96 35<\/strong><br>Call or write to us, we are here to help you!<\/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\">Security and Perfect Connection for your Adventure<\/h2>\r\n                <p class=\"section-subtitle-movil\">Discover Xirivella Camper: your ideal base camp to explore Valencia with total peace of mind.<\/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: Where Comfort meets Strategy<\/h3>\r\n                    <p class=\"service-main-text-movil\">We offer you a first class overnight area and all the essential services for your motorhome or camper in Xirivella. Experience a safe, comfortable and privileged access to discover the vibrant Valencia and its treasures.<\/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> Unbeatable connection<\/h4>\r\n                            <p class=\"service-feature-text-movil\">Explore Valencia easily from our area, with direct access to the main tourist, cultural and leisure attractions.<\/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> Everything You Need, and More<\/h4>\r\n                            <p class=\"service-feature-text-movil\">From impeccable rest and toilet areas to complete emptying and recharging services for your vehicle.<\/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> Your Peace of Mind, Our Priority<\/h4>\r\n                            <p class=\"service-feature-text-movil\">Facilities are guarded 24\/7 to ensure a safe and peaceful environment where you can relax without worries.<\/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=\"Previous\">\r\n                            <i class=\"fas fa-chevron-left\"><\/i>\r\n                        <\/button>\r\n                        <button class=\"carousel-button-movil next\" aria-label=\"Next\">\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\">Transparent Rates for a Perfect Stay<\/h2>\r\n            <p class=\"section-subtitle-movil\">All inclusive so you can enjoy Valencia with no surprises. Quality and comfort at the best price.<\/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 Plot<\/h3>\r\n                    <h4 class=\"pricing-price-movil\">20 \u20ac<span class=\"text-lg font-normal\">\/night<\/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 persons included<\/span><\/li>\r\n                        <li><i class=\"fas fa-user-plus\"><\/i> <span class=\"feature-highlight-movil\">Additional person: 4\u20ac\/night<\/span><\/li>\r\n                        <li><i class=\"fas fa-wifi\"><\/i> <span class=\"feature-highlight-movil\">High-speed Wifi<\/span><\/li>\r\n                        <li><i class=\"fas fa-bolt\"><\/i> <span class=\"feature-highlight-movil\">Electricity (16A)<\/span><\/li>\r\n                        <li><i class=\"fas fa-hot-tub\"><\/i> <span class=\"feature-highlight-movil\">Showers with hot water 24h<\/span><\/li>\r\n                        <li><i class=\"fas fa-recycle\"><\/i> <span class=\"feature-highlight-movil\">Full discharge (black and grey water)<\/span><\/li>\r\n                        <li><i class=\"fas fa-tint\"><\/i> <span class=\"feature-highlight-movil\">Drinking water load<\/span><\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/xirivellacamper.com\/en\/search\/\" class=\"btn-cta-movil pricing-cta-movil animate-pulse-movil mt-6\">Reserve Plot<\/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\">Complement Your Tailor-Made Stay<\/h2>\r\n                <p class=\"section-subtitle-movil\">Extra services designed to make your journey even more comfortable and practical.<\/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\">Technical Express Stop<\/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 change and emptying<\/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\">Impeccable Washing on the Road<\/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> Washing machine (incl. detergent and fabric softener)<\/li>\r\n                        <li><i class=\"fas fa-wind\"><\/i> Fast and efficient dryer<\/li>\r\n                        <li><i class=\"far fa-clock\"><\/i> Laundry area with long opening hours<\/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\">Showers<\/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> Access per person<\/li>\r\n                        <li><i class=\"fas fa-hot-tub\"><\/i> Hot water available 24h<\/li>\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> Modern and clean facilities<\/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\">State of the Art Facilities for your Maximum Comfort<\/h2>\r\n                <p class=\"section-subtitle-movil\">We have taken care of every detail to make your experience at Xirivella Camper unforgettable. Discover our equipment.<\/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\">Complete Emptying Zone (Black and Grey 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\">Drinking Water Charging Points<\/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\">Individual Plot Electrical Connection (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\">Free High Speed 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\">Modern Toilets and Showers (Hot Water 24h)<\/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\">Self-service Laundry Area<\/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\">The Voice of Our Travellers<\/h2>\r\n                <p class=\"section-subtitle-movil\">Find out why Xirivella Camper is the preferred choice of the caravanning community.<\/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\">\"Excellent location and impeccable services. The hot showers were a luxury after several days of travelling. Super friendly and attentive staff, we will definitely be back!\"<\/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, Spain<\/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\">\"The best overnight stay area we have found in our travels in the Valencian Community. 24 hour security, spacious pitches and everything very clean. Totally recommended.\"<\/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. and Family<\/span>\r\n                            <span class=\"author-location-movil\">Madrid, Spain<\/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\">Ready for Your Valencian Adventure?<\/h2>\r\n                <p class=\"text-white opacity-90 max-w-xl mx-auto mb-8 text-base\">Our team is here to help you plan the perfect stopover - let's talk and answer all your questions!<\/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 by 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\">Find us: Your Direct Access to Valencia<\/h2>\r\n                <p class=\"section-subtitle-movil\">Strategically located to make exploring Valencia and its surroundings comfortable and hassle-free.<\/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 address<\/h3>\r\n                    <p class=\"map-info-text-movil\">Carrer Riu X\u00faquer, 32,<br>46950 Xirivella (Valencia), Spain<\/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\">Telephone and WhatsApp<\/h3>\r\n                    <p class=\"map-info-text-movil\"><strong>+34 647 33 96 35<\/strong><br>Call or write to us, we are here to help you!<\/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>Your perfect stopover in Valencia Book today at Xirivella Camper Discover our facilities, ideal location and easy access to the most important places in Valencia [...]<\/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\/en\/wp-json\/wp\/v2\/pages\/1027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xirivellacamper.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xirivellacamper.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xirivellacamper.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xirivellacamper.com\/en\/wp-json\/wp\/v2\/comments?post=1027"}],"version-history":[{"count":625,"href":"https:\/\/xirivellacamper.com\/en\/wp-json\/wp\/v2\/pages\/1027\/revisions"}],"predecessor-version":[{"id":2067,"href":"https:\/\/xirivellacamper.com\/en\/wp-json\/wp\/v2\/pages\/1027\/revisions\/2067"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xirivellacamper.com\/en\/wp-json\/wp\/v2\/media\/1076"}],"wp:attachment":[{"href":"https:\/\/xirivellacamper.com\/en\/wp-json\/wp\/v2\/media?parent=1027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}