Sunnyside Hero<\/title>\r\n\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box}\r\nbody{font-family:Arial,sans-serif;background:#f5f7fb}\r\n\r\n\/* ===== HERO ===== *\/\r\n.ss-hero-wrapper{\r\nposition:relative;\r\nmin-height:1050px;\r\npadding:90px 0 80px;\r\nbackground:url('https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/3a97787f-ae4e-4774-9291-a2f398de7e9f.png') center top \/ 100% auto no-repeat;\r\nbackground-color:#f5f7fb;\r\noverflow:visible;\r\n}\r\n\r\n.ss-hero-wrapper:before{\r\ncontent:\"\";\r\nposition:absolute;\r\ninset:0;\r\nbackground:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.88) 30%,rgba(255,255,255,.45) 60%,transparent 82%);\r\n}\r\n\r\n.ss-hero-container{\r\nposition:relative;\r\nz-index:2;\r\nmax-width:1320px;\r\nmargin:auto;\r\npadding:0 40px;\r\n}\r\n\r\n.ss-hero-content{max-width:620px}\r\n\r\n.ss-hero-title{\r\nfont-size:78px;\r\nfont-weight:800;\r\nline-height:.95;\r\ncolor:#0B2451;\r\n}\r\n\r\n.ss-hero-title span{color:#12c2a0}\r\n\r\n.ss-hero-subtitle{\r\nmargin-top:28px;\r\nfont-size:24px;\r\nline-height:1.6;\r\ncolor:#444;\r\n}\r\n\r\n\/* FORM BOX *\/\r\n.ss-form-holder{\r\nposition:relative;\r\nmargin:80px auto 0;\r\nwidth:92%;\r\nmax-width:1320px;\r\nbackground:#fff;\r\nborder-radius:24px;\r\npadding:35px;\r\nbox-shadow:0 20px 60px rgba(0,0,0,.12);\r\nz-index:10;\r\n}\r\n\r\n.transfer-section{width:100%;margin:0;padding:0}\r\n\r\n\/* ===== MOBILE HERO FIX ===== *\/\r\n@media(max-width:900px){\r\n.ss-hero-wrapper{\r\nmin-height:100vh;\r\npadding:60px 0 80px;\r\nbackground-size:cover;\r\nbackground-position:center top;\r\n}\r\n\r\n.ss-hero-wrapper:before{\r\nbackground:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.65) 45%,rgba(255,255,255,.15) 100%);\r\n}\r\n\r\n.ss-hero-container{padding:0 25px}\r\n\r\n.ss-hero-title{\r\nfont-size:clamp(38px, 9vw, 78px);\r\n}\r\n\r\n.ss-hero-subtitle{\r\nfont-size:18px;\r\nmargin-top:20px;\r\nmargin-bottom:40px;\r\n}\r\n\r\n.ss-form-holder{\r\nwidth:92%;\r\nmargin:30px auto 0;\r\npadding:20px;\r\n}\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"ss-hero-wrapper\">\r\n\r\n<div class=\"ss-hero-container\">\r\n<div class=\"ss-hero-content\">\r\n<h1 class=\"ss-hero-title\">Your Journey<br>Starts Here <span>In Tulum& Riviera Maya<\/span><\/h1>\r\n<p class=\"ss-hero-subtitle\">\r\nBook reliable airport transfers with professional drivers, comfortable vehicles, and on-time service. Start your trip with a smooth, safe, and stress-free ride.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"ss-form-holder\">\r\n\r\n\r\n<style>\r\n\r\n\/* RESET *\/\r\n.transfer-section{width:100%;margin:0;padding:0;font-family:Arial,sans-serif}\r\n\r\n\/* TABS *\/\r\n.transfer-tabs-container{\r\ndisplay:flex;\r\nborder-bottom:3px solid #eef2f7;\r\nmargin-bottom:25px;\r\n}\r\n\r\n.transfer-tab{\r\nflex:1;\r\ntext-align:center;\r\npadding:16px;\r\ncursor:pointer;\r\nfont-weight:700;\r\nfont-size:15px;\r\ncolor:#6b7280;\r\ntransition:.3s;\r\n}\r\n\r\n.transfer-tab:hover{background:#f8fafc}\r\n\r\n.transfer-tab.ss-active{\r\ncolor:#0C5BD2;\r\nborder-bottom:3px solid #0C5BD2;\r\n}\r\n\r\n\/* MOBILE SELECT *\/\r\n.transfer-mobile-select{\r\ndisplay:none;\r\nmargin-bottom:25px;\r\n}\r\n\r\n.transfer-mobile-select select{\r\nwidth:100%;\r\npadding:14px;\r\nborder-radius:10px;\r\nborder:0;\r\nbackground:#0C5BD2;\r\ncolor:#fff;\r\nfont-size:16px;\r\nfont-weight:600;\r\noutline:none;\r\n}\r\n\r\n\/* CARDS *\/\r\n.ss-transfer{\r\ndisplay:none;\r\nanimation:fade .35s ease;\r\n}\r\n\r\n.ss-transfer.ss-active{\r\ndisplay:block;\r\n}\r\n\r\n@keyframes fade{\r\nfrom{opacity:0;transform:translateY(8px)}\r\nto{opacity:1;transform:none}\r\n}\r\n\r\n.transfer-card-redesign{\r\ndisplay:flex;\r\nbackground:#fff;\r\nborder-radius:18px;\r\noverflow:hidden;\r\nborder:1px solid #edf1f7;\r\n}\r\n\r\n.transfer-card-image-left{\r\nwidth:35%;\r\nheight:420px;\r\nobject-fit:contain;\r\nobject-position:center;\r\nbackground:#fffff;\r\n}\r\n\r\n.transfer-card-content{\r\nwidth:65%;\r\npadding:34px;\r\ndisplay:flex;\r\nflex-direction:column;\r\njustify-content:space-between;\r\n}\r\n\r\n.transfer-card-title{\r\nfont-size:34px;\r\ncolor:#202F59;\r\nfont-weight:800;\r\nmargin-bottom:20px;\r\n}\r\n\r\n.transfer-card-features{\r\npadding-left:20px;\r\nline-height:2;\r\ncolor:#5d6675;\r\nfont-size:16px;\r\nmargin-bottom:28px;\r\n}\r\n\r\n\/* RIBBON *\/\r\n.transfer-ribbon{\r\ndisplay:flex;\r\njustify-content:space-between;\r\nalign-items:center;\r\nborder-radius:16px;\r\noverflow:hidden;\r\nbackground:linear-gradient(90deg,#202F59,#0C5BD2);\r\n}\r\n\r\n.transfer-ribbon-features{\r\nflex:1;\r\ndisplay:flex;\r\njustify-content:flex-start;\r\nalign-items:center;\r\ngap:18px;\r\npadding:18px;\r\nflex-wrap:wrap;\r\n}\r\n\r\n.ribbon-item{\r\nfont-size:13px;\r\nfont-weight:600;\r\ncolor:#fff;\r\nwhite-space:nowrap;\r\nflex:0 0 auto;\r\n}\r\n\r\n.transfer-ribbon-price{\r\nmin-width:220px;\r\ntext-align:center;\r\npadding:20px;\r\nbackground:linear-gradient(135deg,#1691ff,#0C5BD2);\r\ncolor:#fff;\r\n}\r\n\r\n.transfer-ribbon-price small{\r\ndisplay:block;\r\nfont-size:13px;\r\nopacity:.9;\r\nmargin-bottom:6px;\r\n}\r\n\r\n.transfer-ribbon-price strong{\r\ndisplay:block;\r\nfont-size:38px;\r\nfont-weight:800;\r\nline-height:1.1;\r\n}\r\n\r\n.transfer-ribbon-price span{\r\nfont-size:15px;\r\nopacity:.9;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:900px){\r\n.transfer-tabs-container{display:none}\r\n.transfer-mobile-select{display:block}\r\n\r\n.transfer-card-redesign{flex-direction:column}\r\n\r\n.transfer-card-image-left{\r\nwidth:100%;\r\nheight:240px;\r\n}\r\n\r\n.transfer-card-content{\r\nwidth:100%;\r\npadding:22px;\r\n}\r\n\r\n.transfer-card-title{font-size:28px}\r\n\r\n.transfer-card-features{\r\nfont-size:15px;\r\nline-height:1.8;\r\n}\r\n\r\n.transfer-ribbon{\r\nflex-direction:column;\r\n}\r\n\r\n.transfer-ribbon-features{\r\nflex-direction:column;\r\npadding:18px;\r\ngap:18px;\r\n}\r\n\r\n.transfer-ribbon-price{\r\nwidth:100%;\r\nmin-width:auto;\r\n}\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"transfer-section\">\r\n\r\n<div class=\"transfer-tabs-container\">\r\n\r\n<div class=\"transfer-tab ss-active\" data-transfer=\"ss-private\">Private<\/div>\r\n<div class=\"transfer-tab\" data-transfer=\"ss-luxury\">Luxury<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"transfer-mobile-select\">\r\n<select id=\"mobileTransferSelect\">\r\n<option value=\"ss-private\" selected>Private<\/option>\r\n<option value=\"ss-luxury\">Luxury<\/option>\r\n<\/select>\r\n<\/div>\r\n\r\n\r\n<div id=\"ss-private\" class=\"ss-transfer ss-active\">\r\n\r\n<div class=\"transfer-card-redesign\">\r\n<img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/HIACE-2.png\" class=\"transfer-card-image-left\">\r\n\r\n<div class=\"transfer-card-content\">\r\n\r\n<div>\r\n<h3 class=\"transfer-card-title\">Private Transfer<\/h3>\r\n\r\n<ul class=\"transfer-card-features\">\r\n<li>Exclusive Vehicle For Your Group Only<\/li>\r\n<li>Direct Route With No Stops<\/li>\r\n<li>Flexible Schedule For Your Itinerary<\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<div class=\"transfer-ribbon\">\r\n<div class=\"transfer-ribbon-features\">\r\n<div class=\"ribbon-item\">\ud83d\udc65 Up to 20 Passengers<\/div>\r\n<div class=\"ribbon-item\">\u2708\ufe0f Flight Tracking Included<\/div>\r\n<div class=\"ribbon-item\">\u2744\ufe0f Air Conditioned Vehicle<\/div>\r\n<\/div>\r\n\r\n<div class=\"transfer-ribbon-price\">\r\n<small>Starting From<\/small>\r\n<strong>$1,900<\/strong>\r\n<span>MXN<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<div id=\"ss-luxury\" class=\"ss-transfer\">\r\n\r\n<div class=\"transfer-card-redesign\">\r\n<img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/11\/suburban.jpg\" class=\"transfer-card-image-left\">\r\n\r\n<div class=\"transfer-card-content\">\r\n\r\n<div>\r\n<h3 class=\"transfer-card-title\">Luxury Transfer<\/h3>\r\n\r\n<ul class=\"transfer-card-features\">\r\n<li>Premium Vehicle With Top-Tier Comfort<\/li>\r\n<li>Professional Chauffeur Providing Personalized Attention<\/li>\r\n<li>Exclusive And Refined Travel Experience<\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<div class=\"transfer-ribbon\">\r\n<div class=\"transfer-ribbon-features\">\r\n<div class=\"ribbon-item\">\ud83d\udc65 Up to 6 Passengers<\/div>\r\n<div class=\"ribbon-item\">\u2708\ufe0f Flight Tracking Included<\/div>\r\n<div class=\"ribbon-item\">\u2744\ufe0f Premium Air Conditioned Vehicle<\/div>\r\n<\/div>\r\n\r\n<div class=\"transfer-ribbon-price\">\r\n<small>Starting From<\/small>\r\n<strong>$2,500<\/strong>\r\n<span>MXN<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n\r\nfunction showTransfer(target){\r\n\r\ndocument.querySelectorAll(\".transfer-tab\").forEach(t=>t.classList.remove(\"ss-active\"));\r\ndocument.querySelectorAll(\".ss-transfer\").forEach(c=>c.classList.remove(\"ss-active\"));\r\n\r\ndocument.querySelector(`[data-transfer=\"${target}\"]`)?.classList.add(\"ss-active\");\r\ndocument.getElementById(target)?.classList.add(\"ss-active\");\r\n\r\n}\r\n\r\ndocument.querySelectorAll(\".transfer-tab\").forEach(tab=>{\r\ntab.addEventListener(\"click\",()=>showTransfer(tab.dataset.transfer));\r\n});\r\n\r\ndocument.getElementById(\"mobileTransferSelect\")\r\n.addEventListener(\"change\",(e)=>showTransfer(e.target.value));\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/div>\r\n<\/section>\r\n\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-2c9cd80 elementor-widget elementor-widget-html\" data-id=\"2c9cd80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"formulario-seccion full-width\">\n <div style=\"text-align:center; margin-bottom:20px;\">\n <h2>Book Your Transfer<\/h2>\n <p>Fill in your details and we will contact you to complete your reservation.<\/p>\n <\/div>\n\n \n <form id=\"bookingForm\" action=\"https:\/\/formspree.io\/f\/mykbyznz\" method=\"POST\">\n\n <input type=\"hidden\" id=\"tourName\" name=\"TourOrActivity\">\n\n \n <h3>1. Passenger Information<\/h3>\n <label>Name:<\/label>\n <input type=\"text\" id=\"name\" name=\"Name\" placeholder=\"Enter full name\" required>\n\n <label>Number of People:<\/label>\n <div class=\"passenger-inputs\">\n <input type=\"number\" name=\"Adults\" min=\"1\" placeholder=\"Adults\" required>\n <input type=\"number\" name=\"Children\" min=\"0\" placeholder=\"Children\">\n <input type=\"number\" name=\"Infants\" min=\"0\" placeholder=\"Infants\">\n <\/div>\n\n \n <h3>2. Contact Information<\/h3>\n <label>Email:<\/label>\n <input type=\"email\" name=\"Email\" placeholder=\"Enter email\" required>\n\n <label>Contact Phone:<\/label>\n <div class=\"telefono-input\">\n <select name=\"CountryCode\" required>\n <option value=\"\" disabled selected>Country code<\/option>\n <option value=\"+54\">\ud83c\udde6\ud83c\uddf7 Argentina +54<\/option>\n <option value=\"+61\">\ud83c\udde6\ud83c\uddfa Australia +61<\/option>\n <option value=\"+43\">\ud83c\udde6\ud83c\uddf9 Austria +43<\/option>\n <option value=\"+32\">\ud83c\udde7\ud83c\uddea Belgium +32<\/option>\n <option value=\"+55\">\ud83c\udde7\ud83c\uddf7 Brazil +55<\/option>\n <option value=\"+1\">\ud83c\udde8\ud83c\udde6 Canada +1<\/option>\n <option value=\"+56\">\ud83c\udde8\ud83c\uddf1 Chile +56<\/option>\n <option value=\"+57\">\ud83c\udde8\ud83c\uddf4 Colombia +57<\/option>\n <option value=\"+45\">\ud83c\udde9\ud83c\uddf0 Denmark +45<\/option>\n <option value=\"+33\">\ud83c\uddeb\ud83c\uddf7 France +33<\/option>\n <option value=\"+49\">\ud83c\udde9\ud83c\uddea Germany +49<\/option>\n <option value=\"+39\">\ud83c\uddee\ud83c\uddf9 Italy +39<\/option>\n <option value=\"+52\" selected>\ud83c\uddf2\ud83c\uddfd Mexico +52<\/option>\n <option value=\"+31\">\ud83c\uddf3\ud83c\uddf1 Netherlands +31<\/option>\n <option value=\"+47\">\ud83c\uddf3\ud83c\uddf4 Norway +47<\/option>\n <option value=\"+507\">\ud83c\uddf5\ud83c\udde6 Panama +507<\/option>\n <option value=\"+51\">\ud83c\uddf5\ud83c\uddea Peru +51<\/option>\n <option value=\"+351\">\ud83c\uddf5\ud83c\uddf9 Portugal +351<\/option>\n <option value=\"+34\">\ud83c\uddea\ud83c\uddf8 Spain +34<\/option>\n <option value=\"+46\">\ud83c\uddf8\ud83c\uddea Sweden +46<\/option>\n <option value=\"+41\">\ud83c\udde8\ud83c\udded Switzerland +41<\/option>\n <option value=\"+44\">\ud83c\uddec\ud83c\udde7 United Kingdom +44<\/option>\n <option value=\"+1\">\ud83c\uddfa\ud83c\uddf8 United States +1<\/option>\n <\/select>\n <input type=\"tel\" name=\"PhoneNumber\" placeholder=\"Enter phone number\" required>\n <\/div>\n\n \n <h3>3. Flight & Transfer Information<\/h3>\n\n <label>Hotel :<\/label>\n <select name=\"Hotel\" required>\n <option value=\"Not decided yet\" selected>Not decided yet<\/option>\n <option value=\"Airbnb \/ Rental Apartments\">Airbnb \/ Rental Apartments<\/option>\n <option>Dreams Tulum Resort & Spa<\/option> <option>Hilton Tulum Riviera Maya All\u2011Inclusive Resort<\/option> <option>Conrad Tulum<\/option> <option>Azulik Tulum<\/option> <option>Be Tulum<\/option> <option>Casa Malca<\/option> <option>Nomade Tulum<\/option> <option>La Zebra Colibri Boutique Hotel<\/option> <option>Sanara Tulum<\/option> <option>Mi Amor Tulum<\/option> <option>Habitas Tulum<\/option> <option>Jashita Hotel<\/option> <option>Ahau Tulum<\/option> <option>Coqui Coqui Tulum<\/option> <option>Chable Maroma<\/option> <option>La Valise Tulum<\/option> <option>Kore Tulum Retreat & Spa Resort<\/option> <option>Casa Alma<\/option> <option>Mezzanine Colibri Boutique Hotel<\/option> <option>La Pasion Hotel Boutique<\/option> <option>Casa Violeta<\/option> <option>Nomade Hotel & Spa<\/option> <option>Casa de las Olas<\/option> <option>Ahau Jungle Tulum<\/option> <option>Posada Margherita<\/option> <option>La Valise<\/option> <option>Be Playa Hotel<\/option>\n <option>Option: hotel not in list<\/option>\n\n \n <\/select>\n\n \n\n <label>Transfer Type:<\/label>\n <select id=\"transferType\" name=\"TransferType\" required>\n <option value=\"\" disabled selected>Select transfer type<\/option>\n <option value=\"Private Transfer\">Private Transfer<\/option>\n <option value=\"Private Luxury\">Private Luxury<\/option>\n<\/select>\n\n\n \n <div id=\"progressiveFields\" style=\"display:none;\">\n\n <label id=\"labelRoute\">Select Route:<\/label>\n <select id=\"transferRoute\" name=\"TransferRoute\">\n <option value=\"\" disabled selected>Select route<\/option>\n <option value=\"APT\">APT \u2192 HTL<\/option>\n <option value=\"HTL\">HTL \u2192 APT<\/option>\n <option value=\"RT\">Round Trip<\/option>\n <\/select>\n\n \n <div id=\"arrivalBlock\" style=\"display:none; margin-top:20px;\">\n <label>Arrival Date:<\/label>\n <input type=\"date\" id=\"arrivalDate\" name=\"ArrivalDate\">\n\n <label>Airline (Arrival):<\/label>\n <select id=\"airlineArrival\" name=\"AirlineArrival\">\n <option value=\"\" disabled selected>Select airline<\/option>\n <\/select>\n <input type=\"text\" id=\"airlineArrivalOther\" name=\"AirlineArrivalOther\" placeholder=\"Enter airline\" style=\"display:none; margin-top:10px;\">\n\n <label>Flight Number (Arrival):<\/label>\n <select id=\"flightArrival\" name=\"FlightArrival\">\n <option value=\"\" disabled selected>Select flight<\/option>\n <\/select>\n <input type=\"text\" id=\"flightArrivalOther\" name=\"FlightArrivalOther\" placeholder=\"Enter flight number\" style=\"display:none; margin-top:10px;\">\n <\/div>\n\n \n <div id=\"departureBlock\" style=\"display:none; margin-top:20px;\">\n <label>Departure Date:<\/label>\n <input type=\"date\" id=\"departDate\" name=\"DepartDate\">\n\n <label>Airline (Departure):<\/label>\n <select id=\"airlineDeparture\" name=\"AirlineDeparture\">\n <option value=\"\" disabled selected>Select airline<\/option>\n <\/select>\n <input type=\"text\" id=\"airlineDepartureOther\" name=\"AirlineDepartureOther\" placeholder=\"Enter airline\" style=\"display:none; margin-top:10px;\">\n\n <label>Flight Number (Departure):<\/label>\n <select id=\"flightDeparture\" name=\"FlightDeparture\">\n <option value=\"\" disabled selected>Select flight<\/option>\n <\/select>\n <input type=\"text\" id=\"flightDepartureOther\" name=\"FlightDepartureOther\" placeholder=\"Enter flight number\" style=\"display:none; margin-top:10px;\">\n <\/div>\n\n <\/div>\n\n \n<h3>4. Add-Ons (Optional)<\/h3>\n<div class=\"addons-grid\">\n\n<div class=\"addon-card\">\n\n<img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/car_seat-1.png\"\n alt=\"Car Seat\">\n\n<h4>Car Seat \/ Booster Seat<\/h4>\n\n<div class=\"addon-price\">\n $350 MXN\n<\/div>\n<div class=\"addon-description\">\n Safety seat suitable for infants and children. Installed before your arrival.\n<\/div>\n\n<input type=\"hidden\" name=\"Addon_CarSeat_Qty\" id=\"carSeatQty\" value=\"0\">\n<div class=\"qty-control\">\n<button type=\"button\" onclick=\"updateQty('carSeatQty',-1)\">\u2212<\/button>\n<span id=\"carSeatQtyDisplay\">0<\/span>\n<button type=\"button\" onclick=\"updateQty('carSeatQty',1)\">+<\/button>\n<\/div>\n<\/div>\n\n<div class=\"addon-card\">\n\n<img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/e0b3cfcb-98bb-43f6-88a0-3db61985c782.png\"\n class=\"addon-image\"\n alt=\"Beer Pack\">\n <h4>4 Beers Pack<\/h4>\n <div class=\"addon-price\">\n $250 MXN \n<\/div>\n<div class=\"addon-description\">\n <ul>\n <li>4 beers of your selection <\/li>\n <li>Cost $390 MXN at the airport <\/li>\n <li>You save 140 MXN<\/li>\n \n <\/ul>\n<\/div>\n\n\n<input type=\"hidden\" name=\"Addon_BeerPack_Qty\" id=\"beerQty\" value=\"0\">\n<div class=\"qty-control\">\n<button type=\"button\" onclick=\"updateQty('beerQty',-1)\">\u2212<\/button>\n<span id=\"beerQtyDisplay\">0<\/span>\n<button type=\"button\" onclick=\"updateQty('beerQty',1)\">+<\/button>\n<\/div>\n<\/div>\n\n<div class=\"addon-card\">\n\n<img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/1bad1ca4-6d77-42a0-b5cc-dc975fe91b44.png\"\n alt=\"Welcome Package\">\n <h4>Welcome Package<\/h4>\n <div class=\"addon-price\">\n $280 MXN\n<\/div>\n<div class=\"addon-description\">\n <ul>\n <li>2 Coca-Cola <\/li>\n <li>2 bottled waters<\/li>\n <li>1 bag of chips<\/li>\n \n <\/ul>\n<\/div>\n\n\n<input type=\"hidden\" name=\"Addon_WelcomePackage_Qty\" id=\"welcomeQty\" value=\"0\">\n<div class=\"qty-control\">\n<button type=\"button\" onclick=\"updateQty('welcomeQty',-1)\">\u2212<\/button>\n<span id=\"welcomeQtyDisplay\">0<\/span>\n<button type=\"button\" onclick=\"updateQty('welcomeQty',1)\">+<\/button>\n<\/div>\n<\/div>\n\n<\/div>\n\n<textarea name=\"Message\" placeholder=\"Additional information...\"><\/textarea>\n\n <button type=\"submit\">Book Now, Pay Later<\/button>\n <\/form>\n<\/section>\n\n\n<style>\n.full-width { width:100%; max-width:none; padding:20px; box-sizing:border-box; }\n.formulario-seccion { background:#fff; border-radius:12px; box-shadow:0 6px 15px rgba(0,0,0,0.1); padding:30px; margin-bottom:40px; }\n.formulario-seccion h2, .formulario-seccion p, .formulario-seccion h3 { font-family:\"Poppins\",sans-serif; color:#202F59; }\n.formulario-seccion h3 { margin-top:20px; }\n.formulario-seccion form { display:flex; flex-direction:column; }\n.formulario-seccion label { font-family:\"Poppins\",sans-serif; font-weight:600; margin-bottom:5px; color:#202F59; }\n.formulario-seccion input, .formulario-seccion textarea, .formulario-seccion select { margin-bottom:20px; padding:12px; border-radius:8px; border:1px solid #ccc; font-family:\"Poppins\",sans-serif; font-size:14px; }\n.telefono-input { display:flex; gap:10px; flex-wrap:wrap; }\n.telefono-input select { width:35%; }\n.telefono-input input { flex:1; }\n.passenger-inputs { display:flex; gap:10px; flex-wrap:wrap; }\n.passenger-inputs input { flex:1; min-width:80px; }\n.formulario-seccion button { padding:15px; background:#0C5BD2; color:#fff; border:none; border-radius:8px; font-size:16px; font-weight:700; cursor:pointer; transition:0.3s; }\n.formulario-seccion button:hover { background:#0940a0; }\n\n.addons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0;}\n.addon-card{border:1px solid #e5e7eb;border-radius:14px;padding:15px;text-align:center;}\n.qty-control{display:flex;justify-content:center;align-items:center;gap:15px;}\n.qty-control button{width:38px;height:38px;border-radius:50%;border:1px solid #0C5BD2;background:#fff;color:#0C5BD2;}\n@media(max-width:768px){.addons-grid{grid-template-columns:1fr;}}\n.addon-image{\n width:100%;\n height:180px;\n object-fit:cover;\n border-radius:10px;\n margin-bottom:12px;\n}\n\n.addon-price{\n background:#0C5BD2;\n color:#ffffff;\n display:inline-block;\n padding:10px 20px;\n border-radius:10px;\n font-size:22px;\n font-weight:700;\n margin-bottom:15px;\n box-shadow:0 4px 12px rgba(12,91,210,.25);\n}\n\n.addon-description{\n margin-bottom:15px;\n text-align:left;\n min-height:90px;\n}\n\n.addon-description ul{\n margin:0;\n padding-left:18px;\n}\n\n.addon-description li{\n font-size:14px;\n color:#555;\n line-height:1.5;\n margin-bottom:4px;\n}\n\n<\/style>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n const transferType = document.getElementById(\"transferType\");\n const progressiveFields = document.getElementById(\"progressiveFields\");\n const routeSelect = document.getElementById(\"transferRoute\");\n\n const arrivalBlock = document.getElementById(\"arrivalBlock\");\n const departureBlock = document.getElementById(\"departureBlock\");\n\n const airlineArrival = document.getElementById(\"airlineArrival\");\n const flightArrival = document.getElementById(\"flightArrival\");\n const airlineArrivalOther = document.getElementById(\"airlineArrivalOther\");\n const flightArrivalOther = document.getElementById(\"flightArrivalOther\");\n\n const airlineDeparture = document.getElementById(\"airlineDeparture\");\n const flightDeparture = document.getElementById(\"flightDeparture\");\n const airlineDepartureOther = document.getElementById(\"airlineDepartureOther\");\n const flightDepartureOther = document.getElementById(\"flightDepartureOther\");\n\n const arrivalDate = document.getElementById(\"arrivalDate\");\n const departDate = document.getElementById(\"departDate\");\n\n const form = document.getElementById(\"bookingForm\");\n\n const arrivals = {\n \"Mexicana de Aviaci\u00f3n\":[\"MXA1780\",\"MXA1782\"], \"VivaAerobus\":[\"VB4212\",\"VB7240\",\"VB3206\"], \"Aeromexico\":[\"AM592\",\"AM594\"], \"Volaris\":[\"Y41820\",\"Y41822\"], \"American Airlines\":[\"AA3738\",\"AA3359\"], \"United Airlines\":[\"UA5405\",\"UA6215\"], \"Delta Air Lines\":[\"DL1831\",\"DL1829\"], \"JetBlue Airways\":[\"B61751\",\"B61753\"], \"Other\":[\"Other\"]\n };\n\n const departures = {\n \"Mexicana de Aviaci\u00f3n\":[\"MXA1781\",\"MXA1783\"], \"VivaAerobus\":[\"VB4213\",\"VB7241\",\"VB3207\"], \"Aeromexico\":[\"AM593\",\"AM595\"], \"Volaris\":[\"Y41821\",\"Y41823\"], \"American Airlines\":[\"AA3696\",\"AA3360\"], \"United Airlines\":[\"UA5406\",\"UA6216\"], \"Delta Air Lines\":[\"DL1832\",\"DL1830\"], \"JetBlue Airways\":[\"B61752\",\"B61754\"], \"Other\":[\"Other\"]\n };\n\n \/\/ Mostrar progresivo al seleccionar tipo de servicio\n transferType.addEventListener(\"change\", function() {\n\n progressiveFields.style.display = \"block\";\n\n airlineArrival.innerHTML =\n '<option value=\"\" disabled selected>Select airline<\/option>';\n\n Object.keys(arrivals).forEach(a => {\n airlineArrival.innerHTML += `<option value=\"${a}\">${a}<\/option>`;\n });\n\n airlineDeparture.innerHTML = airlineArrival.innerHTML;\n\n routeSelect.innerHTML = `\n <option value=\"\" disabled selected>Select route<\/option>\n <option value=\"APT\">APT \u2192 HTL<\/option>\n <option value=\"HTL\">HTL \u2192 APT<\/option>\n <option value=\"RT\">Round Trip<\/option>\n `;\n\n arrivalBlock.style.display = \"none\";\n departureBlock.style.display = \"none\";\n\n});\n\n \/\/ Mostrar bloques seg\u00fan ruta\n routeSelect.addEventListener(\"change\", function(){\n arrivalBlock.style.display=\"none\";\n departureBlock.style.display=\"none\";\n if(this.value===\"APT\") arrivalBlock.style.display=\"block\";\n else if(this.value===\"HTL\") departureBlock.style.display=\"block\";\n else if(this.value===\"RT\"){ \n arrivalBlock.style.display=\"block\"; \n departureBlock.style.display=\"block\"; \n }\n });\n\n \/\/ Aerol\u00edneas - llenado de vuelos y Other\n airlineArrival.onchange = () => {\n const val = airlineArrival.value;\n flightArrival.innerHTML = '<option value=\"\" disabled selected>Select flight<\/option>';\n airlineArrivalOther.style.display = \"none\";\n flightArrivalOther.style.display = \"none\";\n if(val===\"Other\"){ airlineArrivalOther.style.display=\"block\"; flightArrivalOther.style.display=\"block\"; } \n else (arrivals[val]||[]).forEach(f=> flightArrival.innerHTML += `<option>${f}<\/option>`);\n };\n airlineDeparture.onchange = () => {\n const val = airlineDeparture.value;\n flightDeparture.innerHTML = '<option value=\"\" disabled selected>Select flight<\/option>';\n airlineDepartureOther.style.display = \"none\";\n flightDepartureOther.style.display = \"none\";\n if(val===\"Other\"){ airlineDepartureOther.style.display=\"block\"; flightDepartureOther.style.display=\"block\"; } \n else (departures[val]||[]).forEach(f=> flightDeparture.innerHTML += `<option>${f}<\/option>`);\n };\n\n \/\/ Validaci\u00f3n de fechas y env\u00edo con fetch a Formspree\n form.addEventListener(\"submit\", function(e){\n e.preventDefault();\n\n if(departDate.value && arrivalDate.value){\n if(new Date(departDate.value) <= new Date(arrivalDate.value)){\n alert(\"Departure must be after arrival\");\n return;\n }\n }\n\n \/\/ Preparar datos para Formspree\n const data = new FormData(form);\n\n fetch(form.action, {\n method: \"POST\",\n body: data,\n headers: { 'Accept': 'application\/json' }\n }).then(response => {\n if(response.ok){\n \/\/ Crear pop-up\n const popup = document.createElement(\"div\");\n popup.style.position = \"fixed\";\n popup.style.top = 0;\n popup.style.left = 0;\n popup.style.width = \"100%\";\n popup.style.height = \"100%\";\n popup.style.background = \"rgba(0,0,0,0.6)\";\n popup.style.display = \"flex\";\n popup.style.alignItems = \"center\";\n popup.style.justifyContent = \"center\";\n popup.style.zIndex = 9999;\n\n const box = document.createElement(\"div\");\n box.style.background = \"#fff\";\n box.style.padding = \"30px\";\n box.style.borderRadius = \"12px\";\n box.style.maxWidth = \"500px\";\n box.style.textAlign = \"center\";\n box.style.position = \"relative\";\n\n const closeBtn = document.createElement(\"span\");\n closeBtn.innerHTML = \"×\";\n closeBtn.style.position = \"absolute\";\n closeBtn.style.top = \"10px\";\n closeBtn.style.right = \"15px\";\n closeBtn.style.fontSize = \"24px\";\n closeBtn.style.cursor = \"pointer\";\n\n const msg = document.createElement(\"p\");\n msg.innerText = \"Request successfully sent! Sunnyside will contact you. Please stay tuned to your contact info. Thank you for choosing us.\";\n msg.style.fontSize = \"16px\";\n msg.style.color = \"#202F59\";\n\n box.appendChild(closeBtn);\n box.appendChild(msg);\n popup.appendChild(box);\n document.body.appendChild(popup);\n\n closeBtn.onclick = () => document.body.removeChild(popup);\n popup.onclick = (event) => { if(event.target===popup) document.body.removeChild(popup); }\n\n form.reset();\n progressiveFields.style.display=\"none\";\n arrivalBlock.style.display=\"none\";\n departureBlock.style.display=\"none\";\n } else {\n alert(\"There was a problem sending the form. Please try again.\");\n }\n }).catch(() => {\n alert(\"There was a problem sending the form. Please try again.\");\n });\n });\n});\n\nfunction updateQty(fieldId,change){\n const input=document.getElementById(fieldId);\n let value=parseInt(input.value)||0;\n value+=change;\n if(value<0)value=0;\n input.value=value;\n document.getElementById(fieldId+'Display').textContent=value;\n}\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sunnyside Hero Your JourneyStarts Here In Tulum& Riviera Maya Book reliable airport transfers with professional drivers, comfortable vehicles, and on-time service. Start your trip with a smooth, safe, and stress-free ride. Private Luxury PrivateLuxury Private Transfer Exclusive Vehicle For Your Group Only Direct Route With No Stops Flexible Schedule For Your Itinerary \ud83d\udc65 Up to […]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[1],"tags":[],"class_list":["post-12447","post","type-post","status-publish","format-standard","hentry","category-sin-categorizar"],"acf":[],"_links":{"self":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/posts\/12447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/comments?post=12447"}],"version-history":[{"count":106,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/posts\/12447\/revisions"}],"predecessor-version":[{"id":14032,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/posts\/12447\/revisions\/14032"}],"wp:attachment":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/media?parent=12447"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/categories?post=12447"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/tags?post=12447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nSunnyside Hero<\/title>\r\n\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box}\r\nbody{font-family:Arial,sans-serif;background:#f5f7fb}\r\n\r\n\/* ===== HERO ===== *\/\r\n.ss-hero-wrapper{\r\nposition:relative;\r\nmin-height:1050px;\r\npadding:90px 0 80px;\r\nbackground:url('https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/3a97787f-ae4e-4774-9291-a2f398de7e9f.png') center top \/ 100% auto no-repeat;\r\nbackground-color:#f5f7fb;\r\noverflow:visible;\r\n}\r\n\r\n.ss-hero-wrapper:before{\r\ncontent:\"\";\r\nposition:absolute;\r\ninset:0;\r\nbackground:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.88) 30%,rgba(255,255,255,.45) 60%,transparent 82%);\r\n}\r\n\r\n.ss-hero-container{\r\nposition:relative;\r\nz-index:2;\r\nmax-width:1320px;\r\nmargin:auto;\r\npadding:0 40px;\r\n}\r\n\r\n.ss-hero-content{max-width:620px}\r\n\r\n.ss-hero-title{\r\nfont-size:78px;\r\nfont-weight:800;\r\nline-height:.95;\r\ncolor:#0B2451;\r\n}\r\n\r\n.ss-hero-title span{color:#12c2a0}\r\n\r\n.ss-hero-subtitle{\r\nmargin-top:28px;\r\nfont-size:24px;\r\nline-height:1.6;\r\ncolor:#444;\r\n}\r\n\r\n\/* FORM BOX *\/\r\n.ss-form-holder{\r\nposition:relative;\r\nmargin:80px auto 0;\r\nwidth:92%;\r\nmax-width:1320px;\r\nbackground:#fff;\r\nborder-radius:24px;\r\npadding:35px;\r\nbox-shadow:0 20px 60px rgba(0,0,0,.12);\r\nz-index:10;\r\n}\r\n\r\n.transfer-section{width:100%;margin:0;padding:0}\r\n\r\n\/* ===== MOBILE HERO FIX ===== *\/\r\n@media(max-width:900px){\r\n.ss-hero-wrapper{\r\nmin-height:100vh;\r\npadding:60px 0 80px;\r\nbackground-size:cover;\r\nbackground-position:center top;\r\n}\r\n\r\n.ss-hero-wrapper:before{\r\nbackground:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.65) 45%,rgba(255,255,255,.15) 100%);\r\n}\r\n\r\n.ss-hero-container{padding:0 25px}\r\n\r\n.ss-hero-title{\r\nfont-size:clamp(38px, 9vw, 78px);\r\n}\r\n\r\n.ss-hero-subtitle{\r\nfont-size:18px;\r\nmargin-top:20px;\r\nmargin-bottom:40px;\r\n}\r\n\r\n.ss-form-holder{\r\nwidth:92%;\r\nmargin:30px auto 0;\r\npadding:20px;\r\n}\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"ss-hero-wrapper\">\r\n\r\n<div class=\"ss-hero-container\">\r\n<div class=\"ss-hero-content\">\r\n<h1 class=\"ss-hero-title\">Your Journey<br>Starts Here <span>In Tulum& Riviera Maya<\/span><\/h1>\r\n<p class=\"ss-hero-subtitle\">\r\nBook reliable airport transfers with professional drivers, comfortable vehicles, and on-time service. Start your trip with a smooth, safe, and stress-free ride.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"ss-form-holder\">\r\n\r\n\r\n<style>\r\n\r\n\/* RESET *\/\r\n.transfer-section{width:100%;margin:0;padding:0;font-family:Arial,sans-serif}\r\n\r\n\/* TABS *\/\r\n.transfer-tabs-container{\r\ndisplay:flex;\r\nborder-bottom:3px solid #eef2f7;\r\nmargin-bottom:25px;\r\n}\r\n\r\n.transfer-tab{\r\nflex:1;\r\ntext-align:center;\r\npadding:16px;\r\ncursor:pointer;\r\nfont-weight:700;\r\nfont-size:15px;\r\ncolor:#6b7280;\r\ntransition:.3s;\r\n}\r\n\r\n.transfer-tab:hover{background:#f8fafc}\r\n\r\n.transfer-tab.ss-active{\r\ncolor:#0C5BD2;\r\nborder-bottom:3px solid #0C5BD2;\r\n}\r\n\r\n\/* MOBILE SELECT *\/\r\n.transfer-mobile-select{\r\ndisplay:none;\r\nmargin-bottom:25px;\r\n}\r\n\r\n.transfer-mobile-select select{\r\nwidth:100%;\r\npadding:14px;\r\nborder-radius:10px;\r\nborder:0;\r\nbackground:#0C5BD2;\r\ncolor:#fff;\r\nfont-size:16px;\r\nfont-weight:600;\r\noutline:none;\r\n}\r\n\r\n\/* CARDS *\/\r\n.ss-transfer{\r\ndisplay:none;\r\nanimation:fade .35s ease;\r\n}\r\n\r\n.ss-transfer.ss-active{\r\ndisplay:block;\r\n}\r\n\r\n@keyframes fade{\r\nfrom{opacity:0;transform:translateY(8px)}\r\nto{opacity:1;transform:none}\r\n}\r\n\r\n.transfer-card-redesign{\r\ndisplay:flex;\r\nbackground:#fff;\r\nborder-radius:18px;\r\noverflow:hidden;\r\nborder:1px solid #edf1f7;\r\n}\r\n\r\n.transfer-card-image-left{\r\nwidth:35%;\r\nheight:420px;\r\nobject-fit:contain;\r\nobject-position:center;\r\nbackground:#fffff;\r\n}\r\n\r\n.transfer-card-content{\r\nwidth:65%;\r\npadding:34px;\r\ndisplay:flex;\r\nflex-direction:column;\r\njustify-content:space-between;\r\n}\r\n\r\n.transfer-card-title{\r\nfont-size:34px;\r\ncolor:#202F59;\r\nfont-weight:800;\r\nmargin-bottom:20px;\r\n}\r\n\r\n.transfer-card-features{\r\npadding-left:20px;\r\nline-height:2;\r\ncolor:#5d6675;\r\nfont-size:16px;\r\nmargin-bottom:28px;\r\n}\r\n\r\n\/* RIBBON *\/\r\n.transfer-ribbon{\r\ndisplay:flex;\r\njustify-content:space-between;\r\nalign-items:center;\r\nborder-radius:16px;\r\noverflow:hidden;\r\nbackground:linear-gradient(90deg,#202F59,#0C5BD2);\r\n}\r\n\r\n.transfer-ribbon-features{\r\nflex:1;\r\ndisplay:flex;\r\njustify-content:flex-start;\r\nalign-items:center;\r\ngap:18px;\r\npadding:18px;\r\nflex-wrap:wrap;\r\n}\r\n\r\n.ribbon-item{\r\nfont-size:13px;\r\nfont-weight:600;\r\ncolor:#fff;\r\nwhite-space:nowrap;\r\nflex:0 0 auto;\r\n}\r\n\r\n.transfer-ribbon-price{\r\nmin-width:220px;\r\ntext-align:center;\r\npadding:20px;\r\nbackground:linear-gradient(135deg,#1691ff,#0C5BD2);\r\ncolor:#fff;\r\n}\r\n\r\n.transfer-ribbon-price small{\r\ndisplay:block;\r\nfont-size:13px;\r\nopacity:.9;\r\nmargin-bottom:6px;\r\n}\r\n\r\n.transfer-ribbon-price strong{\r\ndisplay:block;\r\nfont-size:38px;\r\nfont-weight:800;\r\nline-height:1.1;\r\n}\r\n\r\n.transfer-ribbon-price span{\r\nfont-size:15px;\r\nopacity:.9;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:900px){\r\n.transfer-tabs-container{display:none}\r\n.transfer-mobile-select{display:block}\r\n\r\n.transfer-card-redesign{flex-direction:column}\r\n\r\n.transfer-card-image-left{\r\nwidth:100%;\r\nheight:240px;\r\n}\r\n\r\n.transfer-card-content{\r\nwidth:100%;\r\npadding:22px;\r\n}\r\n\r\n.transfer-card-title{font-size:28px}\r\n\r\n.transfer-card-features{\r\nfont-size:15px;\r\nline-height:1.8;\r\n}\r\n\r\n.transfer-ribbon{\r\nflex-direction:column;\r\n}\r\n\r\n.transfer-ribbon-features{\r\nflex-direction:column;\r\npadding:18px;\r\ngap:18px;\r\n}\r\n\r\n.transfer-ribbon-price{\r\nwidth:100%;\r\nmin-width:auto;\r\n}\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"transfer-section\">\r\n\r\n<div class=\"transfer-tabs-container\">\r\n\r\n<div class=\"transfer-tab ss-active\" data-transfer=\"ss-private\">Private<\/div>\r\n<div class=\"transfer-tab\" data-transfer=\"ss-luxury\">Luxury<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"transfer-mobile-select\">\r\n<select id=\"mobileTransferSelect\">\r\n<option value=\"ss-private\" selected>Private<\/option>\r\n<option value=\"ss-luxury\">Luxury<\/option>\r\n<\/select>\r\n<\/div>\r\n\r\n\r\n<div id=\"ss-private\" class=\"ss-transfer ss-active\">\r\n\r\n<div class=\"transfer-card-redesign\">\r\n<img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/HIACE-2.png\" class=\"transfer-card-image-left\">\r\n\r\n<div class=\"transfer-card-content\">\r\n\r\n<div>\r\n<h3 class=\"transfer-card-title\">Private Transfer<\/h3>\r\n\r\n<ul class=\"transfer-card-features\">\r\n<li>Exclusive Vehicle For Your Group Only<\/li>\r\n<li>Direct Route With No Stops<\/li>\r\n<li>Flexible Schedule For Your Itinerary<\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<div class=\"transfer-ribbon\">\r\n<div class=\"transfer-ribbon-features\">\r\n<div class=\"ribbon-item\">\ud83d\udc65 Up to 20 Passengers<\/div>\r\n<div class=\"ribbon-item\">\u2708\ufe0f Flight Tracking Included<\/div>\r\n<div class=\"ribbon-item\">\u2744\ufe0f Air Conditioned Vehicle<\/div>\r\n<\/div>\r\n\r\n<div class=\"transfer-ribbon-price\">\r\n<small>Starting From<\/small>\r\n<strong>$1,900<\/strong>\r\n<span>MXN<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<div id=\"ss-luxury\" class=\"ss-transfer\">\r\n\r\n<div class=\"transfer-card-redesign\">\r\n<img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/11\/suburban.jpg\" class=\"transfer-card-image-left\">\r\n\r\n<div class=\"transfer-card-content\">\r\n\r\n<div>\r\n<h3 class=\"transfer-card-title\">Luxury Transfer<\/h3>\r\n\r\n<ul class=\"transfer-card-features\">\r\n<li>Premium Vehicle With Top-Tier Comfort<\/li>\r\n<li>Professional Chauffeur Providing Personalized Attention<\/li>\r\n<li>Exclusive And Refined Travel Experience<\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<div class=\"transfer-ribbon\">\r\n<div class=\"transfer-ribbon-features\">\r\n<div class=\"ribbon-item\">\ud83d\udc65 Up to 6 Passengers<\/div>\r\n<div class=\"ribbon-item\">\u2708\ufe0f Flight Tracking Included<\/div>\r\n<div class=\"ribbon-item\">\u2744\ufe0f Premium Air Conditioned Vehicle<\/div>\r\n<\/div>\r\n\r\n<div class=\"transfer-ribbon-price\">\r\n<small>Starting From<\/small>\r\n<strong>$2,500<\/strong>\r\n<span>MXN<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n\r\nfunction showTransfer(target){\r\n\r\ndocument.querySelectorAll(\".transfer-tab\").forEach(t=>t.classList.remove(\"ss-active\"));\r\ndocument.querySelectorAll(\".ss-transfer\").forEach(c=>c.classList.remove(\"ss-active\"));\r\n\r\ndocument.querySelector(`[data-transfer=\"${target}\"]`)?.classList.add(\"ss-active\");\r\ndocument.getElementById(target)?.classList.add(\"ss-active\");\r\n\r\n}\r\n\r\ndocument.querySelectorAll(\".transfer-tab\").forEach(tab=>{\r\ntab.addEventListener(\"click\",()=>showTransfer(tab.dataset.transfer));\r\n});\r\n\r\ndocument.getElementById(\"mobileTransferSelect\")\r\n.addEventListener(\"change\",(e)=>showTransfer(e.target.value));\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/div>\r\n<\/section>\r\n\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-2c9cd80 elementor-widget elementor-widget-html\" data-id=\"2c9cd80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"formulario-seccion full-width\">\n <div style=\"text-align:center; margin-bottom:20px;\">\n <h2>Book Your Transfer<\/h2>\n <p>Fill in your details and we will contact you to complete your reservation.<\/p>\n <\/div>\n\n \n <form id=\"bookingForm\" action=\"https:\/\/formspree.io\/f\/mykbyznz\" method=\"POST\">\n\n <input type=\"hidden\" id=\"tourName\" name=\"TourOrActivity\">\n\n \n <h3>1. Passenger Information<\/h3>\n <label>Name:<\/label>\n <input type=\"text\" id=\"name\" name=\"Name\" placeholder=\"Enter full name\" required>\n\n <label>Number of People:<\/label>\n <div class=\"passenger-inputs\">\n <input type=\"number\" name=\"Adults\" min=\"1\" placeholder=\"Adults\" required>\n <input type=\"number\" name=\"Children\" min=\"0\" placeholder=\"Children\">\n <input type=\"number\" name=\"Infants\" min=\"0\" placeholder=\"Infants\">\n <\/div>\n\n \n <h3>2. Contact Information<\/h3>\n <label>Email:<\/label>\n <input type=\"email\" name=\"Email\" placeholder=\"Enter email\" required>\n\n <label>Contact Phone:<\/label>\n <div class=\"telefono-input\">\n <select name=\"CountryCode\" required>\n <option value=\"\" disabled selected>Country code<\/option>\n <option value=\"+54\">\ud83c\udde6\ud83c\uddf7 Argentina +54<\/option>\n <option value=\"+61\">\ud83c\udde6\ud83c\uddfa Australia +61<\/option>\n <option value=\"+43\">\ud83c\udde6\ud83c\uddf9 Austria +43<\/option>\n <option value=\"+32\">\ud83c\udde7\ud83c\uddea Belgium +32<\/option>\n <option value=\"+55\">\ud83c\udde7\ud83c\uddf7 Brazil +55<\/option>\n <option value=\"+1\">\ud83c\udde8\ud83c\udde6 Canada +1<\/option>\n <option value=\"+56\">\ud83c\udde8\ud83c\uddf1 Chile +56<\/option>\n <option value=\"+57\">\ud83c\udde8\ud83c\uddf4 Colombia +57<\/option>\n <option value=\"+45\">\ud83c\udde9\ud83c\uddf0 Denmark +45<\/option>\n <option value=\"+33\">\ud83c\uddeb\ud83c\uddf7 France +33<\/option>\n <option value=\"+49\">\ud83c\udde9\ud83c\uddea Germany +49<\/option>\n <option value=\"+39\">\ud83c\uddee\ud83c\uddf9 Italy +39<\/option>\n <option value=\"+52\" selected>\ud83c\uddf2\ud83c\uddfd Mexico +52<\/option>\n <option value=\"+31\">\ud83c\uddf3\ud83c\uddf1 Netherlands +31<\/option>\n <option value=\"+47\">\ud83c\uddf3\ud83c\uddf4 Norway +47<\/option>\n <option value=\"+507\">\ud83c\uddf5\ud83c\udde6 Panama +507<\/option>\n <option value=\"+51\">\ud83c\uddf5\ud83c\uddea Peru +51<\/option>\n <option value=\"+351\">\ud83c\uddf5\ud83c\uddf9 Portugal +351<\/option>\n <option value=\"+34\">\ud83c\uddea\ud83c\uddf8 Spain +34<\/option>\n <option value=\"+46\">\ud83c\uddf8\ud83c\uddea Sweden +46<\/option>\n <option value=\"+41\">\ud83c\udde8\ud83c\udded Switzerland +41<\/option>\n <option value=\"+44\">\ud83c\uddec\ud83c\udde7 United Kingdom +44<\/option>\n <option value=\"+1\">\ud83c\uddfa\ud83c\uddf8 United States +1<\/option>\n <\/select>\n <input type=\"tel\" name=\"PhoneNumber\" placeholder=\"Enter phone number\" required>\n <\/div>\n\n \n <h3>3. Flight & Transfer Information<\/h3>\n\n <label>Hotel :<\/label>\n <select name=\"Hotel\" required>\n <option value=\"Not decided yet\" selected>Not decided yet<\/option>\n <option value=\"Airbnb \/ Rental Apartments\">Airbnb \/ Rental Apartments<\/option>\n <option>Dreams Tulum Resort & Spa<\/option> <option>Hilton Tulum Riviera Maya All\u2011Inclusive Resort<\/option> <option>Conrad Tulum<\/option> <option>Azulik Tulum<\/option> <option>Be Tulum<\/option> <option>Casa Malca<\/option> <option>Nomade Tulum<\/option> <option>La Zebra Colibri Boutique Hotel<\/option> <option>Sanara Tulum<\/option> <option>Mi Amor Tulum<\/option> <option>Habitas Tulum<\/option> <option>Jashita Hotel<\/option> <option>Ahau Tulum<\/option> <option>Coqui Coqui Tulum<\/option> <option>Chable Maroma<\/option> <option>La Valise Tulum<\/option> <option>Kore Tulum Retreat & Spa Resort<\/option> <option>Casa Alma<\/option> <option>Mezzanine Colibri Boutique Hotel<\/option> <option>La Pasion Hotel Boutique<\/option> <option>Casa Violeta<\/option> <option>Nomade Hotel & Spa<\/option> <option>Casa de las Olas<\/option> <option>Ahau Jungle Tulum<\/option> <option>Posada Margherita<\/option> <option>La Valise<\/option> <option>Be Playa Hotel<\/option>\n <option>Option: hotel not in list<\/option>\n\n \n <\/select>\n\n \n\n <label>Transfer Type:<\/label>\n <select id=\"transferType\" name=\"TransferType\" required>\n <option value=\"\" disabled selected>Select transfer type<\/option>\n <option value=\"Private Transfer\">Private Transfer<\/option>\n <option value=\"Private Luxury\">Private Luxury<\/option>\n<\/select>\n\n\n \n <div id=\"progressiveFields\" style=\"display:none;\">\n\n <label id=\"labelRoute\">Select Route:<\/label>\n <select id=\"transferRoute\" name=\"TransferRoute\">\n <option value=\"\" disabled selected>Select route<\/option>\n <option value=\"APT\">APT \u2192 HTL<\/option>\n <option value=\"HTL\">HTL \u2192 APT<\/option>\n <option value=\"RT\">Round Trip<\/option>\n <\/select>\n\n \n <div id=\"arrivalBlock\" style=\"display:none; margin-top:20px;\">\n <label>Arrival Date:<\/label>\n <input type=\"date\" id=\"arrivalDate\" name=\"ArrivalDate\">\n\n <label>Airline (Arrival):<\/label>\n <select id=\"airlineArrival\" name=\"AirlineArrival\">\n <option value=\"\" disabled selected>Select airline<\/option>\n <\/select>\n <input type=\"text\" id=\"airlineArrivalOther\" name=\"AirlineArrivalOther\" placeholder=\"Enter airline\" style=\"display:none; margin-top:10px;\">\n\n <label>Flight Number (Arrival):<\/label>\n <select id=\"flightArrival\" name=\"FlightArrival\">\n <option value=\"\" disabled selected>Select flight<\/option>\n <\/select>\n <input type=\"text\" id=\"flightArrivalOther\" name=\"FlightArrivalOther\" placeholder=\"Enter flight number\" style=\"display:none; margin-top:10px;\">\n <\/div>\n\n \n <div id=\"departureBlock\" style=\"display:none; margin-top:20px;\">\n <label>Departure Date:<\/label>\n <input type=\"date\" id=\"departDate\" name=\"DepartDate\">\n\n <label>Airline (Departure):<\/label>\n <select id=\"airlineDeparture\" name=\"AirlineDeparture\">\n <option value=\"\" disabled selected>Select airline<\/option>\n <\/select>\n <input type=\"text\" id=\"airlineDepartureOther\" name=\"AirlineDepartureOther\" placeholder=\"Enter airline\" style=\"display:none; margin-top:10px;\">\n\n <label>Flight Number (Departure):<\/label>\n <select id=\"flightDeparture\" name=\"FlightDeparture\">\n <option value=\"\" disabled selected>Select flight<\/option>\n <\/select>\n <input type=\"text\" id=\"flightDepartureOther\" name=\"FlightDepartureOther\" placeholder=\"Enter flight number\" style=\"display:none; margin-top:10px;\">\n <\/div>\n\n <\/div>\n\n \n<h3>4. Add-Ons (Optional)<\/h3>\n<div class=\"addons-grid\">\n\n<div class=\"addon-card\">\n\n<img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/car_seat-1.png\"\n alt=\"Car Seat\">\n\n<h4>Car Seat \/ Booster Seat<\/h4>\n\n<div class=\"addon-price\">\n $350 MXN\n<\/div>\n<div class=\"addon-description\">\n Safety seat suitable for infants and children. Installed before your arrival.\n<\/div>\n\n<input type=\"hidden\" name=\"Addon_CarSeat_Qty\" id=\"carSeatQty\" value=\"0\">\n<div class=\"qty-control\">\n<button type=\"button\" onclick=\"updateQty('carSeatQty',-1)\">\u2212<\/button>\n<span id=\"carSeatQtyDisplay\">0<\/span>\n<button type=\"button\" onclick=\"updateQty('carSeatQty',1)\">+<\/button>\n<\/div>\n<\/div>\n\n<div class=\"addon-card\">\n\n<img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/e0b3cfcb-98bb-43f6-88a0-3db61985c782.png\"\n class=\"addon-image\"\n alt=\"Beer Pack\">\n <h4>4 Beers Pack<\/h4>\n <div class=\"addon-price\">\n $250 MXN \n<\/div>\n<div class=\"addon-description\">\n <ul>\n <li>4 beers of your selection <\/li>\n <li>Cost $390 MXN at the airport <\/li>\n <li>You save 140 MXN<\/li>\n \n <\/ul>\n<\/div>\n\n\n<input type=\"hidden\" name=\"Addon_BeerPack_Qty\" id=\"beerQty\" value=\"0\">\n<div class=\"qty-control\">\n<button type=\"button\" onclick=\"updateQty('beerQty',-1)\">\u2212<\/button>\n<span id=\"beerQtyDisplay\">0<\/span>\n<button type=\"button\" onclick=\"updateQty('beerQty',1)\">+<\/button>\n<\/div>\n<\/div>\n\n<div class=\"addon-card\">\n\n<img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/1bad1ca4-6d77-42a0-b5cc-dc975fe91b44.png\"\n alt=\"Welcome Package\">\n <h4>Welcome Package<\/h4>\n <div class=\"addon-price\">\n $280 MXN\n<\/div>\n<div class=\"addon-description\">\n <ul>\n <li>2 Coca-Cola <\/li>\n <li>2 bottled waters<\/li>\n <li>1 bag of chips<\/li>\n \n <\/ul>\n<\/div>\n\n\n<input type=\"hidden\" name=\"Addon_WelcomePackage_Qty\" id=\"welcomeQty\" value=\"0\">\n<div class=\"qty-control\">\n<button type=\"button\" onclick=\"updateQty('welcomeQty',-1)\">\u2212<\/button>\n<span id=\"welcomeQtyDisplay\">0<\/span>\n<button type=\"button\" onclick=\"updateQty('welcomeQty',1)\">+<\/button>\n<\/div>\n<\/div>\n\n<\/div>\n\n<textarea name=\"Message\" placeholder=\"Additional information...\"><\/textarea>\n\n <button type=\"submit\">Book Now, Pay Later<\/button>\n <\/form>\n<\/section>\n\n\n<style>\n.full-width { width:100%; max-width:none; padding:20px; box-sizing:border-box; }\n.formulario-seccion { background:#fff; border-radius:12px; box-shadow:0 6px 15px rgba(0,0,0,0.1); padding:30px; margin-bottom:40px; }\n.formulario-seccion h2, .formulario-seccion p, .formulario-seccion h3 { font-family:\"Poppins\",sans-serif; color:#202F59; }\n.formulario-seccion h3 { margin-top:20px; }\n.formulario-seccion form { display:flex; flex-direction:column; }\n.formulario-seccion label { font-family:\"Poppins\",sans-serif; font-weight:600; margin-bottom:5px; color:#202F59; }\n.formulario-seccion input, .formulario-seccion textarea, .formulario-seccion select { margin-bottom:20px; padding:12px; border-radius:8px; border:1px solid #ccc; font-family:\"Poppins\",sans-serif; font-size:14px; }\n.telefono-input { display:flex; gap:10px; flex-wrap:wrap; }\n.telefono-input select { width:35%; }\n.telefono-input input { flex:1; }\n.passenger-inputs { display:flex; gap:10px; flex-wrap:wrap; }\n.passenger-inputs input { flex:1; min-width:80px; }\n.formulario-seccion button { padding:15px; background:#0C5BD2; color:#fff; border:none; border-radius:8px; font-size:16px; font-weight:700; cursor:pointer; transition:0.3s; }\n.formulario-seccion button:hover { background:#0940a0; }\n\n.addons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0;}\n.addon-card{border:1px solid #e5e7eb;border-radius:14px;padding:15px;text-align:center;}\n.qty-control{display:flex;justify-content:center;align-items:center;gap:15px;}\n.qty-control button{width:38px;height:38px;border-radius:50%;border:1px solid #0C5BD2;background:#fff;color:#0C5BD2;}\n@media(max-width:768px){.addons-grid{grid-template-columns:1fr;}}\n.addon-image{\n width:100%;\n height:180px;\n object-fit:cover;\n border-radius:10px;\n margin-bottom:12px;\n}\n\n.addon-price{\n background:#0C5BD2;\n color:#ffffff;\n display:inline-block;\n padding:10px 20px;\n border-radius:10px;\n font-size:22px;\n font-weight:700;\n margin-bottom:15px;\n box-shadow:0 4px 12px rgba(12,91,210,.25);\n}\n\n.addon-description{\n margin-bottom:15px;\n text-align:left;\n min-height:90px;\n}\n\n.addon-description ul{\n margin:0;\n padding-left:18px;\n}\n\n.addon-description li{\n font-size:14px;\n color:#555;\n line-height:1.5;\n margin-bottom:4px;\n}\n\n<\/style>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n const transferType = document.getElementById(\"transferType\");\n const progressiveFields = document.getElementById(\"progressiveFields\");\n const routeSelect = document.getElementById(\"transferRoute\");\n\n const arrivalBlock = document.getElementById(\"arrivalBlock\");\n const departureBlock = document.getElementById(\"departureBlock\");\n\n const airlineArrival = document.getElementById(\"airlineArrival\");\n const flightArrival = document.getElementById(\"flightArrival\");\n const airlineArrivalOther = document.getElementById(\"airlineArrivalOther\");\n const flightArrivalOther = document.getElementById(\"flightArrivalOther\");\n\n const airlineDeparture = document.getElementById(\"airlineDeparture\");\n const flightDeparture = document.getElementById(\"flightDeparture\");\n const airlineDepartureOther = document.getElementById(\"airlineDepartureOther\");\n const flightDepartureOther = document.getElementById(\"flightDepartureOther\");\n\n const arrivalDate = document.getElementById(\"arrivalDate\");\n const departDate = document.getElementById(\"departDate\");\n\n const form = document.getElementById(\"bookingForm\");\n\n const arrivals = {\n \"Mexicana de Aviaci\u00f3n\":[\"MXA1780\",\"MXA1782\"], \"VivaAerobus\":[\"VB4212\",\"VB7240\",\"VB3206\"], \"Aeromexico\":[\"AM592\",\"AM594\"], \"Volaris\":[\"Y41820\",\"Y41822\"], \"American Airlines\":[\"AA3738\",\"AA3359\"], \"United Airlines\":[\"UA5405\",\"UA6215\"], \"Delta Air Lines\":[\"DL1831\",\"DL1829\"], \"JetBlue Airways\":[\"B61751\",\"B61753\"], \"Other\":[\"Other\"]\n };\n\n const departures = {\n \"Mexicana de Aviaci\u00f3n\":[\"MXA1781\",\"MXA1783\"], \"VivaAerobus\":[\"VB4213\",\"VB7241\",\"VB3207\"], \"Aeromexico\":[\"AM593\",\"AM595\"], \"Volaris\":[\"Y41821\",\"Y41823\"], \"American Airlines\":[\"AA3696\",\"AA3360\"], \"United Airlines\":[\"UA5406\",\"UA6216\"], \"Delta Air Lines\":[\"DL1832\",\"DL1830\"], \"JetBlue Airways\":[\"B61752\",\"B61754\"], \"Other\":[\"Other\"]\n };\n\n \/\/ Mostrar progresivo al seleccionar tipo de servicio\n transferType.addEventListener(\"change\", function() {\n\n progressiveFields.style.display = \"block\";\n\n airlineArrival.innerHTML =\n '<option value=\"\" disabled selected>Select airline<\/option>';\n\n Object.keys(arrivals).forEach(a => {\n airlineArrival.innerHTML += `<option value=\"${a}\">${a}<\/option>`;\n });\n\n airlineDeparture.innerHTML = airlineArrival.innerHTML;\n\n routeSelect.innerHTML = `\n <option value=\"\" disabled selected>Select route<\/option>\n <option value=\"APT\">APT \u2192 HTL<\/option>\n <option value=\"HTL\">HTL \u2192 APT<\/option>\n <option value=\"RT\">Round Trip<\/option>\n `;\n\n arrivalBlock.style.display = \"none\";\n departureBlock.style.display = \"none\";\n\n});\n\n \/\/ Mostrar bloques seg\u00fan ruta\n routeSelect.addEventListener(\"change\", function(){\n arrivalBlock.style.display=\"none\";\n departureBlock.style.display=\"none\";\n if(this.value===\"APT\") arrivalBlock.style.display=\"block\";\n else if(this.value===\"HTL\") departureBlock.style.display=\"block\";\n else if(this.value===\"RT\"){ \n arrivalBlock.style.display=\"block\"; \n departureBlock.style.display=\"block\"; \n }\n });\n\n \/\/ Aerol\u00edneas - llenado de vuelos y Other\n airlineArrival.onchange = () => {\n const val = airlineArrival.value;\n flightArrival.innerHTML = '<option value=\"\" disabled selected>Select flight<\/option>';\n airlineArrivalOther.style.display = \"none\";\n flightArrivalOther.style.display = \"none\";\n if(val===\"Other\"){ airlineArrivalOther.style.display=\"block\"; flightArrivalOther.style.display=\"block\"; } \n else (arrivals[val]||[]).forEach(f=> flightArrival.innerHTML += `<option>${f}<\/option>`);\n };\n airlineDeparture.onchange = () => {\n const val = airlineDeparture.value;\n flightDeparture.innerHTML = '<option value=\"\" disabled selected>Select flight<\/option>';\n airlineDepartureOther.style.display = \"none\";\n flightDepartureOther.style.display = \"none\";\n if(val===\"Other\"){ airlineDepartureOther.style.display=\"block\"; flightDepartureOther.style.display=\"block\"; } \n else (departures[val]||[]).forEach(f=> flightDeparture.innerHTML += `<option>${f}<\/option>`);\n };\n\n \/\/ Validaci\u00f3n de fechas y env\u00edo con fetch a Formspree\n form.addEventListener(\"submit\", function(e){\n e.preventDefault();\n\n if(departDate.value && arrivalDate.value){\n if(new Date(departDate.value) <= new Date(arrivalDate.value)){\n alert(\"Departure must be after arrival\");\n return;\n }\n }\n\n \/\/ Preparar datos para Formspree\n const data = new FormData(form);\n\n fetch(form.action, {\n method: \"POST\",\n body: data,\n headers: { 'Accept': 'application\/json' }\n }).then(response => {\n if(response.ok){\n \/\/ Crear pop-up\n const popup = document.createElement(\"div\");\n popup.style.position = \"fixed\";\n popup.style.top = 0;\n popup.style.left = 0;\n popup.style.width = \"100%\";\n popup.style.height = \"100%\";\n popup.style.background = \"rgba(0,0,0,0.6)\";\n popup.style.display = \"flex\";\n popup.style.alignItems = \"center\";\n popup.style.justifyContent = \"center\";\n popup.style.zIndex = 9999;\n\n const box = document.createElement(\"div\");\n box.style.background = \"#fff\";\n box.style.padding = \"30px\";\n box.style.borderRadius = \"12px\";\n box.style.maxWidth = \"500px\";\n box.style.textAlign = \"center\";\n box.style.position = \"relative\";\n\n const closeBtn = document.createElement(\"span\");\n closeBtn.innerHTML = \"×\";\n closeBtn.style.position = \"absolute\";\n closeBtn.style.top = \"10px\";\n closeBtn.style.right = \"15px\";\n closeBtn.style.fontSize = \"24px\";\n closeBtn.style.cursor = \"pointer\";\n\n const msg = document.createElement(\"p\");\n msg.innerText = \"Request successfully sent! Sunnyside will contact you. Please stay tuned to your contact info. Thank you for choosing us.\";\n msg.style.fontSize = \"16px\";\n msg.style.color = \"#202F59\";\n\n box.appendChild(closeBtn);\n box.appendChild(msg);\n popup.appendChild(box);\n document.body.appendChild(popup);\n\n closeBtn.onclick = () => document.body.removeChild(popup);\n popup.onclick = (event) => { if(event.target===popup) document.body.removeChild(popup); }\n\n form.reset();\n progressiveFields.style.display=\"none\";\n arrivalBlock.style.display=\"none\";\n departureBlock.style.display=\"none\";\n } else {\n alert(\"There was a problem sending the form. Please try again.\");\n }\n }).catch(() => {\n alert(\"There was a problem sending the form. Please try again.\");\n });\n });\n});\n\nfunction updateQty(fieldId,change){\n const input=document.getElementById(fieldId);\n let value=parseInt(input.value)||0;\n value+=change;\n if(value<0)value=0;\n input.value=value;\n document.getElementById(fieldId+'Display').textContent=value;\n}\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sunnyside Hero Your JourneyStarts Here In Tulum& Riviera Maya Book reliable airport transfers with professional drivers, comfortable vehicles, and on-time service. Start your trip with a smooth, safe, and stress-free ride. Private Luxury PrivateLuxury Private Transfer Exclusive Vehicle For Your Group Only Direct Route With No Stops Flexible Schedule For Your Itinerary \ud83d\udc65 Up to […]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[1],"tags":[],"class_list":["post-12447","post","type-post","status-publish","format-standard","hentry","category-sin-categorizar"],"acf":[],"_links":{"self":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/posts\/12447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/comments?post=12447"}],"version-history":[{"count":106,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/posts\/12447\/revisions"}],"predecessor-version":[{"id":14032,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/posts\/12447\/revisions\/14032"}],"wp:attachment":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/media?parent=12447"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/categories?post=12447"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/tags?post=12447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}