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"> 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"> </td> 426 <td width="396"> 427 </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> </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 © 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.