<input type="hidden" id="internalStartDate" value="2026-05-08"/> <input type="hidden" id="internalEndDate" value="2026-05-09"/> <input type="hidden" id="internalNumRooms" value="1" /> <input type="hidden" id="internalNumNights" value="1" /> <input type="hidden" id="internalPromocode" value=""/> <input type="hidden" id="internalNum1AdultsRooms" value="2" /> <input type="hidden" id="internalNum1KidsRooms" value="0" /> <div class="clearfix"> <div class="booking-box booking-box--search"> <div class="booking-search-results booking-box__content"> <div class="booking-search-results__search-data"> <b class="booking-title-info">Número de noches: </b><span>1</span><br/> <b class="booking-title-info">Fecha de Entrada: </b><span class="notranslate"><span class="day_number"> 8</span><span class="month_name"> Mayo</span><span class="year_number"> 2026</span>,<span class="day_name"> Viernes</span></span><br/> <b class="booking-title-info">Fecha de salida: </b><span class="notranslate"><span class="day_number"> 9</span><span class="month_name"> Mayo</span><span class="year_number"> 2026</span>,<span class="day_name"> Sábado</span></span><br/> </div> <div class="booking-search-results__rooms-list"> <b class="booking-title-info"> Habitaciones: </b>1<br/> <div class="search-item"> Habitación 1: 2 Adultos , 0 Niños </br> </div> </div> <div class="booking-search-results__new-search"> <button type="submit" class="booking-button booking-button--action" id="modify-button">Modificar búsqueda</button> </div> <!-- TODO: remove inline styles --> <div class="booking-widget"> <div style="float:left"> <h1 class="booking-widget__title">Modificar búsqueda</h1> </div> <div style="float:right"><a class="booking-widget__close-button">X</a></div> <div id="motor_reserva"> <!-- booking engine 2 --> <form action="https://cotillo-dot-secure-hotel-booking.appspot.com/booking1" name="searchForm" id="searchForm" method="post" class="paraty-booking-form motor2"> <input type="hidden" id="language" name="language" value="SPANISH" /> <input type="hidden" id="agesKid1" name="agesKid1" value="" /> <input type="hidden" id="agesKid2" name="agesKid2" value="" /> <input type="hidden" id="agesKid3" name="agesKid3" value="" /> <input id="roomType" type="hidden" name="roomType" value=""> <input class="roomTypeValue" type="hidden" name="roomTypeValue" value=""> <input id="roomFilter" type="hidden" name="roomFilter" value=""> <input id="roomFilterName" type="hidden" name="roomFilterName" value=""> <input type="hidden" id="roomtype_list_json" name="roomtype_list_json" value=""> <input id="boardFilter" type="hidden" name="boardFilter" value=""> <input id="keyBooking0Source" type="hidden" name="keyBooking0Source" value=""> <input type="hidden" value="" name="priceSeekerHotel" id="priceSeekerHotel"/> <!-- EXTRA PARAMS --> <!-- END EXTRA PARAMS --> <input type="hidden" id="gclid" name="gclid" value="" /> <input type="hidden" id="using_booking_0" name="using_booking_0" value="" /> <input type="hidden" id="namespace" name="namespace" value="cotillo" /> <div id="booking_engine_title"> <h4 id="booking_title1">Reservas</h4> <h4 id="booking_title2">Reserva ahora</h4> <h3 id="best_price">MEJOR PRECIO ONLINE</h3> </div> <div id="contenedor_hotel"> </div> <fieldset id="contenedor_fechas"> <legend class="sr-only">Fechas</legend> <div id="fecha_entrada" class="colocar_fechas fecha_entrada"> <label id="titulo_fecha_entrada" class="float_fecha" for="datepicker1">Fecha de Entrada</label> <input type="text" class="float_fecha classdatepicker1" name="startDate" id="datepicker1" tabindex="4" readonly="readonly" autocomplete="off"/> </div> <div id="fecha_salida" class="colocar_fechas fecha_salida"> <label id="titulo_fecha_salida" class="float_fecha" for="datepicker2">Fecha de salida</label> <input type="text" class="float_fecha classdatepicker2" name="endDate" id="datepicker2" tabindex="5" readonly="readonly" autocomplete="off"/> </div> <div id="contador_noches" class="colocar_fechas"> <p class="float_fecha">Número de noches: X</p> </div> </fieldset> <fieldset id="contenedor_habitaciones" > <legend class="sr-only">Habitaciones</legend> <label for="selector_habitaciones"> Habitaciones </label> <select id="selector_habitaciones" name="numRooms" onchange="mostrarHabitaciones(this.value);" tabindex="6"> <option value="1" selected="selected">1</option> <option value="2" >2</option> <option value="3" >3</option> </select> </fieldset> <fieldset id="contenedor_opciones" > <legend class="sr-only">Ocupación</legend> <div id="hab1"> <label class="numero_habitacion"> Habitación 1</label> <div class="adultos numero_personas"> <label class="selector_adultos" id="titulo_adultos">Adultos</label> <select class="selector_adultos" id="hab1_adultos" name="adultsRoom1" tabindex="7"> <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> </select> </div> <div class="ninos numero_personas " title="Bebés gratis"> <label for="childrenRoom1" id="titulo_ninos" class="selector_ninos">Niños</label> <select id="hab1_ninos" class="selector_ninos" name="childrenRoom1" onchange="" tabindex="8"> <option value="0" selected="selected" > 0 </option> <option value="1" > 1 </option> <option value="2" > 2 </option> <option value="3" > 3 </option> <option value="4" > 4 </option> </select> <label id="info_ninos" class="selector_ninos"> (De 2 a 12 años) </label> </div> </div> <div id="hab2"> <label class="numero_habitacion">Habitación 2</label> <div class="adultos numero_personas"> <select class="selector_adultos" id="hab2_adultos" name="adultsRoom2" tabindex="10"> <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> </select> </div> <div class="ninos numero_personas " title="Bebés gratis"> <select id="hab2_ninos" class="selector_ninos" name="childrenRoom2" onchange="" tabindex="11"> <option value="0" selected="selected" > 0 </option> <option value="1" > 1 </option> <option value="2" > 2 </option> <option value="3" > 3 </option> <option value="4" > 4 </option> </select> </div> </div> <div id="hab3"> <label class="numero_habitacion">Habitación 3</label> <div class="adultos numero_personas"> <select class="selector_adultos" id="hab3_adultos" name="adultsRoom3" tabindex="13"> <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> </select> </div> <div class="ninos numero_personas " title="Bebés gratis"> <select id="hab3_ninos" class="selector_ninos" name="childrenRoom3" onchange="" tabindex="14"> <option value="0" selected="selected" > 0 </option> <option value="1" > 1 </option> <option value="2" > 2 </option> <option value="3" > 3 </option> <option value="4" > 4 </option> </select> </div> </div> </fieldset> <fieldset id="envio"> <legend class="sr-only">Reservar</legend> <input type="text" id="promocode" class="colocar_envio promocode_input_class" name="promocode" aria-label="Código promocional" placeholder="Código promocional" value="" tabindex="16"> <button type="submit" onclick="$(this).addClass('clicked_button');return bookingSearch() " id="search-button" class="colocar_envio buttonsearch-ratecheck" tabindex="17">Reservar</button> <div id="envio_spinner"></div> </fieldset> </form> </div> <!-- Javascript at the bottom to increase speed --> <script src="https://cdn.paraty.es/static_files/secure-hotel-booking/generic/202604301606/js/datepicker/jquery.ui.datepicker-es.js?v=1.3" type="text/javascript"></script> <script type="text/javascript" src="https://cdn.paraty.es/static_files/secure-hotel-booking/generic/202604301606/lib/spin.min.js" crossorigin="anonymous" integrity="sha512-V8YgI4rsECe0shqE5P2p/ecolN3asrnTMTChlJ1pwxjrtc2nxJyYDP3k55/9Yxp+qsTDUMrUoAd7q62sC998Gw=="></script> <!-- Javascript at the bottom to increase speed --> <script type="text/javascript"> var datePicker1Selector = ".classdatepicker1"; var datePicker2Selector = ".classdatepicker2"; $("#hotel_destino").change(function() { var action = $(this).val(); $("#searchForm").attr("action", action); var newNamespace = namespaces[action]; $("#namespace").val(newNamespace); }); $(function(){ $.datepicker.setDefaults($.datepicker.regional["es"]); }); var checkDates = function() { var date1_str = $(datePicker1Selector).val(); var date2_str = $(datePicker2Selector).val(); if (date1_str == "" || date2_str == ""){ return false; } else { return true; } } $(document).ready(function () { if ($('#internalStartDate').length != 0) { var startDate = $('#internalStartDate').val(); var startYear = startDate.substring(0,4); var startMonth = startDate.substring(5,7); var startDay = startDate.substring(8,10); var startParse = startDay + "/" + startMonth + "/" + startYear; var endDate = $('#internalEndDate').val(); var endYear = endDate.substring(0,4); var endMonth = endDate.substring(5,7); var endDay = endDate.substring(8,10); var endParse = endDay + "/" + endMonth + "/" + endYear; } else { var startParse = ""; var endParse = ""; } $(datePicker1Selector).val(startParse); $(datePicker2Selector).val(endParse); if ($(".internalUrlParamsTransfer").length){ let target_value = $(".internalUrlParamsTransfer").val(); if (!$(".transfer_to_booking").length) { $(".paraty-booking-form").each(function(){ $(this).append($("<input type='hidden' class='transfer_to_booking' name='transfer_url_params' value='" + target_value + "'>")); }) } else { $(".transfer_to_booking").val(target_value) } } if ($('#internalNumRooms').length != 0){ $("#selector_habitaciones").val($("#internalNumRooms").val()); $("#selector_habitaciones").change(); var internalNum1AdultsRooms = 2; var internalNum2AdultsRooms = 2; var internalNum3AdultsRooms = 2; var internalNum1BabiesRooms = 0; var internalNum2BabiesRooms = 0; var internalNum3BabiesRooms = 0; if ($('#internalNum1AdultsRooms').length != 0) internalNum1AdultsRooms = $("#internalNum1AdultsRooms").val() if ($('#internalNum2AdultsRooms').length != 0) internalNum2AdultsRooms = $("#internalNum2AdultsRooms").val() if ($('#internalNum3AdultsRooms').length != 0) internalNum3AdultsRooms = $("#internalNum3AdultsRooms").val() if ($('#internalNum1BabiesRooms').length != 0) internalNum1BabiesRooms = $("#internalNum1BabiesRooms").val() if ($('#internalNum2BabiesRooms').length != 0) internalNum2BabiesRooms = $("#internalNum2BabiesRooms").val() if ($('#internalNum3BabiesRooms').length != 0) internalNum3BabiesRooms = $("#internalNum3BabiesRooms").val() $("#hab1_adultos").val(internalNum1AdultsRooms); $("#hab2_adultos").val(internalNum2AdultsRooms); $("#hab3_adultos").val(internalNum3AdultsRooms); $("#hab1_ninos").val($("#internalNum1KidsRooms").val()); $("#hab2_ninos").val($("#internalNum2KidsRooms").val()); $("#hab3_ninos").val($("#internalNum3KidsRooms").val()); $("#hab1_bebes").val(internalNum1BabiesRooms); $("#hab2_bebes").val(internalNum2BabiesRooms); $("#hab3_bebes").val(internalNum3BabiesRooms); } if ($("#internalPromocode") && $("#internalPromocode").val()){ $("#promocode").val($("#internalPromocode").val()); } if (typeof(DP_extend_info) === 'undefined' || !DP_extend_info.config.initialized || DP_extend_info.config.start_datepicker_input !== datePicker1Selector) { $(datePicker1Selector).datepicker({ minDate: new Date(), altFormat: "dd/mm/yy", dateFormat: "dd/mm/yy", onClose: function (selectedDate, inst) { if (selectedDate) { var theDate = $.datepicker.parseDate("dd/mm/yy", selectedDate); var theSelectedDate = $.datepicker.parseDate("dd/mm/yy", selectedDate); theSelectedDate.setDate(theSelectedDate.getDate()); $(datePicker1Selector).datepicker('setDate', theSelectedDate); if (typeof(min_stay_number) != 'undefined'){ theDate.setDate(theDate.getDate() + min_stay_number); } else { theDate.setDate(theDate.getDate() + 1); } $(datePicker2Selector).datepicker("option", "minDate", theDate); $(datePicker2Selector).datepicker('setDate', theDate); $(this).closest("#contenedor_fechas").find(datePicker2Selector).datepicker("show"); } } }); $(datePicker2Selector).datepicker({ minDate: minDateDeparture(), altFormat: "dd/mm/yy", dateFormat: "dd/mm/yy" }); $(datePicker1Selector).change(function () { var date2 = $(this).datepicker('getDate', '+3d'); $(datePicker1Selector).datepicker('setDate', date2); date2.setDate(date2.getDate() + 1); $(datePicker2Selector).datepicker('setDate', date2); checkDates(); }); $(datePicker2Selector).change(function () { var date2 = $(this).datepicker('getDate', '+3d'); $(datePicker2Selector).datepicker('setDate', date2); checkDates(); }); $(datePicker1Selector).removeAttr('disabled'); $(datePicker2Selector).removeAttr('disabled'); } }); function minDateDeparture(){ if ($(datePicker1Selector).val()){ var theDate = $.datepicker.parseDate("dd/mm/yy", $(datePicker1Selector).val()); theDate.setDate(theDate.getDate() + 1 ); } else{ var theDate = new Date(); } return theDate; } function mostrarHabitaciones(selector_habitaciones) { for ( var i = 3; i > selector_habitaciones; i--) { //$('#hab' + i).hide(); $('[id="hab'+ i + '"]').each(function() { $(this).hide(); }); //$('#childrenRoom' + (i + 1)).val("0"); $('[id="childrenRoom'+ (i + 1) + '"]').each(function() { $(this).val("0"); }); } for ( var i = selector_habitaciones; i > 0; i--) { //$('#hab' + i).show(); $('[id="hab'+ i + '"]').each(function() { $(this).show(); }); } } function bookingSearch(){ if (!checkDates()){ return false; } var destination_input = $("form.paraty-booking-form.motor2").find(".destination"); if(destination_input.length && destination_input.val() == ''){ $("form.paraty-booking-form .destination_field, form.paraty-booking-form.motor2 .destination_wrapper").show(); return false; } try { ga(function (tracker) { client_id = tracker.get('clientId'); }); $('<input>').attr({ type: 'hidden', id: '_ga', name: '_ga', value: client_id }).appendTo($("#search-button").closest('form')); } catch (err) { console.log("Google Analytics defined incorrectly (May use a old version)"); } var opts = { lines: 13, // The number of lines to draw length: 4, // The length of each line width: 3, // The line thickness radius: 10, // The radius of the inner circle rotate: 0, // The rotation offset color: '#e1e1e1', // #rgb or #rrggbb speed: 1.5, // Rounds per second trail: 60, // Afterglow percentage shadow: false, // Whether to render a shadow hwaccel: false, // Whether to use hardware acceleration className: 'spinner', // The CSS class to assign to the spinner zIndex: 2e9, // The z-index (defaults to 2000000000) top: 'auto', // Top position relative to parent in px left: 'auto' // Left position relative to parent in px }; var target = document.getElementById('envio_spinner'); if( $('#booking-search-popup').length ) { show_booking_search_popup($('#searchForm')); return false; } else { $("#search-button").hide(); var spinner = new Spinner(opts).spin(target); $('#searchForm').submit(); } }; </script> <script> adult_tag = "Adulto"; adults_tag = "Adultos"; kid_tag = "Niño"; kids_tag = "Niños"; baby_tag = "Bebé"; babies_tag = "Bebés"; no_dispo_text = "No disponible"; </script> <script async> ($ => { if (typeof only_once_rescueseeker == "undefined") { only_once_rescueseeker = 1; $.getScript("https://rescueseeker-default-697653561069.europe-west1.run.app/static/rescue-seeker/common/js/rescue-seeker-widget.js?v=2") .done(function (script, textStatus) { console.log("RESCUE SEEKER: Main rescue seeker script loaded!"); RescueSeeker.load('cotillo', 'es', 'paraty'); }) .fail(function (jqxhr, settings, exception) { console.error("RESCUE SEEKER: Main rescue seeker script NOT loaded!"); console.error(exception); }); } })(jQuery); </script> </div> <input type="hidden" name="truncate_prices" id="truncate_prices" value=""> </div> </div> </div>