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 - Venta de billetes</title> 258 <meta name="description" content="Venta de billetes. Reserva tus entradas para el Tren de la Navidad"> 259 <meta name="keywords" content="Entradas, Billetes, Tickets, Tren de la Navidad, viaje, 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/venta-billetes.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
286<script>document.body.className += ' fade-out';</script>
286 287 288 <!-- ======= Top Bar ======= --> 289 <section id="topbar" class=""> 290 <div class="container d-flex"> 291 <div class="contact-info mr-auto d-none d-lg-block"> 292 <i class="icofont-envelope"></i><a href="mailto:[email protected]">[email protected]</a> 293 <i class="icofont-phone phone-icon"></i> +34 915 068 053 294 </div> 295 <div class="social-links d-none d-lg-block"> 296 <a target=_blank href="https://twitter.com/ffe_es" class="twitter"><i class="icofont-twitter"></i></a> 297 <a target=_blank href="https://www.youtube.com/channel/UCErWihmLQXZF6Dmv6Ll2_qA" class="facebook"><i class="icofont-youtube"></i></a> 298 <a target=_blank href="https://www.instagram.com/fundacionferrocarriles/" class="instagram"><i class="icofont-instagram"></i></a> 299 <a href="/venta-billetes.asp" class="btn-primary"><b>Venta de billetes</b></a> 300 </div> 301 <div class="social-links d-block d-sm-block d-md-none" > 302 <a href="/venta-billetes.asp" class="btn-primary"><b>Venta de billetes</b></a> 303 </div> 304 </div> 305 </section> 306 307 308 <!-- ======= Header ======= --> 309 <header id="header" class="d-flex align-items-center"> 310 <div class="container d-flex align-items-center"> 311 312 <div class="logo mr-auto"> 313 <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> 314 <!-- Uncomment below if you prefer to use an image logo --> 315 <!-- <a href="index.html"><img src="img/logo.png" alt="" class="img-fluid"></a>--> 316 </div> 317 318 <nav class="nav-menu d-none d-lg-block"> 319 <ul> 320 <li><a href="/index.asp">Inicio</a></li> 321 <li><a href="/elviaje.asp">El viaje</a></li> 322 <li><a href="composicion-del-tren.asp">Composición del tren</a></li> 323 <li class="drop-down"><a href="">Galería</a> 324 <ul> 325 <li><a href="/galeria-fotografias.asp">Fotografías</a></li> 326 <!--<li><a href="/galeria-videos.asp">Vídeos</a></li>--> 327 <li><a href="/visitaeltren/index.asp">Recorrido interior</a></li> 328 </ul> 329 </li> 330 331 332 </div> 333 </header><!-- End Header --> 334 335 <main id="main"> 336 337 <!-- ======= Breadcrumbs ======= --> 338 <section id="breadcrumbs" class="breadcrumbs"> 339 <div class="container"> 340 341 <div class="d-flex justify-content-between align-items-center"> 342 <h2>Venta de billetes</h2> 343 <ol> 344 <li><a href="index.asp">Inicio</a></li> 345 <li>Venta de billetes</li> 346 </ol> 347 </div> 348 349 </div> 350 </section><!-- End Breadcrumbs --> 351 352 <!-- ======= Portfolio Details Section ======= --> 353 <section id="portfolio-details" class="portfolio-details"> 354 <div class="container"> 355 356 <div class="row"> 357 <div class="col-lg-1 col-md-1"> 358 </div> 359 <div class="col-lg-10 col-md-10 portfolio-description"> 360 361 <!-- 362 <a title="Logiciel billetterie en ligne" 363 href="https://weezevent.com/?c=sys_widget" 364 class="weezevent-widget-integration" 365 data-src="https://widget.weezevent.com/ticket/E1422973/?code=30684&locale=es-ES&width_auto=1&color_primary=339933" 366 data-width="650" 367 data-height="600" 368 data-id="1422973" 369 data-resize="1" 370 data-width_auto="1" 371 data-noscroll="0" 372 data-use-container="yes" 373 data-type="neo" 374 target="_blank">Billetterie Weezevent</a> 375
375<script type="text/javascript" src="https://widget.weezevent.com/weez.js"></script>
375 376 --> 377 378 <div class="modal-dialog"> 379 <div class="modal-content" style="background-color:rgba(255, 255, 255, 0.75)"> 380 381 <div class="modal-body"> 382 <p style="text-align: center"><b> 383 <!--<br><font size="5" color="#339933">VENTA inminente</font></b>--> 384 <p style="text-align: center"><font size="3" color="#339933"><b>¡Nos vemos en el Tren de la Navidad!</b></font><p style="text-align: center"><br> 385 <img border="0" src="img/ComposicionTrenFresa.png" class="img-fluid"> 386 </div> 387 388 </div> 389 </div> 390 391 </div> 392 <div class="col-lg-1 col-md-1"> 393 </div> 394 </div> 395 396 </div> 397 </section><!-- End Portfolio Details Section --> 398 399 <p> </p> 400 401 </main><!-- End #main --> 402 403 <!-- ======= Footer ======= --> 404 <footer id="footer"> 405 <div class="footer-top"> 406 <div class="container"> 407 <div class="row"> 408 409 <div class="col-lg-1 col-md-1 col-sm-1 footer-links"> 410 </div> 411 412 <div class="col-lg-2 col-md-2 col-sm-3 col-5"> 413 <div class="footer-info"> 414 <p style="text-align: center"> 415 <img border="0" src="/img/logo-TrenNavidad-trans.png" class="img-fluid"> 416 </p> 417 </div> 418 </div> 419 420 <div class="col-lg-3 col-md-3 col-sm-7 col-7"> 421 <div class="footer-info"> 422 <p style="text-align: center"> 423 <a target=_blank href="https://www.ffe.es"><img border="0" src="/img/LogoMuseoFFE_blanco.png" class="img-fluid"></a> 424 </p> 425 </div> 426 </div> 427 428 <div class="col-lg-1 col-md-1 col-sm-1 footer-links"> 429 </div> 430 431 <div class="col-lg-5 col-md-5 col-sm-12 col-12"> 432 <h4>Tren de la Navidad</h4> 433 <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> 434 </div> 435 436 </div> 437 </div> 438 </div> 439 440 <div class="container"> 441 442 <div class="copyright"> 443 © 2026 <strong><span>Tren de la Navidad</span></strong>. Fundación de los Ferrocarriles Españoles 444 </div> 445 446 </div> 447 </footer><!-- End Footer --> 448 449 450 <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a> 451 452 <!-- Vendor JS Files --> 453
453<script src="assets/vendor/jquery/jquery.min.js"></script>
453 454
454<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
454 455
455<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
455 456
456<script src="assets/vendor/php-email-form/validate.js"></script>
456 457
457<script src="assets/vendor/jquery-sticky/jquery.sticky.js"></script>
457 458
458<script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
458 459
459<script src="assets/vendor/counterup/counterup.min.js"></script>
459 460
460<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
460 461
461<script src="assets/vendor/venobox/venobox.min.js"></script>
461 462
462<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
462 463 464 <!-- Template Main JS File --> 465
465<script src="assets/js/main.js"></script>
465 466 467
467<script> 468 $(function() { 469 $('body').removeClass('fade-out'); 470 }); 471 </script>
471 472 473</body> 474 475</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.