Reserva tu experiencia | Madrid Horse Tours<\/title>  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>  <link href=\u00bbhttps:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Inter:wght@300;400;500;600;700&display=swap\u00bb rel=\u00bbstylesheet\u00bb \/>  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/> <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/> <link href=\u00bbhttps:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Inter:wght@400;500;600&display=swap\u00bb rel=\u00bbstylesheet\u00bb \/> <\/p>\n<style> .mht-top-banner { --banner-bg: #f5ede2; --banner-border: #dcc7ab; --banner-text: #3f2f1f; --banner-accent: #c8a15a; --banner-shadow: 0 10px 24px rgba(50, 32, 16, 0.1); position: relative; display: flex; align-items: center; gap: 20px; width: 100%; padding: 20px 20px 20px 30px; margin: 0 0 0 0; background: linear-gradient(180deg, #f8f1e8 0%, var(--banner-bg) 100%); border: 1px solid var(--banner-border); box-shadow: var(--banner-shadow); color: var(--banner-text); overflow: hidden; } .mht-top-banner::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; background: radial-gradient( circle at top left, rgba(255, 255, 255, 0.45), transparent 42% ), radial-gradient( circle at bottom right, rgba(200, 161, 90, 0.1), transparent 38% ); } .mht-top-banner__icon { position: relative; z-index: 1; flex: 0 0 42px; width: 42px; height: 42px; color: var(--banner-accent); } .mht-top-banner__content { position: relative; z-index: 1; min-width: 0; flex: 1 1 auto; } .mht-top-banner__title { margin: 0 0 7px 0; font-family: \"Inter\", sans-serif; font-size: 15px; line-height: 1.15; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: #2f2115; } .mht-top-banner__text { margin: 0; font-family: \"Cormorant Garamond\", serif; font-size: 25px; line-height: 1.04; font-weight: 600; color: var(--banner-text); } .mht-top-banner__text strong { font-weight: 700; color: #2d1f14; } .mht-top-banner__close { position: relative; z-index: 1; flex: 0 0 auto; width: 40px; height: 40px; margin-left: 4px; padding: 0; border: 0; border-radius: 999px; background: transparent; color: #8b7760; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease; } .mht-top-banner__close:hover { background: rgba(139, 119, 96, 0.1); color: #5f4c39; transform: scale(1.05); } .mht-top-banner__close:focus { outline: none; } .mht-top-banner__close:focus-visible { box-shadow: 0 0 0 3px rgba(200, 161, 90, 0.3); } .mht-top-banner__close svg { width: 22px; height: 22px; stroke: currentColor; } .mht-top-banner.is-hidden { display: none !important; } @media (max-width: 767px) { .mht-top-banner { gap: 8px; padding: 20px 0px 20px 10px; margin-bottom: 0px; align-items: center; } .mht-top-banner__icon { flex-basis: 34px; width: 34px; height: 34px; } .mht-top-banner__title { font-size: 12px; margin-bottom: 8px; letter-spacing: 0.05em; } .mht-top-banner__text { font-size: 17px; line-height: 1.12; } .mht-top-banner__close { width: 34px; height: 34px; margin-left: 0; } .mht-top-banner__close svg { width: 20px; height: 20px; } } <\/style>\n<p>   <script> tailwind.config = { theme: { extend: { colors: { gold: \"#B08A4A\", dark: \"#0F1115\", card: \"#F6F3EF\", forest: \"#0F2A1E\", cream: \"#F5F1EC\", }, fontFamily: { title: [\"Cormorant Garamond\", \"serif\"], serif: [\"Cormorant Garamond\", \"serif\"], body: [\"Inter\", \"sans-serif\"], sans: [\"Inter\", \"sans-serif\"], }, }, }, }; <\/script>  <script> document.addEventListener(\"alpine:init\", () => { Alpine.data(\"mhtApp\", () => ({ step: \"catalog\", sending: false, showAuthError: false, showEmailToast: false, \/\/ Variable reactiva para controlar la ruta seleccionada en el \"Ver m\u00e1s\" modalRoute: null, \/\/ URL unificada de Google Apps Script actualizada al 100% con tu nueva implementaci\u00f3n estable googleScriptUrl: \"https:\/\/script.google.com\/macros\/s\/AKfycbwhXQPZgfobGwT35o3WJyaxWa1x4Lh8wqyj8WxmnGpTOxY6XDTW3iGaH3Jnn_iZtnkWlw\/exec\", rutasCortas: [], rutasLargas: [], selectedRoute: null, metodo: \"visa\", factura: false, selectedCountryIso: \"ES\", paisesCodigos: [ { iso: \"ES\", code: \"+34\", name: \"Espa\u00f1a\" }, { iso: \"AE\", code: \"+971\", name: \"Emiratos \u00c1rabes Unidos\" }, { iso: \"AR\", code: \"+54\", name: \"Argentina\" }, { iso: \"AT\", code: \"+43\", name: \"Austria\" }, { iso: \"AU\", code: \"+61\", name: \"Australia\" }, { iso: \"BE\", code: \"+32\", name: \"B\u00e9lgica\" }, { iso: \"BR\", code: \"+55\", name: \"Brasil\" }, { iso: \"CA\", code: \"+1\", name: \"Canad\u00e1\" }, { iso: \"CH\", code: \"+41\", name: \"Suiza\" }, { iso: \"CL\", code: \"+56\", name: \"Chile\" }, { iso: \"CN\", code: \"+86\", name: \"China\" }, { iso: \"CO\", code: \"+57\", name: \"Colombia\" }, { iso: \"CR\", code: \"+506\", name: \"Costa Rica\" }, { iso: \"DE\", code: \"+49\", name: \"Alemania\" }, { iso: \"DK\", code: \"+45\", name: \"Dinamarca\" }, { iso: \"DO\", code: \"+1\", name: \"Rep\u00fablica Dominicana\" }, { iso: \"EC\", code: \"+593\", name: \"Ecuador\" }, { iso: \"FI\", code: \"+358\", name: \"Finlandia\" }, { iso: \"FR\", code: \"+33\", name: \"Francia\" }, { iso: \"GB\", code: \"+44\", name: \"Reino Unido\" }, { iso: \"GR\", code: \"+30\", name: \"Grecia\" }, { iso: \"IE\", code: \"+353\", name: \"Irlanda\" }, { iso: \"IN\", code: \"+91\", name: \"India\" }, { iso: \"IT\", code: \"+39\", name: \"Italia\" }, { iso: \"JP\", code: \"+81\", name: \"Jap\u00f3n\" }, { iso: \"KR\", code: \"+82\", name: \"Corea del Sur\" }, { iso: \"MA\", code: \"+212\", name: \"Marruecos\" }, { iso: \"MX\", code: \"+52\", name: \"M\u00e9xico\" }, { iso: \"NL\", code: \"+31\", name: \"Pa\u00edses Bajos\" }, { iso: \"NO\", code: \"+47\", name: \"Noruega\" }, { iso: \"NZ\", code: \"+64\", name: \"Nueva Zelanda\" }, { iso: \"PA\", code: \"+507\", name: \"Panam\u00e1\" }, { iso: \"PE\", code: \"+51\", name: \"Per\u00fa\" }, { iso: \"PL\", code: \"+48\", name: \"Polonia\" }, { iso: \"PT\", code: \"+351\", name: \"Portugal\" }, { iso: \"RU\", code: \"+7\", name: \"Rusia\" }, { iso: \"SA\", code: \"+966\", name: \"Arabia Saudita\" }, { iso: \"SE\", code: \"+46\", name: \"Suecia\" }, { iso: \"SG\", code: \"+65\", name: \"Singapur\" }, { iso: \"TR\", code: \"+90\", name: \"Turqu\u00eda\" }, { iso: \"US\", code: \"+1\", name: \"Estados Unidos\" }, { iso: \"UY\", code: \"+598\", name: \"Uruguay\" }, { iso: \"VE\", code: \"+58\", name: \"Venezuela\" }, { iso: \"ZA\", code: \"+27\", name: \"Sud\u00e1frica\" }, ], form: { localizador: \"MHT-2505-0187\", ruta: \"\", fecha_experiencia: \"\", nombre: \"\", email: \"\", prefijo: \"+34\", telefono_num: \"\", telefono: \"\", pais: \"Espa\u00f1a\", jinetes: 1, nivel: \"Intermedio\", casco_propio: true, talla_casco: \"57 cm\", anos_montando: \"5-10 a\u00f1os\", campo_abierto: \"S\u00ed habitualmente\", gastronomia: \"Sin restricciones\", comentarios: \"\", precio_total: 0, authDatos: false, authImagenes: false, authCondiciones: false, }, init() { \/\/ Sincronizar par\u00e1metros de \u00e9xito de Stripe si existen en la URL de retorno const urlParams = new URLSearchParams(window.location.search); if (urlParams.get(\"pago\") === \"exitoso\") { this.step = \"confirmacion\"; this.form.localizador = urlParams.get(\"localizador\") || \"MHT-2505-0187\"; this.form.ruta = urlParams.get(\"ruta\") || \"\"; this.form.fecha_experiencia = urlParams.get(\"fecha\") || \"\"; this.form.nombre = urlParams.get(\"nombre\") || \"\"; this.form.email = urlParams.get(\"email\") || \"\"; this.form.telefono = urlParams.get(\"telefono\") || \"\"; this.form.jinetes = parseInt(urlParams.get(\"jinetes\") || \"1\"); this.form.nivel = urlParams.get(\"nivel\") || \"Intermedio\"; this.form.casco_propio = urlParams.get(\"casco\") === \"true\"; this.form.talla_casco = urlParams.get(\"talla\") || \"\"; this.form.anos_montando = urlParams.get(\"anos\") || \"\"; this.form.campo_abierto = urlParams.get(\"campo\") || \"\"; this.form.gastronomia = urlParams.get(\"gastronomia\") || \"\"; this.form.comentarios = urlParams.get(\"comentarios\") || \"\"; this.form.precio_total = parseFloat( urlParams.get(\"total\") || \"0\", ); \/\/ Eliminar los par\u00e1metros de la URL para que no se recargue al refrescar window.history.replaceState( {}, document.title, window.location.pathname, ); setTimeout( () => window.scrollTo({ top: 0, behavior: \"smooth\" }), 500, ); } const database = { cortas: [ { id: 1, nombre: \"Ruta La Buitrera\", duracion: \"5 horas\", nivel: \"Intermedio avanzado\", descripcion: \"La subida a las Buitreras desde el Hueco de San Blas discurre por un entorno de gran valor paisaj\u00edstico, donde no faltan los corzos, las cabras montesas y los buitres leonados.\", precio: 490, tarifa: \"Tarifa especial por lanzamiento\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/06\/Madrid-Horse-Tours-80.jpg\", fechas: [ \"09 Jul\", \"23 Jul\", \"22 Ago\", \"30 Ago\", \"24 Sep\", \"22 Nov\", ], incluye: [ \"Desayuno\", \"Picnic de Campo\", \"Comida\", \"Bebida a disposici\u00f3n\", \"Despedida\", ], descripcion_larga_p: [ \"La subida a las Buitreras desde el Hueco de San Blas discurre por un entorno de gran valor paisaj\u00edstico, donde no faltan los corzos, las cabras montesas y los buitres leonados. Ya en el mirador, disfrutaremos de amplias panor\u00e1micas del Embalse de Santillana y de las cumbres de m\u00e1s de 2000 metros que rodean la zona, con Madrid al fondo.\", ], }, { id: 2, nombre: \"Ruta Hueco de San Blas\", duracion: \"4 horas\", nivel: \"Intermedio avanzado\", descripcion: \"El Hueco de San Blas es una espectacular depresi\u00f3n de origen glaciar situada junto La Pedriza, formada durante las glaciaciones cuaternarias.\", precio: 390, tarifa: \"Tarifa especial por lanzamiento\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/NUEVA-FOTO-CALENDARIO-8.jpeg\", fechas: [ \"28 Jun\", \"12 Jul\", \"26 Jul\", \"26 Ago\", \"28 Ago\", \"10 Sep\", \"08 Oct\", \"19 Nov\", \"17 Dic\", ], incluye: [ \"Desayuno\", \"Picnic de Campo\", \"Comida\", \"Bebida a disposici\u00f3n\", \"Despedida\", ], descripcion_larga_p: [ \"El Hueco de San Blas es una espectacular depresi\u00f3n de origen glaciar situada junto La Pedriza, formada durante las glaciaciones cuaternarias. Rodeado de imponentes paredes gran\u00edticas y canchales, constituye uno de los paisajes m\u00e1s singulares de la Sierra de Guadarrama. Hist\u00f3ricamente fue zona de paso para pastores y ganaderos trashumantes y refugio natural para el aprovechamiento tradicional de los pastos de altura.\", ], }, { id: 3, nombre: \"Ruta Colmenar del Ingl\u00e9s\", duracion: \"3 horas\", nivel: \"Intermedio avanzado\", descripcion: \"El recorrido atraviesa parajes de gran valor natural e hist\u00f3rico como el Canto, el antiguo Colmenar del Ingl\u00e9s y la Dehesa de Manzanares.\", precio: 300, tarifa: \"Tarifa especial por lanzamiento\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/NUEVA-FOTO-CALENDARIO-3-scaled.jpeg\", fechas: [ \"25 Jun\", \"10 Jul\", \"30 Jul\", \"29 Ago\", \"06 Sep\", \"22 Oct\", \"13 Dic\", ], incluye: [ \"Desayuno\", \"Picnic de Campo\", \"Comida\", \"Bebida a disposici\u00f3n\", \"Despedida\", ], descripcion_larga_p: [ \"El recorrido atraviesa parajes de gran valor natural e hist\u00f3rico como el Canto, el antiguo Colmenar del Ingl\u00e9s y la Dehesa de Manzanares. La ruta discurre por el coraz\u00f3n de la Pedriza, entre impresionantes berrocales gran\u00edticos, encinares y pastizales abiertos, que descubren antiguos usos ganaderos y ap\u00edcolas, ligados a colmenares tradicionales, v\u00edas pecuarias y dehesas hist\u00f3ricas utilizadas para el pastoreo.\", ], }, { id: 4, nombre: \"Ruta Los Robles\", duracion: \"3 horas\", nivel: \"Intermedio avanzado\", descripcion: \"El recorrido atraviesa parajes de gran valor natural e hist\u00f3rico como el Canto, el antiguo Colmenar del Ingl\u00e9s y la Dehesa de Manzanares.\", precio: 300, tarifa: \"Tarifa especial por lanzamiento\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/NUEVA-FOTO-CALENDARIO-5-scaled.jpeg\", fechas: [ \"26 Jun\", \"25 Jul\", \"23 Ago\", \"03 Sep\", \"03 Oct\", \"05 Nov\", \"12 Dic\", ], incluye: [ \"Desayuno\", \"Picnic de Campo\", \"Comida\", \"Bebida a disposici\u00f3n\", \"Despedida\", ], descripcion_larga_p: [ \"Recorre los antiguos caminos tradicionales del entorno de Manzanares el Real, que atraviesan dehesas y pastizales abiertos, entre encinas y formaciones gran\u00edticas, en un paisaje t\u00edpicamente serrano de gran belleza. Al llegar al pantano, disfrutaremos de amplias panor\u00e1micas de la Sierra de Guadarrama reflejada en las aguas del embalse. Destacan las vistas de La Pedriza, las cumbres de las Cabezas de Hierro y el perfil monta\u00f1oso que rodea el valle.\", ], }, { id: 5, nombre: \"Ruta Valle de Bustarviejo\", duracion: \"4 horas\", nivel: \"Intermedio avanzado\", descripcion: \"Siguiendo la Ca\u00f1ada Real Segoviana cruzamos Miraflores de la Sierra para llegar al Valle de Bustarviejo, un oasis vegetal rodeado de cumbres y dehesas.\", precio: 400, tarifa: \"Tarifa especial por lanzamiento\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/valle-bustarviejo.jpg\", fechas: [ \"27 Jun\", \"11 Jul\", \"24 Jul\", \"21 Ago\", \"27 Ago\", \"20 Sep\", \"18 Oct\", \"08 Nov\", ], incluye: [ \"Desayuno\", \"Comida Fuente del Collado con productos de temporada\", ], descripcion_larga_p: [ \"Siguiendo la Ca\u00f1ada Real Segoviana cruzamos Miraflores de la Sierra para llegar al Valle de Bustarviejo, un oasis vegetal rodeado de cumbres y dehesas, ligado a la ganader\u00eda y al aprovechamiento de los recursos de la sierra. Zona de paso de reba\u00f1os trashumantes y lugar de asentamiento de antiguos canteros y agricultores, que forman parte de la identidad hist\u00f3rica de Bustarviejo.\", ], }, ], largas: [ { id: 101, nombre: \"Ruta Circular La Hiruela\", duracion: \"5 d\u00edas \/ 4 noches\", nivel: \"Medio Avanzado\", descripcion: \"Ruta circular a caballo con salida y llegada en Soto del Real que propone una experiencia de cinco jornadas por algunos de los paisajes m\u00e1s valiosos de la Sierra Norte de Madrid.\", precio: 3250, tarifa: \"Tarifa especial por edici\u00f3n inaugural\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/NUEVA-FOTO-CALENDARIO-6-scaled.jpeg\", incluye: [ \"Desayunos\", \"Comida o Picnic en ruta\", \"Cenas\", \"Hoteles con encanto\", ], fechas: [\"04-08 Ago\", \"09-13 Oct\", \"05-09 Dic\"], descripcion_larga_p: [ \"Ruta circular a caballo con salida y llegada en Soto del Real que propone una experiencia de cinco jornadas por algunos de los paisajes m\u00e1s valiosos de la Sierra Norte de Madrid. El recorrido combina naturaleza, patrimonio hist\u00f3rico y tradici\u00f3n rural, atravesando caminos ganaderos, puertos de monta\u00f1a, embalses y pueblos con gran encanto. Desde el inicio, la traves\u00eda se adentra en un territorio marcado por la diversidad de paisajes y la riqueza cultural de sus localidades.\", \"En las primeras etapas, la ruta avanza hacia Torremocha del Jarama pasando por municipios como Navalafuente, Cabanillas de la Sierra y Torrelaguna, destacada por su legado hist\u00f3rico. Despu\u00e9s contin\u00faa por Patones de Arriba, c\u00e9lebre por su arquitectura negra, y se aproxima al entorno del Embalse de El Atazar, el mayor de la Comunidad de Madrid, con espectaculares panor\u00e1micas y espacios de gran valor natural.\", \"El coraz\u00f3n de la traves\u00eda se sit\u00faa en la Sierra del Rinc\u00f3n, declarada Reserva de la Biosfera por la UNESCO. All\u00ed destacan pueblos como Puebla de la Sierra y especialmente La Hiruela, considerada uno de los enclaves mejor conservados de la regi\u00f3n. Bosques de robles y hayas, antiguos molinos, colmenares tradicionales y una gastronom\u00eda ligada al territorio convierten esta parte del recorrido en una de las m\u00e1s aut\u00e9nticas y atractivas.\", \"La \u00faltima jornada regresa hacia Soto del Real atravesando Robledillo de la Jara, la presa del Villar, la hist\u00f3rica Ca\u00f1ada Real Segoviana y localidades serranas como Bustarviejo y Miraflores de la Sierra. Es un cierre perfecto para una ruta que permite descubrir a caballo la esencia de la monta\u00f1a madrile\u00f1a: naturaleza intacta, historia viva y antiguos caminos que a\u00fan conservan el esp\u00edritu de la trashumancia.\", ], }, { id: 103, nombre: \"Ruta Tras las Cumbres de Guadarrama\", duracion: \"4 d\u00edas \/ 3 noches\", nivel: \"Medio Avanzado\", descripcion: \"Descubre una espectacular traves\u00eda ecuestre de cuatro d\u00edas por algunos de los paisajes m\u00e1s emblem\u00e1ticos de la Sierra de Guadarrama.\", precio: 2650, tarifa: \"Tarifa especial por edici\u00f3n inaugural\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/NUEVA-FOTO-CALENDARIO-7-scaled.jpeg\", incluye: [ \"Desayunos\", \"Comida o Picnic en ruta\", \"Cenas\", \"Hoteles con encanto\", ], fechas: [\"15-18 Jul\", \"27-30 Sep\", \"11-14 Nov\"], descripcion_larga_p: [ \"Descubre una espectacular traves\u00eda ecuestre de cuatro d\u00edas por algunos de los paisajes m\u00e1s emblem\u00e1ticos de la Sierra de Guadarrama. Recorre puertos de monta\u00f1a, valles, bosques y enclaves hist\u00f3ricos en una experiencia \u00fanica a caballo. Una ruta dise\u00f1ada para disfrutar de la naturaleza, la aventura y la conexi\u00f3n con el caballo. Cuatro jornadas inolvidables atravesando parajes de extraordinaria belleza entre Madrid y Segovia.\", \"Salida desde Soto del Real\", \"Desayuno + Comida o Picnic en ruta + Cena y alojamiento en hoteles con encanto\", ], itinerario: [ { dia: \"D\u00eda 1\", desc: \"Salida desde Madrid Horse Tour (Soto del Real), subida al Puerto de la Morcuera y descenso a Rascafr\u00eda pasando por Las Presillas y el Monasterio de El Paular. Noche en Rascafr\u00eda.\", }, { dia: \"D\u00eda 2\", desc: \"Desde Rascafr\u00eda, paso por el Puerto de Cotos, descenso a Valsa\u00edn y llegada a La Granja de San Ildefonso. Noche en La Granja.\", }, { dia: \"D\u00eda 3\", desc: \"Salida de La Granja hacia el Puerto de Malagosto y regreso a Rascafr\u00eda. Noche en Rascafr\u00eda.\", }, { dia: \"D\u00eda 4\", desc: \"Desde Alameda del Valle, ascenso a la Majada del Cojo y los Llanos de la Morcuera, para descender finalmente a Soto del Real y concluir la ruta.\", }, ], }, { id: 102, nombre: \"Ruta Castillo de Pedraza\", duracion: \"4 d\u00edas \/ 3 noches\", nivel: \"Intermedio avanzado\", descripcion: \"Una traves\u00eda de tres etapas que une la vertiente madrile\u00f1a de la Sierra de Guadarrama con uno de los conjuntos medievales m\u00e1s bellos de Castilla.\", precio: 2650, tarifa: \"Tarifa especial por edici\u00f3n inaugural\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/Castillo-de-Pedraza.jpg\", incluye: [ \"Desayunos\", \"Comida o Picnic en ruta\", \"Cenas\", \"Hoteles con encanto\", ], fechas: [ \"02-05 Jul\", \"13-16 Ago\", \"15-18 Sep\", \"28-31 Oct\", \"26-29 Nov\", \"\u2b50 19-22 Dic\", ], cierreTemporada: \"\u2b50 Cierre de temporada 2026 Madrid Horse Tour\", descripcion_larga_p: [ \"Una traves\u00eda de tres etapas que une la vertiente madrile\u00f1a de la Sierra de Guadarrama con uno de los conjuntos medievales m\u00e1s bellos de Castilla. El recorrido combina paisajes de alta monta\u00f1a, valles hist\u00f3ricos y pueblos cargados de patrimonio, ofreciendo una experiencia ecuestre completa entre naturaleza, cultura y tradici\u00f3n.\", \"La primera jornada parte de Soto del Real y asciende hacia el Puerto de la Morcuera, desde donde se disfrutan magn\u00edficas vistas de la sierra. El descenso lleva al Valle del Lozoya, donde destaca el majestuoso Monasterio de Santa Mar\u00eda de El Paular, uno de los grandes monumentos hist\u00f3ricos de la regi\u00f3n. La etapa concluye en Rascafr\u00eda, en un entorno de gran belleza natural.\", \"En la segunda etapa, la ruta cruza el hist\u00f3rico Puerto de Malagosto, antiguo paso natural entre Madrid y Segovia inmortalizado en el Libro del Buen Amor. Al superar la sierra, el paisaje cambia hacia las abiertas campi\u00f1as segovianas y atraviesa Sotosalbos, donde sobresale la iglesia rom\u00e1nica de San Miguel. El d\u00eda finaliza en Carrascal de la Cuesta, en pleno coraz\u00f3n rural segoviano.\", \"La \u00faltima jornada conduce hasta Pedraza atravesando suaves colinas y el entorno del r\u00edo Cega. El destino final es su c\u00e9lebre casco hist\u00f3rico amurallado y el impresionante Castillo de Pedraza, s\u00edmbolo de la villa. Esta ruta ofrece un viaje inm\u00f3vil entre monta\u00f1as, caminos hist\u00f3ricos y algunos de los paisajes m\u00e1s evocadores del centro de Espa\u00f1a.\", ], }, ], }; this.rutasCortas = database.cortas; this.rutasLargas = database.largas; }, formatPrice(precio) { return new Intl.NumberFormat(\"es-ES\").format(precio); }, updatePhoneAndCountry() { const selected = this.paisesCodigos.find( (c) => c.iso === this.selectedCountryIso, ); if (selected) { this.form.prefijo = selected.code; this.form.pais = selected.name; } this.form.telefono = this.form.prefijo + \" \" + this.form.telefono_num; }, selectRoute(ruta, fecha = \"\") { this.selectedRoute = Math.abs(ruta.precio) > 0 ? ruta : null; this.form.ruta = ruta.nombre; this.form.fecha_experiencia = fecha; this.step = \"reserva\"; window.scrollTo({ top: 0, behavior: \"smooth\" }); }, processReservaStep() { \/\/ Verificaci\u00f3n legal que obliga al usuario a aceptar todas las condiciones if ( !this.form.authDatos || \/\/|| !this.form.authImagenes !this.form.authCondiciones ) { this.showAuthError = true; return; } this.showAuthError = false; this.form.precio_total = (this.selectedRoute ? this.selectedRoute.precio : 0) * this.form.jinetes; this.step = \"checkout\"; window.scrollTo({ top: 0, behavior: \"smooth\" }); }, \/\/ Procesa el pago y redirecci\u00f3n a Stripe Checkout de forma transparente async procesarPagoStripe() { this.sending = true; this.updatePhoneAndCountry(); try { const response = await fetch(this.googleScriptUrl, { method: \"POST\", body: JSON.stringify(this.form), }); const data = await response.json(); if (data.result === \"success\" && data.checkoutUrl) { \/\/ Redireccionar al usuario inmediatamente al portal oficial de Stripe Checkout window.location.href = data.checkoutUrl; } else { \/\/ Mostrar mensaje detallado de error interno reportado por Apps Script var msg = data.error || data.message || \"No se ha podido procesar la sesi\u00f3n de pago.\"; alert(\"Fallo del Servidor: \" + msg); this.sending = false; } } catch (error) { console.error( \"Fallo t\u00e9cnico en la transmisi\u00f3n de Stripe:\", error, ); alert( \"No se pudo conectar con el servidor de pagos. Compruebe su conexi\u00f3n o que la URL del Apps Script sea la correcta.\", ); this.sending = false; } }, })); }); <\/script>  <script defer src=\u00bbhttps:\/\/unpkg.com\/alpinejs@3.x.x\/dist\/cdn.min.js\u00bb ><\/script> <\/p>\n<style> \/* ESTILOS DE PROTECCI\u00d3N Y CONTENCI\u00d3N PARA LA SELECCI\u00d3N DEL PA\u00cdS *\/ .iti { width: 100% !important; display: block !important; } .iti__hide { display: none !important; } .iti ul, .iti li { list-style: none !important; list-style-type: none !important; margin: 0 !important; padding: 0 !important; text-indent: 0 !important; } .iti ul::before, .iti li::before { content: none !important; } \/* Correcci\u00f3n de renderizado y bordes redondeados en tel\u00e9fonos *\/ .phone-container-fix { isolation: auto !important; transform: none !important; -webkit-transform: none !important; overflow: hidden !important; border-radius: 0.75rem !important; -webkit-border-radius: 0.75rem !important; background: #ffffff !important; } [x-cloak] { display: none !important; } .modal-backdrop { background-color: rgba(0, 0, 0, 0.85) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } @supports not ( (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) ) { .modal-backdrop { background-color: rgba(0, 0, 0, 0.92) !important; } } .custom-scrollbar, .modal-scroll { -webkit-overflow-scrolling: touch; } .country-select-fix, .form-select-fix { -webkit-appearance: none; appearance: none; border-radius: 0 !important; background-image: none !important; line-height: normal; box-shadow: none; } .country-select-fix { border: 0 !important; border-right: 1px solid rgb(214 211 209) !important; } .phone-input-fix { -webkit-appearance: none; appearance: none; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; line-height: 1.2; min-width: 0; } .phone-input-fix:focus, .country-select-fix:focus, .form-select-fix:focus { outline: none !important; box-shadow: none !important; } \/* ESTILOS DE IMPRESI\u00d3N EXCLUSIVOS *\/ @media print { @page { size: A4 portrait; margin: 12mm 15mm 12mm 15mm !important; } html, body { background-color: #ffffff !important; color: #000000 !important; font-size: 11px !important; line-height: 1.3 !important; } body * { visibility: hidden !important; } #step-confirmacion, #step-confirmacion * { visibility: visible !important; } #step-confirmacion { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; background-color: #ffffff !important; } .no-print { display: none !important; } .print-page-1 { page-break-after: always !important; break-after: page !important; display: block !important; height: auto !important; box-sizing: border-box !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } .print-page-2 { page-break-before: avoid !important; break-before: avoid !important; display: block !important; height: auto !important; box-sizing: border-box !important; padding-top: 10px !important; } .print-card-style { border: 1px solid #d1d5db !important; border-radius: 0.5rem !important; box-shadow: none !important; background: #ffffff !important; margin-bottom: 12px !important; padding: 12px !important; } } <\/style>\n<p> <\/head> <body x-data=\u00bbmhtApp\u00bb x-cloak class=\u00bbfont-body antialiased selection:bg-amber-500 selection:text-black bg-[#0F1115] overflow-x-hidden w-full\u00bb >    <div class=\u00bbmht-top-banner\u00bb id=\u00bbmhtTopBanner\u00bb role=\u00bbregion\u00bb aria-label=\u00bbPr\u00f3xima apertura de reservas\u00bb > <\/p>\n<div class=\"mht-top-banner__icon\" aria-hidden=\"true\"> <svg width=\u00bb34″ height=\u00bb34″ viewBox=\u00bb0 0 1920 1920″ stroke=\u00bb#c8a15a\u00bb fill=\u00bb#c8a15a\u00bb stroke-width=\u00bb35″ stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb > <g fill-rule=\"evenodd\"> <path d=\u00bbM1439.667 1226.667H1333V1440c0 14.187 5.653 27.733 15.573 37.76l123.414 123.306 75.413-75.413-107.733-107.733z\u00bb \/> <path d=\u00bbM1386.333 1813.333C1180.467 1813.333 1013 1645.867 1013 1440s167.467-373.333 373.333-373.333 373.334 167.466 373.334 373.333-167.467 373.333-373.334 373.333m0-853.333c-264.64 0-480 215.36-480 480s215.36 480 480 480 480-215.36 480-480-215.36-480-480-480″ \/> <path d=\u00bbM1546.333 426.667H159.666v-160c0-29.44 24-53.334 53.334-53.334h160v53.334c0 29.44 23.894 53.333 53.333 53.333 29.44 0 53.333-23.893 53.333-53.333v-53.334h746.667v53.334c0 29.44 23.894 53.333 53.334 53.333S1333 296.107 1333 266.667v-53.334h160c29.333 0 53.333 23.894 53.333 53.334zm-53.333-320h-160V53.333C1333 23.893 1333.107 0 1279.667 0s-53.334 23.893-53.334 53.333v53.334H479.666V53.333C479.666 23.893 455.773 0 426.333 0S373 23.893 373 53.333v53.334H213c-88.213 0-160 71.786-160 160v1546.666h746.666v-106.666h-640V533.333h1386.667v320H1653V266.667c0-88.214-71.787-160-160-160″ \/> <\/g> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"mht-top-banner__content\"> <pee class=\"mht-top-banner__title\">PR\u00d3XIMA APERTURA DE RESERVAS<\/pee> <pee class=\"mht-top-banner__text\" style=\"padding-bottom: 5px !important\"> Las reservas online se abrir\u00e1n durante la <strong>tercera semana de septiembre<\/strong>. <\/pee> <pee class=\"mht-top-banner__text\" style=\"margin-top: 6px\"> Apertura prevista: <strong>Septiembre 2026<\/strong> <\/pee> <\/div>\n<p> <button class=\u00bbmht-top-banner__close\u00bb type=\u00bbbutton\u00bb aria-label=\u00bbCerrar aviso\u00bb onclick=\u00bb document.getElementById(‘mhtTopBanner’).classList.add(‘is-hidden’) \u00ab > <svg viewBox=\"0 0 24 24\" fill=\"none\"> <path d=\"M6 6L18 18\" stroke-width=\"2\" stroke-linecap=\"round\" \/> <path d=\"M18 6L6 18\" stroke-width=\"2\" stroke-linecap=\"round\" \/> <\/svg> <\/button> <\/div>\n<p>       <div x-show=\u00bbstep === ‘catalog'\u00bb class=\u00bbbg-[#0F1115] text-white min-h-screen pb-24 w-full\u00bb > <section class=\u00bbrelative min-h-[450px] md:h-[550px] overflow-hidden flex items-center py-16 md:py-0″ > <img src=\u00bbhttps:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/experiencias.jpg\u00bb alt=\u00bbMadrid Horse Tours\u00bb class=\u00bbabsolute inset-0 w-full h-full object-cover\u00bb \/> <\/p>\n<div class=\"absolute inset-0 bg-black\/60\"><\/div>\n<p> <div class=\u00bbrelative z-10 max-w-7xl mx-auto px-4 sm:px-6 md:px-8 w-full\u00bb > <span class=\u00bbuppercase tracking-[6px] text-amber-400 block mb-4 text-sm md:text-base\u00bb >Madrid Horse Tours<\/span > <h1 class=\u00bbtext-4xl sm:text-6xl md:text-7xl lg:text-8xl font-serif text-white leading-tight md:leading-none break-words\u00bb > Nuestras Experiencias <\/h1>\n<p> <p class=\u00bbmt-6 md:mt-8 max-w-3xl text-base md:text-xl text-stone-200 leading-relaxed\u00bb > Descubra algunas de las rutas ecuestres m\u00e1s exclusivas de Espa\u00f1a. Experiencias dise\u00f1adas para jinetes y amazonas con experiencia, combinando naturaleza, gastronom\u00eda, historia y caballos excepcionales. <\/pee> <\/div>\n<p> <\/section>\n<p> <main class=\"max-w-7xl mx-auto px-4 sm:px-6 md:px-8 mt-16 space-y-20\">  <\/p>\n<section> <\/p>\n<h2 class=\"text-3xl md:text-5xl font-serif text-white mb-12\"> Rutas de Medio D\u00eda <\/h2>\n<p> <\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\"> <template x-for=\"ruta in rutasCortas\" :key=\"ruta.id\"> <article class=\u00bbbg-[#111111] rounded-3xl overflow-hidden border border-amber-500\/20 flex flex-col h-full w-full\u00bb > <img :src=\u00bbruta.imagen\u00bb :alt=\u00bbruta.nombre\u00bb class=\u00bbh-56 sm:h-72 w-full object-cover\u00bb \/> <\/p>\n<div class=\"p-5 sm:p-8 flex flex-col flex-1 justify-between\"> <\/p>\n<div> <h3 class=\u00bbtext-2xl sm:text-3xl font-serif text-white\u00bb x-text=\u00bbruta.nombre\u00bb ><\/h3>\n<p> <\/p>\n<div class=\"mt-2 text-sm text-stone-300\"> <span x-text=\"ruta.duracion\"><\/span> \u00b7 <span x-text=\"ruta.nivel\"><\/span> <\/div>\n<p> <pee class=\"mt-4 text-sm text-stone-400 leading-relaxed\"> <span x-text=\"ruta.descripcion\"><\/span> <button type=\u00bbbutton\u00bb @click=\u00bbmodalRoute = ruta\u00bb class=\u00bbtext-amber-400 font-semibold hover:text-amber-300 ml-1.5 focus:outline-none transition inline-block\u00bb > Ver m\u00e1s <\/button> <\/pee> <div class=\u00bbmt-5 inline-flex px-4 py-2 rounded-full bg-amber-500\/10 text-amber-400 text-sm\u00bb x-text=\u00bbruta.tarifa\u00bb ><\/div>\n<p> <div class=\u00bbmt-5 text-4xl sm:text-5xl font-serif text-amber-400″ > <span x-text=\"formatPrice(ruta.precio)\"><\/span> \u20ac <\/div>\n<p> <div class=\u00bbmt-6 text-xs uppercase tracking-wider text-stone-400 font-semibold\u00bb > La experiencia incluye: <\/div>\n<p> <\/p>\n<ul class=\"mt-2 text-stone-300 space-y-2 text-sm\"> <template x-for=\"item in ruta.incluye\"> <\/p>\n<li>\u2713 <span x-text=\"item\"><\/span><\/li>\n<p> <\/template> <\/ul>\n<p> <\/div>\n<p>    <\/p>\n<div class=\"mt-8\"> <div class=\u00bbrounded-[18px] border border-gold\/40 bg-dark\/70 px-5 py-6 shadow-[0_0_0_1px_rgba(176,138,74,0.4)] backdrop-blur-sm\u00bb > <\/p>\n<div class=\"flex items-start gap-3\"> <div class=\u00bbmt-0.5 flex h-11 w-11 shrink-0 items-center justify-center text-gold\u00bb > <svg xmlns=\u00bbhttp:\/\/www.w3.org\/2000\/svg\u00bb width=\u00bb60″ height=\u00bb60″ viewBox=\u00bb0 0 24 24″ fill=\u00bbnone\u00bb stroke=\u00bbcurrentColor\u00bb stroke-width=\u00bb1.8″ stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb aria-hidden=\u00bbtrue\u00bb > <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle> <path d=\"M12 7v5l3 2\"><\/path> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"min-w-0 flex-1\"> <p class=\u00bbfont-body text-[14px] font-semibold uppercase tracking-[0.18em] text-gold\u00bb > Reservas disponibles pr\u00f3ximamente <\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"flex items-start gap-3\"> <\/p>\n<div class=\"mt-4 space-y-4 text-center\"> <p class=\u00bbfont-serif text-[18px] leading-[1.15] text-cream sm:text-[22px]\u00bb style=\u00bbpadding-bottom: 10px !important\u00bb > Apertura prevista <\/pee> <p class=\u00bbfont-serif text-[18px] leading-[1.15] text-cream sm:text-[22px] text-gold\/100 mb-8″ style=\u00bbmargin-top: 0px !important\u00bb > tercera semana de septiembre<!\u2013- [et_pb_br_holder] -\u2013> <\/pee> <div class=\u00bbmx-auto h-px w-48 bg-gradient-to-r from-transparent via-gold\/60 to-transparent\u00bb ><\/div>\n<p> <p class=\u00bbfont-serif text-[8px] leading-[0.05] sm:text-[2px]\u00bb > \u00a0 <\/pee> <p class=\u00bbmx-auto font-body text-[14px] leading-6 text-[#D7CFC3] sm:text-[15px]\u00bb > Las fechas definitivas de salida estar\u00e1n disponibles en ese momento. <\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>         <\/p>\n<div class=\"mt-8\"> <\/p>\n<div class=\"text-sm text-stone-400 mb-3\"> Pr\u00f3ximas salidas <\/div>\n<p> <\/p>\n<div class=\"flex flex-wrap gap-2 mb-6\"> <template x-for=\"fecha in ruta.fechas\"> <button type=\u00bbbutton\u00bb @click=\u00bbselectRoute(ruta, fecha)\u00bb class=\u00bbpx-3 py-1.5 bg-black rounded-lg text-sm border border-stone-800 text-amber-400 font-medium transition hover:bg-amber-500 hover:text-black hover:border-amber-500 cursor-pointer\u00bb x-text=\u00bbfecha\u00bb ><\/button> <\/template> <\/div>\n<p> <\/p>\n<div class=\"w-full\"> <button type=\u00bbbutton\u00bb @click=\u00bbselectRoute(ruta)\u00bb class=\u00bbw-full bg-amber-500 text-black py-3.5 rounded-xl font-semibold transition hover:bg-amber-400 text-center\u00bb > Reservar <\/button> <\/div>\n<p> <\/div>\n<p> –>  <\/p>\n<div class=\"mt-8\"> <\/p>\n<div class=\"w-full\"> <button type=\u00bbbutton\u00bb disabled aria-disabled=\u00bbtrue\u00bb class=\u00bbflex w-full items-center justify-center gap-3 rounded-[16px] border border-[#5a4527] bg-[#4c3a22] px-2 py-2 text-center shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_8px_18px_rgba(0,0,0,0.18)] opacity-95 cursor-not-allowed select-none\u00bb > <span class=\u00bbflex h-14 w-14 shrink-0 items-center justify-center text-[#c49a57]\u00bb > <svg xmlns=\u00bbhttp:\/\/www.w3.org\/2000\/svg\u00bb width=\u00bb48″ height=\u00bb48″ viewBox=\u00bb0 0 24 24″ fill=\u00bbnone\u00bb stroke=\u00bbcurrentColor\u00bb stroke-width=\u00bb1.8″ stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb aria-hidden=\u00bbtrue\u00bb > <rect x=\u00bb5″ y=\u00bb11″ width=\u00bb14″ height=\u00bb9″ rx=\u00bb2″ ><\/rect> <path d=\"M8 11V8.5a4 4 0 0 1 8 0V11\"><\/path> <\/svg> <\/span> <span class=\"block\"> <span class=\u00bbblock font-body text-[13px] font-semibold uppercase tracking-[0.16em] text-[#b89561]\u00bb > Apertura de reservas <\/span> <span class=\u00bbmt-1 block font-body text-[15px] font-medium uppercase tracking-[0.03em] text-[#e4d2b2]\u00bb > En septiembre <\/span> <\/span> <\/button> <\/div>\n<p> <\/div>\n<p>    <\/div>\n<p> <\/article>\n<p> <\/template> <\/div>\n<p> <\/section>\n<p>  <\/p>\n<section> <\/p>\n<h2 class=\"text-3xl md:text-5xl font-serif text-white mb-12\"> Traves\u00edas de Varios D\u00edas <\/h2>\n<p> <\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\"> <template x-for=\"ruta in rutasLargas\" :key=\"ruta.id\"> <article class=\u00bbbg-[#111111] rounded-3xl overflow-hidden border border-amber-500\/20 flex flex-col h-full w-full\u00bb > <img :src=\u00bbruta.imagen\u00bb :alt=\u00bbruta.nombre\u00bb class=\u00bbh-64 sm:h-80 w-full object-cover\u00bb \/> <\/p>\n<div class=\"p-5 sm:p-10 flex flex-col flex-1 justify-between\"> <\/p>\n<div> <h3 class=\u00bbtext-2xl sm:text-4xl font-serif text-white\u00bb x-text=\u00bbruta.nombre\u00bb ><\/h3>\n<p> <\/p>\n<div class=\"mt-2 text-sm text-stone-300\"> <span x-text=\"ruta.duracion\"><\/span> \u00b7 <span x-text=\"ruta.nivel\"><\/span> <\/div>\n<p> <pee class=\"mt-4 text-sm text-stone-400 leading-relaxed\"> <span x-text=\"ruta.descripcion\"><\/span> <button type=\u00bbbutton\u00bb @click=\u00bbmodalRoute = ruta\u00bb class=\u00bbtext-amber-400 font-semibold hover:text-amber-300 ml-1.5 focus:outline-none transition inline-block\u00bb > Ver m\u00e1s <\/button> <\/pee> <div class=\u00bbmt-5 inline-flex px-4 py-2 rounded-full bg-amber-500\/10 text-amber-400 text-sm\u00bb x-text=\u00bbruta.tarifa\u00bb ><\/div>\n<p> <div class=\u00bbmt-5 text-5xl sm:text-6xl font-serif text-amber-400″ > <span x-text=\"formatPrice(ruta.precio)\"><\/span> \u20ac <\/div>\n<p> <div class=\u00bbmt-6 text-xs uppercase tracking-wider text-stone-400 font-semibold\u00bb > La experiencia incluye: <\/div>\n<p> <\/p>\n<ul class=\"mt-2 text-stone-300 space-y-2 text-sm\"> <template x-for=\"item in ruta.incluye\"> <\/p>\n<li>\u2713 <span x-text=\"item\"><\/span><\/li>\n<p> <\/template> <\/ul>\n<p> <\/div>\n<p>    <\/p>\n<div class=\"mt-8\"> <div class=\u00bbrounded-[18px] border border-gold\/40 bg-dark\/70 px-5 py-6 shadow-[0_0_0_1px_rgba(176,138,74,0.4)] backdrop-blur-sm\u00bb > <\/p>\n<div class=\"flex items-start gap-3\"> <div class=\u00bbmt-0.5 flex h-11 w-11 shrink-0 items-center justify-center text-gold\u00bb > <svg xmlns=\u00bbhttp:\/\/www.w3.org\/2000\/svg\u00bb width=\u00bb60″ height=\u00bb60″ viewBox=\u00bb0 0 24 24″ fill=\u00bbnone\u00bb stroke=\u00bbcurrentColor\u00bb stroke-width=\u00bb1.8″ stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb aria-hidden=\u00bbtrue\u00bb > <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle> <path d=\"M12 7v5l3 2\"><\/path> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"min-w-0 flex-1\"> <p class=\u00bbfont-body text-[14px] font-semibold uppercase tracking-[0.18em] text-gold\u00bb > Reservas disponibles pr\u00f3ximamente <\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"flex items-start gap-3\"> <\/p>\n<div class=\"mt-4 space-y-4 text-center\"> <p class=\u00bbfont-serif text-[18px] leading-[1.15] text-cream sm:text-[22px]\u00bb style=\u00bbpadding-bottom: 10px !important\u00bb > Apertura prevista <\/pee> <p class=\u00bbfont-serif text-[18px] leading-[1.15] text-cream sm:text-[22px] text-gold\/100 mb-8″ style=\u00bbmargin-top: 0px !important\u00bb > tercera semana de septiembre<!\u2013- [et_pb_br_holder] -\u2013> <\/pee> <div class=\u00bbmx-auto h-px w-48 bg-gradient-to-r from-transparent via-gold\/60 to-transparent\u00bb ><\/div>\n<p> <p class=\u00bbfont-serif text-[8px] leading-[0.05] sm:text-[2px]\u00bb > \u00a0 <\/pee> <p class=\u00bbmx-auto font-body text-[14px] leading-6 text-[#D7CFC3] sm:text-[15px]\u00bb > Las fechas definitivas de salida estar\u00e1n disponibles en ese momento. <\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>         <\/p>\n<div class=\"mt-8\"> <\/p>\n<div class=\"text-sm text-stone-400 mb-3\"> Fechas programadas <\/div>\n<p> <\/p>\n<div class=\"flex flex-wrap gap-2 mb-6\"> <template x-for=\"fecha in ruta.fechas\"> <button type=\u00bbbutton\u00bb @click=\u00bbselectRoute(ruta, fecha)\u00bb class=\u00bbpx-3 py-1.5 bg-black rounded-lg text-sm border border-stone-800 text-amber-400 font-medium transition hover:bg-amber-500 hover:text-black hover:border-amber-500 cursor-pointer\u00bb x-text=\u00bbfecha\u00bb ><\/button> <\/template> <\/div>\n<p> <template x-if=\"ruta.cierreTemporada\"> <div class=\u00bbmt-4 mb-4 bg-amber-500 text-black px-4 py-3 rounded-xl font-semibold text-center text-sm\u00bb x-text=\u00bbruta.cierreTemporada\u00bb ><\/div>\n<p> <\/template> <\/p>\n<div class=\"w-full\"> <button type=\u00bbbutton\u00bb @click=\u00bbselectRoute(ruta)\u00bb class=\u00bbw-full bg-amber-500 text-black py-3.5 rounded-xl font-semibold transition hover:bg-amber-400 text-center\u00bb > Reservar <\/button> <\/div>\n<p> <\/div>\n<p> –>  <\/p>\n<div class=\"mt-8\"> <\/p>\n<div class=\"w-full\"> <button type=\u00bbbutton\u00bb disabled aria-disabled=\u00bbtrue\u00bb class=\u00bbflex w-full items-center justify-center gap-3 rounded-[16px] border border-[#5a4527] bg-[#4c3a22] px-2 py-2 text-center shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_8px_18px_rgba(0,0,0,0.18)] opacity-95 cursor-not-allowed select-none\u00bb > <span class=\u00bbflex h-14 w-14 shrink-0 items-center justify-center text-[#c49a57]\u00bb > <svg xmlns=\u00bbhttp:\/\/www.w3.org\/2000\/svg\u00bb width=\u00bb48″ height=\u00bb48″ viewBox=\u00bb0 0 24 24″ fill=\u00bbnone\u00bb stroke=\u00bbcurrentColor\u00bb stroke-width=\u00bb1.8″ stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb aria-hidden=\u00bbtrue\u00bb > <rect x=\u00bb5″ y=\u00bb11″ width=\u00bb14″ height=\u00bb9″ rx=\u00bb2″ ><\/rect> <path d=\"M8 11V8.5a4 4 0 0 1 8 0V11\"><\/path> <\/svg> <\/span> <span class=\"block\"> <span class=\u00bbblock font-body text-[13px] font-semibold uppercase tracking-[0.16em] text-[#b89561]\u00bb > Apertura de reservas <\/span> <span class=\u00bbmt-1 block font-body text-[15px] font-medium uppercase tracking-[0.03em] text-[#e4d2b2]\u00bb > En septiembre <\/span> <\/span> <\/button> <\/div>\n<p> <\/div>\n<p>    <\/div>\n<p> <\/article>\n<p> <\/template> <\/div>\n<p> <\/section>\n<p> <\/main>    <div x-show=\u00bbmodalRoute !== null\u00bb class=\u00bbfixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6 md:p-10 modal-backdrop\u00bb style=\u00bbdisplay: none\u00bb x-transition:enter=\u00bbtransition ease-out duration-300″ x-transition:enter-start=\u00bbopacity-0″ x-transition:enter-end=\u00bbopacity-100″ x-transition:leave=\u00bbtransition ease-in duration-200″ x-transition:leave-start=\u00bbopacity-100″ x-transition:leave-end=\u00bbopacity-0″ > <div @click.away=\u00bbmodalRoute = null\u00bb class=\u00bbbg-[#121318] border border-amber-500\/20 max-w-2xl w-full max-h-[85vh] md:max-h-[90vh] overflow-y-auto rounded-3xl p-5 sm:p-8 text-white relative shadow-2xl custom-scrollbar modal-scroll\u00bb x-transition:enter=\u00bbtransition ease-out duration-300″ x-transition:enter-start=\u00bbscale-95 translate-y-4″ x-transition:enter-end=\u00bbscale-100 translate-y-0″ x-transition:leave=\u00bbtransition ease-in duration-200″ x-transition:leave-start=\u00bbscale-100 translate-y-0″ x-transition:leave-end=\u00bbscale-95 translate-y-4″ >  <button type=\u00bbbutton\u00bb @click=\u00bbmodalRoute = null\u00bb class=\u00bbabsolute top-4 right-4 z-50 w-10 h-10 flex items-center justify-center rounded-full bg-black\/60 border border-white\/20 text-white hover:text-amber-400 hover:bg-black\/90 focus:outline-none transition-all shadow-lg\u00bb aria-label=\u00bbCerrar ventana\u00bb > <svg xmlns=\u00bbhttp:\/\/www.w3.org\/2000\/svg\u00bb class=\u00bbh-5 w-5″ fill=\u00bbnone\u00bb viewBox=\u00bb0 0 24 24″ stroke=\u00bbcurrentColor\u00bb > <path stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb stroke-width=\u00bb2.5″ d=\u00bbM6 18L18 6M6 6l12 12″ \/> <\/svg> <\/button> <template x-if=\"modalRoute\"> <\/p>\n<div>  <div class=\u00bbrounded-2xl overflow-hidden h-48 sm:h-64 mb-6 relative\u00bb > <img :src=\u00bbmodalRoute.imagen\u00bb :alt=\u00bbmodalRoute.nombre\u00bb class=\u00bbw-full h-full object-cover\u00bb \/> <div class=\u00bbabsolute inset-0 bg-gradient-to-t from-[#121318] via-transparent to-transparent\u00bb ><\/div>\n<p> <\/div>\n<p>  <span class=\u00bbtext-xs uppercase tracking-[3px] text-amber-400 font-semibold block mb-1″ >Madrid Horse Tours<\/span > <h2 class=\u00bbfont-serif text-3xl sm:text-4xl text-white mb-2″ x-text=\u00bbmodalRoute.nombre\u00bb ><\/h2>\n<p> <div class=\u00bbtext-stone-300 text-sm mb-6 flex flex-wrap gap-x-3 items-center\u00bb > <span class=\"font-semibold\" x-text=\"modalRoute.duracion\"><\/span> <span class=\"text-stone-600\">\u2022<\/span> <span x-text=\"modalRoute.nivel\"><\/span> <span class=\"text-stone-600\">\u2022<\/span> <span class=\u00bbtext-amber-400 font-serif\u00bb x-text=\u00bbformatPrice(modalRoute.precio) + ‘ \u20ac'\u00bb ><\/span> <\/div>\n<p>  <div class=\u00bbtext-stone-300 text-sm sm:text-base leading-relaxed space-y-4 border-t border-stone-800 pt-6″ >  <template x-if=\"modalRoute.descripcion_larga_p\"> <template x-for=\u00bb(p, index) in modalRoute.descripcion_larga_p\u00bb :key=\u00bbindex\u00bb > <pee class=\"mb-4 text-stone-300\" x-text=\"p\"><\/pee> <\/template> <\/template>  <template x-if=\"modalRoute.itinerario\"> <\/p>\n<div class=\"mt-8 space-y-6\"> <h4 class=\u00bbfont-serif text-amber-400 text-xl font-semibold border-b border-stone-800 pb-2″ > Etapas e Itinerario Log\u00edstico <\/h4>\n<p> <div class=\u00bbrelative pl-6 border-l-2 border-amber-500\/30 space-y-6″ > <template x-for=\u00bbitem in modalRoute.itinerario\u00bb :key=\u00bbitem.dia\u00bb > <\/p>\n<div class=\"relative\">  <div class=\u00bbabsolute -left-[31px] top-1 w-4 h-4 bg-amber-500 border-4 border-[#121318] rounded-full\u00bb ><\/div>\n<p> <h5 class=\u00bbfont-bold text-amber-400 text-sm tracking-wider uppercase\u00bb x-text=\u00bbitem.dia\u00bb ><\/h5>\n<p> <p class=\u00bbtext-stone-300 text-sm mt-1 leading-relaxed\u00bb x-text=\u00bbitem.desc\u00bb ><\/pee> <\/div>\n<p> <\/template> <\/div>\n<p> <\/div>\n<p> <\/template> <\/div>\n<p>  <div class=\u00bbmt-8 pt-6 border-t border-stone-800 flex flex-col sm:flex-row items-center justify-between gap-4″ > <\/p>\n<div class=\"text-left hidden sm:block\"> <span class=\u00bbtext-xs text-stone-500 block uppercase tracking-wider\u00bb >Tarifa<\/span > <span class=\u00bbtext-2xl font-serif text-amber-400 font-semibold\u00bb x-text=\u00bbformatPrice(modalRoute.precio) + ‘ \u20ac'\u00bb ><\/span> <\/div>\n<p>     <button type=\u00bbbutton\u00bb @click=\u00bbselectRoute(modalRoute); modalRoute = null\u00bb class=\u00bbw-full sm:w-auto bg-amber-500 text-black px-8 py-3.5 rounded-xl font-semibold text-center hover:bg-amber-400 transition focus:outline-none\u00bb > Reservar esta ruta <\/button> –> <button type=\u00bbbutton\u00bb disabled aria-disabled=\u00bbtrue\u00bb class=\u00bbflex px-8 items-center justify-center gap-3 rounded-[16px] border border-[#5a4527] bg-[#4c3a22] px-2 py-2 text-center shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_8px_18px_rgba(0,0,0,0.18)] opacity-95 cursor-not-allowed select-none\u00bb > <span class=\u00bbflex h-14 w-14 shrink-0 items-center justify-center text-[#c49a57]\u00bb > <svg xmlns=\u00bbhttp:\/\/www.w3.org\/2000\/svg\u00bb width=\u00bb48″ height=\u00bb48″ viewBox=\u00bb0 0 24 24″ fill=\u00bbnone\u00bb stroke=\u00bbcurrentColor\u00bb stroke-width=\u00bb1.8″ stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb aria-hidden=\u00bbtrue\u00bb > <rect x=\"5\" y=\"11\" width=\"14\" height=\"9\" rx=\"2\"><\/rect> <path d=\"M8 11V8.5a4 4 0 0 1 8 0V11\"><\/path> <\/svg> <\/span> <span class=\"block\"> <span class=\u00bbblock font-body text-[13px] font-semibold uppercase tracking-[0.16em] text-[#b89561]\u00bb > Apertura de reservas <\/span> <span class=\u00bbmt-1 block font-body text-[15px] font-medium uppercase tracking-[0.03em] text-[#e4d2b2]\u00bb > En septiembre <\/span> <\/span> <\/button>    <\/div>\n<p> <\/div>\n<p> <\/template> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>    <div x-show=\u00bbstep === ‘reserva'\u00bb class=\u00bbbg-[#f2efea] text-stone-900 min-h-screen w-full overflow-x-hidden\u00bb > <section class=\u00bbrelative h-[300px] md:h-[450px] overflow-hidden flex items-center\u00bb > <img src=\u00bbhttps:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/experiencias.jpg\u00bb class=\u00bbabsolute inset-0 w-full h-full object-cover\u00bb \/> <\/p>\n<div class=\"absolute inset-0 bg-black\/40\"><\/div>\n<p> <div class=\u00bbrelative max-w-7xl mx-auto px-4 sm:px-6 md:px-8 h-full flex items-center w-full\u00bb > <\/p>\n<div class=\"text-white\"> <\/p>\n<h1 class=\"font-title text-4xl md:text-7xl leading-none\"> Reserva <\/h1>\n<p> <\/p>\n<h2 class=\"font-title italic text-gold text-3xl md:text-5xl mt-1\"> tu experiencia <\/h2>\n<p> <pee class=\"mt-3 text-sm md:text-xl max-w-md text-stone-200\"> Cada detalle cuenta. Cu\u00e9ntanos tus preferencias para dise\u00f1ar una experiencia \u00fanica. <\/pee> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <form @submit.prevent=\u00bbprocessReservaStep\u00bb class=\u00bbmax-w-7xl mx-auto -mt-16 relative z-10 pb-20 px-4 sm:px-6 md:px-8 w-full\u00bb > <\/p>\n<div class=\"grid grid-cols-1 xl:grid-cols-3 gap-6 relative z-30 w-full\">  <div class=\u00bbbg-white rounded-3xl p-5 sm:p-8 shadow-lg relative z-30 w-full\u00bb > <h2 class=\u00bbtext-lg sm:text-2xl font-semibold mb-6 sm:mb-8 text-forest\u00bb > 1. Datos del visitante <\/h2>\n<p> <\/p>\n<div class=\"space-y-4\"> <input type=\u00bbtext\u00bb x-model=\u00bbform.nombre\u00bb placeholder=\u00bbNombre y apellidos\u00bb required class=\u00bbw-full h-12 sm:h-14 border border-stone-300 rounded-xl px-4 text-sm sm:text-base focus:outline-none focus:ring-2 focus:ring-gold\/50 text-stone-900 bg-white\u00bb \/> <input type=\u00bbemail\u00bb x-model=\u00bbform.email\u00bb placeholder=\u00bbCorreo electr\u00f3nico\u00bb required class=\u00bbw-full h-12 sm:h-14 border border-stone-300 rounded-xl px-4 text-sm sm:text-base focus:outline-none focus:ring-2 focus:ring-gold\/50 text-stone-900 bg-white\u00bb \/>  <div class=\u00bbflex items-center w-full h-12 sm:h-14 border border-stone-300 rounded-xl bg-white focus-within:ring-2 focus-within:ring-gold\/50 overflow-hidden phone-container-fix relative\u00bb > <select x-model=\u00bbselectedCountryIso\u00bb @change=\u00bbupdatePhoneAndCountry\u00bb class=\u00bbcountry-select-fix bg-stone-50 px-3 h-full text-xs sm:text-sm focus:outline-none font-medium text-stone-800 cursor-pointer min-w-[85px] sm:min-w-[100px] max-w-[110px]\u00bb > <template x-for=\"c in paisesCodigos\" :key=\"c.iso\"><option :value=\u00bbc.iso\u00bb x-text=\u00bbc.iso + ‘ (‘ + c.code + ‘)'\u00bb ><\/option> <\/template> <\/select> <input type=\u00bbtel\u00bb x-model=\u00bbform.telefono_num\u00bb @input=\u00bbupdatePhoneAndCountry\u00bb placeholder=\u00bbTel\u00e9fono\u00bb required class=\u00bbphone-input-fix flex-1 h-full px-4 focus:outline-none text-stone-900 bg-white text-sm sm:text-base py-0″ \/> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <div class=\u00bbbg-white rounded-3xl p-5 sm:p-8 shadow-lg relative z-20 w-full\u00bb > <h2 class=\u00bbtext-lg sm:text-2xl font-semibold mb-6 sm:mb-8 text-forest\u00bb > 2. Informaci\u00f3n <\/h2>\n<p> <\/p>\n<div class=\"space-y-6\"> <\/p>\n<div> <label class=\u00bbblock mb-2 text-sm sm:text-base font-medium text-stone-700″ >Seleccionar Fecha de Salida<\/label > <select x-model=\u00bbform.fecha_experiencia\u00bb required class=\u00bbform-select-fix w-full h-12 sm:h-14 border border-stone-300 rounded-xl px-4 text-sm sm:text-base focus:outline-none focus:ring-2 focus:ring-gold\/50 bg-stone-50 font-medium\u00bb ><option value=\"\">— Elige una fecha —<\/option> <template x-for=\u00bbfecha in (selectedRoute ? selectedRoute.fechas : [])\u00bb ><option :value=\u00bbfecha\u00bb x-text=\u00bbfecha\u00bb :selected=\u00bbform.fecha_experiencia === fecha\u00bb ><\/option> <\/template> <\/select> <\/div>\n<p> <\/p>\n<div> <label class=\u00bbblock mb-2 text-sm sm:text-base font-medium text-stone-700″ >N\u00famero de jinetes<\/label > <div class=\u00bbflex items-center border rounded-xl overflow-hidden h-12 sm:h-14″ > <button type=\u00bbbutton\u00bb @click=\u00bbif(form.jinetes > 1) form.jinetes–\u00ab class=\u00bbpx-5 h-full bg-stone-50 hover:bg-stone-100 font-bold text-xl\u00bb > – <\/button> <div class=\u00bbflex-1 text-center font-semibold text-lg\u00bb x-text=\u00bbform.jinetes\u00bb ><\/div>\n<p> <button type=\u00bbbutton\u00bb @click=\u00bbform.jinetes++\u00bb class=\u00bbpx-5 h-full bg-stone-50 hover:bg-stone-100 font-bold text-xl\u00bb > + <\/button> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <div class=\u00bbbg-white rounded-3xl p-5 sm:p-8 shadow-lg relative z-10 w-full\u00bb > <h2 class=\u00bbtext-lg sm:text-2xl font-semibold mb-6 sm:mb-8 text-forest\u00bb > 3. Perfil ecuestre <\/h2>\n<p> <\/p>\n<div class=\"space-y-5\"> <\/p>\n<div> <label class=\u00bbblock mb-2 text-sm sm:text-base font-medium text-stone-700″ >Nivel ecuestre<\/label > <\/p>\n<div class=\"grid grid-cols-3 gap-1.5\"> <button type=\u00bbbutton\u00bb @click=\u00bbform.nivel = ‘Intermedio'\u00bb :class=\u00bbform.nivel === ‘Intermedio’ ? ‘bg-forest text-white’ : ‘border text-stone-700′\u00bb class=\u00bbrounded-xl py-2.5 px-1 text-[10px] sm:text-xs font-medium transition\u00bb > Intermedio <\/button> <button type=\u00bbbutton\u00bb @click=\u00bbform.nivel = ‘Avanzado I'\u00bb :class=\u00bbform.nivel === ‘Avanzado I’ ? ‘bg-forest text-white’ : ‘border text-stone-700′\u00bb class=\u00bbrounded-xl py-2.5 px-1 text-[10px] sm:text-xs font-medium transition\u00bb > Avanzado I <\/button> <button type=\u00bbbutton\u00bb @click=\u00bbform.nivel = ‘Avanzado II'\u00bb :class=\u00bbform.nivel === ‘Avanzado II’ ? ‘bg-forest text-white’ : ‘border text-stone-700′\u00bb class=\u00bbrounded-xl py-2.5 px-1 text-[10px] sm:text-xs font-medium transition\u00bb > Avanzado II <\/button> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div> <label class=\u00bbblock mb-2 text-sm sm:text-base font-medium text-stone-700″ >\u00bfPosee casco propio?<\/label > <\/p>\n<div class=\"grid grid-cols-2 gap-3\"> <button type=\u00bbbutton\u00bb @click=\u00bbform.casco_propio = true\u00bb :class=\u00bbform.casco_propio ? ‘bg-forest text-white’ : ‘border'\u00bb class=\u00bbpy-2.5 sm:py-3 rounded-xl text-xs sm:text-sm transition\u00bb > S\u00ed <\/button> <button type=\u00bbbutton\u00bb @click=\u00bbform.casco_propio = false\u00bb :class=\u00bb!form.casco_propio ? ‘bg-forest text-white’ : ‘border'\u00bb class=\u00bbpy-2.5 sm:py-3 rounded-xl text-xs sm:text-sm transition\u00bb > No <\/button> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div x-show=\"!form.casco_propio\" class=\"space-y-2\"> <label class=\u00bbblock text-xs sm:text-sm font-medium text-stone-700″ >Circunferencia cabeza (Medida EU)<\/label > <select x-model=\u00bbform.talla_casco\u00bb class=\u00bbform-select-fix w-full h-12 sm:h-14 border border-stone-300 rounded-xl px-4 text-xs sm:text-sm focus:outline-none focus:ring-2 focus:ring-gold\/50 text-stone-900 bg-white cursor-pointer font-medium\u00bb ><option value=\"53 cm\">53 cm<\/option><option value=\"54 cm\">54 cm<\/option><option value=\"55 cm\">55 cm<\/option><option value=\"56 cm\">56 cm<\/option><option value=\"57 cm\">57 cm<\/option><option value=\"58 cm\">58 cm<\/option><option value=\"59 cm\">59 cm<\/option><option value=\"60 cm\">60 cm<\/option><option value=\"61 cm\">61 cm<\/option> <\/select> <\/div>\n<p> <\/p>\n<div> <label class=\u00bbfont-medium block mb-2 text-sm sm:text-base text-stone-700″ >A\u00f1os montando<\/label > <\/p>\n<div class=\"grid grid-cols-2 gap-2 text-[10px] sm:text-xs\"> <template x-for=\u00bbopcion in [‘1-3 a\u00f1os’, ‘3-5 a\u00f1os’, ‘5-10 a\u00f1os’, ‘+10 a\u00f1os’]\u00bb > <button type=\u00bbbutton\u00bb @click=\u00bbform.anos_montando = opcion\u00bb :class=\u00bbform.anos_montando === opcion ? ‘bg-amber-600 text-white border-amber-600 font-bold’ : ‘border bg-white hover:bg-stone-50′\u00bb class=\u00bbpy-2.5 px-2 rounded-xl transition\u00bb x-text=\u00bbopcion\u00bb ><\/button> <\/template> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div> <label class=\u00bbfont-medium block mb-2 text-sm sm:text-base text-stone-700″ >\u00bfHa montado a campo abierto?<\/label > <\/p>\n<div class=\"space-y-2 text-xs sm:text-sm text-stone-700\"> <label class=\"flex items-center gap-3 cursor-pointer\" ><input type=\u00bbradio\u00bb value=\u00bbS\u00ed habitualmente\u00bb x-model=\u00bbform.campo_abierto\u00bb class=\u00bbaccent-forest\u00bb \/> S\u00ed habitualmente<\/label > <label class=\"flex items-center gap-3 cursor-pointer\" ><input type=\u00bbradio\u00bb value=\u00bbAlguna vez\u00bb x-model=\u00bbform.campo_abierto\u00bb class=\u00bbaccent-forest\u00bb \/> Alguna vez<\/label > <label class=\"flex items-center gap-3 cursor-pointer\" ><input type=\u00bbradio\u00bb value=\u00bbNever\u00bb x-model=\u00bbform.campo_abierto\u00bb class=\u00bbaccent-forest\u00bb \/> Nunca<\/label > <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <div class=\u00bbgrid grid-cols-1 xl:grid-cols-3 gap-6 mt-6 relative z-10 w-full\u00bb > <div class=\u00bbxl:col-span-2 bg-white rounded-3xl p-5 sm:p-8 shadow-lg w-full\u00bb > <h2 class=\u00bbtext-lg sm:text-2xl font-semibold mb-6 sm:mb-8 text-forest\u00bb > 4. Preferencias gastron\u00f3micas <\/h2>\n<p> <div class=\u00bbgrid grid-cols-2 sm:grid-cols-4 gap-2 text-[10px] sm:text-xs md:text-sm\u00bb > <template x-for=\u00bbgastroOpt in [‘Sin restricciones’, ‘Vegetariano’, ‘Vegano’, ‘Cel\u00edaco’]\u00bb > <button type=\u00bbbutton\u00bb @click=\u00bbform.gastronomia = gastroOpt\u00bb :class=\u00bbform.gastronomia === gastroOpt ? ‘bg-forest text-white font-semibold’ : ‘border bg-white'\u00bb class=\u00bbrounded-xl py-2.5 px-2 sm:p-3 transition\u00bb x-text=\u00bbgastroOpt\u00bb ><\/button> <\/template> <\/div>\n<p> <textarea rows=\u00bb4″ x-model=\u00bbform.comentarios\u00bb placeholder=\u00bbComentarios adicionales sobre alergia o restricciones gastron\u00f3micas…\u00bb class=\u00bbw-full border border-stone-300 rounded-xl p-3.5 sm:p-4 mt-6 text-xs sm:text-sm focus:outline-none focus:ring-2 focus:ring-gold\/50 text-stone-900 bg-white\u00bb ><\/textarea> <\/div>\n<p>  <div class=\u00bbbg-white rounded-3xl overflow-hidden shadow-lg flex flex-col w-full\u00bb > <img src=\u00bbhttps:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/experiencias.jpg\u00bb class=\u00bbh-40 sm:h-48 w-full object-cover\u00bb \/> <\/p>\n<div class=\"p-5 sm:p-6 flex-1\"> <\/p>\n<h2 class=\"text-lg sm:text-xl font-semibold mb-4 text-forest\"> 5. Autorizaciones <\/h2>\n<p> <div class=\u00bbspace-y-4 text-[11px] sm:text-xs leading-relaxed text-stone-600″ > <label class=\"flex gap-3 items-start cursor-pointer\"> <input type=\u00bbcheckbox\u00bb x-model=\u00bbform.authDatos\u00bb class=\u00bbmt-1 accent-forest w-4 h-4 shrink-0″ \/> <span >Acepto el tratamiento de mis datos personales para la gesti\u00f3n de la reserva.<\/span > <\/label> <label class=\"flex gap-3 items-start cursor-pointer\"> <input type=\u00bbcheckbox\u00bb x-model=\u00bbform.authImagenes\u00bb class=\u00bbmt-1 accent-forest w-4 h-4 shrink-0″ \/> <span >Autorizo el uso de im\u00e1genes promocionales no comerciales.<\/span > <\/label>  <label class=\u00bbflex gap-3 items-start cursor-pointer border-t pt-3 border-stone-100″ > <input type=\u00bbcheckbox\u00bb x-model=\u00bbform.authCondiciones\u00bb class=\u00bbmt-1 accent-forest w-4 h-4 shrink-0″ \/> <span >He le\u00eddo y acepto las <a href=\u00bbhttps:\/\/madridhorsetour.com\/es\/condiciones-reservas\/\u00bb target=\u00bb_blank\u00bb class=\u00bbtext-gold font-semibold hover:underline inline-flex items-center gap-1″ >condiciones de reservas <svg xmlns=\u00bbhttp:\/\/www.w3.org\/2000\/svg\u00bb class=\u00bbh-3 w-3 inline\u00bb fill=\u00bbnone\u00bb viewBox=\u00bb0 0 24 24″ stroke=\u00bbcurrentColor\u00bb > <path stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb stroke-width=\u00bb2″ d=\u00bbM10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14″ \/><\/svg><\/a >.<\/span > <\/label> <\/div>\n<p> <div x-show=\u00bbshowAuthError\u00bb class=\u00bbmt-4 p-3 bg-red-50 text-red-700 rounded-xl text-xs font-semibold border border-red-200″ x-transition > \u26a0\ufe0f No se puede proceder a reservar si no aceptas la autorizaci\u00f3n del tratamiento de tus datos personales y condiciones de reserva. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"flex flex-col sm:flex-row gap-4 mt-8 w-full\"> <button type=\u00bbbutton\u00bb @click=\u00bbstep = ‘catalog'\u00bb class=\u00bbbg-white border text-stone-700 py-3 sm:py-4 px-6 sm:px-8 rounded-2xl font-medium hover:bg-stone-50 transition text-sm sm:text-base order-2 sm:order-1″ > \u2190 Volver al cat\u00e1logo <\/button> <div class=\u00bbflex-1 bg-white rounded-2xl flex items-center justify-center p-3 sm:p-4 border text-stone-500 text-xs sm:text-sm text-center order-3 sm:order-2″ > \u00bfNecesitas ayuda asistida? Llamar al +34 689 671 446 <\/div>\n<p> <button type=\u00bbsubmit\u00bb class=\u00bbbg-gold text-white py-3.5 sm:py-4 px-8 sm:px-12 rounded-2xl font-semibold hover:bg-amber-700 transition shadow-lg text-sm sm:text-base order-1 sm:order-3″ > CONTINUAR Y RESERVAR \u2192 <\/button> <\/div>\n<p> <\/form>\n<p> <\/div>\n<p>    <div x-show=\u00bbstep === ‘checkout'\u00bb class=\u00bbbg-cream text-stone-900 min-h-screen w-full overflow-x-hidden\u00bb > <section class=\u00bbrelative h-[350px] md:h-[400px] overflow-hidden flex items-center\u00bb > <img src=\u00bbhttps:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/experiencias.jpg\u00bb class=\u00bbabsolute inset-0 w-full h-full object-cover\u00bb \/> <\/p>\n<div class=\"absolute inset-0 bg-black\/55\"><\/div>\n<p> <div class=\u00bbrelative z-10 max-w-7xl mx-auto px-4 sm:px-6 md:px-8 w-full text-white\u00bb > <\/p>\n<h1 class=\"font-title text-4xl sm:text-6xl md:text-7xl\"> Finaliza tu <span class=\"italic text-gold\">reserva<\/span> <\/h1>\n<p> <pee class=\"mt-4 text-sm md:text-lg max-w-lg text-stone-200\"> Su plaza est\u00e1 garantizada temporalmente durante los pr\u00f3ximos 15 minutos mientras formaliza el pago seguro. <\/pee> <\/div>\n<p> <\/section>\n<p> <div class=\u00bbmax-w-7xl mx-auto -mt-20 relative z-20 pb-20 px-4 sm:px-6 md:px-8 w-full\u00bb > <\/p>\n<div class=\"grid grid-cols-1 lg:grid-cols-12 gap-6 w-full\">  <div class=\u00bblg:col-span-4 bg-white rounded-3xl p-6 sm:p-8 shadow-xl flex flex-col justify-between w-full\u00bb > <\/p>\n<div> <\/p>\n<h2 class=\"font-semibold text-xl mb-6 text-forest\"> 1. Resumen de su reserva <\/h2>\n<p> <\/p>\n<div class=\"space-y-4 text-xs sm:text-sm border-b pb-6\"> <\/p>\n<div class=\"flex justify-between\"> <span class=\"text-stone-500\">Ruta:<\/span ><span class=\u00bbfont-medium text-right ml-2″ x-text=\u00bbselectedRoute ? selectedRoute.nombre : \u00bb\u00bb ><\/span> <\/div>\n<p> <\/p>\n<div class=\"flex justify-between\"> <span class=\"text-stone-500\">Duraci\u00f3n:<\/span ><span class=\u00bbfont-medium\u00bb x-text=\u00bbselectedRoute ? selectedRoute.duracion : ‘-‘\u00bb ><\/span> <\/div>\n<p> <\/p>\n<div class=\"flex justify-between\"> <span class=\"text-stone-500\">Fecha Elegida:<\/span ><span class=\u00bbfont-semibold text-forest\u00bb x-text=\u00bbform.fecha_experiencia\u00bb ><\/span> <\/div>\n<p> <\/p>\n<div class=\"flex justify-between\"> <span class=\"text-stone-500\">Participantes:<\/span ><span class=\u00bbfont-medium\u00bb x-text=\u00bbform.jinetes + ‘ Jinete(s)'\u00bb ><\/span> <\/div>\n<p> <\/p>\n<div class=\"flex justify-between\"> <span class=\"text-stone-500\">Nivel T\u00e9cnico:<\/span ><span class=\"font-medium\" x-text=\"form.nivel\"><\/span> <\/div>\n<p> <\/p>\n<div class=\"flex justify-between\"> <span class=\"text-stone-500\">C\u00f3digo Localizador:<\/span ><span class=\"font-mono font-bold text-amber-700\" >MHT-2505-0187<\/span > <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"mt-8 p-5 sm:p-6 rounded-2xl bg-stone-50 border\"> <div class=\u00bbtext-xs uppercase tracking-wider text-stone-500 font-semibold\u00bb > Importe total neto <\/div>\n<p> <div class=\u00bbfont-title text-3xl sm:text-5xl text-gold mt-2 font-bold\u00bb > <span x-text=\"formatPrice(form.precio_total)\"><\/span> \u20ac <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <div class=\u00bblg:col-span-8 bg-white rounded-3xl p-6 sm:p-8 shadow-xl w-full flex flex-col justify-between\u00bb > <\/p>\n<div> <\/p>\n<h2 class=\"font-semibold text-xl mb-6 text-forest\"> 2. Pasarela de Pago Encriptada <\/h2>\n<p> <div class=\u00bbp-6 rounded-2xl bg-slate-50 border border-stone-200 space-y-6″ > <\/p>\n<div class=\"flex items-center gap-3\"> <span class=\"text-3xl\">\ud83d\udd12<\/span> <\/p>\n<div> <\/p>\n<h3 class=\"font-bold text-stone-800 text-sm sm:text-base\"> Procesamiento Encriptado SSL de Stripe <\/h3>\n<p> <pee class=\"text-stone-500 text-xs mt-0.5\"> Madrid Horse Tours cumple estrictamente con el est\u00e1ndar de seguridad PCI-DSS. <\/pee> <\/div>\n<p> <\/div>\n<p> <pee class=\"text-stone-600 text-xs sm:text-sm leading-relaxed\"> Al hacer clic en <strong class=\"text-forest\">CONFIRMAR Y PAGAR<\/strong>, abriremos el portal encriptado oficial de <strong>Stripe<\/strong>. All\u00ed podr\u00e1 abonar con total comodidad mediante la modalidad de su preferencia compatible para Espa\u00f1a: <\/pee>  <\/p>\n<div class=\"grid grid-cols-2 sm:grid-cols-4 gap-3 pt-2\"> <div class=\u00bbp-3 bg-white border rounded-xl flex flex-col items-center justify-center text-center shadow-sm\u00bb > <span class=\"text-2xl mb-1\">\ud83d\udcb3<\/span> <span class=\"text-[10px] font-bold text-stone-600 uppercase\" >Tarjetas<\/span > <span class=\"text-[8px] text-stone-400\" >Cr\u00e9dito \/ D\u00e9bito<\/span > <\/div>\n<p> <div class=\u00bbp-3 bg-white border rounded-xl flex flex-col items-center justify-center text-center shadow-sm\u00bb > <span class=\"text-2xl mb-1\">\ud83d\udcf1<\/span> <span class=\"text-[10px] font-bold text-stone-600 uppercase\" >Bizum<\/span > <span class=\"text-[8px] text-stone-400\" >Pago instant\u00e1neo<\/span > <\/div>\n<p> <div class=\u00bbp-3 bg-white border rounded-xl flex flex-col items-center justify-center text-center shadow-sm\u00bb > <span class=\"text-2xl mb-1\">\ud83c\udf4e<\/span> <span class=\"text-[10px] font-bold text-stone-600 uppercase\" >Apple Pay<\/span > <span class=\"text-[8px] text-stone-400\" >Un clic en iOS<\/span > <\/div>\n<p> <div class=\u00bbp-3 bg-white border rounded-xl flex flex-col items-center justify-center text-center shadow-sm\u00bb > <span class=\"text-2xl mb-1\">\ud83e\udd16<\/span> <span class=\"text-[10px] font-bold text-stone-600 uppercase\" >Google Pay<\/span > <span class=\"text-[8px] text-stone-400\" >Un clic en Android<\/span > <\/div>\n<p> <\/div>\n<p> <div class=\u00bbp-4 bg-amber-50 rounded-xl border border-amber-200 text-stone-700 text-xs leading-relaxed\u00bb > \ud83d\udca1 <strong>Aviso de retorno:<\/strong> Tras validar la transacci\u00f3n de forma exitosa en su aplicaci\u00f3n bancaria, retornar\u00e1 de manera autom\u00e1tica a nuestro sitio para visualizar y descargar su justificante oficial en PDF. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <div class=\u00bbmt-8 pt-6 border-t border-stone-100 flex flex-col sm:flex-row gap-4 w-full\u00bb > <button type=\u00bbbutton\u00bb @click=\u00bbstep = ‘reserva'\u00bb :disabled=\u00bbsending\u00bb class=\u00bbbg-white border text-stone-600 h-14 sm:h-16 px-6 sm:px-8 rounded-xl font-medium hover:bg-stone-50 transition text-sm sm:text-base w-full sm:w-auto\u00bb > \u2190 Modificar Datos <\/button> <button type=\u00bbbutton\u00bb @click=\u00bbprocesarPagoStripe()\u00bb :disabled=\u00bbsending\u00bb class=\u00bbflex-1 bg-gradient-to-r from-forest to-emerald-900 text-white rounded-xl h-14 sm:h-16 text-sm sm:text-lg font-bold hover:brightness-110 shadow-lg transition disabled:opacity-50 flex flex-col items-center justify-center\u00bb > <span x-text=\u00bbsending ? ‘PROCESANDO CONEXI\u00d3N SEGURA…’ : ‘CONFIRMAR Y PAGAR AHORA'\u00bb ><\/span> <span x-show=\u00bb!sending\u00bb class=\u00bbblock text-gold text-[10px] sm:text-xs tracking-wider font-normal font-sans\u00bb x-text=\u00bbformatPrice(form.precio_total) + ‘ \u20ac'\u00bb ><\/span> <\/button> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>    <div x-show=\u00bbstep === ‘confirmacion'\u00bb id=\u00bbstep-confirmacion\u00bb class=\u00bbbg-[#f5f2ed] text-stone-900 min-h-screen pb-24 w-full overflow-x-hidden\u00bb > <section class=\u00bbrelative h-[350px] md:h-[420px] overflow-hidden flex items-center no-print\u00bb > <img src=\u00bbhttps:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/experiencias.jpg\u00bb class=\u00bbabsolute inset-0 w-full h-full object-cover\u00bb \/> <\/p>\n<div class=\"absolute inset-0 bg-black\/55\"><\/div>\n<p> <div class=\u00bbrelative z-10 max-w-7xl mx-auto px-4 sm:px-6 md:px-8 w-full text-white\u00bb > <h1 class=\u00bbtext-white text-3xl sm:text-6xl md:text-7xl font-title leading-none\u00bb > \u00a1Gracias por <span class=\"text-[#c79a57] italic\">reservar!<\/span> <\/h1>\n<p> <pee class=\"text-white\/90 text-sm sm:text-lg mt-4 max-w-xl\"> Tu plaza para la experiencia ecuestre est\u00e1 confirmada y bloqueada en firme. <\/pee> <\/div>\n<p> <\/section>\n<p> <\/p>\n<div class=\"hidden print:block w-full text-center border-b pb-6 mb-6\"> <h1 class=\u00bbtext-3xl font-serif text-forest tracking-widest font-bold uppercase\u00bb > MADRID HORSE TOURS <\/h1>\n<p> <p class=\u00bbtext-xs tracking-[4px] text-amber-600 mt-1 uppercase font-semibold\u00bb > Resguardo Oficial de Reserva de Plaza <\/pee> <\/div>\n<p> <section class=\u00bbmax-w-7xl mx-auto md:-mt-20 relative z-20 px-4 sm:px-6 md:px-8 w-full\u00bb > <div class=\u00bbbg-white rounded-[32px] md:shadow-2xl p-5 sm:p-12 print:p-0 print:border-none w-full\u00bb >  <\/p>\n<div class=\"print-page-1 flex flex-col justify-between w-full\"> <\/p>\n<div> <div class=\u00bbborder border-stone-200 rounded-2xl overflow-hidden print-card-style mb-6″ > <\/p>\n<div class=\"p-4 sm:p-5 bg-stone-50 border-b border-stone-200\"> <h2 class=\u00bbtext-xs sm:text-sm font-bold tracking-wider text-stone-500 uppercase\u00bb > RESUMEN DE TU LOCALIZADOR <\/h2>\n<p> <\/div>\n<p> <\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2\"> <\/p>\n<div class=\"p-5 sm:p-6\"> <div class=\u00bbtext-[10px] sm:text-xs uppercase text-stone-400 font-semibold tracking-wider\u00bb > C\u00f3digo identificador \u00fanico <\/div>\n<p> <div class=\u00bbtext-2xl sm:text-4xl font-serif text-forest font-bold mt-1″ x-text=\u00bbform.localizador\u00bb ><\/div>\n<p> <\/div>\n<p> <div class=\u00bbp-5 sm:p-6 border-t md:border-t-0 md:border-l border-stone-200 text-xs sm:text-sm space-y-2 text-stone-600″ > <\/p>\n<div> <strong>Fecha de salida:<\/strong> <span class=\u00bbtext-black font-semibold\u00bb x-text=\u00bbform.fecha_experiencia\u00bb ><\/span> <\/div>\n<p> <\/p>\n<div><strong>Hora de reuni\u00f3n t\u00e9cnica:<\/strong> 10:00 h<\/div>\n<p> <\/p>\n<div> <strong>Punto de encuentro:<\/strong> Soto del Real, Madrid <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <div class=\u00bbborder border-stone-200 rounded-2xl p-5 sm:p-6 print-card-style mb-6″ > <div class=\u00bbtext-[10px] sm:text-xs uppercase font-bold text-[#c79a57] tracking-widest\u00bb > Aventura Asignada <\/div>\n<p> <h3 class=\u00bbtext-xl sm:text-3xl font-serif text-forest mt-1 font-bold\u00bb x-text=\u00bbselectedRoute ? selectedRoute.nombre : \u00bb\u00bb ><\/h3>\n<p> <div class=\u00bbmt-2 text-stone-500 text-xs sm:text-sm\u00bb x-text=\u00bb(selectedRoute ? selectedRoute.duracion : \u00bb) + ‘ \u00b7 Nivel ‘ + form.nivel\u00bb ><\/div>\n<p> <\/div>\n<p> <div class=\u00bbborder border-stone-200 rounded-2xl p-5 sm:p-6 print-card-style\u00bb > <h4 class=\u00bbfont-bold text-forest uppercase text-xs sm:text-sm tracking-wider mb-4″ > Informaci\u00f3n de contacto <\/h4>\n<p> <\/p>\n<ul class=\"space-y-3 text-stone-600 text-xs sm:text-sm\"> <\/p>\n<li> <strong>Pasajero Principal:<\/strong> <span class=\"text-black\" x-text=\"form.nombre\"><\/span> <\/li>\n<p> <\/p>\n<li> <strong>Email registrado:<\/strong> <span class=\"text-black\" x-text=\"form.email\"><\/span> <\/li>\n<p> <\/p>\n<li> <strong>Tel\u00e9fono de contacto:<\/strong> <span class=\"text-black\" x-text=\"form.telefono\"><\/span> <\/li>\n<p> <\/ul>\n<p> <\/div>\n<p> <\/div>\n<p> <div class=\u00bbhidden print:block text-center text-[10px] text-stone-400 border-t pt-4″ > P\u00e1gina 1 de 2 \u00b7 Madrid Horse Tours \u00b7 www.madridhorsetour.com <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"print-page-2 flex flex-col justify-between w-full\"> <\/p>\n<div> <\/p>\n<div class=\"hidden print:block w-full border-b pb-4 mb-6\"> <span class=\u00bbtext-xs uppercase font-bold text-forest tracking-widest\u00bb >Anexo de Seguridad e Itinerario Log\u00edstico<\/span > <\/div>\n<p> <\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\"> <div class=\u00bbborder border-stone-200 rounded-2xl p-5 sm:p-6 print-card-style text-xs sm:text-sm\u00bb > <h4 class=\u00bbfont-bold text-forest uppercase text-xs sm:text-sm tracking-wider mb-4″ > Par\u00e1metros de Seguridad <\/h4>\n<p> <\/p>\n<ul class=\"space-y-3 text-stone-600\"> <\/p>\n<li> <strong>N\u00famero total de plazas:<\/strong> <span class=\u00bbtext-black font-semibold\u00bb x-text=\u00bbform.jinetes\u00bb ><\/span> <\/li>\n<p> <\/p>\n<li> <strong>Casco de protecci\u00f3n:<\/strong> <span class=\u00bbtext-black\u00bb x-text=\u00bbform.casco_propio ? ‘Propio’ : ‘Proporcionado por MHT'\u00bb ><\/span> <\/li>\n<p> <\/p>\n<li> <strong>Medida de casco EU registrada:<\/strong> <span class=\u00bbtext-black\u00bb x-text=\u00bbform.casco_propio ? ‘N\/A’ : form.talla_casco\u00bb ><\/span> <\/li>\n<p> <\/ul>\n<p> <\/div>\n<p> <div class=\u00bbborder border-stone-200 rounded-2xl p-5 sm:p-6 print-card-style text-xs sm:text-sm\u00bb > <h4 class=\u00bbfont-bold text-forest uppercase text-xs sm:text-sm tracking-wider mb-4″ > Preferencias Gastron\u00f3micas <\/h4>\n<p> <\/p>\n<ul class=\"space-y-3 text-stone-600\"> <\/p>\n<li> <strong>Restricci\u00f3n alimentaria:<\/strong> <span class=\"text-black\" x-text=\"form.gastronomia\"><\/span> <\/li>\n<p> <\/p>\n<li> <strong>Comentarios y alergias:<\/strong> <span class=\u00bbtext-black italic\u00bb x-text=\u00bbform.comentarios ? form.comentarios : ‘Ninguna especificada'\u00bb ><\/span> <\/li>\n<p> <\/ul>\n<p> <\/div>\n<p> <\/div>\n<p> <div class=\u00bbbg-[#f8f7f3] rounded-3xl p-5 sm:p-6 border border-stone-200 print-card-style relative\u00bb > <h3 class=\u00bbtext-lg sm:text-xl font-serif text-forest font-bold mb-2″ > Comprobante y Pautas de Ruta <\/h3>\n<p> <p class=\u00bbtext-[11px] sm:text-xs text-stone-500 leading-relaxed\u00bb > Le recordamos que es indispensable presentarse con pantal\u00f3n largo adecuado para montar y calzado cerrado. El gu\u00eda principal verificar\u00e1 el estado de las cinchas y estribos antes de dar inicio a la salida. Una copia formalizada con el itinerario detallado ha sido enviada a su correo. <\/pee> <div class=\u00bbabsolute bottom-16 left-1\/2 -translate-x-1\/2 bg-emerald-800 text-white font-medium text-xs px-4 py-2.5 rounded-lg shadow-lg border border-emerald-600 text-center w-[90%]\u00bb x-show=\u00bbshowEmailToast\u00bb x-transition > Resguardo reenviado correctamente al correo. <\/div>\n<p> <\/p>\n<div class=\"flex flex-col sm:flex-row gap-4 no-print mt-4\"> <button type=\u00bbbutton\u00bb @click=\u00bbshowEmailToast = true; setTimeout(() => showEmailToast = false, 3500)\u00bb class=\u00bbflex-1 h-12 rounded-xl bg-[#0e3b2c] text-white font-medium text-sm hover:opacity-95 transition\u00bb > Reenviar por Email <\/button> <button type=\u00bbbutton\u00bb @click=\u00bbwindow.print()\u00bb class=\u00bbflex-1 h-12 rounded-xl border border-stone-300 bg-white font-medium text-sm hover:bg-stone-50 transition\u00bb > Imprimir \/ Descargar PDF <\/button> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <div class=\u00bbhidden print:block text-center text-[10px] text-stone-400 border-t pt-4″ > P\u00e1gina 2 de 2 \u00b7 Consultas T\u00e9cnicas: info@madridhorsetours.es \u00b7 Soporte WhatsApp: +34 689 671 446 <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <\/div>\n<p> <\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Reserva tu experiencia | Madrid Horse Tours href=\u00bbhttps:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Inter:wght@300;400;500;600;700&display=swap\u00bb rel=\u00bbstylesheet\u00bb \/ href=\u00bbhttps:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Inter:wght@400;500;600&display=swap\u00bb rel=\u00bbstylesheet\u00bb \/ x-data=\u00bbmhtApp\u00bb x-cloak class=\u00bbfont-body antialiased selection:bg-amber-500 selection:text-black bg-[#0F1115] overflow-x-hidden w-full\u00bb class=\u00bbmht-top-banner\u00bb id=\u00bbmhtTopBanner\u00bb role=\u00bbregion\u00bb aria-label=\u00bbPr\u00f3xima apertura de reservas\u00bb width=\u00bb34″ height=\u00bb34″ viewBox=\u00bb0 0 1920 1920″ stroke=\u00bb#c8a15a\u00bb fill=\u00bb#c8a15a\u00bb stroke-width=\u00bb35″ stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb d=\u00bbM1439.667 1226.667H1333V1440c0 14.187 5.653 27.733 15.573 37.76l123.414 123.306 75.413-75.413-107.733-107.733z\u00bb \/ d=\u00bbM1386.333 1813.333C1180.467 1813.333 1013 1645.867 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-3000","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/pages\/3000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/comments?post=3000"}],"version-history":[{"count":15,"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/pages\/3000\/revisions"}],"predecessor-version":[{"id":3709,"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/pages\/3000\/revisions\/3709"}],"wp:attachment":[{"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/media?parent=3000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3000,"date":"2026-06-19T02:12:40","date_gmt":"2026-06-19T02:12:40","guid":{"rendered":"https:\/\/madridhorsetour.com\/experiencias\/"},"modified":"2026-07-25T18:30:44","modified_gmt":"2026-07-25T18:30:44","slug":"experiencias","status":"publish","type":"page","link":"https:\/\/madridhorsetour.com\/es\/experiencias\/","title":{"rendered":"calendario_rutas"},"content":{"rendered":"

[et_pb_section fb_built=\u00bb1″ _builder_version=\u00bb4.27.6″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.27.6″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.27.6″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_code admin_label=\u00bbCode\u00bb _builder_version=\u00bb4.27.6″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″] Reserva tu experiencia | Madrid Horse Tours<\/title>  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>  <link href=\u00bbhttps:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Inter:wght@300;400;500;600;700&display=swap\u00bb rel=\u00bbstylesheet\u00bb \/>  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/> <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/> <link href=\u00bbhttps:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Inter:wght@400;500;600&display=swap\u00bb rel=\u00bbstylesheet\u00bb \/> <\/p>\n<style> .mht-top-banner { --banner-bg: #f5ede2; --banner-border: #dcc7ab; --banner-text: #3f2f1f; --banner-accent: #c8a15a; --banner-shadow: 0 10px 24px rgba(50, 32, 16, 0.1); position: relative; display: flex; align-items: center; gap: 20px; width: 100%; padding: 20px 20px 20px 30px; margin: 0 0 0 0; background: linear-gradient(180deg, #f8f1e8 0%, var(--banner-bg) 100%); border: 1px solid var(--banner-border); box-shadow: var(--banner-shadow); color: var(--banner-text); overflow: hidden; } .mht-top-banner::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; background: radial-gradient( circle at top left, rgba(255, 255, 255, 0.45), transparent 42% ), radial-gradient( circle at bottom right, rgba(200, 161, 90, 0.1), transparent 38% ); } .mht-top-banner__icon { position: relative; z-index: 1; flex: 0 0 42px; width: 42px; height: 42px; color: var(--banner-accent); } .mht-top-banner__content { position: relative; z-index: 1; min-width: 0; flex: 1 1 auto; } .mht-top-banner__title { margin: 0 0 7px 0; font-family: \"Inter\", sans-serif; font-size: 15px; line-height: 1.15; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: #2f2115; } .mht-top-banner__text { margin: 0; font-family: \"Cormorant Garamond\", serif; font-size: 25px; line-height: 1.04; font-weight: 600; color: var(--banner-text); } .mht-top-banner__text strong { font-weight: 700; color: #2d1f14; } .mht-top-banner__close { position: relative; z-index: 1; flex: 0 0 auto; width: 40px; height: 40px; margin-left: 4px; padding: 0; border: 0; border-radius: 999px; background: transparent; color: #8b7760; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease; } .mht-top-banner__close:hover { background: rgba(139, 119, 96, 0.1); color: #5f4c39; transform: scale(1.05); } .mht-top-banner__close:focus { outline: none; } .mht-top-banner__close:focus-visible { box-shadow: 0 0 0 3px rgba(200, 161, 90, 0.3); } .mht-top-banner__close svg { width: 22px; height: 22px; stroke: currentColor; } .mht-top-banner.is-hidden { display: none !important; } @media (max-width: 767px) { .mht-top-banner { gap: 8px; padding: 20px 0px 20px 10px; margin-bottom: 0px; align-items: center; } .mht-top-banner__icon { flex-basis: 34px; width: 34px; height: 34px; } .mht-top-banner__title { font-size: 12px; margin-bottom: 8px; letter-spacing: 0.05em; } .mht-top-banner__text { font-size: 17px; line-height: 1.12; } .mht-top-banner__close { width: 34px; height: 34px; margin-left: 0; } .mht-top-banner__close svg { width: 20px; height: 20px; } } <\/style>\n<p>   <script> tailwind.config = { theme: { extend: { colors: { gold: \"#B08A4A\", dark: \"#0F1115\", card: \"#F6F3EF\", forest: \"#0F2A1E\", cream: \"#F5F1EC\", }, fontFamily: { title: [\"Cormorant Garamond\", \"serif\"], serif: [\"Cormorant Garamond\", \"serif\"], body: [\"Inter\", \"sans-serif\"], sans: [\"Inter\", \"sans-serif\"], }, }, }, }; <\/script>  <script> document.addEventListener(\"alpine:init\", () => { Alpine.data(\"mhtApp\", () => ({ step: \"catalog\", sending: false, showAuthError: false, showEmailToast: false, \/\/ Variable reactiva para controlar la ruta seleccionada en el \"Ver m\u00e1s\" modalRoute: null, \/\/ URL unificada de Google Apps Script actualizada al 100% con tu nueva implementaci\u00f3n estable googleScriptUrl: \"https:\/\/script.google.com\/macros\/s\/AKfycbwhXQPZgfobGwT35o3WJyaxWa1x4Lh8wqyj8WxmnGpTOxY6XDTW3iGaH3Jnn_iZtnkWlw\/exec\", rutasCortas: [], rutasLargas: [], selectedRoute: null, metodo: \"visa\", factura: false, selectedCountryIso: \"ES\", paisesCodigos: [ { iso: \"ES\", code: \"+34\", name: \"Espa\u00f1a\" }, { iso: \"AE\", code: \"+971\", name: \"Emiratos \u00c1rabes Unidos\" }, { iso: \"AR\", code: \"+54\", name: \"Argentina\" }, { iso: \"AT\", code: \"+43\", name: \"Austria\" }, { iso: \"AU\", code: \"+61\", name: \"Australia\" }, { iso: \"BE\", code: \"+32\", name: \"B\u00e9lgica\" }, { iso: \"BR\", code: \"+55\", name: \"Brasil\" }, { iso: \"CA\", code: \"+1\", name: \"Canad\u00e1\" }, { iso: \"CH\", code: \"+41\", name: \"Suiza\" }, { iso: \"CL\", code: \"+56\", name: \"Chile\" }, { iso: \"CN\", code: \"+86\", name: \"China\" }, { iso: \"CO\", code: \"+57\", name: \"Colombia\" }, { iso: \"CR\", code: \"+506\", name: \"Costa Rica\" }, { iso: \"DE\", code: \"+49\", name: \"Alemania\" }, { iso: \"DK\", code: \"+45\", name: \"Dinamarca\" }, { iso: \"DO\", code: \"+1\", name: \"Rep\u00fablica Dominicana\" }, { iso: \"EC\", code: \"+593\", name: \"Ecuador\" }, { iso: \"FI\", code: \"+358\", name: \"Finlandia\" }, { iso: \"FR\", code: \"+33\", name: \"Francia\" }, { iso: \"GB\", code: \"+44\", name: \"Reino Unido\" }, { iso: \"GR\", code: \"+30\", name: \"Grecia\" }, { iso: \"IE\", code: \"+353\", name: \"Irlanda\" }, { iso: \"IN\", code: \"+91\", name: \"India\" }, { iso: \"IT\", code: \"+39\", name: \"Italia\" }, { iso: \"JP\", code: \"+81\", name: \"Jap\u00f3n\" }, { iso: \"KR\", code: \"+82\", name: \"Corea del Sur\" }, { iso: \"MA\", code: \"+212\", name: \"Marruecos\" }, { iso: \"MX\", code: \"+52\", name: \"M\u00e9xico\" }, { iso: \"NL\", code: \"+31\", name: \"Pa\u00edses Bajos\" }, { iso: \"NO\", code: \"+47\", name: \"Noruega\" }, { iso: \"NZ\", code: \"+64\", name: \"Nueva Zelanda\" }, { iso: \"PA\", code: \"+507\", name: \"Panam\u00e1\" }, { iso: \"PE\", code: \"+51\", name: \"Per\u00fa\" }, { iso: \"PL\", code: \"+48\", name: \"Polonia\" }, { iso: \"PT\", code: \"+351\", name: \"Portugal\" }, { iso: \"RU\", code: \"+7\", name: \"Rusia\" }, { iso: \"SA\", code: \"+966\", name: \"Arabia Saudita\" }, { iso: \"SE\", code: \"+46\", name: \"Suecia\" }, { iso: \"SG\", code: \"+65\", name: \"Singapur\" }, { iso: \"TR\", code: \"+90\", name: \"Turqu\u00eda\" }, { iso: \"US\", code: \"+1\", name: \"Estados Unidos\" }, { iso: \"UY\", code: \"+598\", name: \"Uruguay\" }, { iso: \"VE\", code: \"+58\", name: \"Venezuela\" }, { iso: \"ZA\", code: \"+27\", name: \"Sud\u00e1frica\" }, ], form: { localizador: \"MHT-2505-0187\", ruta: \"\", fecha_experiencia: \"\", nombre: \"\", email: \"\", prefijo: \"+34\", telefono_num: \"\", telefono: \"\", pais: \"Espa\u00f1a\", jinetes: 1, nivel: \"Intermedio\", casco_propio: true, talla_casco: \"57 cm\", anos_montando: \"5-10 a\u00f1os\", campo_abierto: \"S\u00ed habitualmente\", gastronomia: \"Sin restricciones\", comentarios: \"\", precio_total: 0, authDatos: false, authImagenes: false, authCondiciones: false, }, init() { \/\/ Sincronizar par\u00e1metros de \u00e9xito de Stripe si existen en la URL de retorno const urlParams = new URLSearchParams(window.location.search); if (urlParams.get(\"pago\") === \"exitoso\") { this.step = \"confirmacion\"; this.form.localizador = urlParams.get(\"localizador\") || \"MHT-2505-0187\"; this.form.ruta = urlParams.get(\"ruta\") || \"\"; this.form.fecha_experiencia = urlParams.get(\"fecha\") || \"\"; this.form.nombre = urlParams.get(\"nombre\") || \"\"; this.form.email = urlParams.get(\"email\") || \"\"; this.form.telefono = urlParams.get(\"telefono\") || \"\"; this.form.jinetes = parseInt(urlParams.get(\"jinetes\") || \"1\"); this.form.nivel = urlParams.get(\"nivel\") || \"Intermedio\"; this.form.casco_propio = urlParams.get(\"casco\") === \"true\"; this.form.talla_casco = urlParams.get(\"talla\") || \"\"; this.form.anos_montando = urlParams.get(\"anos\") || \"\"; this.form.campo_abierto = urlParams.get(\"campo\") || \"\"; this.form.gastronomia = urlParams.get(\"gastronomia\") || \"\"; this.form.comentarios = urlParams.get(\"comentarios\") || \"\"; this.form.precio_total = parseFloat( urlParams.get(\"total\") || \"0\", ); \/\/ Eliminar los par\u00e1metros de la URL para que no se recargue al refrescar window.history.replaceState( {}, document.title, window.location.pathname, ); setTimeout( () => window.scrollTo({ top: 0, behavior: \"smooth\" }), 500, ); } const database = { cortas: [ { id: 1, nombre: \"Ruta La Buitrera\", duracion: \"5 horas\", nivel: \"Intermedio avanzado\", descripcion: \"La subida a las Buitreras desde el Hueco de San Blas discurre por un entorno de gran valor paisaj\u00edstico, donde no faltan los corzos, las cabras montesas y los buitres leonados.\", precio: 490, tarifa: \"Tarifa especial por lanzamiento\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/06\/Madrid-Horse-Tours-80.jpg\", fechas: [ \"09 Jul\", \"23 Jul\", \"22 Ago\", \"30 Ago\", \"24 Sep\", \"22 Nov\", ], incluye: [ \"Desayuno\", \"Picnic de Campo\", \"Comida\", \"Bebida a disposici\u00f3n\", \"Despedida\", ], descripcion_larga_p: [ \"La subida a las Buitreras desde el Hueco de San Blas discurre por un entorno de gran valor paisaj\u00edstico, donde no faltan los corzos, las cabras montesas y los buitres leonados. Ya en el mirador, disfrutaremos de amplias panor\u00e1micas del Embalse de Santillana y de las cumbres de m\u00e1s de 2000 metros que rodean la zona, con Madrid al fondo.\", ], }, { id: 2, nombre: \"Ruta Hueco de San Blas\", duracion: \"4 horas\", nivel: \"Intermedio avanzado\", descripcion: \"El Hueco de San Blas es una espectacular depresi\u00f3n de origen glaciar situada junto La Pedriza, formada durante las glaciaciones cuaternarias.\", precio: 390, tarifa: \"Tarifa especial por lanzamiento\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/NUEVA-FOTO-CALENDARIO-8.jpeg\", fechas: [ \"28 Jun\", \"12 Jul\", \"26 Jul\", \"26 Ago\", \"28 Ago\", \"10 Sep\", \"08 Oct\", \"19 Nov\", \"17 Dic\", ], incluye: [ \"Desayuno\", \"Picnic de Campo\", \"Comida\", \"Bebida a disposici\u00f3n\", \"Despedida\", ], descripcion_larga_p: [ \"El Hueco de San Blas es una espectacular depresi\u00f3n de origen glaciar situada junto La Pedriza, formada durante las glaciaciones cuaternarias. Rodeado de imponentes paredes gran\u00edticas y canchales, constituye uno de los paisajes m\u00e1s singulares de la Sierra de Guadarrama. Hist\u00f3ricamente fue zona de paso para pastores y ganaderos trashumantes y refugio natural para el aprovechamiento tradicional de los pastos de altura.\", ], }, { id: 3, nombre: \"Ruta Colmenar del Ingl\u00e9s\", duracion: \"3 horas\", nivel: \"Intermedio avanzado\", descripcion: \"El recorrido atraviesa parajes de gran valor natural e hist\u00f3rico como el Canto, el antiguo Colmenar del Ingl\u00e9s y la Dehesa de Manzanares.\", precio: 300, tarifa: \"Tarifa especial por lanzamiento\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/NUEVA-FOTO-CALENDARIO-3-scaled.jpeg\", fechas: [ \"25 Jun\", \"10 Jul\", \"30 Jul\", \"29 Ago\", \"06 Sep\", \"22 Oct\", \"13 Dic\", ], incluye: [ \"Desayuno\", \"Picnic de Campo\", \"Comida\", \"Bebida a disposici\u00f3n\", \"Despedida\", ], descripcion_larga_p: [ \"El recorrido atraviesa parajes de gran valor natural e hist\u00f3rico como el Canto, el antiguo Colmenar del Ingl\u00e9s y la Dehesa de Manzanares. La ruta discurre por el coraz\u00f3n de la Pedriza, entre impresionantes berrocales gran\u00edticos, encinares y pastizales abiertos, que descubren antiguos usos ganaderos y ap\u00edcolas, ligados a colmenares tradicionales, v\u00edas pecuarias y dehesas hist\u00f3ricas utilizadas para el pastoreo.\", ], }, { id: 4, nombre: \"Ruta Los Robles\", duracion: \"3 horas\", nivel: \"Intermedio avanzado\", descripcion: \"El recorrido atraviesa parajes de gran valor natural e hist\u00f3rico como el Canto, el antiguo Colmenar del Ingl\u00e9s y la Dehesa de Manzanares.\", precio: 300, tarifa: \"Tarifa especial por lanzamiento\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/NUEVA-FOTO-CALENDARIO-5-scaled.jpeg\", fechas: [ \"26 Jun\", \"25 Jul\", \"23 Ago\", \"03 Sep\", \"03 Oct\", \"05 Nov\", \"12 Dic\", ], incluye: [ \"Desayuno\", \"Picnic de Campo\", \"Comida\", \"Bebida a disposici\u00f3n\", \"Despedida\", ], descripcion_larga_p: [ \"Recorre los antiguos caminos tradicionales del entorno de Manzanares el Real, que atraviesan dehesas y pastizales abiertos, entre encinas y formaciones gran\u00edticas, en un paisaje t\u00edpicamente serrano de gran belleza. Al llegar al pantano, disfrutaremos de amplias panor\u00e1micas de la Sierra de Guadarrama reflejada en las aguas del embalse. Destacan las vistas de La Pedriza, las cumbres de las Cabezas de Hierro y el perfil monta\u00f1oso que rodea el valle.\", ], }, { id: 5, nombre: \"Ruta Valle de Bustarviejo\", duracion: \"4 horas\", nivel: \"Intermedio avanzado\", descripcion: \"Siguiendo la Ca\u00f1ada Real Segoviana cruzamos Miraflores de la Sierra para llegar al Valle de Bustarviejo, un oasis vegetal rodeado de cumbres y dehesas.\", precio: 400, tarifa: \"Tarifa especial por lanzamiento\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/valle-bustarviejo.jpg\", fechas: [ \"27 Jun\", \"11 Jul\", \"24 Jul\", \"21 Ago\", \"27 Ago\", \"20 Sep\", \"18 Oct\", \"08 Nov\", ], incluye: [ \"Desayuno\", \"Comida Fuente del Collado con productos de temporada\", ], descripcion_larga_p: [ \"Siguiendo la Ca\u00f1ada Real Segoviana cruzamos Miraflores de la Sierra para llegar al Valle de Bustarviejo, un oasis vegetal rodeado de cumbres y dehesas, ligado a la ganader\u00eda y al aprovechamiento de los recursos de la sierra. Zona de paso de reba\u00f1os trashumantes y lugar de asentamiento de antiguos canteros y agricultores, que forman parte de la identidad hist\u00f3rica de Bustarviejo.\", ], }, ], largas: [ { id: 101, nombre: \"Ruta Circular La Hiruela\", duracion: \"5 d\u00edas \/ 4 noches\", nivel: \"Medio Avanzado\", descripcion: \"Ruta circular a caballo con salida y llegada en Soto del Real que propone una experiencia de cinco jornadas por algunos de los paisajes m\u00e1s valiosos de la Sierra Norte de Madrid.\", precio: 3250, tarifa: \"Tarifa especial por edici\u00f3n inaugural\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/NUEVA-FOTO-CALENDARIO-6-scaled.jpeg\", incluye: [ \"Desayunos\", \"Comida o Picnic en ruta\", \"Cenas\", \"Hoteles con encanto\", ], fechas: [\"04-08 Ago\", \"09-13 Oct\", \"05-09 Dic\"], descripcion_larga_p: [ \"Ruta circular a caballo con salida y llegada en Soto del Real que propone una experiencia de cinco jornadas por algunos de los paisajes m\u00e1s valiosos de la Sierra Norte de Madrid. El recorrido combina naturaleza, patrimonio hist\u00f3rico y tradici\u00f3n rural, atravesando caminos ganaderos, puertos de monta\u00f1a, embalses y pueblos con gran encanto. Desde el inicio, la traves\u00eda se adentra en un territorio marcado por la diversidad de paisajes y la riqueza cultural de sus localidades.\", \"En las primeras etapas, la ruta avanza hacia Torremocha del Jarama pasando por municipios como Navalafuente, Cabanillas de la Sierra y Torrelaguna, destacada por su legado hist\u00f3rico. Despu\u00e9s contin\u00faa por Patones de Arriba, c\u00e9lebre por su arquitectura negra, y se aproxima al entorno del Embalse de El Atazar, el mayor de la Comunidad de Madrid, con espectaculares panor\u00e1micas y espacios de gran valor natural.\", \"El coraz\u00f3n de la traves\u00eda se sit\u00faa en la Sierra del Rinc\u00f3n, declarada Reserva de la Biosfera por la UNESCO. All\u00ed destacan pueblos como Puebla de la Sierra y especialmente La Hiruela, considerada uno de los enclaves mejor conservados de la regi\u00f3n. Bosques de robles y hayas, antiguos molinos, colmenares tradicionales y una gastronom\u00eda ligada al territorio convierten esta parte del recorrido en una de las m\u00e1s aut\u00e9nticas y atractivas.\", \"La \u00faltima jornada regresa hacia Soto del Real atravesando Robledillo de la Jara, la presa del Villar, la hist\u00f3rica Ca\u00f1ada Real Segoviana y localidades serranas como Bustarviejo y Miraflores de la Sierra. Es un cierre perfecto para una ruta que permite descubrir a caballo la esencia de la monta\u00f1a madrile\u00f1a: naturaleza intacta, historia viva y antiguos caminos que a\u00fan conservan el esp\u00edritu de la trashumancia.\", ], }, { id: 103, nombre: \"Ruta Tras las Cumbres de Guadarrama\", duracion: \"4 d\u00edas \/ 3 noches\", nivel: \"Medio Avanzado\", descripcion: \"Descubre una espectacular traves\u00eda ecuestre de cuatro d\u00edas por algunos de los paisajes m\u00e1s emblem\u00e1ticos de la Sierra de Guadarrama.\", precio: 2650, tarifa: \"Tarifa especial por edici\u00f3n inaugural\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/NUEVA-FOTO-CALENDARIO-7-scaled.jpeg\", incluye: [ \"Desayunos\", \"Comida o Picnic en ruta\", \"Cenas\", \"Hoteles con encanto\", ], fechas: [\"15-18 Jul\", \"27-30 Sep\", \"11-14 Nov\"], descripcion_larga_p: [ \"Descubre una espectacular traves\u00eda ecuestre de cuatro d\u00edas por algunos de los paisajes m\u00e1s emblem\u00e1ticos de la Sierra de Guadarrama. Recorre puertos de monta\u00f1a, valles, bosques y enclaves hist\u00f3ricos en una experiencia \u00fanica a caballo. Una ruta dise\u00f1ada para disfrutar de la naturaleza, la aventura y la conexi\u00f3n con el caballo. Cuatro jornadas inolvidables atravesando parajes de extraordinaria belleza entre Madrid y Segovia.\", \"Salida desde Soto del Real\", \"Desayuno + Comida o Picnic en ruta + Cena y alojamiento en hoteles con encanto\", ], itinerario: [ { dia: \"D\u00eda 1\", desc: \"Salida desde Madrid Horse Tour (Soto del Real), subida al Puerto de la Morcuera y descenso a Rascafr\u00eda pasando por Las Presillas y el Monasterio de El Paular. Noche en Rascafr\u00eda.\", }, { dia: \"D\u00eda 2\", desc: \"Desde Rascafr\u00eda, paso por el Puerto de Cotos, descenso a Valsa\u00edn y llegada a La Granja de San Ildefonso. Noche en La Granja.\", }, { dia: \"D\u00eda 3\", desc: \"Salida de La Granja hacia el Puerto de Malagosto y regreso a Rascafr\u00eda. Noche en Rascafr\u00eda.\", }, { dia: \"D\u00eda 4\", desc: \"Desde Alameda del Valle, ascenso a la Majada del Cojo y los Llanos de la Morcuera, para descender finalmente a Soto del Real y concluir la ruta.\", }, ], }, { id: 102, nombre: \"Ruta Castillo de Pedraza\", duracion: \"4 d\u00edas \/ 3 noches\", nivel: \"Intermedio avanzado\", descripcion: \"Una traves\u00eda de tres etapas que une la vertiente madrile\u00f1a de la Sierra de Guadarrama con uno de los conjuntos medievales m\u00e1s bellos de Castilla.\", precio: 2650, tarifa: \"Tarifa especial por edici\u00f3n inaugural\", imagen: \"https:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/Castillo-de-Pedraza.jpg\", incluye: [ \"Desayunos\", \"Comida o Picnic en ruta\", \"Cenas\", \"Hoteles con encanto\", ], fechas: [ \"02-05 Jul\", \"13-16 Ago\", \"15-18 Sep\", \"28-31 Oct\", \"26-29 Nov\", \"\u2b50 19-22 Dic\", ], cierreTemporada: \"\u2b50 Cierre de temporada 2026 Madrid Horse Tour\", descripcion_larga_p: [ \"Una traves\u00eda de tres etapas que une la vertiente madrile\u00f1a de la Sierra de Guadarrama con uno de los conjuntos medievales m\u00e1s bellos de Castilla. El recorrido combina paisajes de alta monta\u00f1a, valles hist\u00f3ricos y pueblos cargados de patrimonio, ofreciendo una experiencia ecuestre completa entre naturaleza, cultura y tradici\u00f3n.\", \"La primera jornada parte de Soto del Real y asciende hacia el Puerto de la Morcuera, desde donde se disfrutan magn\u00edficas vistas de la sierra. El descenso lleva al Valle del Lozoya, donde destaca el majestuoso Monasterio de Santa Mar\u00eda de El Paular, uno de los grandes monumentos hist\u00f3ricos de la regi\u00f3n. La etapa concluye en Rascafr\u00eda, en un entorno de gran belleza natural.\", \"En la segunda etapa, la ruta cruza el hist\u00f3rico Puerto de Malagosto, antiguo paso natural entre Madrid y Segovia inmortalizado en el Libro del Buen Amor. Al superar la sierra, el paisaje cambia hacia las abiertas campi\u00f1as segovianas y atraviesa Sotosalbos, donde sobresale la iglesia rom\u00e1nica de San Miguel. El d\u00eda finaliza en Carrascal de la Cuesta, en pleno coraz\u00f3n rural segoviano.\", \"La \u00faltima jornada conduce hasta Pedraza atravesando suaves colinas y el entorno del r\u00edo Cega. El destino final es su c\u00e9lebre casco hist\u00f3rico amurallado y el impresionante Castillo de Pedraza, s\u00edmbolo de la villa. Esta ruta ofrece un viaje inm\u00f3vil entre monta\u00f1as, caminos hist\u00f3ricos y algunos de los paisajes m\u00e1s evocadores del centro de Espa\u00f1a.\", ], }, ], }; this.rutasCortas = database.cortas; this.rutasLargas = database.largas; }, formatPrice(precio) { return new Intl.NumberFormat(\"es-ES\").format(precio); }, updatePhoneAndCountry() { const selected = this.paisesCodigos.find( (c) => c.iso === this.selectedCountryIso, ); if (selected) { this.form.prefijo = selected.code; this.form.pais = selected.name; } this.form.telefono = this.form.prefijo + \" \" + this.form.telefono_num; }, selectRoute(ruta, fecha = \"\") { this.selectedRoute = Math.abs(ruta.precio) > 0 ? ruta : null; this.form.ruta = ruta.nombre; this.form.fecha_experiencia = fecha; this.step = \"reserva\"; window.scrollTo({ top: 0, behavior: \"smooth\" }); }, processReservaStep() { \/\/ Verificaci\u00f3n legal que obliga al usuario a aceptar todas las condiciones if ( !this.form.authDatos || \/\/|| !this.form.authImagenes !this.form.authCondiciones ) { this.showAuthError = true; return; } this.showAuthError = false; this.form.precio_total = (this.selectedRoute ? this.selectedRoute.precio : 0) * this.form.jinetes; this.step = \"checkout\"; window.scrollTo({ top: 0, behavior: \"smooth\" }); }, \/\/ Procesa el pago y redirecci\u00f3n a Stripe Checkout de forma transparente async procesarPagoStripe() { this.sending = true; this.updatePhoneAndCountry(); try { const response = await fetch(this.googleScriptUrl, { method: \"POST\", body: JSON.stringify(this.form), }); const data = await response.json(); if (data.result === \"success\" && data.checkoutUrl) { \/\/ Redireccionar al usuario inmediatamente al portal oficial de Stripe Checkout window.location.href = data.checkoutUrl; } else { \/\/ Mostrar mensaje detallado de error interno reportado por Apps Script var msg = data.error || data.message || \"No se ha podido procesar la sesi\u00f3n de pago.\"; alert(\"Fallo del Servidor: \" + msg); this.sending = false; } } catch (error) { console.error( \"Fallo t\u00e9cnico en la transmisi\u00f3n de Stripe:\", error, ); alert( \"No se pudo conectar con el servidor de pagos. Compruebe su conexi\u00f3n o que la URL del Apps Script sea la correcta.\", ); this.sending = false; } }, })); }); <\/script>  <script defer src=\u00bbhttps:\/\/unpkg.com\/alpinejs@3.x.x\/dist\/cdn.min.js\u00bb ><\/script> <\/p>\n<style> \/* ESTILOS DE PROTECCI\u00d3N Y CONTENCI\u00d3N PARA LA SELECCI\u00d3N DEL PA\u00cdS *\/ .iti { width: 100% !important; display: block !important; } .iti__hide { display: none !important; } .iti ul, .iti li { list-style: none !important; list-style-type: none !important; margin: 0 !important; padding: 0 !important; text-indent: 0 !important; } .iti ul::before, .iti li::before { content: none !important; } \/* Correcci\u00f3n de renderizado y bordes redondeados en tel\u00e9fonos *\/ .phone-container-fix { isolation: auto !important; transform: none !important; -webkit-transform: none !important; overflow: hidden !important; border-radius: 0.75rem !important; -webkit-border-radius: 0.75rem !important; background: #ffffff !important; } [x-cloak] { display: none !important; } .modal-backdrop { background-color: rgba(0, 0, 0, 0.85) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } @supports not ( (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) ) { .modal-backdrop { background-color: rgba(0, 0, 0, 0.92) !important; } } .custom-scrollbar, .modal-scroll { -webkit-overflow-scrolling: touch; } .country-select-fix, .form-select-fix { -webkit-appearance: none; appearance: none; border-radius: 0 !important; background-image: none !important; line-height: normal; box-shadow: none; } .country-select-fix { border: 0 !important; border-right: 1px solid rgb(214 211 209) !important; } .phone-input-fix { -webkit-appearance: none; appearance: none; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; line-height: 1.2; min-width: 0; } .phone-input-fix:focus, .country-select-fix:focus, .form-select-fix:focus { outline: none !important; box-shadow: none !important; } \/* ESTILOS DE IMPRESI\u00d3N EXCLUSIVOS *\/ @media print { @page { size: A4 portrait; margin: 12mm 15mm 12mm 15mm !important; } html, body { background-color: #ffffff !important; color: #000000 !important; font-size: 11px !important; line-height: 1.3 !important; } body * { visibility: hidden !important; } #step-confirmacion, #step-confirmacion * { visibility: visible !important; } #step-confirmacion { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; background-color: #ffffff !important; } .no-print { display: none !important; } .print-page-1 { page-break-after: always !important; break-after: page !important; display: block !important; height: auto !important; box-sizing: border-box !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } .print-page-2 { page-break-before: avoid !important; break-before: avoid !important; display: block !important; height: auto !important; box-sizing: border-box !important; padding-top: 10px !important; } .print-card-style { border: 1px solid #d1d5db !important; border-radius: 0.5rem !important; box-shadow: none !important; background: #ffffff !important; margin-bottom: 12px !important; padding: 12px !important; } } <\/style>\n<p> <\/head> <body x-data=\u00bbmhtApp\u00bb x-cloak class=\u00bbfont-body antialiased selection:bg-amber-500 selection:text-black bg-[#0F1115] overflow-x-hidden w-full\u00bb >    <div class=\u00bbmht-top-banner\u00bb id=\u00bbmhtTopBanner\u00bb role=\u00bbregion\u00bb aria-label=\u00bbPr\u00f3xima apertura de reservas\u00bb > <\/p>\n<div class=\"mht-top-banner__icon\" aria-hidden=\"true\"> <svg width=\u00bb34″ height=\u00bb34″ viewBox=\u00bb0 0 1920 1920″ stroke=\u00bb#c8a15a\u00bb fill=\u00bb#c8a15a\u00bb stroke-width=\u00bb35″ stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb > <g fill-rule=\"evenodd\"> <path d=\u00bbM1439.667 1226.667H1333V1440c0 14.187 5.653 27.733 15.573 37.76l123.414 123.306 75.413-75.413-107.733-107.733z\u00bb \/> <path d=\u00bbM1386.333 1813.333C1180.467 1813.333 1013 1645.867 1013 1440s167.467-373.333 373.333-373.333 373.334 167.466 373.334 373.333-167.467 373.333-373.334 373.333m0-853.333c-264.64 0-480 215.36-480 480s215.36 480 480 480 480-215.36 480-480-215.36-480-480-480″ \/> <path d=\u00bbM1546.333 426.667H159.666v-160c0-29.44 24-53.334 53.334-53.334h160v53.334c0 29.44 23.894 53.333 53.333 53.333 29.44 0 53.333-23.893 53.333-53.333v-53.334h746.667v53.334c0 29.44 23.894 53.333 53.334 53.333S1333 296.107 1333 266.667v-53.334h160c29.333 0 53.333 23.894 53.333 53.334zm-53.333-320h-160V53.333C1333 23.893 1333.107 0 1279.667 0s-53.334 23.893-53.334 53.333v53.334H479.666V53.333C479.666 23.893 455.773 0 426.333 0S373 23.893 373 53.333v53.334H213c-88.213 0-160 71.786-160 160v1546.666h746.666v-106.666h-640V533.333h1386.667v320H1653V266.667c0-88.214-71.787-160-160-160″ \/> <\/g> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"mht-top-banner__content\"> <pee class=\"mht-top-banner__title\">PR\u00d3XIMA APERTURA DE RESERVAS<\/pee> <pee class=\"mht-top-banner__text\" style=\"padding-bottom: 5px !important\"> Las reservas online se abrir\u00e1n durante la <strong>tercera semana de septiembre<\/strong>. <\/pee> <pee class=\"mht-top-banner__text\" style=\"margin-top: 6px\"> Apertura prevista: <strong>Septiembre 2026<\/strong> <\/pee> <\/div>\n<p> <button class=\u00bbmht-top-banner__close\u00bb type=\u00bbbutton\u00bb aria-label=\u00bbCerrar aviso\u00bb onclick=\u00bb document.getElementById(‘mhtTopBanner’).classList.add(‘is-hidden’) \u00ab > <svg viewBox=\"0 0 24 24\" fill=\"none\"> <path d=\"M6 6L18 18\" stroke-width=\"2\" stroke-linecap=\"round\" \/> <path d=\"M18 6L6 18\" stroke-width=\"2\" stroke-linecap=\"round\" \/> <\/svg> <\/button> <\/div>\n<p>       <div x-show=\u00bbstep === ‘catalog'\u00bb class=\u00bbbg-[#0F1115] text-white min-h-screen pb-24 w-full\u00bb > <section class=\u00bbrelative min-h-[450px] md:h-[550px] overflow-hidden flex items-center py-16 md:py-0″ > <img src=\u00bbhttps:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/experiencias.jpg\u00bb alt=\u00bbMadrid Horse Tours\u00bb class=\u00bbabsolute inset-0 w-full h-full object-cover\u00bb \/> <\/p>\n<div class=\"absolute inset-0 bg-black\/60\"><\/div>\n<p> <div class=\u00bbrelative z-10 max-w-7xl mx-auto px-4 sm:px-6 md:px-8 w-full\u00bb > <span class=\u00bbuppercase tracking-[6px] text-amber-400 block mb-4 text-sm md:text-base\u00bb >Madrid Horse Tours<\/span > <h1 class=\u00bbtext-4xl sm:text-6xl md:text-7xl lg:text-8xl font-serif text-white leading-tight md:leading-none break-words\u00bb > Nuestras Experiencias <\/h1>\n<p> <p class=\u00bbmt-6 md:mt-8 max-w-3xl text-base md:text-xl text-stone-200 leading-relaxed\u00bb > Descubra algunas de las rutas ecuestres m\u00e1s exclusivas de Espa\u00f1a. Experiencias dise\u00f1adas para jinetes y amazonas con experiencia, combinando naturaleza, gastronom\u00eda, historia y caballos excepcionales. <\/pee> <\/div>\n<p> <\/section>\n<p> <main class=\"max-w-7xl mx-auto px-4 sm:px-6 md:px-8 mt-16 space-y-20\">  <\/p>\n<section> <\/p>\n<h2 class=\"text-3xl md:text-5xl font-serif text-white mb-12\"> Rutas de Medio D\u00eda <\/h2>\n<p> <\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\"> <template x-for=\"ruta in rutasCortas\" :key=\"ruta.id\"> <article class=\u00bbbg-[#111111] rounded-3xl overflow-hidden border border-amber-500\/20 flex flex-col h-full w-full\u00bb > <img :src=\u00bbruta.imagen\u00bb :alt=\u00bbruta.nombre\u00bb class=\u00bbh-56 sm:h-72 w-full object-cover\u00bb \/> <\/p>\n<div class=\"p-5 sm:p-8 flex flex-col flex-1 justify-between\"> <\/p>\n<div> <h3 class=\u00bbtext-2xl sm:text-3xl font-serif text-white\u00bb x-text=\u00bbruta.nombre\u00bb ><\/h3>\n<p> <\/p>\n<div class=\"mt-2 text-sm text-stone-300\"> <span x-text=\"ruta.duracion\"><\/span> \u00b7 <span x-text=\"ruta.nivel\"><\/span> <\/div>\n<p> <pee class=\"mt-4 text-sm text-stone-400 leading-relaxed\"> <span x-text=\"ruta.descripcion\"><\/span> <button type=\u00bbbutton\u00bb @click=\u00bbmodalRoute = ruta\u00bb class=\u00bbtext-amber-400 font-semibold hover:text-amber-300 ml-1.5 focus:outline-none transition inline-block\u00bb > Ver m\u00e1s <\/button> <\/pee> <div class=\u00bbmt-5 inline-flex px-4 py-2 rounded-full bg-amber-500\/10 text-amber-400 text-sm\u00bb x-text=\u00bbruta.tarifa\u00bb ><\/div>\n<p> <div class=\u00bbmt-5 text-4xl sm:text-5xl font-serif text-amber-400″ > <span x-text=\"formatPrice(ruta.precio)\"><\/span> \u20ac <\/div>\n<p> <div class=\u00bbmt-6 text-xs uppercase tracking-wider text-stone-400 font-semibold\u00bb > La experiencia incluye: <\/div>\n<p> <\/p>\n<ul class=\"mt-2 text-stone-300 space-y-2 text-sm\"> <template x-for=\"item in ruta.incluye\"> <\/p>\n<li>\u2713 <span x-text=\"item\"><\/span><\/li>\n<p> <\/template> <\/ul>\n<p> <\/div>\n<p>    <\/p>\n<div class=\"mt-8\"> <div class=\u00bbrounded-[18px] border border-gold\/40 bg-dark\/70 px-5 py-6 shadow-[0_0_0_1px_rgba(176,138,74,0.4)] backdrop-blur-sm\u00bb > <\/p>\n<div class=\"flex items-start gap-3\"> <div class=\u00bbmt-0.5 flex h-11 w-11 shrink-0 items-center justify-center text-gold\u00bb > <svg xmlns=\u00bbhttp:\/\/www.w3.org\/2000\/svg\u00bb width=\u00bb60″ height=\u00bb60″ viewBox=\u00bb0 0 24 24″ fill=\u00bbnone\u00bb stroke=\u00bbcurrentColor\u00bb stroke-width=\u00bb1.8″ stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb aria-hidden=\u00bbtrue\u00bb > <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle> <path d=\"M12 7v5l3 2\"><\/path> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"min-w-0 flex-1\"> <p class=\u00bbfont-body text-[14px] font-semibold uppercase tracking-[0.18em] text-gold\u00bb > Reservas disponibles pr\u00f3ximamente <\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"flex items-start gap-3\"> <\/p>\n<div class=\"mt-4 space-y-4 text-center\"> <p class=\u00bbfont-serif text-[18px] leading-[1.15] text-cream sm:text-[22px]\u00bb style=\u00bbpadding-bottom: 10px !important\u00bb > Apertura prevista <\/pee> <p class=\u00bbfont-serif text-[18px] leading-[1.15] text-cream sm:text-[22px] text-gold\/100 mb-8″ style=\u00bbmargin-top: 0px !important\u00bb > tercera semana de septiembre<!\u2013- [et_pb_br_holder] -\u2013> <\/pee> <div class=\u00bbmx-auto h-px w-48 bg-gradient-to-r from-transparent via-gold\/60 to-transparent\u00bb ><\/div>\n<p> <p class=\u00bbfont-serif text-[8px] leading-[0.05] sm:text-[2px]\u00bb > \u00a0 <\/pee> <p class=\u00bbmx-auto font-body text-[14px] leading-6 text-[#D7CFC3] sm:text-[15px]\u00bb > Las fechas definitivas de salida estar\u00e1n disponibles en ese momento. <\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>         <\/p>\n<div class=\"mt-8\"> <\/p>\n<div class=\"text-sm text-stone-400 mb-3\"> Pr\u00f3ximas salidas <\/div>\n<p> <\/p>\n<div class=\"flex flex-wrap gap-2 mb-6\"> <template x-for=\"fecha in ruta.fechas\"> <button type=\u00bbbutton\u00bb @click=\u00bbselectRoute(ruta, fecha)\u00bb class=\u00bbpx-3 py-1.5 bg-black rounded-lg text-sm border border-stone-800 text-amber-400 font-medium transition hover:bg-amber-500 hover:text-black hover:border-amber-500 cursor-pointer\u00bb x-text=\u00bbfecha\u00bb ><\/button> <\/template> <\/div>\n<p> <\/p>\n<div class=\"w-full\"> <button type=\u00bbbutton\u00bb @click=\u00bbselectRoute(ruta)\u00bb class=\u00bbw-full bg-amber-500 text-black py-3.5 rounded-xl font-semibold transition hover:bg-amber-400 text-center\u00bb > Reservar <\/button> <\/div>\n<p> <\/div>\n<p> –>  <\/p>\n<div class=\"mt-8\"> <\/p>\n<div class=\"w-full\"> <button type=\u00bbbutton\u00bb disabled aria-disabled=\u00bbtrue\u00bb class=\u00bbflex w-full items-center justify-center gap-3 rounded-[16px] border border-[#5a4527] bg-[#4c3a22] px-2 py-2 text-center shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_8px_18px_rgba(0,0,0,0.18)] opacity-95 cursor-not-allowed select-none\u00bb > <span class=\u00bbflex h-14 w-14 shrink-0 items-center justify-center text-[#c49a57]\u00bb > <svg xmlns=\u00bbhttp:\/\/www.w3.org\/2000\/svg\u00bb width=\u00bb48″ height=\u00bb48″ viewBox=\u00bb0 0 24 24″ fill=\u00bbnone\u00bb stroke=\u00bbcurrentColor\u00bb stroke-width=\u00bb1.8″ stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb aria-hidden=\u00bbtrue\u00bb > <rect x=\u00bb5″ y=\u00bb11″ width=\u00bb14″ height=\u00bb9″ rx=\u00bb2″ ><\/rect> <path d=\"M8 11V8.5a4 4 0 0 1 8 0V11\"><\/path> <\/svg> <\/span> <span class=\"block\"> <span class=\u00bbblock font-body text-[13px] font-semibold uppercase tracking-[0.16em] text-[#b89561]\u00bb > Apertura de reservas <\/span> <span class=\u00bbmt-1 block font-body text-[15px] font-medium uppercase tracking-[0.03em] text-[#e4d2b2]\u00bb > En septiembre <\/span> <\/span> <\/button> <\/div>\n<p> <\/div>\n<p>    <\/div>\n<p> <\/article>\n<p> <\/template> <\/div>\n<p> <\/section>\n<p>  <\/p>\n<section> <\/p>\n<h2 class=\"text-3xl md:text-5xl font-serif text-white mb-12\"> Traves\u00edas de Varios D\u00edas <\/h2>\n<p> <\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\"> <template x-for=\"ruta in rutasLargas\" :key=\"ruta.id\"> <article class=\u00bbbg-[#111111] rounded-3xl overflow-hidden border border-amber-500\/20 flex flex-col h-full w-full\u00bb > <img :src=\u00bbruta.imagen\u00bb :alt=\u00bbruta.nombre\u00bb class=\u00bbh-64 sm:h-80 w-full object-cover\u00bb \/> <\/p>\n<div class=\"p-5 sm:p-10 flex flex-col flex-1 justify-between\"> <\/p>\n<div> <h3 class=\u00bbtext-2xl sm:text-4xl font-serif text-white\u00bb x-text=\u00bbruta.nombre\u00bb ><\/h3>\n<p> <\/p>\n<div class=\"mt-2 text-sm text-stone-300\"> <span x-text=\"ruta.duracion\"><\/span> \u00b7 <span x-text=\"ruta.nivel\"><\/span> <\/div>\n<p> <pee class=\"mt-4 text-sm text-stone-400 leading-relaxed\"> <span x-text=\"ruta.descripcion\"><\/span> <button type=\u00bbbutton\u00bb @click=\u00bbmodalRoute = ruta\u00bb class=\u00bbtext-amber-400 font-semibold hover:text-amber-300 ml-1.5 focus:outline-none transition inline-block\u00bb > Ver m\u00e1s <\/button> <\/pee> <div class=\u00bbmt-5 inline-flex px-4 py-2 rounded-full bg-amber-500\/10 text-amber-400 text-sm\u00bb x-text=\u00bbruta.tarifa\u00bb ><\/div>\n<p> <div class=\u00bbmt-5 text-5xl sm:text-6xl font-serif text-amber-400″ > <span x-text=\"formatPrice(ruta.precio)\"><\/span> \u20ac <\/div>\n<p> <div class=\u00bbmt-6 text-xs uppercase tracking-wider text-stone-400 font-semibold\u00bb > La experiencia incluye: <\/div>\n<p> <\/p>\n<ul class=\"mt-2 text-stone-300 space-y-2 text-sm\"> <template x-for=\"item in ruta.incluye\"> <\/p>\n<li>\u2713 <span x-text=\"item\"><\/span><\/li>\n<p> <\/template> <\/ul>\n<p> <\/div>\n<p>    <\/p>\n<div class=\"mt-8\"> <div class=\u00bbrounded-[18px] border border-gold\/40 bg-dark\/70 px-5 py-6 shadow-[0_0_0_1px_rgba(176,138,74,0.4)] backdrop-blur-sm\u00bb > <\/p>\n<div class=\"flex items-start gap-3\"> <div class=\u00bbmt-0.5 flex h-11 w-11 shrink-0 items-center justify-center text-gold\u00bb > <svg xmlns=\u00bbhttp:\/\/www.w3.org\/2000\/svg\u00bb width=\u00bb60″ height=\u00bb60″ viewBox=\u00bb0 0 24 24″ fill=\u00bbnone\u00bb stroke=\u00bbcurrentColor\u00bb stroke-width=\u00bb1.8″ stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb aria-hidden=\u00bbtrue\u00bb > <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle> <path d=\"M12 7v5l3 2\"><\/path> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"min-w-0 flex-1\"> <p class=\u00bbfont-body text-[14px] font-semibold uppercase tracking-[0.18em] text-gold\u00bb > Reservas disponibles pr\u00f3ximamente <\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"flex items-start gap-3\"> <\/p>\n<div class=\"mt-4 space-y-4 text-center\"> <p class=\u00bbfont-serif text-[18px] leading-[1.15] text-cream sm:text-[22px]\u00bb style=\u00bbpadding-bottom: 10px !important\u00bb > Apertura prevista <\/pee> <p class=\u00bbfont-serif text-[18px] leading-[1.15] text-cream sm:text-[22px] text-gold\/100 mb-8″ style=\u00bbmargin-top: 0px !important\u00bb > tercera semana de septiembre<!\u2013- [et_pb_br_holder] -\u2013> <\/pee> <div class=\u00bbmx-auto h-px w-48 bg-gradient-to-r from-transparent via-gold\/60 to-transparent\u00bb ><\/div>\n<p> <p class=\u00bbfont-serif text-[8px] leading-[0.05] sm:text-[2px]\u00bb > \u00a0 <\/pee> <p class=\u00bbmx-auto font-body text-[14px] leading-6 text-[#D7CFC3] sm:text-[15px]\u00bb > Las fechas definitivas de salida estar\u00e1n disponibles en ese momento. <\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>         <\/p>\n<div class=\"mt-8\"> <\/p>\n<div class=\"text-sm text-stone-400 mb-3\"> Fechas programadas <\/div>\n<p> <\/p>\n<div class=\"flex flex-wrap gap-2 mb-6\"> <template x-for=\"fecha in ruta.fechas\"> <button type=\u00bbbutton\u00bb @click=\u00bbselectRoute(ruta, fecha)\u00bb class=\u00bbpx-3 py-1.5 bg-black rounded-lg text-sm border border-stone-800 text-amber-400 font-medium transition hover:bg-amber-500 hover:text-black hover:border-amber-500 cursor-pointer\u00bb x-text=\u00bbfecha\u00bb ><\/button> <\/template> <\/div>\n<p> <template x-if=\"ruta.cierreTemporada\"> <div class=\u00bbmt-4 mb-4 bg-amber-500 text-black px-4 py-3 rounded-xl font-semibold text-center text-sm\u00bb x-text=\u00bbruta.cierreTemporada\u00bb ><\/div>\n<p> <\/template> <\/p>\n<div class=\"w-full\"> <button type=\u00bbbutton\u00bb @click=\u00bbselectRoute(ruta)\u00bb class=\u00bbw-full bg-amber-500 text-black py-3.5 rounded-xl font-semibold transition hover:bg-amber-400 text-center\u00bb > Reservar <\/button> <\/div>\n<p> <\/div>\n<p> –>  <\/p>\n<div class=\"mt-8\"> <\/p>\n<div class=\"w-full\"> <button type=\u00bbbutton\u00bb disabled aria-disabled=\u00bbtrue\u00bb class=\u00bbflex w-full items-center justify-center gap-3 rounded-[16px] border border-[#5a4527] bg-[#4c3a22] px-2 py-2 text-center shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_8px_18px_rgba(0,0,0,0.18)] opacity-95 cursor-not-allowed select-none\u00bb > <span class=\u00bbflex h-14 w-14 shrink-0 items-center justify-center text-[#c49a57]\u00bb > <svg xmlns=\u00bbhttp:\/\/www.w3.org\/2000\/svg\u00bb width=\u00bb48″ height=\u00bb48″ viewBox=\u00bb0 0 24 24″ fill=\u00bbnone\u00bb stroke=\u00bbcurrentColor\u00bb stroke-width=\u00bb1.8″ stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb aria-hidden=\u00bbtrue\u00bb > <rect x=\u00bb5″ y=\u00bb11″ width=\u00bb14″ height=\u00bb9″ rx=\u00bb2″ ><\/rect> <path d=\"M8 11V8.5a4 4 0 0 1 8 0V11\"><\/path> <\/svg> <\/span> <span class=\"block\"> <span class=\u00bbblock font-body text-[13px] font-semibold uppercase tracking-[0.16em] text-[#b89561]\u00bb > Apertura de reservas <\/span> <span class=\u00bbmt-1 block font-body text-[15px] font-medium uppercase tracking-[0.03em] text-[#e4d2b2]\u00bb > En septiembre <\/span> <\/span> <\/button> <\/div>\n<p> <\/div>\n<p>    <\/div>\n<p> <\/article>\n<p> <\/template> <\/div>\n<p> <\/section>\n<p> <\/main>    <div x-show=\u00bbmodalRoute !== null\u00bb class=\u00bbfixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6 md:p-10 modal-backdrop\u00bb style=\u00bbdisplay: none\u00bb x-transition:enter=\u00bbtransition ease-out duration-300″ x-transition:enter-start=\u00bbopacity-0″ x-transition:enter-end=\u00bbopacity-100″ x-transition:leave=\u00bbtransition ease-in duration-200″ x-transition:leave-start=\u00bbopacity-100″ x-transition:leave-end=\u00bbopacity-0″ > <div @click.away=\u00bbmodalRoute = null\u00bb class=\u00bbbg-[#121318] border border-amber-500\/20 max-w-2xl w-full max-h-[85vh] md:max-h-[90vh] overflow-y-auto rounded-3xl p-5 sm:p-8 text-white relative shadow-2xl custom-scrollbar modal-scroll\u00bb x-transition:enter=\u00bbtransition ease-out duration-300″ x-transition:enter-start=\u00bbscale-95 translate-y-4″ x-transition:enter-end=\u00bbscale-100 translate-y-0″ x-transition:leave=\u00bbtransition ease-in duration-200″ x-transition:leave-start=\u00bbscale-100 translate-y-0″ x-transition:leave-end=\u00bbscale-95 translate-y-4″ >  <button type=\u00bbbutton\u00bb @click=\u00bbmodalRoute = null\u00bb class=\u00bbabsolute top-4 right-4 z-50 w-10 h-10 flex items-center justify-center rounded-full bg-black\/60 border border-white\/20 text-white hover:text-amber-400 hover:bg-black\/90 focus:outline-none transition-all shadow-lg\u00bb aria-label=\u00bbCerrar ventana\u00bb > <svg xmlns=\u00bbhttp:\/\/www.w3.org\/2000\/svg\u00bb class=\u00bbh-5 w-5″ fill=\u00bbnone\u00bb viewBox=\u00bb0 0 24 24″ stroke=\u00bbcurrentColor\u00bb > <path stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb stroke-width=\u00bb2.5″ d=\u00bbM6 18L18 6M6 6l12 12″ \/> <\/svg> <\/button> <template x-if=\"modalRoute\"> <\/p>\n<div>  <div class=\u00bbrounded-2xl overflow-hidden h-48 sm:h-64 mb-6 relative\u00bb > <img :src=\u00bbmodalRoute.imagen\u00bb :alt=\u00bbmodalRoute.nombre\u00bb class=\u00bbw-full h-full object-cover\u00bb \/> <div class=\u00bbabsolute inset-0 bg-gradient-to-t from-[#121318] via-transparent to-transparent\u00bb ><\/div>\n<p> <\/div>\n<p>  <span class=\u00bbtext-xs uppercase tracking-[3px] text-amber-400 font-semibold block mb-1″ >Madrid Horse Tours<\/span > <h2 class=\u00bbfont-serif text-3xl sm:text-4xl text-white mb-2″ x-text=\u00bbmodalRoute.nombre\u00bb ><\/h2>\n<p> <div class=\u00bbtext-stone-300 text-sm mb-6 flex flex-wrap gap-x-3 items-center\u00bb > <span class=\"font-semibold\" x-text=\"modalRoute.duracion\"><\/span> <span class=\"text-stone-600\">\u2022<\/span> <span x-text=\"modalRoute.nivel\"><\/span> <span class=\"text-stone-600\">\u2022<\/span> <span class=\u00bbtext-amber-400 font-serif\u00bb x-text=\u00bbformatPrice(modalRoute.precio) + ‘ \u20ac'\u00bb ><\/span> <\/div>\n<p>  <div class=\u00bbtext-stone-300 text-sm sm:text-base leading-relaxed space-y-4 border-t border-stone-800 pt-6″ >  <template x-if=\"modalRoute.descripcion_larga_p\"> <template x-for=\u00bb(p, index) in modalRoute.descripcion_larga_p\u00bb :key=\u00bbindex\u00bb > <pee class=\"mb-4 text-stone-300\" x-text=\"p\"><\/pee> <\/template> <\/template>  <template x-if=\"modalRoute.itinerario\"> <\/p>\n<div class=\"mt-8 space-y-6\"> <h4 class=\u00bbfont-serif text-amber-400 text-xl font-semibold border-b border-stone-800 pb-2″ > Etapas e Itinerario Log\u00edstico <\/h4>\n<p> <div class=\u00bbrelative pl-6 border-l-2 border-amber-500\/30 space-y-6″ > <template x-for=\u00bbitem in modalRoute.itinerario\u00bb :key=\u00bbitem.dia\u00bb > <\/p>\n<div class=\"relative\">  <div class=\u00bbabsolute -left-[31px] top-1 w-4 h-4 bg-amber-500 border-4 border-[#121318] rounded-full\u00bb ><\/div>\n<p> <h5 class=\u00bbfont-bold text-amber-400 text-sm tracking-wider uppercase\u00bb x-text=\u00bbitem.dia\u00bb ><\/h5>\n<p> <p class=\u00bbtext-stone-300 text-sm mt-1 leading-relaxed\u00bb x-text=\u00bbitem.desc\u00bb ><\/pee> <\/div>\n<p> <\/template> <\/div>\n<p> <\/div>\n<p> <\/template> <\/div>\n<p>  <div class=\u00bbmt-8 pt-6 border-t border-stone-800 flex flex-col sm:flex-row items-center justify-between gap-4″ > <\/p>\n<div class=\"text-left hidden sm:block\"> <span class=\u00bbtext-xs text-stone-500 block uppercase tracking-wider\u00bb >Tarifa<\/span > <span class=\u00bbtext-2xl font-serif text-amber-400 font-semibold\u00bb x-text=\u00bbformatPrice(modalRoute.precio) + ‘ \u20ac'\u00bb ><\/span> <\/div>\n<p>     <button type=\u00bbbutton\u00bb @click=\u00bbselectRoute(modalRoute); modalRoute = null\u00bb class=\u00bbw-full sm:w-auto bg-amber-500 text-black px-8 py-3.5 rounded-xl font-semibold text-center hover:bg-amber-400 transition focus:outline-none\u00bb > Reservar esta ruta <\/button> –> <button type=\u00bbbutton\u00bb disabled aria-disabled=\u00bbtrue\u00bb class=\u00bbflex px-8 items-center justify-center gap-3 rounded-[16px] border border-[#5a4527] bg-[#4c3a22] px-2 py-2 text-center shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_8px_18px_rgba(0,0,0,0.18)] opacity-95 cursor-not-allowed select-none\u00bb > <span class=\u00bbflex h-14 w-14 shrink-0 items-center justify-center text-[#c49a57]\u00bb > <svg xmlns=\u00bbhttp:\/\/www.w3.org\/2000\/svg\u00bb width=\u00bb48″ height=\u00bb48″ viewBox=\u00bb0 0 24 24″ fill=\u00bbnone\u00bb stroke=\u00bbcurrentColor\u00bb stroke-width=\u00bb1.8″ stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb aria-hidden=\u00bbtrue\u00bb > <rect x=\"5\" y=\"11\" width=\"14\" height=\"9\" rx=\"2\"><\/rect> <path d=\"M8 11V8.5a4 4 0 0 1 8 0V11\"><\/path> <\/svg> <\/span> <span class=\"block\"> <span class=\u00bbblock font-body text-[13px] font-semibold uppercase tracking-[0.16em] text-[#b89561]\u00bb > Apertura de reservas <\/span> <span class=\u00bbmt-1 block font-body text-[15px] font-medium uppercase tracking-[0.03em] text-[#e4d2b2]\u00bb > En septiembre <\/span> <\/span> <\/button>    <\/div>\n<p> <\/div>\n<p> <\/template> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>    <div x-show=\u00bbstep === ‘reserva'\u00bb class=\u00bbbg-[#f2efea] text-stone-900 min-h-screen w-full overflow-x-hidden\u00bb > <section class=\u00bbrelative h-[300px] md:h-[450px] overflow-hidden flex items-center\u00bb > <img src=\u00bbhttps:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/experiencias.jpg\u00bb class=\u00bbabsolute inset-0 w-full h-full object-cover\u00bb \/> <\/p>\n<div class=\"absolute inset-0 bg-black\/40\"><\/div>\n<p> <div class=\u00bbrelative max-w-7xl mx-auto px-4 sm:px-6 md:px-8 h-full flex items-center w-full\u00bb > <\/p>\n<div class=\"text-white\"> <\/p>\n<h1 class=\"font-title text-4xl md:text-7xl leading-none\"> Reserva <\/h1>\n<p> <\/p>\n<h2 class=\"font-title italic text-gold text-3xl md:text-5xl mt-1\"> tu experiencia <\/h2>\n<p> <pee class=\"mt-3 text-sm md:text-xl max-w-md text-stone-200\"> Cada detalle cuenta. Cu\u00e9ntanos tus preferencias para dise\u00f1ar una experiencia \u00fanica. <\/pee> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <form @submit.prevent=\u00bbprocessReservaStep\u00bb class=\u00bbmax-w-7xl mx-auto -mt-16 relative z-10 pb-20 px-4 sm:px-6 md:px-8 w-full\u00bb > <\/p>\n<div class=\"grid grid-cols-1 xl:grid-cols-3 gap-6 relative z-30 w-full\">  <div class=\u00bbbg-white rounded-3xl p-5 sm:p-8 shadow-lg relative z-30 w-full\u00bb > <h2 class=\u00bbtext-lg sm:text-2xl font-semibold mb-6 sm:mb-8 text-forest\u00bb > 1. Datos del visitante <\/h2>\n<p> <\/p>\n<div class=\"space-y-4\"> <input type=\u00bbtext\u00bb x-model=\u00bbform.nombre\u00bb placeholder=\u00bbNombre y apellidos\u00bb required class=\u00bbw-full h-12 sm:h-14 border border-stone-300 rounded-xl px-4 text-sm sm:text-base focus:outline-none focus:ring-2 focus:ring-gold\/50 text-stone-900 bg-white\u00bb \/> <input type=\u00bbemail\u00bb x-model=\u00bbform.email\u00bb placeholder=\u00bbCorreo electr\u00f3nico\u00bb required class=\u00bbw-full h-12 sm:h-14 border border-stone-300 rounded-xl px-4 text-sm sm:text-base focus:outline-none focus:ring-2 focus:ring-gold\/50 text-stone-900 bg-white\u00bb \/>  <div class=\u00bbflex items-center w-full h-12 sm:h-14 border border-stone-300 rounded-xl bg-white focus-within:ring-2 focus-within:ring-gold\/50 overflow-hidden phone-container-fix relative\u00bb > <select x-model=\u00bbselectedCountryIso\u00bb @change=\u00bbupdatePhoneAndCountry\u00bb class=\u00bbcountry-select-fix bg-stone-50 px-3 h-full text-xs sm:text-sm focus:outline-none font-medium text-stone-800 cursor-pointer min-w-[85px] sm:min-w-[100px] max-w-[110px]\u00bb > <template x-for=\"c in paisesCodigos\" :key=\"c.iso\"><option :value=\u00bbc.iso\u00bb x-text=\u00bbc.iso + ‘ (‘ + c.code + ‘)'\u00bb ><\/option> <\/template> <\/select> <input type=\u00bbtel\u00bb x-model=\u00bbform.telefono_num\u00bb @input=\u00bbupdatePhoneAndCountry\u00bb placeholder=\u00bbTel\u00e9fono\u00bb required class=\u00bbphone-input-fix flex-1 h-full px-4 focus:outline-none text-stone-900 bg-white text-sm sm:text-base py-0″ \/> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <div class=\u00bbbg-white rounded-3xl p-5 sm:p-8 shadow-lg relative z-20 w-full\u00bb > <h2 class=\u00bbtext-lg sm:text-2xl font-semibold mb-6 sm:mb-8 text-forest\u00bb > 2. Informaci\u00f3n <\/h2>\n<p> <\/p>\n<div class=\"space-y-6\"> <\/p>\n<div> <label class=\u00bbblock mb-2 text-sm sm:text-base font-medium text-stone-700″ >Seleccionar Fecha de Salida<\/label > <select x-model=\u00bbform.fecha_experiencia\u00bb required class=\u00bbform-select-fix w-full h-12 sm:h-14 border border-stone-300 rounded-xl px-4 text-sm sm:text-base focus:outline-none focus:ring-2 focus:ring-gold\/50 bg-stone-50 font-medium\u00bb ><option value=\"\">— Elige una fecha —<\/option> <template x-for=\u00bbfecha in (selectedRoute ? selectedRoute.fechas : [])\u00bb ><option :value=\u00bbfecha\u00bb x-text=\u00bbfecha\u00bb :selected=\u00bbform.fecha_experiencia === fecha\u00bb ><\/option> <\/template> <\/select> <\/div>\n<p> <\/p>\n<div> <label class=\u00bbblock mb-2 text-sm sm:text-base font-medium text-stone-700″ >N\u00famero de jinetes<\/label > <div class=\u00bbflex items-center border rounded-xl overflow-hidden h-12 sm:h-14″ > <button type=\u00bbbutton\u00bb @click=\u00bbif(form.jinetes > 1) form.jinetes–\u00ab class=\u00bbpx-5 h-full bg-stone-50 hover:bg-stone-100 font-bold text-xl\u00bb > – <\/button> <div class=\u00bbflex-1 text-center font-semibold text-lg\u00bb x-text=\u00bbform.jinetes\u00bb ><\/div>\n<p> <button type=\u00bbbutton\u00bb @click=\u00bbform.jinetes++\u00bb class=\u00bbpx-5 h-full bg-stone-50 hover:bg-stone-100 font-bold text-xl\u00bb > + <\/button> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <div class=\u00bbbg-white rounded-3xl p-5 sm:p-8 shadow-lg relative z-10 w-full\u00bb > <h2 class=\u00bbtext-lg sm:text-2xl font-semibold mb-6 sm:mb-8 text-forest\u00bb > 3. Perfil ecuestre <\/h2>\n<p> <\/p>\n<div class=\"space-y-5\"> <\/p>\n<div> <label class=\u00bbblock mb-2 text-sm sm:text-base font-medium text-stone-700″ >Nivel ecuestre<\/label > <\/p>\n<div class=\"grid grid-cols-3 gap-1.5\"> <button type=\u00bbbutton\u00bb @click=\u00bbform.nivel = ‘Intermedio'\u00bb :class=\u00bbform.nivel === ‘Intermedio’ ? ‘bg-forest text-white’ : ‘border text-stone-700′\u00bb class=\u00bbrounded-xl py-2.5 px-1 text-[10px] sm:text-xs font-medium transition\u00bb > Intermedio <\/button> <button type=\u00bbbutton\u00bb @click=\u00bbform.nivel = ‘Avanzado I'\u00bb :class=\u00bbform.nivel === ‘Avanzado I’ ? ‘bg-forest text-white’ : ‘border text-stone-700′\u00bb class=\u00bbrounded-xl py-2.5 px-1 text-[10px] sm:text-xs font-medium transition\u00bb > Avanzado I <\/button> <button type=\u00bbbutton\u00bb @click=\u00bbform.nivel = ‘Avanzado II'\u00bb :class=\u00bbform.nivel === ‘Avanzado II’ ? ‘bg-forest text-white’ : ‘border text-stone-700′\u00bb class=\u00bbrounded-xl py-2.5 px-1 text-[10px] sm:text-xs font-medium transition\u00bb > Avanzado II <\/button> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div> <label class=\u00bbblock mb-2 text-sm sm:text-base font-medium text-stone-700″ >\u00bfPosee casco propio?<\/label > <\/p>\n<div class=\"grid grid-cols-2 gap-3\"> <button type=\u00bbbutton\u00bb @click=\u00bbform.casco_propio = true\u00bb :class=\u00bbform.casco_propio ? ‘bg-forest text-white’ : ‘border'\u00bb class=\u00bbpy-2.5 sm:py-3 rounded-xl text-xs sm:text-sm transition\u00bb > S\u00ed <\/button> <button type=\u00bbbutton\u00bb @click=\u00bbform.casco_propio = false\u00bb :class=\u00bb!form.casco_propio ? ‘bg-forest text-white’ : ‘border'\u00bb class=\u00bbpy-2.5 sm:py-3 rounded-xl text-xs sm:text-sm transition\u00bb > No <\/button> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div x-show=\"!form.casco_propio\" class=\"space-y-2\"> <label class=\u00bbblock text-xs sm:text-sm font-medium text-stone-700″ >Circunferencia cabeza (Medida EU)<\/label > <select x-model=\u00bbform.talla_casco\u00bb class=\u00bbform-select-fix w-full h-12 sm:h-14 border border-stone-300 rounded-xl px-4 text-xs sm:text-sm focus:outline-none focus:ring-2 focus:ring-gold\/50 text-stone-900 bg-white cursor-pointer font-medium\u00bb ><option value=\"53 cm\">53 cm<\/option><option value=\"54 cm\">54 cm<\/option><option value=\"55 cm\">55 cm<\/option><option value=\"56 cm\">56 cm<\/option><option value=\"57 cm\">57 cm<\/option><option value=\"58 cm\">58 cm<\/option><option value=\"59 cm\">59 cm<\/option><option value=\"60 cm\">60 cm<\/option><option value=\"61 cm\">61 cm<\/option> <\/select> <\/div>\n<p> <\/p>\n<div> <label class=\u00bbfont-medium block mb-2 text-sm sm:text-base text-stone-700″ >A\u00f1os montando<\/label > <\/p>\n<div class=\"grid grid-cols-2 gap-2 text-[10px] sm:text-xs\"> <template x-for=\u00bbopcion in [‘1-3 a\u00f1os’, ‘3-5 a\u00f1os’, ‘5-10 a\u00f1os’, ‘+10 a\u00f1os’]\u00bb > <button type=\u00bbbutton\u00bb @click=\u00bbform.anos_montando = opcion\u00bb :class=\u00bbform.anos_montando === opcion ? ‘bg-amber-600 text-white border-amber-600 font-bold’ : ‘border bg-white hover:bg-stone-50′\u00bb class=\u00bbpy-2.5 px-2 rounded-xl transition\u00bb x-text=\u00bbopcion\u00bb ><\/button> <\/template> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div> <label class=\u00bbfont-medium block mb-2 text-sm sm:text-base text-stone-700″ >\u00bfHa montado a campo abierto?<\/label > <\/p>\n<div class=\"space-y-2 text-xs sm:text-sm text-stone-700\"> <label class=\"flex items-center gap-3 cursor-pointer\" ><input type=\u00bbradio\u00bb value=\u00bbS\u00ed habitualmente\u00bb x-model=\u00bbform.campo_abierto\u00bb class=\u00bbaccent-forest\u00bb \/> S\u00ed habitualmente<\/label > <label class=\"flex items-center gap-3 cursor-pointer\" ><input type=\u00bbradio\u00bb value=\u00bbAlguna vez\u00bb x-model=\u00bbform.campo_abierto\u00bb class=\u00bbaccent-forest\u00bb \/> Alguna vez<\/label > <label class=\"flex items-center gap-3 cursor-pointer\" ><input type=\u00bbradio\u00bb value=\u00bbNever\u00bb x-model=\u00bbform.campo_abierto\u00bb class=\u00bbaccent-forest\u00bb \/> Nunca<\/label > <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <div class=\u00bbgrid grid-cols-1 xl:grid-cols-3 gap-6 mt-6 relative z-10 w-full\u00bb > <div class=\u00bbxl:col-span-2 bg-white rounded-3xl p-5 sm:p-8 shadow-lg w-full\u00bb > <h2 class=\u00bbtext-lg sm:text-2xl font-semibold mb-6 sm:mb-8 text-forest\u00bb > 4. Preferencias gastron\u00f3micas <\/h2>\n<p> <div class=\u00bbgrid grid-cols-2 sm:grid-cols-4 gap-2 text-[10px] sm:text-xs md:text-sm\u00bb > <template x-for=\u00bbgastroOpt in [‘Sin restricciones’, ‘Vegetariano’, ‘Vegano’, ‘Cel\u00edaco’]\u00bb > <button type=\u00bbbutton\u00bb @click=\u00bbform.gastronomia = gastroOpt\u00bb :class=\u00bbform.gastronomia === gastroOpt ? ‘bg-forest text-white font-semibold’ : ‘border bg-white'\u00bb class=\u00bbrounded-xl py-2.5 px-2 sm:p-3 transition\u00bb x-text=\u00bbgastroOpt\u00bb ><\/button> <\/template> <\/div>\n<p> <textarea rows=\u00bb4″ x-model=\u00bbform.comentarios\u00bb placeholder=\u00bbComentarios adicionales sobre alergia o restricciones gastron\u00f3micas…\u00bb class=\u00bbw-full border border-stone-300 rounded-xl p-3.5 sm:p-4 mt-6 text-xs sm:text-sm focus:outline-none focus:ring-2 focus:ring-gold\/50 text-stone-900 bg-white\u00bb ><\/textarea> <\/div>\n<p>  <div class=\u00bbbg-white rounded-3xl overflow-hidden shadow-lg flex flex-col w-full\u00bb > <img src=\u00bbhttps:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/experiencias.jpg\u00bb class=\u00bbh-40 sm:h-48 w-full object-cover\u00bb \/> <\/p>\n<div class=\"p-5 sm:p-6 flex-1\"> <\/p>\n<h2 class=\"text-lg sm:text-xl font-semibold mb-4 text-forest\"> 5. Autorizaciones <\/h2>\n<p> <div class=\u00bbspace-y-4 text-[11px] sm:text-xs leading-relaxed text-stone-600″ > <label class=\"flex gap-3 items-start cursor-pointer\"> <input type=\u00bbcheckbox\u00bb x-model=\u00bbform.authDatos\u00bb class=\u00bbmt-1 accent-forest w-4 h-4 shrink-0″ \/> <span >Acepto el tratamiento de mis datos personales para la gesti\u00f3n de la reserva.<\/span > <\/label> <label class=\"flex gap-3 items-start cursor-pointer\"> <input type=\u00bbcheckbox\u00bb x-model=\u00bbform.authImagenes\u00bb class=\u00bbmt-1 accent-forest w-4 h-4 shrink-0″ \/> <span >Autorizo el uso de im\u00e1genes promocionales no comerciales.<\/span > <\/label>  <label class=\u00bbflex gap-3 items-start cursor-pointer border-t pt-3 border-stone-100″ > <input type=\u00bbcheckbox\u00bb x-model=\u00bbform.authCondiciones\u00bb class=\u00bbmt-1 accent-forest w-4 h-4 shrink-0″ \/> <span >He le\u00eddo y acepto las <a href=\u00bbhttps:\/\/madridhorsetour.com\/es\/condiciones-reservas\/\u00bb target=\u00bb_blank\u00bb class=\u00bbtext-gold font-semibold hover:underline inline-flex items-center gap-1″ >condiciones de reservas <svg xmlns=\u00bbhttp:\/\/www.w3.org\/2000\/svg\u00bb class=\u00bbh-3 w-3 inline\u00bb fill=\u00bbnone\u00bb viewBox=\u00bb0 0 24 24″ stroke=\u00bbcurrentColor\u00bb > <path stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb stroke-width=\u00bb2″ d=\u00bbM10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14″ \/><\/svg><\/a >.<\/span > <\/label> <\/div>\n<p> <div x-show=\u00bbshowAuthError\u00bb class=\u00bbmt-4 p-3 bg-red-50 text-red-700 rounded-xl text-xs font-semibold border border-red-200″ x-transition > \u26a0\ufe0f No se puede proceder a reservar si no aceptas la autorizaci\u00f3n del tratamiento de tus datos personales y condiciones de reserva. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"flex flex-col sm:flex-row gap-4 mt-8 w-full\"> <button type=\u00bbbutton\u00bb @click=\u00bbstep = ‘catalog'\u00bb class=\u00bbbg-white border text-stone-700 py-3 sm:py-4 px-6 sm:px-8 rounded-2xl font-medium hover:bg-stone-50 transition text-sm sm:text-base order-2 sm:order-1″ > \u2190 Volver al cat\u00e1logo <\/button> <div class=\u00bbflex-1 bg-white rounded-2xl flex items-center justify-center p-3 sm:p-4 border text-stone-500 text-xs sm:text-sm text-center order-3 sm:order-2″ > \u00bfNecesitas ayuda asistida? Llamar al +34 689 671 446 <\/div>\n<p> <button type=\u00bbsubmit\u00bb class=\u00bbbg-gold text-white py-3.5 sm:py-4 px-8 sm:px-12 rounded-2xl font-semibold hover:bg-amber-700 transition shadow-lg text-sm sm:text-base order-1 sm:order-3″ > CONTINUAR Y RESERVAR \u2192 <\/button> <\/div>\n<p> <\/form>\n<p> <\/div>\n<p>    <div x-show=\u00bbstep === ‘checkout'\u00bb class=\u00bbbg-cream text-stone-900 min-h-screen w-full overflow-x-hidden\u00bb > <section class=\u00bbrelative h-[350px] md:h-[400px] overflow-hidden flex items-center\u00bb > <img src=\u00bbhttps:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/experiencias.jpg\u00bb class=\u00bbabsolute inset-0 w-full h-full object-cover\u00bb \/> <\/p>\n<div class=\"absolute inset-0 bg-black\/55\"><\/div>\n<p> <div class=\u00bbrelative z-10 max-w-7xl mx-auto px-4 sm:px-6 md:px-8 w-full text-white\u00bb > <\/p>\n<h1 class=\"font-title text-4xl sm:text-6xl md:text-7xl\"> Finaliza tu <span class=\"italic text-gold\">reserva<\/span> <\/h1>\n<p> <pee class=\"mt-4 text-sm md:text-lg max-w-lg text-stone-200\"> Su plaza est\u00e1 garantizada temporalmente durante los pr\u00f3ximos 15 minutos mientras formaliza el pago seguro. <\/pee> <\/div>\n<p> <\/section>\n<p> <div class=\u00bbmax-w-7xl mx-auto -mt-20 relative z-20 pb-20 px-4 sm:px-6 md:px-8 w-full\u00bb > <\/p>\n<div class=\"grid grid-cols-1 lg:grid-cols-12 gap-6 w-full\">  <div class=\u00bblg:col-span-4 bg-white rounded-3xl p-6 sm:p-8 shadow-xl flex flex-col justify-between w-full\u00bb > <\/p>\n<div> <\/p>\n<h2 class=\"font-semibold text-xl mb-6 text-forest\"> 1. Resumen de su reserva <\/h2>\n<p> <\/p>\n<div class=\"space-y-4 text-xs sm:text-sm border-b pb-6\"> <\/p>\n<div class=\"flex justify-between\"> <span class=\"text-stone-500\">Ruta:<\/span ><span class=\u00bbfont-medium text-right ml-2″ x-text=\u00bbselectedRoute ? selectedRoute.nombre : \u00bb\u00bb ><\/span> <\/div>\n<p> <\/p>\n<div class=\"flex justify-between\"> <span class=\"text-stone-500\">Duraci\u00f3n:<\/span ><span class=\u00bbfont-medium\u00bb x-text=\u00bbselectedRoute ? selectedRoute.duracion : ‘-‘\u00bb ><\/span> <\/div>\n<p> <\/p>\n<div class=\"flex justify-between\"> <span class=\"text-stone-500\">Fecha Elegida:<\/span ><span class=\u00bbfont-semibold text-forest\u00bb x-text=\u00bbform.fecha_experiencia\u00bb ><\/span> <\/div>\n<p> <\/p>\n<div class=\"flex justify-between\"> <span class=\"text-stone-500\">Participantes:<\/span ><span class=\u00bbfont-medium\u00bb x-text=\u00bbform.jinetes + ‘ Jinete(s)'\u00bb ><\/span> <\/div>\n<p> <\/p>\n<div class=\"flex justify-between\"> <span class=\"text-stone-500\">Nivel T\u00e9cnico:<\/span ><span class=\"font-medium\" x-text=\"form.nivel\"><\/span> <\/div>\n<p> <\/p>\n<div class=\"flex justify-between\"> <span class=\"text-stone-500\">C\u00f3digo Localizador:<\/span ><span class=\"font-mono font-bold text-amber-700\" >MHT-2505-0187<\/span > <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"mt-8 p-5 sm:p-6 rounded-2xl bg-stone-50 border\"> <div class=\u00bbtext-xs uppercase tracking-wider text-stone-500 font-semibold\u00bb > Importe total neto <\/div>\n<p> <div class=\u00bbfont-title text-3xl sm:text-5xl text-gold mt-2 font-bold\u00bb > <span x-text=\"formatPrice(form.precio_total)\"><\/span> \u20ac <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <div class=\u00bblg:col-span-8 bg-white rounded-3xl p-6 sm:p-8 shadow-xl w-full flex flex-col justify-between\u00bb > <\/p>\n<div> <\/p>\n<h2 class=\"font-semibold text-xl mb-6 text-forest\"> 2. Pasarela de Pago Encriptada <\/h2>\n<p> <div class=\u00bbp-6 rounded-2xl bg-slate-50 border border-stone-200 space-y-6″ > <\/p>\n<div class=\"flex items-center gap-3\"> <span class=\"text-3xl\">\ud83d\udd12<\/span> <\/p>\n<div> <\/p>\n<h3 class=\"font-bold text-stone-800 text-sm sm:text-base\"> Procesamiento Encriptado SSL de Stripe <\/h3>\n<p> <pee class=\"text-stone-500 text-xs mt-0.5\"> Madrid Horse Tours cumple estrictamente con el est\u00e1ndar de seguridad PCI-DSS. <\/pee> <\/div>\n<p> <\/div>\n<p> <pee class=\"text-stone-600 text-xs sm:text-sm leading-relaxed\"> Al hacer clic en <strong class=\"text-forest\">CONFIRMAR Y PAGAR<\/strong>, abriremos el portal encriptado oficial de <strong>Stripe<\/strong>. All\u00ed podr\u00e1 abonar con total comodidad mediante la modalidad de su preferencia compatible para Espa\u00f1a: <\/pee>  <\/p>\n<div class=\"grid grid-cols-2 sm:grid-cols-4 gap-3 pt-2\"> <div class=\u00bbp-3 bg-white border rounded-xl flex flex-col items-center justify-center text-center shadow-sm\u00bb > <span class=\"text-2xl mb-1\">\ud83d\udcb3<\/span> <span class=\"text-[10px] font-bold text-stone-600 uppercase\" >Tarjetas<\/span > <span class=\"text-[8px] text-stone-400\" >Cr\u00e9dito \/ D\u00e9bito<\/span > <\/div>\n<p> <div class=\u00bbp-3 bg-white border rounded-xl flex flex-col items-center justify-center text-center shadow-sm\u00bb > <span class=\"text-2xl mb-1\">\ud83d\udcf1<\/span> <span class=\"text-[10px] font-bold text-stone-600 uppercase\" >Bizum<\/span > <span class=\"text-[8px] text-stone-400\" >Pago instant\u00e1neo<\/span > <\/div>\n<p> <div class=\u00bbp-3 bg-white border rounded-xl flex flex-col items-center justify-center text-center shadow-sm\u00bb > <span class=\"text-2xl mb-1\">\ud83c\udf4e<\/span> <span class=\"text-[10px] font-bold text-stone-600 uppercase\" >Apple Pay<\/span > <span class=\"text-[8px] text-stone-400\" >Un clic en iOS<\/span > <\/div>\n<p> <div class=\u00bbp-3 bg-white border rounded-xl flex flex-col items-center justify-center text-center shadow-sm\u00bb > <span class=\"text-2xl mb-1\">\ud83e\udd16<\/span> <span class=\"text-[10px] font-bold text-stone-600 uppercase\" >Google Pay<\/span > <span class=\"text-[8px] text-stone-400\" >Un clic en Android<\/span > <\/div>\n<p> <\/div>\n<p> <div class=\u00bbp-4 bg-amber-50 rounded-xl border border-amber-200 text-stone-700 text-xs leading-relaxed\u00bb > \ud83d\udca1 <strong>Aviso de retorno:<\/strong> Tras validar la transacci\u00f3n de forma exitosa en su aplicaci\u00f3n bancaria, retornar\u00e1 de manera autom\u00e1tica a nuestro sitio para visualizar y descargar su justificante oficial en PDF. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <div class=\u00bbmt-8 pt-6 border-t border-stone-100 flex flex-col sm:flex-row gap-4 w-full\u00bb > <button type=\u00bbbutton\u00bb @click=\u00bbstep = ‘reserva'\u00bb :disabled=\u00bbsending\u00bb class=\u00bbbg-white border text-stone-600 h-14 sm:h-16 px-6 sm:px-8 rounded-xl font-medium hover:bg-stone-50 transition text-sm sm:text-base w-full sm:w-auto\u00bb > \u2190 Modificar Datos <\/button> <button type=\u00bbbutton\u00bb @click=\u00bbprocesarPagoStripe()\u00bb :disabled=\u00bbsending\u00bb class=\u00bbflex-1 bg-gradient-to-r from-forest to-emerald-900 text-white rounded-xl h-14 sm:h-16 text-sm sm:text-lg font-bold hover:brightness-110 shadow-lg transition disabled:opacity-50 flex flex-col items-center justify-center\u00bb > <span x-text=\u00bbsending ? ‘PROCESANDO CONEXI\u00d3N SEGURA…’ : ‘CONFIRMAR Y PAGAR AHORA'\u00bb ><\/span> <span x-show=\u00bb!sending\u00bb class=\u00bbblock text-gold text-[10px] sm:text-xs tracking-wider font-normal font-sans\u00bb x-text=\u00bbformatPrice(form.precio_total) + ‘ \u20ac'\u00bb ><\/span> <\/button> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>    <div x-show=\u00bbstep === ‘confirmacion'\u00bb id=\u00bbstep-confirmacion\u00bb class=\u00bbbg-[#f5f2ed] text-stone-900 min-h-screen pb-24 w-full overflow-x-hidden\u00bb > <section class=\u00bbrelative h-[350px] md:h-[420px] overflow-hidden flex items-center no-print\u00bb > <img src=\u00bbhttps:\/\/madridhorsetour.com\/wp-content\/uploads\/2026\/07\/experiencias.jpg\u00bb class=\u00bbabsolute inset-0 w-full h-full object-cover\u00bb \/> <\/p>\n<div class=\"absolute inset-0 bg-black\/55\"><\/div>\n<p> <div class=\u00bbrelative z-10 max-w-7xl mx-auto px-4 sm:px-6 md:px-8 w-full text-white\u00bb > <h1 class=\u00bbtext-white text-3xl sm:text-6xl md:text-7xl font-title leading-none\u00bb > \u00a1Gracias por <span class=\"text-[#c79a57] italic\">reservar!<\/span> <\/h1>\n<p> <pee class=\"text-white\/90 text-sm sm:text-lg mt-4 max-w-xl\"> Tu plaza para la experiencia ecuestre est\u00e1 confirmada y bloqueada en firme. <\/pee> <\/div>\n<p> <\/section>\n<p> <\/p>\n<div class=\"hidden print:block w-full text-center border-b pb-6 mb-6\"> <h1 class=\u00bbtext-3xl font-serif text-forest tracking-widest font-bold uppercase\u00bb > MADRID HORSE TOURS <\/h1>\n<p> <p class=\u00bbtext-xs tracking-[4px] text-amber-600 mt-1 uppercase font-semibold\u00bb > Resguardo Oficial de Reserva de Plaza <\/pee> <\/div>\n<p> <section class=\u00bbmax-w-7xl mx-auto md:-mt-20 relative z-20 px-4 sm:px-6 md:px-8 w-full\u00bb > <div class=\u00bbbg-white rounded-[32px] md:shadow-2xl p-5 sm:p-12 print:p-0 print:border-none w-full\u00bb >  <\/p>\n<div class=\"print-page-1 flex flex-col justify-between w-full\"> <\/p>\n<div> <div class=\u00bbborder border-stone-200 rounded-2xl overflow-hidden print-card-style mb-6″ > <\/p>\n<div class=\"p-4 sm:p-5 bg-stone-50 border-b border-stone-200\"> <h2 class=\u00bbtext-xs sm:text-sm font-bold tracking-wider text-stone-500 uppercase\u00bb > RESUMEN DE TU LOCALIZADOR <\/h2>\n<p> <\/div>\n<p> <\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2\"> <\/p>\n<div class=\"p-5 sm:p-6\"> <div class=\u00bbtext-[10px] sm:text-xs uppercase text-stone-400 font-semibold tracking-wider\u00bb > C\u00f3digo identificador \u00fanico <\/div>\n<p> <div class=\u00bbtext-2xl sm:text-4xl font-serif text-forest font-bold mt-1″ x-text=\u00bbform.localizador\u00bb ><\/div>\n<p> <\/div>\n<p> <div class=\u00bbp-5 sm:p-6 border-t md:border-t-0 md:border-l border-stone-200 text-xs sm:text-sm space-y-2 text-stone-600″ > <\/p>\n<div> <strong>Fecha de salida:<\/strong> <span class=\u00bbtext-black font-semibold\u00bb x-text=\u00bbform.fecha_experiencia\u00bb ><\/span> <\/div>\n<p> <\/p>\n<div><strong>Hora de reuni\u00f3n t\u00e9cnica:<\/strong> 10:00 h<\/div>\n<p> <\/p>\n<div> <strong>Punto de encuentro:<\/strong> Soto del Real, Madrid <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <div class=\u00bbborder border-stone-200 rounded-2xl p-5 sm:p-6 print-card-style mb-6″ > <div class=\u00bbtext-[10px] sm:text-xs uppercase font-bold text-[#c79a57] tracking-widest\u00bb > Aventura Asignada <\/div>\n<p> <h3 class=\u00bbtext-xl sm:text-3xl font-serif text-forest mt-1 font-bold\u00bb x-text=\u00bbselectedRoute ? selectedRoute.nombre : \u00bb\u00bb ><\/h3>\n<p> <div class=\u00bbmt-2 text-stone-500 text-xs sm:text-sm\u00bb x-text=\u00bb(selectedRoute ? selectedRoute.duracion : \u00bb) + ‘ \u00b7 Nivel ‘ + form.nivel\u00bb ><\/div>\n<p> <\/div>\n<p> <div class=\u00bbborder border-stone-200 rounded-2xl p-5 sm:p-6 print-card-style\u00bb > <h4 class=\u00bbfont-bold text-forest uppercase text-xs sm:text-sm tracking-wider mb-4″ > Informaci\u00f3n de contacto <\/h4>\n<p> <\/p>\n<ul class=\"space-y-3 text-stone-600 text-xs sm:text-sm\"> <\/p>\n<li> <strong>Pasajero Principal:<\/strong> <span class=\"text-black\" x-text=\"form.nombre\"><\/span> <\/li>\n<p> <\/p>\n<li> <strong>Email registrado:<\/strong> <span class=\"text-black\" x-text=\"form.email\"><\/span> <\/li>\n<p> <\/p>\n<li> <strong>Tel\u00e9fono de contacto:<\/strong> <span class=\"text-black\" x-text=\"form.telefono\"><\/span> <\/li>\n<p> <\/ul>\n<p> <\/div>\n<p> <\/div>\n<p> <div class=\u00bbhidden print:block text-center text-[10px] text-stone-400 border-t pt-4″ > P\u00e1gina 1 de 2 \u00b7 Madrid Horse Tours \u00b7 www.madridhorsetour.com <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"print-page-2 flex flex-col justify-between w-full\"> <\/p>\n<div> <\/p>\n<div class=\"hidden print:block w-full border-b pb-4 mb-6\"> <span class=\u00bbtext-xs uppercase font-bold text-forest tracking-widest\u00bb >Anexo de Seguridad e Itinerario Log\u00edstico<\/span > <\/div>\n<p> <\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\"> <div class=\u00bbborder border-stone-200 rounded-2xl p-5 sm:p-6 print-card-style text-xs sm:text-sm\u00bb > <h4 class=\u00bbfont-bold text-forest uppercase text-xs sm:text-sm tracking-wider mb-4″ > Par\u00e1metros de Seguridad <\/h4>\n<p> <\/p>\n<ul class=\"space-y-3 text-stone-600\"> <\/p>\n<li> <strong>N\u00famero total de plazas:<\/strong> <span class=\u00bbtext-black font-semibold\u00bb x-text=\u00bbform.jinetes\u00bb ><\/span> <\/li>\n<p> <\/p>\n<li> <strong>Casco de protecci\u00f3n:<\/strong> <span class=\u00bbtext-black\u00bb x-text=\u00bbform.casco_propio ? ‘Propio’ : ‘Proporcionado por MHT'\u00bb ><\/span> <\/li>\n<p> <\/p>\n<li> <strong>Medida de casco EU registrada:<\/strong> <span class=\u00bbtext-black\u00bb x-text=\u00bbform.casco_propio ? ‘N\/A’ : form.talla_casco\u00bb ><\/span> <\/li>\n<p> <\/ul>\n<p> <\/div>\n<p> <div class=\u00bbborder border-stone-200 rounded-2xl p-5 sm:p-6 print-card-style text-xs sm:text-sm\u00bb > <h4 class=\u00bbfont-bold text-forest uppercase text-xs sm:text-sm tracking-wider mb-4″ > Preferencias Gastron\u00f3micas <\/h4>\n<p> <\/p>\n<ul class=\"space-y-3 text-stone-600\"> <\/p>\n<li> <strong>Restricci\u00f3n alimentaria:<\/strong> <span class=\"text-black\" x-text=\"form.gastronomia\"><\/span> <\/li>\n<p> <\/p>\n<li> <strong>Comentarios y alergias:<\/strong> <span class=\u00bbtext-black italic\u00bb x-text=\u00bbform.comentarios ? form.comentarios : ‘Ninguna especificada'\u00bb ><\/span> <\/li>\n<p> <\/ul>\n<p> <\/div>\n<p> <\/div>\n<p> <div class=\u00bbbg-[#f8f7f3] rounded-3xl p-5 sm:p-6 border border-stone-200 print-card-style relative\u00bb > <h3 class=\u00bbtext-lg sm:text-xl font-serif text-forest font-bold mb-2″ > Comprobante y Pautas de Ruta <\/h3>\n<p> <p class=\u00bbtext-[11px] sm:text-xs text-stone-500 leading-relaxed\u00bb > Le recordamos que es indispensable presentarse con pantal\u00f3n largo adecuado para montar y calzado cerrado. El gu\u00eda principal verificar\u00e1 el estado de las cinchas y estribos antes de dar inicio a la salida. Una copia formalizada con el itinerario detallado ha sido enviada a su correo. <\/pee> <div class=\u00bbabsolute bottom-16 left-1\/2 -translate-x-1\/2 bg-emerald-800 text-white font-medium text-xs px-4 py-2.5 rounded-lg shadow-lg border border-emerald-600 text-center w-[90%]\u00bb x-show=\u00bbshowEmailToast\u00bb x-transition > Resguardo reenviado correctamente al correo. <\/div>\n<p> <\/p>\n<div class=\"flex flex-col sm:flex-row gap-4 no-print mt-4\"> <button type=\u00bbbutton\u00bb @click=\u00bbshowEmailToast = true; setTimeout(() => showEmailToast = false, 3500)\u00bb class=\u00bbflex-1 h-12 rounded-xl bg-[#0e3b2c] text-white font-medium text-sm hover:opacity-95 transition\u00bb > Reenviar por Email <\/button> <button type=\u00bbbutton\u00bb @click=\u00bbwindow.print()\u00bb class=\u00bbflex-1 h-12 rounded-xl border border-stone-300 bg-white font-medium text-sm hover:bg-stone-50 transition\u00bb > Imprimir \/ Descargar PDF <\/button> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <div class=\u00bbhidden print:block text-center text-[10px] text-stone-400 border-t pt-4″ > P\u00e1gina 2 de 2 \u00b7 Consultas T\u00e9cnicas: info@madridhorsetours.es \u00b7 Soporte WhatsApp: +34 689 671 446 <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <\/div>\n<p> <\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Reserva tu experiencia | Madrid Horse Tours href=\u00bbhttps:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Inter:wght@300;400;500;600;700&display=swap\u00bb rel=\u00bbstylesheet\u00bb \/ href=\u00bbhttps:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Inter:wght@400;500;600&display=swap\u00bb rel=\u00bbstylesheet\u00bb \/ x-data=\u00bbmhtApp\u00bb x-cloak class=\u00bbfont-body antialiased selection:bg-amber-500 selection:text-black bg-[#0F1115] overflow-x-hidden w-full\u00bb class=\u00bbmht-top-banner\u00bb id=\u00bbmhtTopBanner\u00bb role=\u00bbregion\u00bb aria-label=\u00bbPr\u00f3xima apertura de reservas\u00bb width=\u00bb34″ height=\u00bb34″ viewBox=\u00bb0 0 1920 1920″ stroke=\u00bb#c8a15a\u00bb fill=\u00bb#c8a15a\u00bb stroke-width=\u00bb35″ stroke-linecap=\u00bbround\u00bb stroke-linejoin=\u00bbround\u00bb d=\u00bbM1439.667 1226.667H1333V1440c0 14.187 5.653 27.733 15.573 37.76l123.414 123.306 75.413-75.413-107.733-107.733z\u00bb \/ d=\u00bbM1386.333 1813.333C1180.467 1813.333 1013 1645.867 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-3000","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/pages\/3000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/comments?post=3000"}],"version-history":[{"count":15,"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/pages\/3000\/revisions"}],"predecessor-version":[{"id":3709,"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/pages\/3000\/revisions\/3709"}],"wp:attachment":[{"href":"https:\/\/madridhorsetour.com\/es\/wp-json\/wp\/v2\/media?parent=3000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}