  <div class="container booking-form-responsive">

    <!-- Stepper -->
    <ol class="stepper">
      <li class="step active" data-step="1"><span class="step-label">Fecha</span></li>
      <li class="step" data-step="2"><span class="step-label">Habitaciones</span></li>
      <li class="step" data-step="3"><span class="step-label">Edades</span></li>
      <li class="step" data-step="4"><span class="step-label">Personalizar</span></li>
      <li class="step" data-step="5"><span class="step-label">Extras</span></li>
      <li class="step" data-step="6"><span class="step-label">Precio</span></li>
    </ol>

    <!-- Form -->
    <form id="cotizadorForm" data-tour-id="0">

      <!-- Paso 1: Fechas -->
      <div class="panel section active" data-section="1">
        <div class="panel-heading">
          <h2 class="panel-title">1. Selección de fecha de salida</h2>
        </div>
        <div class="panel-body">
          <div class="row">
            <div class="col-md-8 col-12">
              <div class="form-group">
                <label for="fecha_salida">Fecha de salida:</label>
                <select id="fecha_salida" required>
                  <option value="">Cargando fechas...</option>
                  
        <option value="2025-10-08">Miércoles, 08 Octubre 2025 (Alta - 20 plazas)</option>
        <option value="2025-10-15">Miércoles, 15 Octubre 2025 (Alta - 20 plazas)</option>
        <option value="2025-10-22">Miércoles, 22 Octubre 2025 (Alta - 22 plazas)</option>
                    </select>
              </div>
            </div>
            <div class="col-md-4 col-12">
              <p>Seleccione una fecha disponible. La disponibilidad es orientativa.</p>
            </div>
          </div>
          <div class="panel-footer text-right">
            <button type="button" class="btn btn-primary next-step">Siguiente</button>
          </div>
        </div>
      </div>

      <!-- Paso 2: Habitaciones -->
      <div class="panel section" data-section="2">
        <div class="panel-heading">
          <h2 class="panel-title">2. Selección de habitaciones</h2>
        </div>
        <div class="panel-body">
          <div class="row">
            <div class="col-md-8">
              <div class="form-group">
                <label for="num_sg">Single:</label>
                <select id="num_sg" class="num_habit">
                  <option value="0">0 habs</option>
                  <option value="1">1 hab</option>
                  <option value="2">2 habs</option>
                </select>
              </div>
              <div class="form-group">
                <label for="num_db">Doble:</label>
                <select id="num_db" class="num_habit">
                  <option value="0">0 habs</option>
                  <option value="1">1 hab</option>
                  <option value="2">2 habs</option>
                </select>
              </div>
              <div class="form-group">
                <label for="num_tr">Triple:</label>
                <select id="num_tr" class="num_habit">
                  <option value="0">0 habs</option>
                  <option value="1">1 hab</option>
                </select>
              </div>
            </div>
            <div class="col-md-4">
              <p>Indique el número de habitaciones que desea.</p>
            </div>
          </div>
          <div class="panel-footer text-right">
            <button type="button" class="btn btn-secondary prev-step">Anterior</button>
            <button type="button" class="btn btn-primary next-step">Siguiente</button>
          </div>
        </div>
      </div>

      <!-- Paso 3: Edades -->
      <div class="panel section" data-section="3">
        <div class="panel-heading">
          <h2 class="panel-title">3. Indique las edades de los pasajeros</h2>
        </div>
        <div class="panel-body">
          <div class="row">
            <div class="col-md-8 col-12" id="edades_container">
              <!-- Dinámico -->
            </div>
            <div class="col-md-4 col-12">
              <p>Rellene la edad de cada pasajero. Puede indicar si desean comidas o son miembros del PasajeroClub.</p>
            </div>
          </div>
          <div class="panel-footer text-right">
            <button type="button" class="btn btn-secondary prev-step">Anterior</button>
            <button type="button" class="btn btn-primary next-step">Siguiente</button>
          </div>
        </div>
      </div>

      <!-- Paso 4: Personalización -->
      <div class="panel section" data-section="4">
        <div class="panel-heading">
          <h2 class="panel-title">4. Opción de personalizar su viaje</h2>
        </div>
        <div class="panel-body">
          <div class="row">
            <div class="col-md-8 col-12">
              <div class="form-group">
                <label>Opción:</label>
                <div>
                  <label><input type="radio" name="flexibilidad" value="catalogo" checked> CATÁLOGO</label>
                  <label><input type="radio" name="flexibilidad" value="flexible"> FLEXIBLE</label>
                </div>
              </div>
            </div>
            <div class="col-md-4 col-12">
              <p>Puede seleccionar solo el tramo que más le interese.</p>
            </div>
          </div>
          <div class="panel-footer text-right">
            <button type="button" class="btn btn-secondary prev-step">Anterior</button>
            <button type="button" class="btn btn-primary next-step">Siguiente</button>
          </div>
        </div>
      </div>

      <!-- Paso 5: Extras -->
      <div class="panel section" data-section="5">
        <div class="panel-heading">
          <h2 class="panel-title">5. Complete su viaje</h2>
        </div>
        <div class="panel-body">
          <div class="row">
            <div class="col-md-8 col-12">
              <div class="form-group">
                <label for="noches_ini">Noches adicionales al inicio:</label>
                <select id="noches_ini">
                  <option value="0">No</option>
                  <option value="1">1 noche</option>
                  <option value="2">2 noches</option>
                </select>
              </div>
              <div class="form-group">
                <label for="traslado_llegada">Traslado de llegada:</label>
                <select id="traslado_llegada">
                  <option value="0">No</option>
                  <option value="GMP">Gimpo - 0€</option>
                  <option value="ICN">Incheon - 0€</option>
                </select>
              </div>
              <div class="form-group">
                <label for="noches_fin">Noches adicionales al final:</label>
                <select id="noches_fin">
                  <option value="0">No</option>
                  <option value="1">1 noche</option>
                  <option value="2">2 noches</option>
                </select>
              </div>
            </div>
            <div class="col-md-4 col-12">
              <p>Añada noches o traslados según necesite.</p>
            </div>
          </div>
          <div class="panel-footer text-right">
            <button type="button" class="btn btn-secondary prev-step">Anterior</button>
            <button type="button" class="btn btn-primary next-step">Siguiente</button>
          </div>
        </div>
      </div>

      <!-- Paso 6: Precio -->
      <div class="panel section" data-section="6">
        <div class="panel-heading">
          <h2 class="panel-title">6. Cotización de su viaje</h2>
        </div>
        <div class="panel-body">
          <div class="row">
            <div class="col-md-8 col-12">
              <button type="button" id="btn_calcula" class="btn btn-lg btn-primary btn-block">
                <i class="fas fa-calculator"></i> Calcular Precio
              </button>
            </div>
            <div class="col-md-4 col-12">
              <p>Le enviaremos un identificador de presupuesto a su correo.</p>
            </div>
          </div>

          <div class="checkbox">
            <label>
              <input type="checkbox" id="pide_prereserva"> Deseo un identificador y acepto la <a href="#">política de privacidad</a>
            </label>
          </div>

          <div id="blk_prereserva">
            <div class="form-group">
              <label>Email:</label>
              <input type="email" id="email" placeholder="su@email.com">
            </div>
            <div class="form-group">
              <label><input type="radio" name="tipo_cliente" value="P"> Particular</label>
              <label><input type="radio" name="tipo_cliente" value="A"> Agencia</label>
            </div>
            <button type="button" id="btn_prereserva" class="btn btn-primary">
              <i class="fas fa-tag"></i> Solicitar Presupuesto
            </button>
          </div>

          <div id="Precio_total">
            <ul class="nav-tabs">
              <li class="active"><a href="#summary">Resumen</a></li>
              <li><a href="#detailed">Detallado</a></li>
            </ul>
            <div class="tab-content">
              <div id="summary" class="active">
                <p>Precio total: <strong id="precio_resumen">—</strong></p>
              </div>
              <div id="detailed">
                <p>Desglose detallado del precio...</p>
              </div>
            </div>
          </div>
        </div>
      </div>

    </form>
  </div>
{"id":14062,"date":"2025-09-16T12:26:55","date_gmt":"2025-09-16T12:26:55","guid":{"rendered":"https:\/\/www.tourofertas.com\/?page_id=14062"},"modified":"2025-09-24T18:56:20","modified_gmt":"2025-09-24T18:56:20","slug":"reservas","status":"publish","type":"page","link":"https:\/\/www.tourofertas.com\/en\/reservas\/","title":{"rendered":"Reservas"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14062","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Reservas - TourOfertas<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.tourofertas.com\/en\/reservas\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Reservas - TourOfertas\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tourofertas.com\/en\/reservas\/\" \/>\n<meta property=\"og:site_name\" content=\"TourOfertas\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-24T18:56:20+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.tourofertas.com\/reservas\/\",\"url\":\"https:\/\/www.tourofertas.com\/reservas\/\",\"name\":\"Reservas - TourOfertas\",\"isPartOf\":{\"@id\":\"https:\/\/www.tourofertas.com\/#website\"},\"datePublished\":\"2025-09-16T12:26:55+00:00\",\"dateModified\":\"2025-09-24T18:56:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.tourofertas.com\/reservas\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.tourofertas.com\/reservas\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.tourofertas.com\/reservas\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.tourofertas.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reservas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.tourofertas.com\/#website\",\"url\":\"https:\/\/www.tourofertas.com\/\",\"name\":\"TourOfertas\",\"description\":\"Circuitos por Europa\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.tourofertas.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Reservas - TourOfertas","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.tourofertas.com\/en\/reservas\/","og_locale":"en_US","og_type":"article","og_title":"Reservas - TourOfertas","og_url":"https:\/\/www.tourofertas.com\/en\/reservas\/","og_site_name":"TourOfertas","article_modified_time":"2025-09-24T18:56:20+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.tourofertas.com\/reservas\/","url":"https:\/\/www.tourofertas.com\/reservas\/","name":"Reservas - TourOfertas","isPartOf":{"@id":"https:\/\/www.tourofertas.com\/#website"},"datePublished":"2025-09-16T12:26:55+00:00","dateModified":"2025-09-24T18:56:20+00:00","breadcrumb":{"@id":"https:\/\/www.tourofertas.com\/reservas\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tourofertas.com\/reservas\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.tourofertas.com\/reservas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.tourofertas.com\/"},{"@type":"ListItem","position":2,"name":"Reservas"}]},{"@type":"WebSite","@id":"https:\/\/www.tourofertas.com\/#website","url":"https:\/\/www.tourofertas.com\/","name":"TourOfertas","description":"Circuitos por Europa","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tourofertas.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.tourofertas.com\/en\/wp-json\/wp\/v2\/pages\/14062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tourofertas.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tourofertas.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tourofertas.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tourofertas.com\/en\/wp-json\/wp\/v2\/comments?post=14062"}],"version-history":[{"count":3,"href":"https:\/\/www.tourofertas.com\/en\/wp-json\/wp\/v2\/pages\/14062\/revisions"}],"predecessor-version":[{"id":14112,"href":"https:\/\/www.tourofertas.com\/en\/wp-json\/wp\/v2\/pages\/14062\/revisions\/14112"}],"wp:attachment":[{"href":"https:\/\/www.tourofertas.com\/en\/wp-json\/wp\/v2\/media?parent=14062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}