PageSourceSearch

https://trendelanavidad.es/elviaje.asp

html trendelanavidad.es collected 2026-10-08 01:08:00 UTC 20,665 bytes, 573 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3
4<head>
5
6  
7
8<style>
9/* Banner inferior */
10#cookie-banner {
11  position: fixed;
12  left: 20px;
13  right: 20px;
14  bottom: 20px;
15  background: #339933;
16  color: #fff;
17  padding: 20px 24px;
18  border-radius: 10px;
19  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
20  display: flex;
21  gap: 12px;
22  align-items: center;
23  justify-content: space-between;
24  z-index: 12000;
25  font-family: Arial, sans-serif;
26  transform: translateY(120%);
27  transition: transform .4s cubic-bezier(.2,.9,.3,1), opacity .3s;
28  opacity: 0;
29}
30#cookie-banner.show { transform: translateY(0); opacity: 1; }
31
32.cbtn {
33  background: #339933;
34  color: #fff;
35  border: none;
36  padding: 8px 12px;
37  border-radius: 6px;
38  cursor: pointer;
39  font-weight: 700;
40  transition: background .18s ease, transform .12s ease;
41}
42.cbtn:hover { background: #354144; transform: translateY(-2px); }
43
44.cbtn.secondary { background: #fff; color:#339933; border:1px solid #339933; }
45.cbtn.secondary:hover { background:#354144; color:#fff; }
46
47#cookie-panel {
48  position: fixed;
49  right: 20px;
50  bottom: 90px;
51  width: 340px;
52  max-width: calc(100% - 40px);
53  background: #fff;
54  border: 2px solid #339933;
55  border-radius: 10px;
56  padding: 16px;
57  box-shadow: 0 8px 30px rgba(0,0,0,0.18);
58  z-index: 12001;
59  font-family: Arial, sans-serif;
60  display: none;
61  transform-origin: bottom right;
62  transform: scale(.95);
63  transition: transform .18s, opacity .18s;
64  opacity: 0;
65}
66#cookie-panel.show { display:block; transform: scale(1); opacity: 1; }
67
68#cookie-float {
69  position: fixed;
70  left: 20px;
71  bottom: 20px;
72  width: 48px;
73  height: 48px;
74  border-radius: 50%;
75  background: #339933;
76  color: #fff;
77  display:none;
78  align-items:center;
79  justify-content:center;
80  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
81  z-index:12002;
82  cursor:pointer;
83  transition: background .18s, transform .12s ease;
84}
85#cookie-float:hover { background:#354144; transform: translateY(-2px); }
86
87/* Ajustes para pantallas pequeñas */
88@media (max-width: 600px) {
89  #cookie-banner {
90    flex-direction: column;
91    align-items: stretch;
92    text-align: center;
93    gap: 10px;
94    padding: 16px;
95  }
96
97  #cookie-banner > div:last-child {
98    flex-wrap: wrap;
99    justify-content: center;
100  }
101
102  #cookie-banner button {
103    flex: 1 1 100%;
104    max-width: 100%;
105  }
106}
107
108</style>
109
110<!-- Banner -->
111<div id="cookie-banner" role="dialog" aria-live="polite" aria-label="Aviso de cookies">
112  <div style="flex:1; padding-right:12px;">
113    <strong>Usamos cookies</strong> para mejorar tu experiencia y estadísticas.
114    <div style="font-size:13px; opacity:.95; margin-top:6px;">Puedes aceptar todas, rechazar o personalizar.</div>
115  </div>
116  <div style="display:flex; gap:8px; align-items:center;">
117    <button class="cbtn" id="cb-accept">Aceptar todas</button>
118    <button class="cbtn secondary" id="cb-config">Configurar</button>
119    <button class="cbtn" id="cb-reject">Rechazar</button>
120  </div>
121</div>
122
123<!-- Panel -->
124<div id="cookie-panel" role="region" aria-label="Configuración de cookies">
125  <h5 style="color:#339933;">Configuración de cookies</h5><hr>
126  <p style="font-size:13px;">Selecciona las categorías que deseas aceptar.</p>
127
128  <div class="cookie-row"><label><input type="checkbox" id="ck-necessary" checked disabled> Necesarias (siempre activas)</label></div>
129  <div class="cookie-row"><label><input type="checkbox" id="ck-tracking"> Analítica / Tracking (Google Analytics)</label></div>
130
131  <div style="margin-top:12px; display:flex; gap:8px; justify-content:flex-end;">
132    <button class="cbtn secondary" id="cb-panel-cancel">Cancelar</button>
133    <button class="cbtn" id="cb-panel-save">Guardar</button>
134  </div>
135
136  <div style="margin-top:10px; font-size:12px; color:#666;">
137    <hr>
138    <a href="/legal/politica-cookies.asp" target="_blank" style="color:#339933; text-decoration:underline;">Ver política de cookies</a>
139    <div style="margin-top:6px;">Consentimiento: <span id="consent-timestamp" style="font-weight:700;"></span></div>
140  </div>
141</div>
142
143<!-- Botón flotante -->
144<button id="cookie-float" aria-label="Preferencias de cookies" title="Preferencias de cookies"><i class="bx bx-cookie bx-md"></i></button>
145
146<script>
147function setCookie(name,value,days){
148  var expires = "";
149  if(days){
150    var d = new Date();
151    d.setTime(d.getTime() + (days*24*60*60*1000));
152    expires = "; expires=" + d.toUTCString();
153  }
154  document.cookie = name + "=" + encodeURIComponent(value) + expires + "; path=/";
155}
156function getCookie(name){
157  var m = document.cookie.match(new RegExp('(^| )'+name+'=([^;]+)'));
158  return m ? decodeURIComponent(m[2]) : null;
159}
160
161document.addEventListener('DOMContentLoaded', function(){
162  var banner = document.getElementById('cookie-banner');
163  var panel = document.getElementById('cookie-panel');
164  var floatBtn = document.getElementById('cookie-float');
165  var ckTracking = document.getElementById('ck-tracking');
166  var consentTimestamp = document.getElementById('consent-timestamp');
167
168  var raw = getCookie('consent_trennav');
169  if (!raw) {
170    setTimeout(() => banner.classList.add('show'), 150);
171  } else {
172    try {
173      var obj = JSON.parse(raw);
174      applyConsent(obj);
175      updatePanelUI(obj);
176      floatBtn.style.display = "flex";
177    } catch (e) {
178      banner.classList.add('show');
179    }
180  }
181
182  document.getElementById('cb-accept').addEventListener('click', function(){
183    var obj = { necessary:true, tracking:true, fecha: new Date().toISOString() };
184    saveConsentCookie(obj);
185    applyConsent(obj);
186  });
187  document.getElementById('cb-reject').addEventListener('click', function(){
188    var obj = { necessary:true, tracking:false, fecha: new Date().toISOString() };
189    saveConsentCookie(obj);
190    applyConsent(obj);
191  });
192  document.getElementById('cb-config').addEventListener('click', openPanel);
193  floatBtn.addEventListener('click', openPanel);
194
195  document.getElementById('cb-panel-cancel').addEventListener('click', closePanel);
196  document.getElementById('cb-panel-save').addEventListener('click', function(){
197    var obj = {
198      necessary: true,
199      tracking: !!ckTracking.checked,
200      fecha: new Date().toISOString()
201    };
202    saveConsentCookie(obj);
203    applyConsent(obj);
204    closePanel();
205  });
206
207  function openPanel(){
208    var raw2 = getCookie('consent_trennav');
209    if(raw2){
210      try{ updatePanelUI(JSON.parse(raw2)); }catch(e){}
211    }
212    panel.classList.add('show');
213    banner.classList.remove('show');
214  }
215  function closePanel(){
216    panel.classList.remove('show');
217    if(!getCookie('consent_trennav')) banner.classList.add('show');
218  }
219
220  function updatePanelUI(obj){
221    ckTracking.checked = !!obj.tracking;
222    consentTimestamp.textContent = obj.fecha ? new Date(obj.fecha).toLocaleString() : "-";
223  }
224
225  function saveConsentCookie(obj){
226    setCookie('consent_trennav', JSON.stringify(obj), 180);
227  }
228
229  function applyConsent(obj){
230    banner.classList.remove('show');
231    if(obj && obj.tracking){ startGoogleAnalytics(); }
232    if(obj && obj.fecha) consentTimestamp.textContent = new Date(obj.fecha).toLocaleString();
233    floatBtn.style.display = "flex";
234  }
235
236  function startGoogleAnalytics(){
237    if(document.getElementById('ga-script')) return;
238    var ga=document.createElement('script');
239    ga.id='ga-script';
240    ga.async=true;
241    ga.src="https://www.googletagmanager.com/gtag/js?id=G-YYJMMBLZYH";
242    document.head.appendChild(ga);
243    ga.onload = function(){
244      
vendor: 147 bytes, lines 244-247
244window.dataLayer = window.dataLayer || [];
245      function gtag(){dataLayer.push(arguments);}
246      gtag('js', new Date());
247      gtag('config','
247G-YYJMMBLZYH
vendor: 9 bytes, lines 247-248
247');
248    
248};
249  }
250});
251</script>
251
252
253
254  <meta charset="iso-8859-1">
255  <meta content="width=device-width, initial-scale=1.0" name="viewport">
256
257  <title>Tren de la Navidad - El viaje</title>
258  <meta name="description" content="El viaje. Vive el espíritu de la Navidad en un tren con más de un sigloc de historia, van al Tren de la Navidad">
259  <meta name="keywords" content="Tren de la Navidad, viaje, reyes magos, patrimonio histórico, turismo, ferrocarril, Fundación de los Ferrocarriles Españoles">
260
261  <!-- Favicons -->
262  <link href="img/favicon.png" rel="icon">
263  <link href="img/apple-touch-icon.png" rel="apple-touch-icon">
264
265  <link rel="canonical" href="https://www.trendelanavidad.es/elviaje.asp" />
266
267  <!-- Google Fonts -->
268  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
269
270  <!-- Vendor CSS Files -->
271  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
272  <link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
273  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
274  <link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
275  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
276  <link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
277  <link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
278
279  <!-- Template Main CSS File -->
280  <link href="assets/css/style.css" rel="stylesheet">
281  
282</head>
283
284<body>
285
286  <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 286-287
286
287	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
287GTM-WRB6DRW
vendor: 88 bytes, lines 287-288
287"
288  	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
289<!-- End Google Tag Manager (noscript) -->
290
291  
291<script>document.body.className += ' fade-out';</script>
291
292
293    <!-- ======= Top Bar ======= -->
294  <section id="topbar" class="">
295    <div class="container d-flex">
296      <div class="contact-info mr-auto d-none d-lg-block">
297        <i class="icofont-envelope"></i><a href="mailto:[email protected]">[email protected]</a>
298        <i class="icofont-phone phone-icon"></i> +34 915 068 053
299      </div>
300      <div class="social-links d-none d-lg-block">
301        <a target=_blank href="https://twitter.com/ffe_es" class="twitter"><i class="icofont-twitter"></i></a>
302        <a target=_blank href="https://www.youtube.com/channel/UCErWihmLQXZF6Dmv6Ll2_qA" class="facebook"><i class="icofont-youtube"></i></a>
303        <a target=_blank href="https://www.instagram.com/fundacionferrocarriles/" class="instagram"><i class="icofont-instagram"></i></a>
304        <a href="/venta-billetes.asp" class="btn-primary"><b>Venta de billetes</b></a>
305      </div>
306      <div class="social-links d-block d-sm-block d-md-none" >
307        <a href="/venta-billetes.asp" class="btn-primary"><b>Venta de billetes</b></a>
308      </div>
309    </div>
310  </section>
311
312
313  <!-- ======= Header ======= -->
314  <header id="header" class="d-flex align-items-center">
315    <div class="container d-flex align-items-center">
316
317      <div class="logo mr-auto">
318        <h1 class="text-light"><a href="index.asp"><img src="img/logoFFE.png" alt="" class="img-fluid">&nbsp;&nbsp;Tren de la <span>Navidad</span></a></h1>
319        <!-- Uncomment below if you prefer to use an image logo -->
320        <!-- <a href="index.html"><img src="img/logo.png" alt="" class="img-fluid"></a>-->
321      </div>
322
323	        <nav class="nav-menu d-none d-lg-block">
324        <ul>
325          <li><a href="/index.asp">Inicio</a></li>
326          <li><a href="/elviaje.asp">El viaje</a></li>
327          <li><a href="composicion-del-tren.asp">Composición del tren</a></li>
328          <li class="drop-down"><a href="">Galería</a>
329            <ul>
330              <li><a href="/galeria-fotografias.asp">Fotografías</a></li>
331              <!--<li><a href="/galeria-videos.asp">Vídeos</a></li>-->
332              <li><a href="/visitaeltren/index.asp">Recorrido interior</a></li>
333            </ul>
334          </li>
335
336
337    </div>
338  </header><!-- End Header -->
339
340  <main id="main">
341
342    <!-- ======= Breadcrumbs ======= -->
343    <section id="breadcrumbs" class="breadcrumbs">
344      <div class="container">
345
346        <div class="d-flex justify-content-between align-items-center">
347          <h2>El viaje</h2>
348          <ol>
349            <li><a href="index.asp">Inicio</a></li>
350            <li>El viaje</li>
351          </ol>
352        </div>
353
354      </div>
355    </section><!-- End Breadcrumbs -->
356
357    <!-- ======= Portfolio Details Section ======= -->
358    <section id="portfolio-details" class="portfolio-details">
359      <div class="container">
360
361        <div class="row">
362
363	        <div class="col-lg-4 col-md-4 portfolio-details-container">
364	            <img src="img/elviaje00.jpg" class="img-fluid fotored" alt="El viaje">	
365	        </div>
366	
367	        <div class="col-lg-8 col-md-8 portfolio-description">
368	          <h2>Días de circulación</h2>
369	          <hr>
370
371	          <p>El Tren de la Navidad circula en las fechas navideñas, en los días siguientes:</p>
372				<ul>
373					<!--<li>Diciembre de 2025: 21, 22, 26, 27, 28, 29 y 30</li>-->
374					<!--<li>Enero de 2026: 2, 3, 4 y 5</li>-->
375					<li>22, 23, 26, 29, 30 de diciembre,  y 2 enero: Salidas a las 17 y 19 h</li>
376					<li>20, 21, 27, 28 de diciembre, y 3, 4 y 5 enero, 11 y 13 h</li>
377				</ul>
378				
379	          <h2>Horarios</h2>
380	          <hr>
381				<ul>
382					<li>Sábado 20 diciembre: 11:00 y 13:00 horas</li>
383					<li>Domingo 21 diciembre: 11:00 y 13:00 horas</li>
384					<li>Lunes 22 diciembre: 17:00 y 19:00 horas</li>
385					<li>Martes 23 diciembre: 17:00 y 19:00 horas</li>
386					<li>Viernes 26 diciembre: 17:00 y 19:00 horas</li>
387					<li>Sábado 27 diciembre: 11:00 y 13:00 horas</li>
388					<li>Domingo 28 diciembre: 11:00 y 13:00 horas</li>
389					<li>Lunes 29 diciembre: 17:00 y 19:00 horas</li>
390					<li>Martes30 diciembre: 17:00 y 19:00 horas</li>
391					<li>Viernes 2 enero: 17:00 y 19:00 horas</li>
392					<li>Sábado 3 enero: 11:00 y 13:00 horas</li>
393					<li>Domingo 4 enero: 11:00 y 13:00 horas</li>
394					<li>Lunes 5 enero: 11:00 y 13:00 horas</li>
395				</ul>
396	        </div>
397	        
398	        <div class="col-lg-12 col-md-12 portfolio-description">
399	        	<p>El checking se abre 45 minutos antes de la salida del tren.</p>
400				<p>El control de acceso se cierra 10 minutos antes de la salida 
401				del tren.</p>
402				<p>El viaje tiene una hora aproximada de duración, entre el Museo del Ferrocarril y Getafe, y vuelta.</p>
403				<p>La vuelta se realizará también al Museo del Ferrocarril de Madrid.
404				</p>
405				<br>
406	          <h2>Precios</h2>
407	          <hr>
408				<p>Los precios del billete del Tren de la Navidad son los 
409				siguientes, dependiendo del horario y día elegido:<br><br></p>
410				<div class="row" align="center">
411					<div class="col-lg-3 col-md-3">
412					</div>
413					<div class="col-lg-6 col-md-6">
414					<table border="0" class="table table-sm" width="586">
415						<tr>
416							<td colspan="2"><b>Todos los días, excepto el día 5 de 
417							enero</b></td>
418						</tr>
419						<tr>
420							<td width="186">Adultos: 17 € </td>
421							<td width="396">
422							Niños (de 1 a 1,40 metros de altura): 11 € </td>
423						</tr>
424						<tr>
425							<td width="186">&nbsp;</td>
426							<td width="396">
427							&nbsp;</td>
428						</tr>
429						<tr>
430							<td colspan="2"><b>Día 5 de enero</b></td>
431						</tr>
432						<tr>
433							<td>Adultos: 23 € </td>
434							<td>Niños (de 1 a 1,40 metros de altura): 17 € </td>
435						</tr>
436						<tr>
437							<td colspan="2">
438							<p align="center"><br>
439							<a href="/venta-billetes.asp" class="btn-get-started">Reserva tu plaza</a></td>
440						</tr>
441					</table>
442					</div>
443					<div class="col-lg-3 col-md-3">
444					</div>
445				</div>
446			  <p>Los menores de un metro de altura viajan gratis si no ocupan 
447				asiento. No es preciso que compren billete.</p>
448				<!--<p><b>Ofertas para grupos:</b> 10% de descuento a partir de 15 
449				viajeros. Para concretar reserva será necesario contactar 
450				previamente con <a href="mailto:[email protected]">
451				[email protected]</a> <br>
452				<br>-->
453				No se contemplan 
454				otros descuentos como el de familia numerosa, discapacidad, etc.<br>&nbsp;</p>
455	          <h2>Compra de billetes</h2>
456	          <hr>
457	            <p>La compra de billetes se realiza desde la web:
458				<a href="venta-billetes.asp">www.trendelanavidad.es</a></p>
459				
460			  <br>
461  
462	          <h2>Condiciones del viaje</h2>
463	          <hr>
464	            <ul>
465					<li>Viaje de ida y vuelta en el Tren de la Navidad.</li>
466					<li>Animación y teatralización durante el trayecto, así como 
467					del Paje Real. </li>
468					<li>El día 5 de enero, presencia de sus Majestades los Reyes 
469					Magos de Oriente.</li>
470					<li>
470Las plazas están numeradas, aunque debido a situaciones 
471					excepcionales, la organización se reserva la posibilidad de 
472					reubicar a los pasajeros.</li>
473					<li>Es posible llevar carritos de niño, que se dejarán en el 
474					museo antes de subir al tren.</li>
475					<li>Queda prohibido el embarque de patinetes y monociclos 
476					eléctricos.</li>
477					<li>El billete es su contrato de transporte, debe 
478					conservarlo hasta el final del viaje.</li>
479					<li>No es necesario imprimir el billete, puede presentarlo 
480					en diferentes formatos digitales.</li>
481					<li>El control de acceso se cierra 10 minutos antes de la 
482					salida al Tren.</li>
483					<li>No se admiten cambios ni devoluciones.</li>
484					<li>Los horarios del tren y actividades pueden ser 
485					susceptibles de ser modificados por la organización.</li>
486					<li>Los posibles retrasos en los horarios del tren no 
487					implica reembolso, ni total ni parcial, del importe del 
488					billete.</li>
489					<li>Servicio cubierto por SOV y SRC.</li>
490				</ul>
491				
492			  <br>
493	        </div>
494        </div>
495
496      </div>
497    </section><!-- End Portfolio Details Section -->
498
499  </main><!-- End #main -->
500
501    <!-- ======= Footer ======= -->
502  <footer id="footer">
503    <div class="footer-top">
504      <div class="container">
505        <div class="row">
506
507          <div class="col-lg-1 col-md-1 col-sm-1 footer-links">
508          </div>
509
510          <div class="col-lg-2 col-md-2 col-sm-3 col-5">
511            <div class="footer-info">
512              <p style="text-align: center">
513                <img border="0" src="/img/logo-TrenNavidad-trans.png" class="img-fluid">
514              </p>
515            </div>
516          </div>
517
518          <div class="col-lg-3 col-md-3 col-sm-7 col-7">
519            <div class="footer-info">
520              <p style="text-align: center">
521                <a target=_blank href="https://www.ffe.es"><img border="0" src="/img/LogoMuseoFFE_blanco.png" class="img-fluid"></a>
522              </p>
523            </div>
524          </div>
525
526          <div class="col-lg-1 col-md-1 col-sm-1 footer-links">
527          </div>
528
529          <div class="col-lg-5 col-md-5 col-sm-12 col-12">
530            <h4>Tren de la Navidad</h4>
531            <a href="/legal/aviso-legal.asp" title="Aviso legal">Aviso legal</a> | <a href="/legal/politica-privacidad.asp" title="Política de privacidad">Política de privacidad</a> | <a href="/legal/politica-cookies.asp" title="Política de cookies">Política de cookies</a>
532          </div>
533
534        </div>
535      </div>
536    </div>
537
538    <div class="container">
539          
540      <div class="copyright">
541        &copy; 2026 <strong><span>Tren de la Navidad</span></strong>. Fundación de los Ferrocarriles Españoles
542      </div>
543      
544    </div>
545  </footer><!-- End Footer -->
546
547
548  <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
549
550  <!-- Vendor JS Files -->
551  
551<script src="assets/vendor/jquery/jquery.min.js"></script>
551
552  
552<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
552
553  
553<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
553
554  
554<script src="assets/vendor/php-email-form/validate.js"></script>
554
555  
555<script src="assets/vendor/jquery-sticky/jquery.sticky.js"></script>
555
556  
556<script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
556
557  
557<script src="assets/vendor/counterup/counterup.min.js"></script>
557
558  
558<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
558
559  
559<script src="assets/vendor/venobox/venobox.min.js"></script>
559
560  
560<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
560
561
562  <!-- Template Main JS File -->
563  
563<script src="assets/js/main.js"></script>
563
564
565  
565<script>
566    $(function() {
567        $('body').removeClass('fade-out');
568    });
569  </script>
569
570
571</body>
572
573</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.