1 2 3<!DOCTYPE html> 4<html lang="es"> 5<head> 6 <!-- Google tag (gtag.js) -->
vendor: 69 bytes, lines 6-7
6 7 <script async src="https://www.googletagmanager.com/gtag/js?id=
7G-S3JPV85MZM
vendor: 17 bytes, lines 7-8
7"></script> 8
8<script> 9
vendor: 156 bytes, lines 9-13
9window.dataLayer = window.dataLayer || []; 10 function gtag(){dataLayer.push(arguments);} 11 gtag('js', new Date()); 12 13 gtag('config', '
13G-S3JPV85MZM
vendor: 9 bytes, lines 13-14
13'); 14
14</script>
14 15 <meta charset="utf-8" /> 16 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 17 <title>Federarse - Rutas Navarra / Napar Bideak</title> 18 19
19<script src="/js/shared.js?v=d_cvaGe5H1N6Li0wLQStsTaSrBxPCedJxvtIM9sZ2iA"></script>
19 20 21 <!-- Google Fonts --> 22 <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Inter:wght@400;600;700&family=Merriweather:wght@400;700&family=Poppins:wght@400;600;700&family=Source+Serif+4:wght@400;700&family=Nunito:wght@400;600;700&family=Roboto:wght@400;700&family=Cormorant+Garamond:wght@400;700&display=swap" rel="stylesheet"> 23 24 25 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" integrity="sha384-tViUnnbYAV00FLIhhi3v/dWt3Jxw4gZQcNoSCxCIFNJVCx7/D55/wXsrNIRANwdD" crossorigin="anonymous"> 26 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> 27 <link rel="icon" href="/imagenes/Rn/faviconRN-16x16.png" sizes="16x16" type="image/png"> 28 29 30 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/maplibre-gl.css" /> 31
31<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/maplibre-gl.js"></script>
31 32 33 34 35 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 36 37 <link href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css" rel="stylesheet"> 38 39 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 40 <link rel="stylesheet" href="/css/rutasnavarra.css?v=VkNmzVJUKcig1nZW7oHdoopaf52Egjwo7o1NLQStMxM" /> 41 42 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.css" crossorigin="anonymous" referrerpolicy="no-referrer" /> 43
43<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
43 44
44<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.6.2/proj4.js"></script>
44 45 46 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" /> 47 48 <link href="/Leaflet/leaflet.zoomhome.css" rel="stylesheet" /> 49
49<script src="/Leaflet/leaflet.zoomhome.js"></script>
49 50 51 <link href="/Leaflet/Control.FullScreen.css" rel="stylesheet" /> 52
52<script src="/Leaflet/Control.FullScreen.js"></script>
52 53 54
54<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-gpx/2.1.2/gpx.min.js" defer></script>
54 55 56 <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/MarkerCluster.css" /> 57 <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/MarkerCluster.Default.css" /> 58
58<script src="https://unpkg.com/[email protected]/dist/leaflet.markercluster.js"></script>
58 59 60
60<script src="/Leaflet/leaflet.polylineDecorator.js"></script>
60 61 62 <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css"> 63 64
64<script src=" https://pchen66.github.io/js/three/three.min.js"></script>
64 65
65<script src="https://pchen66.github.io/js/panolens/panolens.min.js"></script>
65 66 67
67<script src="/js/change-themes.js"></script>
67 68 69 70 71 72 73 <meta property="og:title" content="Federarse" /> 74 <meta property="og:description" content="Obten tu licencia de montaña con Rutas Navarra." /> 75 <meta property="og:image" content="http://rutasnavarra.com/img/img_federarse/tarjeta_NAFAR_2026.png" /> 76 <meta property="og:image:secure_url" content="http://rutasnavarra.com/img/img_federarse/tarjeta_NAFAR_2026.png" /> 77 <meta property="og:url" content="http://rutasnavarra.com/Federarse" /> 78 <link rel="canonical" href="http://rutasnavarra.com/Federarse" /> 79 <meta property="og:type" content="website" /> 80 81 <meta name="twitter:card" content="summary_large_image" /> 82 <meta name="twitter:image" content="http://rutasnavarra.com/img/img_federarse/tarjeta_NAFAR_2026.png" /> 83 <meta name="twitter:title" content="Federarse" /> 84 <meta name="twitter:description" content="Obten tu licencia de montaña con Rutas Navarra." /> 85
85<script> 86 window.RN_QR_Url = "http://rutasnavarra.com/Federarse"; 87 </script>
87 88 89
89<script> 90 const isAuth = "false"; 91 window.RN_IsAuthenticated = isAuth === "true"; 92 </script>
92 93 <link rel="stylesheet" href="/css/peakfinderA.css"> 94 95 <!-- CSS de los modales--> 96 <link href="/css/ui/modalbase.css" rel="stylesheet"> 97 <link href="/css/ui/modalfoto.css" rel="stylesheet"> 98 99
99<script src="/js/funciones.js" type="text/javascript"></script>
99 100 101 102 <link href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css" rel="stylesheet"> 103
103<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
103 104
104<script src="/js/Alertas_RN.js"></script>
104 105
105<script src="/js/spinner_RN.js"></script>
105 106
106<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
106 107 <style> 108 .custom-modal-header { 109 background-color: #1abc9c !important; 110 color: white !important; 111 border-bottom: none !important; 112 height: 50px; 113 display: flex; 114 align-items: center; 115 } 116 117 .custom-modal-header .btn-close { 118 filter: invert(1) brightness(200%); 119 } 120 121 .btn-toggle-transparent { 122 background-color: transparent !important; 123 border: none !important; 124 box-shadow: none !important; 125 padding: 0 !important; 126 } 127 128 .pano-tipo-icon { 129 position: absolute; 130 left: 50%; 131 transform: translateX(-50%); 132 font-size: 1.3rem; 133 color: white; 134 } 135 136 137 138 /* Contenedor del modal panorámico */ 139 #panoModal { 140 position: fixed; 141 top: 50%; 142 left: 50%; 143 transform: translate(-50%, -50%); 144 width: 75vw; /* 3/4 de la pantalla */ 145 max-width: 1200px; /* lÃmite opcional */ 146 height: 500px; /* altura fija */ 147 max-height: 90vh; /* por si la pantalla es pequeña */ 148 149 background: #fff; 150 border-radius: 8px; 151 overflow: hidden; 152 z-index: 2000; 153 display: none; 154 } 155 156 /* Backdrop */ 157 /* #panoBackdrop { 158 position: fixed; 159 inset: 0; 160 background: rgba(0,0,0,0.55); 161 z-index: 1990; 162 display: none; 163 } */ 164 165 #panoBackdrop { 166 position: fixed; 167 inset: 0; 168 background: rgba(0,0,0,0.55); 169 z-index: 1990; 170 display: none; 171 /* ð¥ ESTAS DOS LÃNEAS SON LA CLAVE */ 172 pointer-events: auto; 173 touch-action: none; 174 } 175 176 body.modal-open { 177 overflow: hidden !important; 178 } 179 180 181 182 /* Asegurar que los iframes ocupan todo el modal */ 183 #panofotoFrame, 184 #peakfinderFrame { 185 width: 100%; 186 height: 100%; 187 border: none; 188 } 189 190 191 192 </style> 193 194 195 196 197</head> 198 199<body data-bs-theme="auto"> 200 201 <div b-lp3naqben1 class="bg-image" aria-hidden="true"></div> 202 203 <div b-lp3naqben1 id="spinner" style="display:flex; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(255,255,255,0.7); z-index:9999; justify-content:center; align-items:center;"> 204 <div b-lp3naqben1 class="spinner-border text-primary" style="width: 4rem; height: 4rem;" role="status"> 205 <span b-lp3naqben1 class="visually-hidden">Cargando...</span> 206 </div> 207 </div> 208 209 <svg xmlns="http://www.w3.org/2000/svg" class="d-none"> 210 <symbol id="check2" viewBox="0 0 16 16"> 211 <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z" /> 212 </symbol> 213 <symbol id="circle-half" viewBox="0 0 16 16"> 214 <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" /> 215 </symbol> 216 <symbol id="moon-stars-fill" viewBox="0 0 16 16"> 217 <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z" /> 218 <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z" /> 219 </symbol> 220 <symbol id="sun-fill" viewBox="0 0 16 16"> 221 <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" /> 222 </symbol> 223</svg> 224 225 226 227<style> 228/* ----------------------------------------------------------- 229 MODAL AVISOS â VERSIÃN FINAL, ESTABLE Y FUNCIONAL 230----------------------------------------------------------- */ 231 232/* Modal responsive: 95vw en móvil, 600px en escritorio */ 233/* Modal responsive: 95vw en móvil, 600px en escritorio, margen superior para navbar */ 234#modalAvisos .bg-azul-pastel { 235 background: #e7f1fa !important; 236} 237#modalAvisos .modal-dialog { 238 max-width: 95vw; 239 margin-top: 90px !important; 240} 241#modalAvisos .modal-content { 242 overflow: hidden !important; 243} 244#modalAvisos .modal-body { 245 height: 50vh !important; 246 min-height: 200px !important; 247 max-height: 60vh !important; 248 overflow-y: auto !important; 249 background: #f8f9fa !important; 250} 251@media (min-width: 768px) { 252 #modalAvisos .modal-dialog { 253 max-width: 600px; 254 height: 65vh !important; 255 max-height: 75vh !important; 256 } 257} 258</style> 259<div class="modal fade" id="modalAvisos" tabindex="-1" aria-labelledby="modalAvisosLabel" aria-hidden="true"> 260 <div class="modal-dialog"> 261 <div class="modal-content"> 262 <div class="modal-header d-flex justify-content-center position-relative"> 263 <h5 class="modal-title" id="modalAvisosLabel" style="color: #1abc9c; font-weight: bold;"> 264 Avisos activos (0) 265 </h5> 266 <button type="button" 267 class="btn-close position-absolute end-0 me-2" 268 data-bs-dismiss="modal" 269 aria-label="Cerrar"></button> 270 </div> 271 <div class="modal-body"> 272 <p>No hay avisos activos.</p> 273 </div> 274 <div class="modal-footer flex-column align-items-center"> 275 <div class="w-100 d-flex justify-content-center"> 276 <img src="/imagenes/logos/Logo26RGBconVerde.jpg" alt="Logo RutasNavarra" style="width:64px; height:64px; object-fit:contain;" /> 277 </div> 278 </div> 279 </div> 280 </div> 281</div>
282<script> 283document.addEventListener('hidden.bs.modal', function (event) { 284 if (event.target.id === 'modalAvisos') { 285 // Quitar foco de cualquier elemento dentro del modal 286 if (document.activeElement && event.target.contains(document.activeElement)) { 287 document.activeElement.blur(); 288 } 289 } 290}); 291</script>
291 292 293 <header b-lp3naqben1 id="rn-main-navbar"> 294 295<style> 296 /* ----------------------------------------------------------- 297 OCULTAR BARRA SUPERIOR DE GOOGLE TRANSLATE 298 ----------------------------------------------------------- */ 299 .goog-te-banner-frame, 300 .goog-te-banner-frame.skiptranslate { 301 display: none !important; 302 } 303 304 body { 305 top: 0 !important; 306 } 307 308 body > .skiptranslate { 309 display: none !important; 310 } 311 312 /* ----------------------------------------------------------- 313 PERMITIR QUE EL MENÃ DE IDIOMAS SE DESPLIEGUE EN OFFCANVAS 314 ----------------------------------------------------------- */ 315 .offcanvas { 316 overflow: visible !important; 317 } 318 319 .offcanvas-body { 320 overflow-y: auto !important; 321 overflow-x: hidden !important; 322 scroll-behavior: smooth; 323 scrollbar-width: thin; 324 scrollbar-color: #adb5bd transparent; 325 } 326 327 .offcanvas-body::-webkit-scrollbar { 328 width: 4px; 329 } 330 331 .offcanvas-body::-webkit-scrollbar-thumb { 332 background-color: #adb5bd; 333 border-radius: 4px; 334 } 335 336 .offcanvas-body::-webkit-scrollbar-track { 337 background: transparent; 338 } 339 340 .offcanvas-body * { 341 overflow: visible !important; 342 } 343 344 /* ----------------------------------------------------------- 345 ASEGURAR QUE EL IFRAME DE GOOGLE TRANSLATE NO QUEDA DETRÃS 346 ----------------------------------------------------------- */ 347 .goog-te-menu-frame, 348 iframe.goog-te-menu-frame { 349 display: block !important; 350 z-index: 999999 !important; 351 } 352 353 /* ----------------------------------------------------------- 354 ESTILOS DEL SELECTOR DE IDIOMAS 355 ----------------------------------------------------------- */ 356 .language-selector-container { 357 position: relative; 358 } 359 360 .language-selector-container .dropdown-menu { 361 z-index: 10000 !important; 362 position: absolute !important; 363 } 364 365 .flag-icon { 366 width: 24px; 367 height: 16px; 368 border-radius: 3px; 369 } 370 371 .menu-rapaces-icon { 372 color: #8B5A2B !important; 373 } 374 375 /* ----------------------------------------------------------- 376 ESTILOS DEL NAVBAR Y OFFCANVAS 377 ----------------------------------------------------------- */ 378 .navbar .nav-link, 379 .offcanvas-body .nav-link { 380 display: inline-flex; 381 align-items: center; 382 gap: .375rem; 383 } 384 385 .navbar .nav-link .bi, 386 .navbar .nav-link i { 387 display: inline-flex; 388 align-items: center; 389 line-height: 1; 390 } 391 392 .offcanvas-header .brand-container { 393 display: flex; 394 align-items: center; 395 gap: .5rem; 396 } 397 398 .offcanvas-header .brand-text { 399 display: flex; 400 flex-direction: column; 401 line-height: 1; 402 } 403 404 .offcanvas-header .brand-main { 405 font-weight: 600; 406 font-size: 1rem; 407 margin: 0; 408 } 409 410 .offcanvas-header .brand-sub { 411 font-size: .85rem; 412 color: #6c757d; 413 margin: 0; 414 margin-top: 2px; 415 } 416 417 /* Navbar fijo */ 418 .navbar.fixed-top { 419 position: fixed !important; 420 top: 0 !important; 421 left: 0 !important; 422 right: 0 !important; 423 width: 100% !important; 424 z-index: 9999 !important; 425 } 426 427 body { 428 padding-top: calc(var(--rn-navbar-height, 56px)) !important; 429 } 430 431 #offcanvasNavbarLight { 432 width: 250px !important; 433 max-width: 90vw; 434 } 435 436 .offcanvas-body .dropdown-menu { 437 min-width: 220px; 438 white-space: nowrap; 439 } 440 .dropdown-submenu { 441 position: relative; 442} 443 444.dropdown-submenu > .dropdown-menu { 445 top: 0; 446 left: 100%; 447 margin-left: .1rem; 448 margin-right: .1rem; 449} 450 451////// 452 .dropdown-menu .dropdown-item { 453 padding-top: 0.45rem !important; 454 padding-bottom: 0.45rem !important; 455 } 456 457 .menu-icon { 458 font-size: 1.1rem; /* altura uniforme */ 459 line-height: 1; /* evita que el icono expanda el <a> */ 460 vertical-align: middle; 461 } 462 463</style> 464 465 466 467<nav class="navbar bg-body-tertiary fixed-top mb-3" aria-label="Light offcanvas navbar"> 468 <div class="container-fluid"> 469 470 <button class="navbar-toggler botonesMenu" type="button" 471 data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbarLight" 472 aria-controls="offcanvasNavbarLight" aria-label="Toggle navigation">
473 <span class="navbar-toggler-icon"></span> 474 </button> 475 476 <!-- Avisos --> 477 <div class="d-flex align-items-center position-relative ms-3" 478 role="button" 479 data-bs-toggle="modal" 480 data-bs-target="#modalAvisos"> 481 482 <i class="bi bi-bell fs-3"></i> 483 484 </div> 485 486 <!-- ========================= --> 487 <!-- MENà DERECHO --> 488 <!-- ========================= --> 489 <!-- MENà DERECHO --> 490 <div class="dropdown ms-3"> 491 492 <!-- BOTÃN DEL MENà DERECHO --> 493 <button class="btn botonesMenu dropdown-toggle" 494 type="button" 495 id="userDropdown" 496 data-bs-toggle="dropdown" 497 data-bs-auto-close="outside" 498 aria-expanded="false"> 499 500 <i class="fas fa-user"></i> 501 </button> 502 503 <!-- CONTENIDO DEL MENà DERECHO --> 504 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown"> 505 506 <!-- USUARIO NO LOGUEADO --> 507 <li> 508 <a class="dropdown-item" href="#" data-bs-toggle="modal" data-bs-target="#authModal"> 509 <i class="fas fa-sign-in-alt me-1"></i> Inicio de sesión 510 </a> 511 </li> 512 <li> 513 <a class="dropdown-item" href="/Identity/Account/Register"> 514 <i class="fas fa-user-plus me-1"></i> Registrarse 515 </a> 516 </li> 517 518 </ul> 519 520 </div> 521 522 523 <!-- OFFCANVAS (MENà IZQUIERDO) --> 524 <div class="offcanvas offcanvas-start data-bs-scroll offcanvas-padding-y-5" 525 tabindex="-1" id="offcanvasNavbarLight" aria-labelledby="offcanvasNavbarLightLabel"> 526 527 <div class="offcanvas-header"> 528 <div class="brand-container"> 529 <img src="/imagenes/logotipo.gif" alt="Rutas Navarra" style="height:36px; width:auto;" /> 530 <div class="brand-text"> 531 <p class="brand-main mb-0">Rutas Navarra</p> 532 <p class="brand-main mb-0">Napar Bideak</p> 533 </div> 534 </div> 535 536 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Cerrar"></button> 537 </div> 538 539 <div class="offcanvas-body"> 540 <ul class="navbar-nav justify-content-end flex-grow-1 pe-3"> 541 542 <!-- Idiomas + modo color --> 543 <li class="nav-item mt-2"> 544 <div class="d-flex align-items-center gap-2"> 545 546<div class="dropdown language-selector-container w-100 notranslate" translate="no"> 547 <button class="btn btn-light dropdown-toggle w-100 d-flex align-items-center justify-content-start" 548 type="button" data-bs-toggle="dropdown"> 549 <img id="current-flag" src="/imagenes/botones/languages/es.svg" class="flag-icon"> 550 </button> 551 552 <ul class="dropdown-menu w-100"> 553 <li> 554 <a class="dropdown-item d-flex align-items-center lang-option notranslate" translate="no" 555 data-lang="es" data-flag="/imagenes/botones/languages/es.svg"> 556 <img src="/imagenes/botones/languages/es.svg" class="flag-icon me-2"> Español 557 </a> 558 </li> 559 <li> 560 <a class="dropdown-item d-flex align-items-center lang-option notranslate" translate="no" 561 data-lang="ca" data-flag="/imagenes/botones/languages/ca.svg"> 562 <img src="/imagenes/botones/languages/ca.svg" class="flag-icon me-2"> Català 563 </a> 564 </li> 565 <li> 566 <a class="dropdown-item d-flex align-items-center lang-option notranslate" translate="no" 567 data-lang="de" data-flag="/imagenes/botones/languages/de.svg"> 568 <img src="/imagenes/botones/languages/de.svg" class="flag-icon me-2"> Deutsch 569 </a> 570 </li> 571 <li> 572 <a class="dropdown-item d-flex align-items-center lang-option notranslate" translate="no" 573 data-lang="en" data-flag="/imagenes/botones/languages/en.svg"> 574 <img src="/imagenes/botones/languages/en.svg" class="flag-icon me-2"> English 575 </a> 576 </li> 577 <li> 578 <a class="dropdown-item d-flex align-items-center lang-option notranslate" translate="no" 579 data-lang="eu" data-flag="/imagenes/botones/languages/eu.svg"> 580 <img src="/imagenes/botones/languages/eu.svg" class="flag-icon me-2"> Euskara 581 </a> 582 </li> 583 584 585 586 <li> 587 <a class="dropdown-item d-flex align-items-center lang-option notranslate" translate="no" 588 data-lang="fr" data-flag="/imagenes/botones/languages/fr.svg"> 589 <img src="/imagenes/botones/languages/fr.svg" class="flag-icon me-2"> Français 590 </a> 591 </li> 592 <li> 593 <a class="dropdown-item d-flex align-items-center lang-option notranslate" translate="no" 594 data-lang="ja" data-flag="/imagenes/botones/languages/ja.svg"> 595 <img src="/imagenes/botones/languages/ja.svg" class="flag-icon me-2"> æ¥æ¬èª 596 </a> 597 </li> 598 <li> 599 <a class="dropdown-item d-flex align-items-center lang-option notranslate" translate="no" 600 data-lang="gl" data-flag="/imagenes/botones/languages/gl.svg"> 601 <img src="/imagenes/botones/languages/gl.svg" class="flag-icon me-2"> Galego 602 </a> 603 </li> 604 605 <li> 606 <a class="dropdown-item d-flex align-items-center lang-option notranslate" translate="no" 607 data-lang="it" data-flag="/imagenes/botones/languages/it.svg"> 608 <img src="/imagenes/botones/languages/it.svg" class="flag-icon me-2"> Italiano 609 </a> 610 </li> 611 612 613 614 <li> 615 <a class="dropdown-item d-flex align-items-center lang-option notranslate" translate="no" 616 data-lang="pt" data-flag="/imagenes/botones/languages/pt.svg"> 617 <img src="/imagenes/botones/languages/pt.svg" class="flag-icon me-2"> Português 618 </a> 619 </li> 620 </ul> 621</div> 622 623<div id="google_translate_element" style="display:none;"></div> 624 625<style> 626 .flag-icon { 627 width: 24px; 628 height: 16px; 629 border-radius: 3px; 630 } 631 632 .language-selector-container { 633 position: relative; 634 } 635 636 .language-selector-container .dropdown-menu { 637 z-index: 10000 !important; 638 position: absolute !important; 639 } 640 641 .goog-te-banner-frame,
642 .goog-te-banner-frame.skiptranslate { 643 display: none !important; 644 } 645 646 body { 647 top: 0 !important; 648 } 649 650 .goog-te-gadget { 651 display: none !important; 652 } 653 654 .language-selector-container .dropdown-item { 655 cursor: pointer; 656 } 657 658 .goog-te-combo option { 659 text-transform: capitalize !important; 660 } 661 662 .goog-te-combo { 663 text-transform: capitalize !important; 664 } 665 666 .goog-te-menu-value { 667 text-transform: capitalize !important; 668 } 669 670</style> 671
672<script> 673 function googleTranslateElementInit() { 674 new google.translate.TranslateElement({ 675 pageLanguage: 'es', 676 includedLanguages: 'es,eu,en,de,fr,ja,ca,gl,pt,it', 677 autoDisplay: false 678 }, 'google_translate_element'); 679 } 680 681 document.addEventListener("DOMContentLoaded", function () { 682 const options = document.querySelectorAll(".lang-option"); 683 const currentFlag = document.getElementById("current-flag"); 684 685 // Restaurar idioma guardado 686 const savedLang = localStorage.getItem("selectedLang"); 687 const savedFlag = localStorage.getItem("selectedFlag"); 688 689 if (savedLang && savedFlag) { 690 currentFlag.src = savedFlag; 691 692 const select = document.querySelector("select.goog-te-combo"); 693 if (select) { 694 select.value = savedLang; 695 select.dispatchEvent(new Event("change")); 696 } 697 } 698 699 // Cambiar idioma al hacer clic 700 options.forEach(option => { 701 option.addEventListener("click", () => { 702 const lang = option.getAttribute("data-lang"); 703 const flag = option.getAttribute("data-flag"); 704 705 // Actualizar icono del botón 706 currentFlag.src = flag; 707 708 // Guardar selección 709 localStorage.setItem("selectedLang", lang); 710 localStorage.setItem("selectedFlag", flag); 711 712 // Cambiar idioma en Google Translate 713 const select = document.querySelector("select.goog-te-combo"); 714 if (select) { 715 select.value = lang; 716 select.dispatchEvent(new Event("change")); 717 } 718 }); 719 }); 720 }); 721 722</script>
722 723
724<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
724 725 726 727 <div class="position-relative" style="width:auto;"> 728 729<div class="dropdown bd-mode-toggle w-100" style="position:relative;"> 730 <button class="btn btn-light dropdown-toggle w-100 d-flex align-items-center justify-content-start" 731 id="bd-theme" 732 type="button" 733 aria-expanded="false" 734 data-bs-toggle="dropdown" 735 aria-label="Toggle theme (auto)"> 736 <svg class="bi theme-icon-active" width="1em" height="1em"><use href="#circle-half"></use></svg> 737 <span id="bd-theme-text" class="visually-hidden"></span> 738 </button> 739 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme-text" style="min-width:140px;position:absolute;left:0;top:100%;"> 740 <li> 741 <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false"> 742 <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#sun-fill"></use></svg> 743 Claro 744 <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg> 745 </button> 746 </li> 747 <li> 748 <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false"> 749 <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg> 750 Oscuro 751 <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg> 752 </button> 753 </li> 754 <li> 755 <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true"> 756 <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#circle-half"></use></svg> 757 Automático 758 <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg> 759 </button> 760 </li> 761 </ul> 762</div> 763 764 </div> 765 </div> 766 </li> 767 768 <!-- MENà IZQUIERDO --> 769 <li class="nav-item"> 770 <a class="nav-link" href="/"> 771 <i class="bi-house-fill me-1"></i> 772 Inicio 773 </a> 774 </li> 775 <li class="nav-item"> 776 <a class="nav-link" href="/Rutas"> 777 <i class="bi-signpost-split text-success me-1"></i> 778 Rutas 779 </a> 780 </li> 781 <li class="nav-item"> 782 <a class="nav-link" href="/Federarse"> 783 <i class="bi-credit-card-fill text-success me-1"></i> 784 Federarse 2026 785 </a> 786 </li> 787 <li class="nav-item"> 788 <a class="nav-link" href="/Calendarios"> 789 <i class="bi-calendar3 me-1"></i> 790 Calendarios 791 </a> 792 </li> 793 <li class="nav-item dropdown"> 794 <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"> 795 <i class="bi-journal-text text-success me-1"></i> 796 Guías 797 </a> 798 799 <ul class="dropdown-menu" 800 style="background-color: rgba(0,0,0,0.06); border-left: 4px solid #0d6efd;"> 801 <li> 802 <a class="dropdown-item" href="/Aezkoa"> 803 <img src="/imagenes/botones/icono_aezkoa.png" class="me-2 align-middle" style="height:16px;" /> 804 Descubre Aezkoa 805 </a> 806 </li> 807 <li> 808 <a class="dropdown-item" href="/Localidades"> 809 <i class="bi-houses text-warning-emphasis me-2 align-middle"></i> 810 Localidades 811 </a> 812 </li> 813 <li> 814 <a class="dropdown-item" href="/Patrimonio"> 815 <i class="bi-bank text-primary me-2 align-middle"></i> 816 Patrimonio 817 </a> 818 </li> 819 <li> 820 <a class="dropdown-item" href="/Rapaces"> 821 <i class="fas fa-dove me-2 align-middle"></i> 822 Rapaces 823 </a> 824 </li> 825 </ul> 826 </li> 827 <li class="nav-item"> 828 <a class="nav-link" href="/Explora_N
828avarra"> 829 <i class="bi-binoculars-fill text-info me-1"></i> 830 Explora Navarra 831 </a> 832 </li> 833 <li class="nav-item"> 834 <a class="nav-link" href="/Proyectos"> 835 <i class="bi-grid-3x3-gap-fill text-primary me-1"></i> 836 Proyectos 837 </a> 838 </li> 839 <li class="nav-item"> 840 <a class="nav-link" href="/VentajasRN"> 841 <i class="bi-stars text-warning me-1"></i> 842 Ventajas RN/NB 843 </a> 844 </li> 845 <li class="nav-item"> 846 <a class="nav-link" href="http://rutasnavarra-001-site1.btempurl.com/"> 847 <i class="bi-globe2 text-primary me-1"></i> 848 Web 2.0 anterior 849 </a> 850 </li> 851 <li class="nav-item dropdown"> 852 <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"> 853 <i class="bi-tools me-1"></i> 854 Utilidades 855 </a> 856 857 <ul class="dropdown-menu" 858 style="background-color: rgba(0,0,0,0.06); border-left: 4px solid #0d6efd;"> 859 <li> 860 <a class="dropdown-item" href="/Verify"> 861 <i class="bi-envelope-fill me-2 align-middle"></i> 862 Contacto 863 </a> 864 </li> 865 <li> 866 <a class="dropdown-item" href="/Widget/GeneradorCodigo"> 867 <i class="bi-code-slash me-2 align-middle"></i> 868 Generador Widget 869 </a> 870 </li> 871 <li> 872 <a class="dropdown-item" href="/Dificultad/MIDE"> 873 <i class="bi-bar-chart-steps me-2 align-middle"></i> 874 MIDE 875 </a> 876 </li> 877 <li> 878 <a class="dropdown-item" href="/Tutoriales"> 879 <i class="bi-person-video3 me-2 align-middle"></i> 880 Tutoriales 881 </a> 882 </li> 883 <li> 884 <a class="dropdown-item"> 885 886 </a> 887 </li> 888 </ul> 889 </li> 890 891 </ul> 892 893 <!-- Buscador --> 894 <form class="d-flex mt-3" role="search" method="get" action="/Buscar"> 895 <div class="input-group"> 896 <input class="form-control" name="q" type="search" placeholder="En esta web..." aria-label="Search"> 897 <button class="btn btn-success" type="submit"> 898 <i class="bi bi-search" aria-hidden="true"></i> 899 </button> 900 </div> 901 </form> 902 </div> 903 </div> 904 905</nav>
906<script> 907document.addEventListener('DOMContentLoaded', function () { 908 909 function closeAllSubmenus() { 910 document.querySelectorAll('.dropdown-submenu .dropdown-menu.show') 911 .forEach(function (menu) { 912 menu.classList.remove('show'); 913 }); 914 } 915 916 document.querySelectorAll('.sub-toggle').forEach(function (toggle) { 917 toggle.addEventListener('click', function (e) { 918 e.preventDefault(); 919 920 let submenu = this.nextElementSibling; 921 922 closeAllSubmenus(); // cerrar otros 923 submenu.classList.toggle('show'); // abrir este 924 }); 925 }); 926 927 document.querySelectorAll('.dropdown').forEach(function (dropdown) { 928 dropdown.addEventListener('hide.bs.dropdown', function () { 929 closeAllSubmenus(); 930 }); 931 }); 932 933}); 934</script>
934 935 936 937 938 </header> 939 940 <!-- Modal único --> 941 <div b-lp3naqben1 class="modal fade" id="modalInfo" tabindex="-1" aria-labelledby="modalInfoLabel" aria-hidden="true"> 942 <div b-lp3naqben1 class="modal-dialog modal-dialog-centered"> 943 <div b-lp3naqben1 class="modal-content"> 944 <div b-lp3naqben1 class="modal-header d-flex align-items-center"> 945 <img b-lp3naqben1 id="modalInfoIcon" src="" width="32" class="me-2" alt="icono" /> 946 <h5 b-lp3naqben1 class="modal-title mb-0" id="modalInfoLabel"></h5> 947 <button b-lp3naqben1 type="button" class="btn-close ms-2" data-bs-dismiss="modal" aria-label="Cerrar"></button> 948 </div> 949 <div b-lp3naqben1 class="modal-body text-center" id="modalInfoBody"></div> 950 </div> 951 </div> 952 </div> 953 954 <!-- MODAL BASE DEL PANORÃMICO --> 955 <div b-lp3naqben1 id="panoModal" style="display:none;"> 956 957 <!-- HEADER --> 958 <div b-lp3naqben1 class="custom-modal-header position-relative" style="height:50px;"> 959 960 <!-- Botón alternar (IZQUIERDA) --> 961 <button b-lp3naqben1 id="btnTogglePano" 962 type="button" 963 class="btn btn-sm position-absolute start-0 ms-3 d-flex align-items-center btn-toggle-transparent" 964 style="gap:1px;"> 965 <img b-lp3naqben1 id="btnTogglePanoIcon" 966 src="/imagenes/botones/pano-dibujo.svg" 967 alt="Cambiar vista Foto / Dibujo" 968 style="height:32px;"> 969 </button> 970 971 <!-- Icono tipo panorámica (CENTRO) --> 972 <span b-lp3naqben1 id="panoTipoIcon" 973 class="pano-tipo-icon position-absolute top-50 start-50 translate-middle"> 974 </span> 975 976 <!-- Botón cerrar (DERECHA) --> 977 <button b-lp3naqben1 type="button" class="btn-close position-absolute end-0 me-3" 978 onclick="cerrarModalPanoramica()"> 979 </button> 980 </div> 981 <!-- BODY --> 982 <div b-lp3naqben1 style="width:100%; height:calc(100% - 50px);"> 983 <!-- IFRAME PANOFO --> 984 <iframe b-lp3naqben1 id="panofotoFrame" 985 src="/Utilidades/panofoto-iframev3.html" 986 style="width:100%; height:100%; border:0; display:none;"> 987 </iframe> 988 <!-- IFRAME PEAKFINDER --> 989 <iframe b-lp3naqben1 id="peakfinderFrame" 990 src="/Utilidades/peakfinder-iframev3.html" 991 style="width:100%; height:100%; border:0; display:none;"> 992 </iframe> 993 </div> 994 </div> 995 996 997 <div b-lp3naqben1 id="panoBackdrop"></div> 998 999 1000 1001 <div b-lp3naqben1 class="container d-flex justify-content-center text-center content-wrapper"> 1002 1003 <main b-lp3naqben1 role="main" class="w-100"> 1004 <style> 1005 .icono-faq { 1006 background-color: var(--bs-primary); /* azul Bootstrap */ 1007 color: white; /* icono blanco */ 1008 padding: 4px; /* crea espacio para el cÃrculo */ 1009 border-radius: 50%; /* elimina picos: cÃrculo perfecto */ 1010 font-weight: bold; /* âboldâ del contenedor */ 1011 display: inline-flex; 1012 align-items: center; 1013 justify-content: center; 1014 font-size: 1rem; /* tamaño del icono */ 1015 } 1016 .resumen-federarse-icono { 1017 position: fixed; 1018 bottom: 32px; 1019 left: 50%; 1020 transform: translateX(-50%); 1021 background: #fff; 1022 border-radius: 50%; 1023 border: 2px solid #198754; 1024 width: 56px; 1025 height: 56px; 1026 display: flex;
1027 align-items: center; 1028 justify-content: center; 1029 z-index: 1100; 1030 box-shadow: 0 4px 24px rgba(0,0,0,0.12); 1031 cursor: pointer; 1032 transition: opacity 0.3s; 1033} 1034 1035 .resumen-federarse-panel { 1036 position: fixed; 1037 bottom: 32px; 1038 z-index: 1101; 1039 background: rgba(255,255,255,0.95); 1040 box-shadow: 0 4px 24px rgba(0,0,0,0.15); 1041 border: 2px solid #198754; 1042 border-radius: 0 0 1rem 1rem; 1043 padding: 12px 8px 8px 8px; 1044 transition: opacity 0.3s, width 0.3s, left 0.3s; 1045 overflow-x: auto; 1046 max-width: 100vw; 1047 } 1048 1049 .resumen-federarse-panel-estatico { 1050 position: static !important; 1051 width: 100% !important; 1052 left: 0 !important; 1053 max-width: 100% !important; 1054 margin-top: 1rem; 1055 box-shadow: 0 2px 12px rgba(0,0,0,0.08); 1056 } 1057 1058 .justify-lg-left-sm { 1059 text-align: justify; 1060 } 1061/* Ajustes para móviles */ 1062@media (max-width: 576px) { 1063 .resumen-federarse-panel { 1064 position: fixed; 1065 left: 10px !important; 1066 right: 10px !important; 1067 width: auto !important; 1068 min-width: 0 !important; 1069 max-width: none !important; 1070 padding-left: 4px; 1071 padding-right: 4px; 1072 overflow-x: auto; 1073 } 1074 1075 .justify-lg-left-sm { 1076 text-align: left; 1077 } 1078} 1079.resumen-federarse-row { 1080 display: flex; 1081 justify-content: space-between; 1082 align-items: center; 1083 gap: 6px; 1084 margin-bottom: 2px; 1085} 1086.resumen-federarse-row > div { 1087 flex: 1 1 0; 1088 text-align: center; 1089 font-size: 1rem; 1090 min-width: 50px; 1091 padding: 2px 0; 1092} 1093.resumen-federarse-row.encabezados > div { 1094 font-weight: bold; 1095 color: #222; 1096 font-size: 1.05rem; 1097 border-bottom: 1px solid #e0e0e0; 1098} 1099.resumen-federarse-row.precios > div { 1100 font-size: 0.95rem; 1101 color: #198754; 1102} 1103 1104/* Mejora la visibilidad de los inputs y checkboxes cuando no están seleccionados */ 1105input[type="text"], 1106input[type="email"], 1107input[type="password"], 1108input[type="number"], 1109select, 1110textarea { 1111 border: 2px solid #0078D7; /* Borde azul más grueso */ 1112 background-color: #f0f8ff; /* Fondo claro */ 1113 box-shadow: 0 0 4px #b0c4de; /* Sombra suave */ 1114 transition: border-color 0.2s; 1115} 1116 1117input[type="checkbox"] { 1118 width: 20px; 1119 height: 20px; 1120 accent-color: #0078D7; /* Color de check */ 1121 border: 2px solid #0078D7; 1122 background-color: #f0f8ff; 1123 box-shadow: 0 0 4px #b0c4de; 1124 transition: border-color 0.2s; 1125} 1126 1127input[type="radio"] { 1128 width: 20px; 1129 height: 20px; 1130 accent-color: #0078D7; 1131 border: 2px solid #0078D7; 1132 background-color: #f0f8ff; 1133 box-shadow: 0 0 4px #b0c4de; 1134 transition: border-color 0.2s; 1135} 1136 1137/* Opcional: resalta al enfocar */ 1138input:focus, 1139select:focus, 1140textarea:focus { 1141 border-color: #005a9e; 1142 background-color: #e6f7ff; 1143} 1144</style> 1145<div class="container my-4"> 1146 <div class="row justify-content-center"> 1147 <div class="col-12 col-lg-10"> 1148 <div class="card shadow-lg rounded-4"> 1149 <div class="card-body p-4"> 1150 <div class=" mb-4 text-center rounded-2" 1151 style="background: linear-gradient(135deg, #e8f5e9 0%, #e3f2fd 100%); border-bottom: 3px solid #0d6efd20;"> 1152 1153 <!-- Fila para el botón QR alineado a la derecha --> 1154 <div class="d-flex justify-content-end pt-2 pe-2"> 1155 <button type="button" 1156 class="btn btn-link p-0 btn-RN d-inline-block" 1157 style="width:48px; height:48px;" 1158 data-bs-toggle="modal" 1159 data-bs-target="#qr_70f0071457a14ba2b020b7fca63a0980" 1160 data-url="http://rutasnavarra.com/Federarse" 1161 data-logo="/imagenes/logotipo.gif" 1162 data-icon-width="48" 1163 data-icon-height="48" 1164 title="Compartir / Mostrar QR" 1165 aria-label="Compartir / Mostrar QR"> 1166 <img src="/imagenes/botones/mbuscadores/qr_compartir_0.webp" 1167 alt="QR" 1168 width="48" height="48" 1169 style="width:100%; height:100%; object-fit:contain; display:block;" /> 1170</button> 1171 1172<div class="modal fade qr-modal" id="qr_70f0071457a14ba2b020b7fca63a0980" tabindex="-1" aria-labelledby="qr_70f0071457a14ba2b020b7fca63a0980_label" aria-hidden="true"> 1173 <div class="modal-dialog modal-dialog-centered"> 1174 <div class="modal-content"> 1175 <div class="modal-header d-flex justify-content-center position-relative align-items-center"> 1176 <!-- Logo a la izquierda (posicionado absolutamente para no descentrar el tÃtulo) --> 1177 <img src="/imagenes/logotipo.gif" alt="Logotipo" class="position-absolute start-0 top-50 translate-middle-y ms-3" style="height:36px; width:auto;" /> 1178 1179 <h5 class="modal-title text-center mb-0" id="qr_70f0071457a14ba2b020b7fca63a0980_label">Compartir</h5> 1180 1181 <button type="button" class="btn-close position-absolute end-0 top-50 translate-middle-y me-2" data-bs-dismiss="modal" aria-label="Cerrar"></button> 1182 </div> 1183 <div class="modal-body text-center"> 1184 <!-- Botones de compartir (compactos, en la parte superior del modal) --> 1185 <style>
1186 .qr-share-top { 1187 display: flex; 1188 justify-content: center; 1189 align-items: center; 1190 gap: 10px; 1191 margin-bottom: 12px; 1192 } 1193 /* Tamaño un poco mayor y estilos de color por red social */ 1194 .qr-share-top a { 1195 width: 36px; 1196 height: 36px; 1197 min-width: 36px; 1198 display: inline-flex; 1199 align-items: center; 1200 justify-content: center; 1201 font-size: 16px; 1202 border-radius: 6px; 1203 color: #fff; 1204 text-decoration: none; 1205 box-shadow: 0 1px 2px rgba(0,0,0,0.08); 1206 } 1207 1208 .qr-share-top a:hover { 1209 opacity: 0.92; 1210 transform: translateY(-1px); 1211 transition: all .08s ease-in-out; 1212 } 1213 1214 .qr-share-top .a2a-fb { 1215 background: #1877f2; 1216 } 1217 /* Facebook */ 1218 .qr-share-top .a2a-tw { 1219 background: #1da1f2; 1220 } 1221 /* Twitter */ 1222 .qr-share-top .a2a-mail { 1223 background: #6c757d; 1224 } 1225 /* Email (gris) */ 1226 .qr-share-top .a2a-wa { 1227 background: #25D366; 1228 } 1229 /* WhatsApp */ 1230 .qr-share-top .a2a-tg { 1231 background: #0088cc; 1232 } 1233 /* Telegram */ 1234 .qr-share-top #qr_70f0071457a14ba2b020b7fca63a0980_copy { 1235 background: #343a40; 1236 } 1237 /* Copiar (oscuro) */ 1238 1239 /* Ãconos FontAwesome centrados y en blanco */ 1240 .qr-share-top i { 1241 color: #fff; 1242 font-size: 16px; 1243 line-height: 1; 1244 } 1245 1246 /* Soporte para cuando AddToAny reescriba los anchors: obligar tamaño contenido */ 1247 .qr-share-top .a2a_kit > * { 1248 width: 36px !important; 1249 height: 36px !important; 1250 min-width: 36px !important; 1251 } 1252 </style> 1253 1254 <div id="qr_70f0071457a14ba2b020b7fca63a0980_share_top" class="qr-share-top" style="display:none;"> 1255 <!-- Enlaces que se rellenan al abrir el modal --> 1256 <a href="#" class="a2a-fb" title="Compartir en Facebook"><i class="fab fa-facebook-f" aria-hidden="true"></i><span class="visually-hidden">Facebook</span></a> 1257 <a href="#" class="a2a-tw" title="Compartir en Twitter"><i class="fab fa-twitter" aria-hidden="true"></i><span class="visually-hidden">Twitter</span></a> 1258 <a href="#" class="a2a-mail" title="Enviar por email"><i class="fas fa-envelope" aria-hidden="true"></i><span class="visually-hidden">Email</span></a> 1259 <a href="#" class="a2a-wa" title="Compartir en WhatsApp"><i class="fab fa-whatsapp" aria-hidden="true"></i><span class="visually-hidden">WhatsApp</span></a> 1260 <a href="#" class="a2a-tg" title="Compartir en Telegram"><i class="fab fa-telegram-plane" aria-hidden="true"></i><span class="visually-hidden">Telegram</span></a> 1261 <a href="#" id="qr_70f0071457a14ba2b020b7fca63a0980_copy" title="Copiar enlace"><i class="fas fa-link" aria-hidden="true"></i><span class="visually-hidden">Copiar enlace</span></a> 1262 </div> 1263 1264 <div class="qr-code-target mx-auto mb-3" style="width:220px; height:220px;"></div> 1265 <a class="qr-link d-block mb-2" href="#" target="_blank" rel="noopener"></a> 1266 <div class="d-flex justify-content-center gap-2"> 1267 <button type="button" class="btn btn-sm btn-outline-secondary qr-copy-btn">Copiar enlace</button> 1268 <button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Cerrar</button> 1269 </div> 1270 </div> 1271 </div> 1272 </div> 1273</div> 1274 1275<!-- Dependencia QR (se carga desde CDN; puede moverse a _Layout si prefieres) -->
1276<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js" integrity="" crossorigin="anonymous"></script>
vendor: 2 bytes, line 1276
1276
1277<script src="/js/qr-button.js"></script>
1277 1278
1279<script type="text/javascript"> 1280 // Evitar que el modal quede 'atrapado' dentro de un ancestro con transform/overflow. 1281 // Mover el elemento modal al body para que el posicionamiento fijo de Bootstrap funcione correctamente. 1282 (function(){ 1283 try { 1284 var modal = document.getElementById('qr_70f0071457a14ba2b020b7fca63a0980'); 1285 if (modal && modal.parentNode && modal.parentNode !== document.body) { 1286 document.body.appendChild(modal); 1287 } 1288 } catch (e) { /* silencioso */ } 1289 })(); 1290</script>
1290 1291
1292<script type="text/javascript"> 1293 // Configuración de AddToAny usando la URL calculada en Razor (si procede) 1294 window.a2a_config = window.a2a_config || {}; 1295 window.a2a_config.onclick = 1; 1296 window.a2a_config.locale = "es"; 1297 window.a2a_config.linkurl = "https://rutasnavarra.com/Federarse"; 1298 1299 // Cargar script AddToAny sólo una vez (si existe uso global) 1300 (function() { 1301 if (!document.querySelector('script[data-addtoany="1"]')) { 1302 var s = document.createElement('script'); 1303 s.async = true; 1304 s.src = "https://static.addtoany.com/menu/page.js"; 1305 s.setAttribute('data-addtoany', '1'); 1306 document.body.appendChild(s); 1307 } 1308 })(); 1309 1310 // Rellenar y mostrar los botones compactos dentro del modal al abrirlo 1311 (function() { 1312 var modal = document.getElementById('qr_70f0071457a14ba2b020b7fca63a0980'); 1313 var top = document.getElementById('qr_70f0071457a14ba2b020b7fca63a0980_share_top'); 1314 if (!modal || !top) return; 1315 1316 modal.addEventListener('show.bs.modal', function () { 1317 try { 1318 var shareUrl = "https://rutasnavarra.com/Federarse"; // contenido JSON con comillas 1319 // garantizar string en JS 1320 if (typeof shareUrl !== 'string') shareUrl = String(shareUrl); 1321 var enc = encodeURIComponent(shareUrl); 1322 var text = encodeURIComponent(document.title || ''); 1323 1324 var fb = top.querySelector('.a2a-fb'); if (fb) fb.href = 'https://www.facebook.com/sharer/sharer.php?u=' + enc; 1325 var tw = top.querySelector('.a2a-tw'); if (tw) tw.href = 'https://twitter.com/intent/tweet?url=' + enc + '&text=' + text; 1326 var mail = top.querySelector('.a2a-mail'); if (mail) mail.href = 'mailto:?subject=' + text + '&body=' + enc; 1327 var wa = top.querySelector('.a2a-wa'); if (wa) wa.href = 'https://wa.me/?text=' + enc; 1328 var tg = top.querySelector('.a2a-tg'); if (tg) tg.href = 'https://t.me/share/url?url=' + enc + '&text=' + text; 1329 1330 var copy = document.getElementById('qr_70f0071457a14ba2b020b7fca63a0980_copy'); 1331 if (copy) { 1332 // remover listeners previos si existieran 1333 copy.replaceWith(copy.cloneNode(true)); 1334 copy = document.getElementById('qr_70f0071457a14ba2b020b7fca63a0980_copy'); 1335 copy.addEventListener('click', function(e){ 1336 e.preventDefault(); 1337 navigator.clipboard?.writeText(shareUrl).then(function(){ 1338 var i = copy.querySelector('i'); 1339 if (i) { var old = i.className; i.className = 'fas fa-check'; setTimeout(function(){ i.className = old; }, 1200); } 1340 }).catch(function(){ /* ignorar */ }); 1341 }); 1342 } 1343 1344 top.style.display = 'flex'; 1345 } catch (ex) { 1346 // no crÃtico 1347 } 1348 }); 1349 1350 modal.addEventListener('hide.bs.modal', function () { 1351 top.style.display = 'none'; 1352 }); 1353 })(); 1354</script>
1354 1355 </div> 1356 1357 <!-- TITULO --> 1358 <!-- Fila para el tÃtulo centrado --> 1359 <h1 class="fw-bold mb-4 text-center fs-3 fs-md-1"> 1360 Federarse con <span class="text-primary">rutasnavarra.com</span> 1361 </h1> 1362 1363 1364 1365 <!-- TARJETAS --> 1366 <div class="d-flex flex-wrap justify-content-center gap-4 mb-4"> 1367 <img src="/img/img_federarse/tarjeta_NAFAR_2026.png" 1368 alt="TARJETA NAFAR" 1369 class="img-fluid shadow-sm rounded" 1370 style="max-width:180px; border: 2px solid #ffffffaa;" /> 1371 1372 <img src="/img/img_federarse/tarjeta_FEDME_2026.png" 1373 alt="TARJETA FEDME" 1374 class="img-fluid shadow-sm rounded" 1375 style="max-width:180px; border: 2px solid #ffffffaa;" /> 1376 </div> 1377 1378 <!-- INFORMACIÃN --> 1379 <div class="mx-auto" style="max-width: 720px;"> 1380 <h1 class="fw-bold text-primary mb-2"> 1381 Licencias 2026 1382 </h1> 1383 1384 <div class="text-secondary small mb-2 px-4 px-md-5"> 1385 (Los precios de las licencias a partir del 1 de septiembre tendrán un precio más bajo.</br> 1386 Nuestra calculadora hace los cálculos entre el 1 de enero y el 31 de agosto.) 1387 </div> 1388 1389 <h5 class="text-success fw-semibold"> 1390 Nuestro club solamente tramita licencias online. 1391 </h5> 1392 </div> 1393 1394 </div> 1395 1396 1397 <div class="row g-3 justify-content-center my-3"> 1398 <div class="col-12 col-sm-auto"> 1399 <a href="/documentos/federarse/Federarse_Precios_2026.pdf" 1400 target="_blank" 1401 class="btn btn-primary btn-lg rounded-pill shadow-sm px-4 mb-2 w-100"> 1402 <i class="bi bi-file-earmark-pdf-fill me-2" style="color:#d32f2f;"></i> 1403 Precios 2026 1404 </a> 1405 </div> 1406 <div class="col-12 col-sm-auto"> 1407 <a href="/documentos/federarse/POLIZA_ACCIDENTES_FED_NAVARRA_DE_MONTANA_2026.pdf" 1408 target="_blank" 1409 class="btn btn-primary btn-lg rounded-pill shadow-sm px-4 mb-2 w-100"> 1410 <i class="bi bi-file-earmark-pdf-fill me-2" style="color:#d32f2f;"></i> 1411 Poliza 2026 1412 </a> 1413 </div> 1414 <div class="col-12 col-sm-auto"> 1415 <a href="/documentos/federarse/RC_FEDERADOSP3R110001643_F7RN750150000.pdf" 1416 target="_blank" 1417 class="btn btn-primary btn-lg rounded-pill shadow-sm px-4 mb-2 w-100"> 1418 <i class="bi bi-file-earmark-pdf-fill me-2" style="color:#d32f2f;"></i> 1419 RC 2026 1420 </a> 1421 </div> 1422 <div class="col-12 col-sm-auto"> 1423 <a href="/documentos/federarse/BROKERS_navarra_2026.pdf" 1424 target="_blank" 1425 class="btn btn-primary btn-lg rounded-pill shadow-sm px-4 mb-2 w-100"> 1426 <i class="bi bi-file-earmark-pdf-fill me-2" style="color:#d32f2f;"></i> 1427 Folleto 2026 1428 </a> 1429 </div> 1430 </div> 1431 <div class="mb-4"> 1432 <div class="card shadow-sm rounded-3" style="background:linear-gradient(135deg,#e7f1ff 0%,#b3d8fd 100%);"> 1433 <div class="card-body"> 1434 <h4 class="text-primary mb-4">Los pasos que debes realizar son los siguientes:</h4> 1435 <div class="mb-4 pb-2 border-bottom"> 1436 <div class="clearfix">
1437 <span class="badge bg-primary" 1438 style="float:left; font-size:1.2rem; width:2.2rem; height:2.2rem; display:flex; align-items:center; justify-content:center; margin-right:0.7rem; margin-bottom:0.2rem;"> 1439 1 1440 </span> 1441 <div style="text-align:justify;"> 1442 <strong>Utiliza este simulador on-line y elige tu tarjeta de federado de 2026 según tus necesidades.</strong> 1443 <div>Si observas que no realiza los cálculos correctamente refresca la página en tu navegador. No obstante será el cálculo dentro de la pasarela el válido.</div> 1444 <div class="accordion mt-4" id="accordionFederarse"> 1445 <div class="accordion-item"> 1446 <h2 class="accordion-header" id="headingPreguntas"> 1447 <button class="accordion-button collapsed bg-primary text-white shadow-lg fw-bold" 1448 type="button" 1449 data-bs-toggle="collapse" 1450 data-bs-target="#collapsePreguntas" 1451 aria-expanded="false" 1452 aria-controls="collapsePreguntas" 1453 style="border-radius: 0.7rem; border: 2px solid #0d6efd;"> 1454 <i class="bi bi-clipboard-check me-2"></i> 1455 ¿Qué licencia necesitas? 1456 </button> 1457 </h2> 1458 <div id="panelResumenFederarse" class="resumen-federarse-panel shadow-lg rounded" style="display: none;"> 1459 <div class="resumen-federarse-row encabezados"> 1460 <div> 1461 <img src="/imagenes/botones/feder-categoria.svg" width="32" /> 1462 </div> 1463 <div> 1464 <img src="/imagenes/botones/feder-cobertura.svg" width="32" /> 1465 </div> 1466 <div class="d-flex justify-content-center align-items-center" style="height: 100%;"> 1467 <img src="/imagenes/botones/feder-tarjeta.svg" width="32" /> 1468 </div> 1469 <div><img src="/imagenes/botones/feder-btt.svg" width="32" /> 1470 </div> 1471 1472 <div id="cabeceraNieve"></div> 1473 <div><img src="/imagenes/botones/feder-revista.svg" width="32" /> 1474 </div> 1475 </div> 1476 <div class="resumen-federarse-row valores"> 1477 <div id="resCategoria" 1478 style="font-size: 0.65rem; font-weight: bold; text-align: center; transform: rotate(-45deg); display: inline-block;"> 1479 <!-- El valor de la categorÃa se insertará aquà --> 1480 </div> 1481 <div id="resCobertura" class="fs-8 d-flex justify-content-center align-items-center"></div> 1482 <div id="resTarjeta" style="font-size: 0.75rem; font-weight: bold;" class="d-flex justify-content-center align-items-center text-center"></div> 1483 <div id="resBTT" class="d-flex justify-content-center align-items-center"></div> 1484 <div id="resNieve" class="d-flex justify-content-center align-items-center"></div> 1485 <div id="resPyrenaica" class="d-flex justify-content-center align-items-center"></div> 1486 </div> 1487 <div class="resumen-federarse-row precios"> 1488 <div><img src="/imagenes/botones/feder-total.svg" width="32" /></div> 1489 <div id="resTotal" class="fw-bold text-success text-center"></div> 1490 <div id="resPrecioTarjeta"></div> 1491 <div id="resPrecioBTT"></div> 1492 <div id="resPrecioNieve"></div> 1493 <div id="resPrecioPyrenaica"></div> 1494 </div> 1495 </div> 1496 <div id="collapsePreguntas" class="accordion-collapse collapse" aria-labelledby="headingPreguntas" data-bs-parent="#accordionFederarse"> 1497 <div class="accordion-body"> 1498 <!-- Pregunta 1 --> 1499 <div class="mb-4"> 1500 <div class="fw-bold mb-2">1.- Edad al 31 de diciembre de 2026</div> 1501 <div class="form-check"> 1502 <input class="form-check-input" type="radio" name="edad" id="edadInfantil" value="Infantil"> 1503 <label class="form-check-label" for="edadInfantil"> 1504 Menos de 14 años 1505 </label> 1506 </div> 1507 <div class="form-check"> 1508 <input class="form-check-input" type="radio" name="edad" id="edadJuvenil" value="Juvenil"> 1509 <label class="form-check-label" for="edadJuvenil"> 1510 De 14 a 17 años 1511 </label> 1512 </div> 1513 <div class="form-check"> 1514 <input class="form-check-input" type="radio" name="edad" id="edadMayores" value="Mayores" checked> 1515 <label class="form-check-label" for="edadMayores"> 1516 De 18 a 64 años 1517 </label> 1518 </div> 1519 <div class="form-check"> 1520 <input class="form-check-input" type="radio" name="edad" id="edadMayores64" value="Mayor 65"> 1521 <label class="form-check-label" for="edadMayores64"> 1522 Mayores de 64 años 1523 </label> 1524 </div> 1525 </div> 1526 <!-- Pregunta 2 --> 1527 <div class="mb-4"> 1528 <div class="fw-bold mb-2">2.- ¿En qué lugar vas a realizar senderismo, montañismo, alpinismo, escalada ...?</div> 1529 <div class="form-check"> 1530 <input class="form-check-input" type="radio" name="cobertura" id="coberturaB" value="B" checked> 1531 <label class="form-check-label" for="coberturaB"> 1532 B: Pirineo vertiente peninsular, Sistema Ibérico, Sistema Central, Sistema Penibético ... 1533 </label> 1534 </div> 1535 <div class="form-check"> 1536 <input class="form-check-input" type="radio" name="cobertura" id="coberturaC" value="C"> 1537 <label class="form-check-label" for="coberturaC"> 1538 C: Pirineo vertiente francesa, Andorra, Portugal y Atlas Marroquà (incluye los sistemas de la B) 1539 </label> 1540 </div> 1541 <div class="form-check"> 1542 <input class="form-check-input" type="radio" name="cobertura" id="coberturaD" value="D"> 1543 <label class="form-check-label" for="coberturaD"> 1544 D: En todo el mund
1544o en ascensiones por debajo de los 7000 m 1545 </label> 1546 </div> 1547 <div class="form-check"> 1548 <input class="form-check-input" type="radio" name="cobertura" id="coberturaE" value="E"> 1549 <label class="form-check-label" for="coberturaE"> 1550 E: Objetivos superiores a 7000 m, CÃrculos Polares... 1551 </label> 1552 </div> 1553 </div> 1554 <!-- Pregunta 3 --> 1555 <div class="mb-4"> 1556 <div class="fw-bold mb-2">3.- ¿Quieres ampliar la cobertura del seguro porque además te interesa practicar...?</div> 1557 <div class="form-check"> 1558 <input class="form-check-input" type="checkbox" name="suplementos" id="btt" value="BTT"> 1559 <label class="form-check-label" for="btt"> 1560 BTT 1561 </label> 1562 </div> 1563 <div class="form-check"> 1564 <input class="form-check-input" type="checkbox" name="suplementos" id="esqui" value="Esqui"> 1565 <label class="form-check-label" for="esqui"> 1566 Esquà de pista 1567 </label> 1568 </div> 1569 <div class="form-check"> 1570 <input class="form-check-input" type="checkbox" name="suplementos" id="snowboard" value="Snowboard"> 1571 <label class="form-check-label" for="snowboard"> 1572 Snowboard (incluye también Esquà de pista) 1573 </label> 1574 </div> 1575 </div> 1576 <!-- Pregunta 4 --> 1577 <div class="mb-4"> 1578 <div class="fw-bold mb-2"> 1579 4.- ¿Quieres la APP Paso a Paso incluida en tu seguro con tu licencia digital? 1580 ¿Te interesa descuento en refugios con reciprocidad internacional?, 1581 ¿Quieres Ventajas FEDME? o / y ¿Vas a competir en pruebas FEDME? 1582 </div> 1583 <div class="form-check"> 1584 <input class="form-check-input" type="radio" name="tarjeta" id="tarjetaFEDME" value="FEDME"> 1585 <label class="form-check-label" for="tarjetaFEDME"> 1586 Sà 1587 </label> 1588 </div> 1589 <div class="form-check"> 1590 <input class="form-check-input" type="radio" name="tarjeta" id="tarjetaNAFAR" value="NAFAR" checked> 1591 <label class="form-check-label" for="tarjetaNAFAR"> 1592 No 1593 </label> 1594 </div> 1595 </div> 1596 <!-- Pregunta 5 --> 1597 <div class="mb-4"> 1598 <div class="fw-bold mb-2">5.- ¿Deseas suscribirte a la revista Pyrenaica?</div> 1599 <div class="form-check"> 1600 <input class="form-check-input" type="radio" name="pyrenaica" id="pyrenaicaSi" value="on"> 1601 <label class="form-check-label" for="pyrenaicaSi"> 1602 Sà 1603 </label> 1604 </div> 1605 <div class="form-check"> 1606 <input class="form-check-input" type="radio" name="pyrenaica" id="pyrenaicaNo" value="off" checked> 1607 <label class="form-check-label" for="pyrenaicaNo"> 1608 No 1609 </label> 1610 </div> 1611 </div> 1612 </div> 1613 </div> 1614 </div> 1615 </div> 1616 </div> 1617 </div> 1618 </div> 1619 <!-- Paso 2 --> 1620 <div class="mb-4 pb-2 border-bottom"> 1621 <div class="row g-0 align-items-stretch"> 1622 <!-- Columna de texto con badge y contenido --> 1623 <div class="col-12 col-md-8 d-flex flex-column justify-content-start pe-md-4" style="min-width:0;"> 1624 <div class="clearfix">
1625 <span class="badge bg-primary" 1626 style="float:left; font-size:1.2rem; width:2.2rem; height:2.2rem; display:flex; align-items:center; justify-content:center; margin-right:0.7rem; margin-bottom:0.2rem;"> 1627 2 1628 </span> 1629 <div style="text-align:justify;"> 1630 <strong>Ya conoces tu tarjeta. El siguiente paso es entrar en la pasarela de la Federación de Montaña.</strong><br /> 1631 <ul class="ps-3" style="text-align:justify; list-style-type: disc;"> 1632 <li>Recuerda que esta aplicación es propiedad de la FNDME y que su funcionamiento también.</li> 1633 <li>Podrás solicitar tarjeta fÃsica.</li> 1634 <li>No se puede federar a varias personas con el mismo correo electrónico.</li> 1635 <li>Deberás realizar el pago a través de su pasarela y tu tarjeta bancaria.</li> 1636 <li>No hay cargos adicionales por federarse por www.rutasnavarra.com</li> 1637 <li>Podrás solicitar tarjeta fÃsica.</li> 1638 <li>También puedes utilizar esta pasarela para ampliar posteriormente tu licencia.</li> 1639 </ul> 1640 <span class="fw-bold">No olvides elegir como club para federarte www.rutasnavarra.com.</span> 1641 </div> 1642 </div> 1643 <div class="row"> 1644 <div class="col-12 text-center mt-2"> 1645 <a class="btn btn-primary" href="http://www.mendinavarra.com/usersmendi/login/index.aspx" target="_blank">Federarse</a> 1646 </div> 1647 </div> 1648 </div> 1649 <!-- Columna de imagen --> 1650 <div class="col-12 col-md-4 text-center my-3 my-md-0 d-flex align-items-center justify-content-center"> 1651 <a href="http://www.mendinavarra.com/usersmendi/login/index.aspx" target="_blank" class="w-100"> 1652 <img src="/img/img_federarse/pantalla_fndme2.PNG" 1653 alt="Pantalla FNDME" 1654 class="img-fluid rounded shadow-sm" 1655 style="max-width:100%;height:auto;object-fit:contain;" /> 1656 </a> 1657 </div> 1658 </div> 1659 </div> 1660 <!-- Paso 3 --> 1661 <div class="mb-4 pb-2 border-bottom"> 1662 <div class="clearfix"> 1663 <span class="badge bg-primary" 1664 style="float:left; font-size:1.2rem; width:2.2rem; height:2.2rem; display:flex; align-items:center; justify-content:center; margin-right:0.7rem; margin-bottom:0.2rem;"> 1665 3 1666 </span> 1667 <div style="text-align:justify;"> 1668 <strong>
1668Si no has tenido ningún problema puedes pasar a recoger tu tarjeta en:</strong> 1669 <b>La zona de montaña de INTERSPORT LA MOREA en la GalerÃa comercial de Leclerc.</b><br /> 1670 <span class="small">De Lunes a Sábado de 9:30 a 21 h. Los Federados podrán recoger sus tarjetas a partir del quinto dÃa tras realizar la licencia online.</span> 1671 <br /><br /> 1672 <b>Esta App te permitirá tener tu tarjeta digital e información actualizada de la Federación</b><br /> 1673 <div class="mt-3 d-flex justify-content-center gap-4"> 1674 <a href="https://play.google.com/store/apps/details?id=org.nafarmendi.licencia" target="_blank" title="Descargar app para Android"> 1675 <img src="/imagenes/botones/android.png" alt="Descargar para Android" class="img-fluid" style="max-width:64px;" /> 1676 </a> 1677 <a href="https://apps.apple.com/app/nafarmendi-licencias/id6743704142" target="_blank" title="Descargar app para iOS"> 1678 <img src="/imagenes/botones/ios.png" alt="Descargar para iOS" class="img-fluid" style="max-width:64px;" /> 1679 </a> 1680 </div> 1681 </div> 1682 </div> 1683 </div> 1684 1685 <!-- Paso 4 --> 1686 <div class="mb-4 pb-2 border-bottom"> 1687 <div class="clearfix"> 1688 <span class="badge bg-primary" 1689 style="float:left; font-size:1.2rem; width:2.2rem; height:2.2rem; display:flex; align-items:center; justify-content:center; margin-right:0.7rem; margin-bottom:0.2rem;"> 1690 4 1691 </span> 1692 <div class="justify-lg-left-sm"> 1693 <strong>¿Has tenido dificultades?</strong> 1694 <div class="mt-3"> 1695 <div class="d-flex align-items-start mb-2"> 1696 <span class="me-2" style="color:#0d6efd;font-size:1.1rem;">●</span> 1697 <div>No tienes asociado un email a tu ficha de la Federación. Ponte en contacto con tu club.</div> 1698 </div> 1699 <div class="d-flex align-items-start mb-2"> 1700 <span class="me-2" style="color:#0d6efd;font-size:1.1rem;">●</span> 1701 <div>El simulador de licencias no funciona correctamente. <a href="/Verify">DescrÃbenos el problema y en breve contactamos contigo. IndÃcanos tu DNI</a></div> 1702 </div> 1703 <div class="d-flex align-items-start mb-2"> 1704 <span class="me-2" style="color:#0d6efd;font-size:1.1rem;">●</span> 1705 <div>Estabas federado por otro club y quieres hacerlo por Rutas Navarra. Cuando entres en la pasarela elige como club <a href="http://www.mendinavarra.com/usersmendi/login/index.aspx">www.rutasnavarra.com</a> y el sistema te asignará a nuestro club.</div> 1706 </div> 1707 <div class="d-flex align-items-start mb-2">
1708 <span class="me-2" style="color:#0d6efd;font-size:1.1rem;">●</span> 1709 <div>No funciona la pasarela de federarse on-line. <a href="http://nafarmendi.org/" target="_blank">Ponte en contacto con la Federación Navarra de Deportes de Montaña y Escalada</a> y si no te solucionan el problema <a href="/Verify">y estás federada/o con www.rutasnavarra.com escrÃbenos indicando tu DNI</a></div> 1710 </div> 1711 </div> 1712 </div> 1713 </div> 1714 </div> 1715 </div> 1716 </div> 1717 </div> 1718 <!-- Icono flotante ⬠cuando el panel está oculto --> 1719 1720 1721 <!--FAQ preguntas y respuestas--> 1722 <div class="mb-4 mt-3"> 1723 <div class="accordion" id="faqAccordion"> 1724 <div class="accordion-item"> 1725 <h2 class="accordion-header" id="faqHeading0"> 1726 <button class="accordion-button collapsed" type="button" 1727 data-bs-toggle="collapse" 1728 data-bs-target="#faqCollapse0" 1729 aria-expanded="false" 1730 aria-controls="faqCollapse0"> 1731 <i class="bi bi-info-circle icono-faq me-2"></i> 1732 <strong>¿Dónde puedo recoger mi tarjeta de persona federada?</strong> 1733 </button> 1734 </h2> 1735 <div id="faqCollapse0" 1736 class="accordion-collapse collapse" 1737 aria-labelledby="faqHeading0" 1738 data-bs-parent="#faqAccordion"> 1739 <div class="accordion-body" style="text-align:justify;"> 1740 Puedes recoger tu tarjeta en:<br /> 1741<b>La zona de montaña de INTERSPORT LA MOREA en la GalerÃa comercial de Leclerc.</b><br /> 1742<span class="small">De Lunes a Sábado de 9:30 a 21 h. Los Federados podrán recoger sus tarjetas a partir del quinto dÃa tras realizar la licencia online.</span><br /> 1743 1744 </div> 1745 </div> 1746 </div> 1747 <div class="accordion-item"> 1748 <h2 class="accordion-header" id="faqHeading1"> 1749 <button class="accordion-button collapsed" type="button" 1750 data-bs-toggle="collapse" 1751 data-bs-target="#faqCollapse1" 1752 aria-expanded="false" 1753 aria-controls="faqCollapse1"> 1754 <i class="bi bi-info-circle icono-faq me-2"></i> 1755 <strong>¿Qué cubre la licencia federativa?</strong> 1756 </button> 1757 </h2> 1758 <div id="faqCollapse1" 1759 class="accordion-collapse collapse" 1760 aria-labelledby="faqHeading1" 1761 data-bs-parent="#faqAccordion"> 1762 <div class="accordion-body" style="text-align:justify;"> 1763 La cobertura del seguro incluye excursiones, marchas, senderismo, alpinismo, escalada, utilización de material técnico de montaña, esquà de montaña o travesÃa y descenso de barrancos. 1764 1765 </div> 1766 </div> 1767 </div> 1768 <div class="accordion-item"> 1769 <h2 class="accordion-header" id="faqHeading2"> 1770 <button class="accordion-button collapsed" type="button" 1771 data-bs-toggle="collapse" 1772 data-bs-target="#faqCollapse2" 1773 aria-expanded="false" 1774 aria-controls="faqCollapse2"> 1775 <i class="bi bi-info-circle icono-faq me-2"></i> 1776 <strong>¿Dónde puedo ver los precios completos?</strong> 1777 </button> 1778 </h2> 1779 <div id="faqCollapse2" 1780 class="accordion-collapse collapse" 1781 aria-labelledby="faqHeading2" 1782 data-bs-parent="#faqAccordion"> 1783 <div class="accordion-body" style="text-align:justify;"> 1784 Puedes consultar el <a href="https://www.rutasnavarra.com/img/img_boletines/Federarse_Precios_2026.pdf" target="_blank">PDF de precios con todas las modalidades y suplementos</a>. 1785 1786 </div> 1787 </div> 1788 </div> 1789 <div class="accordion-item"> 1790 <h2 class="accordion-header" id="faqHeading3"> 1791 <button class="accordion-button collapsed" type="button" 1792 data-bs-toggle="collapse" 1793 data-bs-target="#faqCollapse3" 1794 aria-expanded="false" 1795 aria-controls="faqCollapse3"> 1796 <i class="bi bi-info-circle icono-faq me-2"></i> 1797 <strong>¿Qué se considera accidente?</strong> 1798 </button> 1799 </h2> 1800 <div id="faqCollapse3" 1801 class="accordion-collapse collapse" 1802 aria-labelledby="faqHeading3" 1803 data-bs-parent="#faqAccordion"> 1804 <div class="accordion-body" style="text-align:justify;"> 1805 Es una lesión corporal que deriva de una causa violenta, súbita, externa y ajena a la intencionalidad del asegurado. No se consideran accidentes las lesiones cuyo origen sea por una sobrecarga, trabajo continuado, que da lugar a tirones musculares, contracturas, tendinitis... No son objeto de cobertura las lesiones cuya causa sea una enfermedad. 1806 1807 </div> 1808 </div> 1809 </div> 1810 <div class="accordion-item"> 1811 <h2 class="accordion-header" id="faqHeading4"> 1812 <button class="accordion-button collapsed" type="button" 1813 data-bs-toggle="collapse" 1814 data-bs-target="#faqCollapse4" 1815 aria-expanded="false" 1816 aria-controls="faqCollapse4"> 1817 <i class="bi bi-info-circle icono-faq me-2"></i> 1818 <strong>¿Desde qué momento es efectiva la tarjeta federativa?
 </strong> 1819 </button> 1820 </h2> 1821 <div id="faqCollapse4" 1822 class="accordion-collapse collapse" 1823 aria-labelledby="faqHeading4" 1824 data-bs-parent="#faqAccordion"> 1825 <div class="accordion-body" style="text-align:justify;"> 1826 A partir del 1 de enero de 2025 la licencia tiene un periodo de carencia de 48 horas de
1826sde que la 1827Federación Navarra recibe el alta de dicha licencia. 1828Durante el mes de enero las personas federadas el año anterior tendrán cobertura inmediata con las mismas opciones 1829que habÃa contratado. No obstante, tan pronto haya sufrido un accidente, deben llamar al teléfono de emergencias 1830para dar el parte y federarse automáticamente. 1831 1832 </div> 1833 </div> 1834 </div> 1835 <div class="accordion-item"> 1836 <h2 class="accordion-header" id="faqHeading5"> 1837 <button class="accordion-button collapsed" type="button" 1838 data-bs-toggle="collapse" 1839 data-bs-target="#faqCollapse5" 1840 aria-expanded="false" 1841 aria-controls="faqCollapse5"> 1842 <i class="bi bi-info-circle icono-faq me-2"></i> 1843 <strong>¿Qué pasos hay que seguir en caso de accidente?
 </strong> 1844 </button> 1845 </h2> 1846 <div id="faqCollapse5" 1847 class="accordion-collapse collapse" 1848 aria-labelledby="faqHeading5" 1849 data-bs-parent="#faqAccordion"> 1850 <div class="accordion-body" style="text-align:justify;"> 1851 Dentro del espacio del Estado Español: Llamar siempre al Tfn
1851o. 696 907 374 de emergencias de Broker`s en el 1852instante, además de acudir a urgencias o a una consulta médica de uno de los Centros Concertados por la CompañÃa 1853dentro de las 72 horas de haber ocurrido el accidente y es de obligado cumplimiento. 1854Fuera del espacio del Estado Español: Llamar siempre al Tfno. 0034 913 939 030 de ASITUR, tan pronto haya ocurrido 1855el accidente y recibirás instrucciones detalladas sobre el protocolo de actuación que se va a seguir según las 1856circunstancias de tu accidente. 1857 </div> 1858 </div> 1859 </div> 1860 <div class="accordion-item"> 1861 <h2 class="accordion-header" id="faqHeading6"> 1862 <button class="accordion-button collapsed" type="button" 1863 data-bs-toggle="collapse" 1864 data-bs-target="#faqCollapse6" 1865 aria-expanded="false" 1866 aria-controls="faqCollapse6"> 1867 <i class="bi bi-info-circle icono-faq me-2"></i> 1868 <strong>¿Tengo cobertura en cualquier centro de asistencia?
 </strong> 1869 </button> 1870 </h2> 1871 <div id="faqCollapse6" 1872 class="accordion-collapse collapse" 1873 aria-labelledby="faqHeading6" 1874 data-bs-parent="#faqAccordion"> 1875 <div class="accordion-body" style="text-align:justify;"> 1876 No es posible acudir a cualquier Centro, solo se cubrirá la asistencia en Centros Concertados por el 1877seguro. 1878La única asistencia cubierta en Centros no Concertados, es aquella en la que el lesionado deba ser trasladado en 1879ambulancia o bien sea una urgencia vital, que si no se asistiera, la lesión podrÃa agravarse o suponer un riesgo para 1880la vida. 1881 </div> 1882 </div> 1883 </div> 1884 <div class="accordion-item"> 1885 <h2 class="accordion-header" id="faqHeading7"> 1886 <button class="accordion-button collapsed" type="button" 1887 data-bs-toggle="collapse" 1888 data-bs-target="#faqCollapse7" 1889 aria-expanded="false" 1890 aria-controls="faqCollapse7"> 1891 <i class="bi bi-info-circle icono-faq me-2"></i> 1892 <strong>En caso de un accidente en el que no se noten molestias serias en el momento de ocurrir el mismo ¿Sería conveniente dar parte al seguro?
 </strong> 1893 </button> 1894 </h2> 1895 <div id="faqCollapse7" 1896 class="accordion-collapse collapse" 1897 aria-labelledby="faqHeading7" 1898 data-bs-parent="#faqAccordion"> 1899 <div class="accordion-body" style="text-align:justify;"> 1900 Se debe hacer la declaración de accidente siempre, dentro de las 72 horas de haber ocurrido, incluso cuando no se 1901noten molestias que en un primer momento pensamos que cesarán en unos dÃas. Si no lo hacemos, la CompañÃa
1901no 1902nos admitirá el parte de accidente pasados siete dÃas. 1903 1904 </div> 1905 </div> 1906 </div> 1907 <div class="accordion-item"> 1908 <h2 class="accordion-header" id="faqHeading8"> 1909 <button class="accordion-button collapsed" type="button" 1910 data-bs-toggle="collapse" 1911 data-bs-target="#faqCollapse8" 1912 aria-expanded="false" 1913 aria-controls="faqCollapse8"> 1914 <i class="bi bi-info-circle icono-faq me-2"></i> 1915 <strong>¿Qué ocurre si en una prueba de diagnóstico para evaluar las lesiones del accidente se observa una lesión degenerativa?
 </strong> 1916 </button> 1917 </h2> 1918 <div id="faqCollapse8" 1919 class="accordion-collapse collapse" 1920 aria-labelledby="faqHeading8" 1921 data-bs-parent="#faqAccordion"> 1922 <div class="accordion-body" style="text-align:justify;"> 1923 En la póliza de seguro de accidentes viene reflejado especÃficamente, que están excluidas de cobertura las lesiones 1924 preexistentes o degenerativas. 1925 </div> 1926 </div> 1927 </div> 1928 <div class="accordion-item"> 1929 <h2 class="accordion-header" id="faqHeading9"> 1930 <button class="accordion-button collapsed" type="button" 1931 data-bs-toggle="collapse" 1932 data-bs-target="#faqCollapse9" 1933 aria-expanded="false" 1934 aria-controls="faqCollapse9"> 1935 <i class="bi bi-info-circle icono-faq me-2"></i> 1936 <strong>¿Tengo cobertura si me sucede un accidente caminando, corriendo o practicando BTT en un tramo de poblacion o carretera asfaltada?
 </strong> 1937 </button> 1938 </h2> 1939 <div id="faqCollapse9" 1940 class="accordion-collapse collapse" 1941 aria-labelledby="faqHeading9" 1942 data-bs-parent="#faqAccordion"> 1943 <div class="accordion-body" style="text-align:justify;"> 1944 No tienes cobertura en cualquier actividad de montaña, si el accidente ocurre en zonas urbanas o tramos de carretera 1945 asfaltada. 1946 </div> 1947 </div> 1948 </div> 1949 <div class="accordion-item"> 1950 <h2 class="accordion-header" id="faqHeading10"> 1951 <button class="accordion-button collapsed" type="button" 1952 data-bs-toggle="collapse" 1953 data-bs-target="#faqCollapse10" 1954 aria-expanded="false" 1955 aria-controls="faqCollapse10"> 1956 <i class="bi bi-info-circle icono-faq me-2"></i> 1957 <strong>Si participo en una carrera por montaña, ¿Me da cobertura el seguro asociado a la licencia en todos los casos?
</strong> 1958 </button> 1959 </h2> 1960 <div id="faqCollapse10" 1961 class="accordion-collapse collapse" 1962 aria-labelledby="faqHeading10" 1963 data-bs-parent="#faqAccordion"> 1964 <div class="accordion-body" style="text-align:justify;"> 1965 La póliza de seguro de accidentes de los federados de montaña, da cobertura para la participación en competiciones 1966de carreras por montaña pedestres, organizadas por las Federaciones de Montaña o Clubes asociados a éstas. 1967También tienen cobertura las carreras de montaña relacionadas en la póliza aunque no hayan sido organizadas por 1968la Federación o Clubes asociados. 1969 1970 </div> 1971 </div> 1972 </div> 1973 <div class="accordion-item"> 1974 <h2 class="accordion-header" id="faqHeading11"> 1975 <button class="accordion-button collapsed" type="button" 1976 data-bs-toggle="collapse" 1977 data-bs-target="#faqCollapse11" 1978 aria-expanded="false" 1979 aria-controls="faqCollapse11"> 1980 <i class="bi bi-info-circle icono-faq me-2"></i> 1981 <strong>Si practicando escalada, te quedas atrapado en la pared por una rotura de la cuerda o similar, ¿Se considera accidente?
</strong> 1982 </button> 1983 </h2> 1984 <div id="faqCollapse11" 1985 class="accordion-collapse collapse" 1986 aria-labelledby="faqHeading11" 1987 data-bs-parent="#faqAccordion"> 1988 <div class="accordion-body" style="text-align:justify;"> 1989 No se considera accidente y por tanto no tiene cobertura. 1990 1991 </div> 1992 </div> 1993 </div> 1994 <div class="accordion-item"> 1995 <h2 class="accordion-header" id="faqHeading12"> 1996 <button class="accordion-button collapsed" type="button" 1997 data-bs-toggle="collapse" 1998 data-bs-target="#faqCollapse12" 1999 aria-expanded="false" 2000 aria-controls="faqCollapse12"> 2001 <i class="bi bi-info-circle icono-faq me-2"></i> 2002 <strong>¿Tengo cobertura si practico esquí de travesía en una estación de esquí o esquí de fondo en pistas balizadas?
</strong> 2003 </button> 2004 </h2> 2005 <div id="faqCollapse12" 2006 class="accordion-collapse collapse" 2007 aria-labelledby="faqHeading12" 2008 data-bs-parent="#faqAccordion"> 2009 <div class="accordion-body" style="text-align:justify;"> 2010 No tiene cobertura en una Estación de esquà con transportes mecánicos, independientemente de si se utilizan o no, 2011sólo si has contratado la opción de esquà o Snow, teniendo en cuenta que la Estación abarca todo el entorno, no sólo 2012las pistas balizadas. 2013 2014 </div> 2015 </div> 2016 </div> 2017 <div class="accordion-item"> 2018 <h2 class="accordion-header" id="faqHeading13"> 2019 <button class="accordion-button collapsed" type="button" 2020 data-bs-toggle="collapse" 2021 data-bs-target="#faqCollapse13" 2022 aria-expanded="false" 2023 aria-controls="faqCollapse13"> 2024 <i class="bi bi-info-circle icono-faq me-2"></i> 2025 <strong>Si practico BTT en un complejo privado como el de Irisarri (Navarra), ¿Tengo Cobertura en caso de accidente?
</strong> 2026 </button> 2027 </h2> 2028 <div id="faqCollapse13" 2029 class="accordion-collapse collapse" 2030 aria-labelledby="faqHeading13" 2031 data-bs-parent="#faqAccordion"> 2032 <div class="accordion-body" style="text-align:justify;"> 2033 No tiene cobertura, en el condicionado de la propia póliza ya se informa que únicamente cubre si se práctica esta 2034modalidad por senderos, pistas forestales o monte a través. . 2035 2036 </div> 2037 </div> 2038 </div> 2039 </div> 2040 </div> 2041 2042 </div> 2043 </div> 2044 </div> 2045 </div> 2046</div>
2047<script> 2048 // Serializa la lista de precios desde el modelo Razor a JS 2049 var preciosFederados = [{"EstatalMayores":100.85,"EstatalMayoresChecked":false,"EstatalJuveniles":32.3,"EstatalJuvenilesChecked":false,"EstatalInfantiles":24.2,"EstatalInfantilesChecked":false,"EstatalJubilados":74.05,"EstatalJubiladosChecked":false,"PeninsulaMayores":124.45,"PeninsulaMayoresChecked":false,"PeninsulaJuveniles":55.9,"PeninsulaJuvenilesChecked":false,"PeninsulaInfantiles":47.8,"PeninsulaInfantilesChecked":false,"PeninsulaJubilados":97.65,"PeninsulaJubiladosChecked":false,"InternacionalMayores":206.15,"InternacionalMayoresChecked":false,"InternacionalJuveniles":137.6,"InternacionalJuvenilesChecked":false,"InternacionalInfantiles":129.5,"InternacionalInfantilesChecked":false,"InternacionalJubilados":179.35,"InternacionalJubiladosChecked":false,"ExpedicionMayores":2149.15,"ExpedicionMayoresChecked":false,"ExpedicionJuveniles":2080.6,"ExpedicionJuvenilesChecked":false,"ExpedicionInfantiles":2072.5,"ExpedicionInfantilesChecked":false,"ExpedicionJubilados":2122.35,"ExpedicionJubiladosChecked":false,"Esqui":47.6,"EsquiChecked":false,"Btt":26.7,"BttChecked":false,"Snowboard":58.2,"SnowboardChecked":false,"Pyrenaica":8.36,"PyrenaicaChecked":false,"Ano":2026,"AnoChecked":false,"Tipo":1,"TipoChecked":false},{"EstatalMayores":115.67,"EstatalMayoresChecked":false,"EstatalJuveniles":39.89,"EstatalJuvenilesChecked":false,"EstatalInfantiles":26.76,"EstatalInfantilesChecked":false,"EstatalJubilados":88.87,"EstatalJubiladosChecked":false,"PeninsulaMayores":139.27,"PeninsulaMayoresChecked":false,"PeninsulaJuveniles":63.49,"PeninsulaJuvenilesChecked":false,"PeninsulaInfantiles":50.36,"PeninsulaInfantilesChecked":false,"PeninsulaJubilados":112.47,"PeninsulaJubiladosChecked":false,"InternacionalMayores":220.97,"InternacionalMayoresChecked":false,"InternacionalJuveniles":145.19,"InternacionalJuvenilesChecked":false,"InternacionalInfantiles":132.06,"InternacionalInfantilesChecked":false,"InternacionalJubilados":194.17,"InternacionalJubiladosChecked":false,"ExpedicionMayores":2163.97,"ExpedicionMayoresChecked":false,"ExpedicionJuveniles":2088.19,"ExpedicionJuvenilesChecked":false,"ExpedicionInfantiles":2075.06,"ExpedicionInfantilesChecked":false,"ExpedicionJubilados":2137.17,"ExpedicionJubiladosChecked":false,"Esqui":47.6,"EsquiChecked":false,"Btt":26.7,"BttChecked":false,"Snowboard":58.2,"SnowboardChecked":false,"Pyrenaica":8.36,"PyrenaicaChecked":false,"Ano":2026,"AnoChecked":false,"Tipo":2,"TipoChecked":false}]; 2050</script>
vendor: 2 bytes, line 2050
2050
2051<script src="/js/federarse-resumen.js"></script>
2051 2052 2053 </main> 2054 2055 </div> 2056 2057<html data-bs-theme="light" lang="en"> 2058 2059<head> 2060 <meta charset="utf-8"> 2061 <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> 2062 <title>Footer</title> 2063 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cookie"> 2064 2065<style> 2066footer { 2067 background-color: #eeeeef; 2068 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); 2069 box-sizing: border-box; 2070 width: 100%; 2071 text-align: left; 2072 font: bold 16px sans-serif; 2073 padding: 55px 50px; 2074 margin-top: 80px; 2075 bottom: 0; 2076 color: #fff; 2077} 2078 2079/* Filas de patrocinadores: fondo blanco transparente y espaciado */ 2080.sponsors-wrapper .sponsors-row { 2081 background: rgba(255,255,255,0.75); /* blanco transparente */ 2082 padding: 10px 15px; 2083 margin-bottom: 12px; 2084 border-radius: 6px; 2085} 2086 2087/* Alineado vertical y centrado de imágenes en cada columna */ 2088.sponsors-wrapper .sponsor-col { 2089 display: flex; 2090 align-items: center; 2091 justify-content: center; 2092 padding: 6px 8px; 2093 min-height: 120px; /* asegura espacio vertical para centrar */ 2094} 2095 2096/* Si el contenido está envuelto en un enlace, que el enlace ocupe todo el contenedor 2097 y también use flex para centrar la imagen */ 2098.sponsors-wrapper .sponsor-col > a { 2099 display: flex; 2100 align-items: center; 2101 justify-content: center; 2102 width: 100%; 2103 height: 100%; 2104 text-align: center; 2105} 2106 2107/* Control del tamaño de los logos para mantener proporción */ 2108.sponsor-img { 2109 max-height: 120px; 2110 max-width: 100%; 2111 height: auto; 2112 width: auto; 2113 object-fit: contain; 2114 display: inline-block; 2115} 2116 2117/* Segunda fila: logos más pequeños */ 2118.sponsors-wrapper .sponsor-img.small { 2119 max-height: 48px; 2120} 2121 2122/* Mantener comportamiento responsivo en móviles */ 2123@media (max-width:767px) { 2124 .sponsor-img { max-height: 80px; } 2125 .sponsors-wrapper .sponsors-row { padding: 8px 10px; } 2126 .sponsors-wrapper .sponsor-col { min-height: 80px; } /* menos altura en móvil */ 2127 .footer-contacts { 2128 margin: 30px 0; 2129 } 2130} 2131 2132.footer-navigation h3 { 2133 margin: 0; 2134 font: normal 36px Cookie, cursive; 2135 margin-bottom: 20px; 2136 color: #fff; 2137} 2138 2139.footer-navigation h3 a { 2140 text-decoration: none; 2141 color: #fff; 2142} 2143 2144.footer-navigation h3 span { 2145 color: #5383d3; 2146} 2147 2148.footer-navigation p.links a { 2149 color: #fff; 2150 text-decoration: none; 2151} 2152 2153.footer-navigation p.company-name { 2154 color: #8f9296; 2155 font-size: 14px; 2156 font-weight: normal; 2157 margin-top: 20px; 2158} 2159 2160@media (max-width:767px) { 2161 .footer-contacts { 2162 margin: 30px 0; 2163 } 2164} 2165 2166.footer-contacts p { 2167 display: inline-block; 2168 color: #ffffff; 2169 vertical-align: middle; 2170} 2171 2172.footer-contacts p a { 2173 color: #5383d3; 2174 text-decoration: none; 2175} 2176 2177.fa.footer-contacts-icon { 2178 background-color: #33383b; 2179 color: #fff; 2180 font-size: 18px; 2181 width: 38px; 2182 height: 38px; 2183 border-radius: 50%; 2184 text-align: center; 2185 line-height: 38px; 2186 margin: 10px 15px 10px 0; 2187} 2188 2189span.new-line-span { 2190 display: block; 2191 font-weight: normal; 2192 display: block; 2193 font-weight: normal; 2194 font-size: 14px; 2195 line-height: 2; 2196} 2197 2198.footer-about h4 { 2199 display: block; 2200 color: #fff; 2201 font-size: 14px; 2202 font-weight: bold; 2203 margin-bottom: 20px; 2204} 2205 2206.footer-about p { 2207 line-height: 20px; 2208 color: #92999f; 2209 font-size: 13px; 2210 font-weight: normal; 2211 margin: 0; 2212} 2213 2214div.social-links { 2215 margin-top: 20px; 2216 color: #fff; 2217 text-align: center; 2218} 2219 2220.social-links a { 2221 display: inline-block; 2222 width: 35px; 2223 height: 35px; 2224 cursor: pointer; 2225 background-color: #33383b; 2226 border-radius: 2px; 2227 font-size: 20px; 2228 color: #ffffff; 2229 text-align: center; 2230 line-height: 35px; 2231 margin-right: 5px; 2232 margin-bottom: 5px; 2233} 2234</style> 2235</head> 2236<body> 2237<footer class="footer bg-light py-4"> 2238 <div class="container sponsors-wrapper"> 2239 2240 <!-- FILA 1 de patrocinadores (ejemplo, cambia las rutas por tus imágenes) --> 2241 <div class="row sponsors-row align-items-center"> 2242 <div class="col-6 col-md-3 sponsor-col"> 2243 <img src="/imagenes/banners/banner166_rn.gif" alt="A.C.D. Urkulu" class="img-fluid sponsor-img" /> 2244 </div> 2245 <div class="col-6 col-md-3 sponsor-col"> 2246 <a href="https://fundacionlacaixa.org/es/" target="_blank" title="Fundación La Caixa"><img src="/imagenes/banners/fcaixa.png" alt="Fundación La caixa" class="img-fluid sponsor-img" /></a> 2247 </div> 2248 <div class="col-6 col-md-3 sponsor-col"> 2249 <a href="https://www.gescomnavarra.com/" target="_blank" title="Gescom Pamplona"> <img src="/imagenes/banners/gescom.png" alt="Gescom" class="img-fluid sponsor-img" /></a> 2250 </div> 2251 <div class="col-6 col-md-3 sponsor-col"> 2252 <a href="https://www.intersport.es/tiendas?idStore=64&srsltid=AfmBOopghDmn1sGc4FW2nSHwN0iDlpk8lYbTfKduUtoBs0iXBXWt5H6J" target="_blank" title="Intersport La Morea"> <img src="/imagenes/banners/intersport-80.png" alt="Intersport La Morea" class="img-fluid sponsor-img" /></a> 2253 </div> 2254 <div class="col-6 col-md-3 sponsor-col"> 2255 <a href="http://www.gorosti.com/" target="_blank" title="Gorosti"> <img src="/imagenes/banners/banner166_gorosti.gif" alt="Gorosti" class="img-fluid sponsor-img" /></a> 2256 </div> 2257 <div class="col-6 col-md-3 sponsor-col"> 2258 <a href="http://www.nafarmendi.org/" target="_blank" title="FNDME / MEKNF"> <img src="/imagenes/banners/banner166_fn.gif" alt="FNDME / MEKNF" class="img-fluid sponsor-img" /></a> 2259 </div> 2260 <div class="col-6 col-md-3 sponsor-col"> 2261 <a href="https://redexploranavarra.es/" target="_blank" title="Red Explora"> <img src="/imagenes/banners/Red_Explora.png" alt="Red Explora" class="img-fluid sponsor-img" /></a> 2262 </div> 2263 <div class="col-6 col-md-3 sponsor-col"> 2264 <a href="https://muga.com/" target="_blank" title="Muga"> <img src="/imagenes/banners/muga-color.jpg" alt="Muga" class="img-fluid sponsor-img" /></a> 2265 </div> 2266 <div class="col-6 col-md-3 sponsor-col"> 2267 <a href="https://mundodn.diariodenavarra.es/mas-dn/conocer-navarra.html" target="_blank" title="Conocer Navarra"> <img src="/imagenes/banners/conocer.jpg" alt="Conocer Navarra" class="img-fluid sponsor-img" /></a> 2268 </div> 2269 <div class="col-6 col-md-3 sponsor-col"> 2270 <a href="https://www.nextahotels.com/experiencias.html" target="_blank" title="Himalaya Experience"> <img src="/imagenes/banners/banner166_himalaia.gif" alt="Himalaya Experience" class="img-fluid sponsor-img" /></a> 2271 </div> 2272 <div class="col-6 col-md-3 sponsor-col">
2273 <a href="https://geoportal.navarra.es/es/idena" target="_blank" title="Idena"> <img src="/imagenes/banners/idena.png" alt="Idena" class="img-fluid sponsor-img" /></a> 2274 </div> 2275 <div class="col-6 col-md-3 sponsor-col"> 2276 <a href="https://www.peakfinder.com/es/about/peakfinder/" target="_blank" title="Peakfinder"> <img src="/imagenes/banners/peakfinder.svg" alt="Peakfinder" class="img-fluid sponsor-img" /></a> 2277 </div> 2278 <div class="col-6 col-md-3 sponsor-col"> 2279 <a href="https://cdnavarra.com/" target="_blank" title="Club Deportivo Navarra"> <img src="/imagenes/banners/cdn.png" alt="Club Deportivo Navarra" class="img-fluid sponsor-img" /></a> 2280 </div> 2281 <div class="col-6 col-md-3 sponsor-col"> 2282 <a href="/Aezkoa" target="_blank" title="Descubre Aezkoa"> <img src="/imagenes/banners/descubre.jpg" alt="Descubre Aezkoa" class="img-fluid sponsor-img" /></a> 2283 </div> 2284 <div class="col-6 col-md-3 sponsor-col"> 2285 <a href="https://www.trackmaker.com/" target="_blank" title="Tracmaker"> <img src="/imagenes/banners/gpstm.png" alt="TrackmakerDescubre Aezkoa" class="img-fluid sponsor-img" /></a> 2286 </div> 2287 <div class="col-6 col-md-3 sponsor-col"> 2288 <a href="https://leafletjs.com/" target="_blank" title="Leaflet"> <img src="/imagenes/banners/leaflet.png" alt="Leaflet" class="img-fluid sponsor-img" /></a> 2289 </div> 2290 </div> 2291 2292 2293 <!-- FILA 2 de patrocinadores (images especificadas) --> 2294 2295 <div class="row"> 2296 <div class="col-sm-6 col-md-4 footer-navigation"> 2297 <h3><a href="#"><span>Rutas Navarra / Napar Bideak </span></a></h3> 2298 <p class="links"> 2299 <a href="/">Inicio</a><strong> · </strong> 2300 <a href="/Rutas">Rutas</a><strong> · </strong> 2301 <a href="/Explora_Navarra">Explora</a><strong> · </strong> 2302 <a href="/analiza_gpx">Analiza</a><strong> · </strong> 2303 <a href="/Chat">Ayuda</a><strong> · </strong> 2304 <a href="/Buscar">Buscar</a><strong> · </strong> 2305 </p> 2306 <p class="company-name">A.C.D. Urkulu © 2000 - 2026</p> 2307 </div> 2308 <div class="col-sm-6 col-md-4 footer-contacts"> 2309 <div> 2310 <i class="fa fa-lock footer-contacts-icon" title="PolÃtica de privacidad"></i> 2311 <a href="/privacidad">PolÃtica de Privacidad</a> 2312 </div> 2313 <div> 2314 <i class="fa fa-cookie footer-contacts-icon" title="PolÃtica de cookies"></i> 2315 <a href="/cookies">PolÃtica de Cookies</a> 2316 </div> 2317 <div> 2318 <i class="fa fa-envelope footer-contacts-icon" title="Contacto"></i> 2319 <a href="/Verify">Contacto</a> 2320 </div> 2321 <div> 2322 <i class="fa fa-cog footer-contacts-icon" title="Cambiar preferencias de cookies"></i> 2323 <a href="#" onclick="document.getElementById('cookie-settings').style.display='flex'"> 2324 Cambiar preferencias de cookies 2325 </a> 2326 </div> 2327 </div> 2328 <div class="col-md-4 footer-about"> 2329 <h4>Acerca de...</h4> 2330 <p> Rutas Navarra / Napar Bideak es una plataforma digital dedicada a la exploración de recorridos por toda la Comunidad Foral de Navarra. Su enfoque combina naturaleza, patrimonio y cultura, ofreciendo rutas detalladas para senderismo, excursiones y turismo rural. </p> 2331 <p>Es una herramienta muy útil si estás buscando rutas bien documentadas, con trazabilidad y contexto cultural.</p> 2332 <div class="social-links social-icons"> 2333 <a href="https://facebook.com/rutasnavarra"><i class="fab fa-facebook" title="facebook"></i></a> 2334 <a href="#"><i class="fab fa-twitter" title="twitter"></i></a> 2335 <a href="#"><i class="fab fa-linkedin" title="linkedin"></i></a> 2336 <a href="#"><i class="fab fa-github" title="github"></i></a> 2337 2338 2339 </div> 2340 </div> 2341 </div> 2342 </div> 2343</footer> 2344</body> 2345</html><div id="backToTop"> 2346 <?xml version="1.0" encoding="UTF-8"?> 2347<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48"> 2348<path d="M0 0 C5.31776923 3.2020976 10.38186675 8.64402714 12.5625 14.5 C13.35181717 22.17714809 14.10505728 30.50889267 9.12109375 36.890625 C4.06728606 42.10909309 -0.19661469 46.0642579 -7.70703125 46.8359375 C-16.22326573 46.92983204 -22.11345494 46.6177288 -28.40234375 40.62890625 C-34.7841668 33.72505269 -35.91792252 28.29832071 -35.7421875 18.9453125 C-35.04689797 11.08319245 -31.38995981 6.95041296 -25.53515625 1.9453125 C-18.47077988 -2.92213491 -7.84396301 -3.47595223 0 0 Z " fill="#9EE897" transform="translate(35.4375,1.5)"/>
2349<path d="M0 0 C6.5854502 -0.54878752 11.57761204 0.03239905 17 4 C21.52485638 8.34671242 25.87491323 12.7477441 26.125 19.25 C26.08375 20.1575 26.0425 21.065 26 22 C12.71151048 26.8957593 -0.75072439 27.12956868 -14.27734375 22.81640625 C-16 22 -16 22 -17 20 C-16.22500461 16.35752165 -15.7520163 14.51453747 -12.625 12.375 C-11.325625 11.694375 -11.325625 11.694375 -10 11 C-9.278125 10.278125 -8.55625 9.55625 -7.8125 8.8125 C-6.9153125 7.9153125 -6.9153125 7.9153125 -6 7 C-5.34 7 -4.68 7 -4 7 C-3.67 6.01 -3.34 5.02 -3 4 C-2.01 4 -1.02 4 0 4 C0 2.68 0 1.36 0 0 Z " fill="#64DAFC" transform="translate(22,0)"/> 2350<path d="M0 0 C-0.13655712 5.46228471 -2.3809675 8.35532265 -6 12.1640625 C-12.29923507 17.94656344 -18.18600167 18.66440549 -26.66015625 18.375 C-34.46156755 17.49905206 -38.59954855 13.88707762 -43.65234375 8.09765625 C-45.17642242 5.72539467 -45.61882257 3.77439271 -46 1 C-40.47938556 0.62359447 -40.47938556 0.62359447 -38.09521484 2.49560547 C-35.56172068 4.31469089 -34.30765919 4.34069297 -31.2265625 4.2578125 C-30.3190625 4.24363281 -29.4115625 4.22945312 -28.4765625 4.21484375 C-27.06503906 4.17037109 -27.06503906 4.17037109 -25.625 4.125 C-14.25327225 3.85798429 -14.25327225 3.85798429 -9 5 C-8.34 4.01 -7.68 3.02 -7 2 C-4.55618498 0.83918787 -2.71705736 0 0 0 Z " fill="#FCA956" transform="translate(47,30)"/> 2351<path d="M0 0 C6.88490225 -0.57374185 11.02667877 0.5246131 17 4 C13.73919778 5.68322188 10.49895191 6.88331322 7 8 C6.01 8.33 5.02 8.66 4 9 C3.01 8.67 2.02 8.34 1 8 C0.61714844 8.87785156 0.61714844 8.87785156 0.2265625 9.7734375 C-1.11537414 12.20943713 -2.5987384 13.7321548 -4.625 15.625 C-6.50575752 17.33829787 -6.50575752 17.33829787 -8 19 C-8 19.66 -8 20.32 -8 21 C-3.75177626 20.52797514 -1.80010291 18.03344482 1 15 C4.39608504 16.45546502 6.40860299 18.40860299 9 21 C11.13309192 22.23512079 11.13309192 22.23512079 13 23 C10.66836622 23.67258667 8.3347961 24.33847444 6 25 C5.38253906 25.20238281 4.76507812 25.40476562 4.12890625 25.61328125 C-2.84723856 26.88050756 -10.80631588 24.09684206 -17 21 C-15.64181712 14.45602796 -15.64181712 14.45602796 -12.625 12.3125 C-11.75875 11.879375 -10.8925 11.44625 -10 11 C-9.278125 10.278125 -8.55625 9.55625 -7.8125 8.8125 C-6.9153125 7.9153125 -6.9153125 7.9153125 -6 7 C-5.34 7 -4.68 7 -4 7 C-3.67 6.01 -3.34 5.02 -3 4 C-2.01 4 -1.02 4 0 4 C0 2.68 0 1.36 0 0 Z " fill="#8FEC9A" transform="translate(22,0)"/> 2352<path d="M0 0 C3.42024484 0.2850204 6.21741543 1.22421119 9.42578125 2.3984375 C17.35240491 5.02059829 24.17137366 5.50451213 32.5 5.375 C33.60859375 5.36597656 34.7171875 5.35695313 35.859375 5.34765625 C38.57314592 5.32426167 41.28645545 5.29148175 44 5.25 C44 5.91 44 6.57 44 7.25 C41 9.25 41 9.25 37 9.25 C36.34 10.57 35.68 11.89 35 13.25 C34.23558594 13.1778125 33.47117188 13.105625 32.68359375 13.03125 C24.087622 12.28647266 15.61991625 12.14269814 7 12.25 C7 11.59 7 10.93 7 10.25 C3.7 9.59 0.4 8.93 -3 8.25 C-3.04241723 5.91705225 -3.04092937 3.58297433 -3 1.25 C-2 0.25 -2 0.25 0 0 Z " fill="#EFD961" transform="translate(3,22.75)"/> 2353<path d="M0 0 C-0.61538462 5.53846154 -0.61538462 5.53846154 -2.5625 7.875 C-3.036875 8.24625 -3.51125 8.6175 -4 9 C-4 8.01 -4 7.02 -4 6 C-4.98097656 6.49113281 -5.96195313 6.98226562 -6.97265625 7.48828125 C-11.19017534 9.29578943 -14.90812797 9.34911529 -19.4375 9.1875 C-20.53481445 9.16719727 -20.53481445 9.16719727 -21.65429688 9.14648438 C-23.43652422 9.11153874 -25.21836573 9.05774805 -27 9 C-26.01 9.66 -25.02 10.32 -24 11 C-29.03511899 12.0070238 -32.23947038 11.97387813 -37 10 C-37 9.34 -37 8.68 -37 8 C-37.99 7.67 -38.98 7.34 -40 7 C-40 6.34 -40 5.68 -40 5 C-40.99 5 -41.98 5 -43 5 C-43.33 4.01 -43.66 3.02 -44 2 C-42.25 1.3125 -42.25 1.3125 -40 1 C-39.08806885 1.72485596 -39.08806885 1.72485596 -38.15771484 2.46435547 C-35.58070446 4.29841242 -34.34835124 4.34178758 -31.2265625 4.2578125 C-30.3190625 4.24363281 -29.4115625 4.22945312 -28.4765625 4.21484375 C-27.06503906 4.17037109 -27.06503906 4.17037109 -25.625 4.125 C-14.25327225 3.85798429 -14.25327225 3.85798429 -9 5 C-8.34 4.01 -7.68 3.02 -7 2 C-4.55618498 0.83918787 -2.71705736 0 0 0 Z " fill="#FDBF5B" transform="translate(47,30)"/> 2354<path d="M0 0 C0 1.32 0 2.64 0 4 C-0.99 4.33 -1.98 4.66 -3 5 C-5.45445681 7.32858723 -7.724464 9.64845407 -9.8125 12.3125 C-13.15791462 14.89324842 -15.85241998 14.27650533 -20 14 C-18.63600388 8.373516 -14.44264276 5.32769381 -10 2 C-6.52081886 0.13904265 -3.92540321 -0.22430875 0 0 Z " fill="#C6F595" transform="translate(22,0)"/> 2355<path d="M0 0 C0.66 0.33 1.32 0.66 2 1 C1.3503125 1.62648438 0.700625 2.25296875 0.03125 2.8984375 C-1.22171875 4.12433594 -1.22171875 4.12433594 -2.5 5.375 C-3.3353125 6.18710938 -4.170625 6.99921875 -5.03125 7.8359375 C-7.22431286 9.7589659 -7.22431286 9.7589659 -7 12 C-2.75177626 11.52797514 -0.80010291 9.03344482 2 6 C5.39608504 7.45546502 7.40860299 9.40860299 10 12 C12.13309192 13.23512079 12.13309192 13.23512079 14 14 C11.66836622 14.67258667 9.3347961 15.33847444 7 16 C6.278125 16.2475 5.55625 16.495 4.8125 16.75 C2.33772192 17.0913487 1.20996183 16.1365518 -1 15 C-2.19625 14.87625 -3.3925 14.7525 -4.625 14.625 C-5.73875 14.41875 -6.8525 14.2125 -8 14 C-8.66 12.68 -9.32 11.36 -10 10 C-6.7 6.7 -3.4 3.4 0 0 Z " fill="#5FE0B6" transform="translate(21,9)"/> 2356<path d="M0 0 C3.45201639 1.47721422 5.64961936 3.43794001 8.25 6.125 C8.95640625 6.84945313 9.6628125 7.57390625 10.390625 8.3203125 C11.18726563 9.15175781 11.18726563 9.15175781 12 10 C11.
235667 10.99 11.34 11.98 11 13 C6.75177626 12.52797514 4.80010291 10.03344482 2 7 C-0.60380719 8.11591737 -2.06099536 9.06671367 -4 11.1875 C-4.99 12.0846875 -4.99 12.0846875 -6 13 C-8.25 12.75 -8.25 12.75 -10 12 C-8.52278578 8.54798361 -6.56205999 6.35038064 -3.875 3.75 C-3.15054687 3.04359375 -2.42609375 2.3371875 -1.6796875 1.609375 C-1.12539063 1.07828125 -0.57109375 0.5471875 0 0 Z " fill="#EFF9FA" transform="translate(23,9)"/> 2357<path d="M0 0 C6.88490225 -0.57374185 11.02667877 0.5246131 17 4 C12.41130195 6.35317849 7.75107219 7.83941169 2.75 9.0625 C-0.78532923 9.80227693 -0.78532923 9.80227693 -3 11 C-2 9 -1 7 0 5 C0.0396713 3.33380554 0.04384447 1.66608987 0 0 Z " fill="#83EAE3" transform="translate(22,0)"/> 2358<path d="M0 0 C0.66 0 1.32 0 2 0 C2.33 1.32 2.66 2.64 3 4 C3.99 4 4.98 4 6 4 C7.6875 5.375 7.6875 5.375 9 7 C9 7.66 9 8.32 9 9 C9.75925781 9.06058594 10.51851562 9.12117188 11.30078125 9.18359375 C12.29464844 9.26738281 13.28851563 9.35117187 14.3125 9.4375 C15.29863281 9.51871094 16.28476562 9.59992187 17.30078125 9.68359375 C20 10 20 10 23 11 C16.375 14.875 16.375 14.875 13 16 C8.23923521 13.39966441 3.9221991 9.5586306 1 5 C0.25 2.1875 0.25 2.1875 0 0 Z " fill="#FB9870" transform="translate(1,31)"/> 2359<path d="M0 0 C4.43448266 0.7918719 8.27092298 2.51394865 12 5 C13.22359623 5.71791299 14.45290429 6.42617224 15.6875 7.125 C16.780625 7.74375 17.87375 8.3625 19 9 C18.34 9.66 17.68 10.32 17 11 C13.24574497 10.65238379 9.63049144 10.0165376 6 9 C6 8.34 6 7.68 6 7 C5.01 6.67 4.02 6.34 3 6 C3 5.34 3 4.68 3 4 C2.01 4 1.02 4 0 4 C-0.33 3.01 -0.66 2.02 -1 1 C-0.67 0.67 -0.34 0.34 0 0 Z " fill="#FCA76D" transform="translate(4,31)"/> 2360<path d="M0 0 C-0.33 2.31 -0.66 4.62 -1 7 C2.3 7.99 5.6 8.98 9 10 C8.67 10.66 8.34 11.32 8 12 C0.125 11.125 0.125 11.125 -1 10 C-2.99958364 9.95919217 -5.00045254 9.95745644 -7 10 C-7.125 3.375 -7.125 3.375 -6 0 C-3.50907189 -1.24546405 -2.58919267 -0.7767578 0 0 Z " fill="#B9F096" transform="translate(7,14)"/> 2361<path d="M0 0 C0.59941406 0.35191406 1.19882812 0.70382812 1.81640625 1.06640625 C4.1065058 2.33929663 4.1065058 2.33929663 6.9375 0.9375 C10 0 10 0 12.8125 1.125 C15.13972157 3.11976135 15.69042428 4.00743471 16 7 C14.68 7 13.36 7 12 7 C11.34 8.32 10.68 9.64 10 11 C10 10.34 10 9.68 10 9 C9.40703125 8.74476562 8.8140625 8.48953125 8.203125 8.2265625 C5.78775462 6.88183502 4.48788294 5.50785633 2.75 3.375 C2.22921875 2.74335938 1.7084375 2.11171875 1.171875 1.4609375 C0.78515625 0.97882812 0.3984375 0.49671875 0 0 Z " fill="#3EC9FA" transform="translate(26,10)"/> 2362<path d="M0 0 C0.68835937 0.01353516 1.37671875 0.02707031 2.0859375 0.04101562 C3.76597001 0.0760163 5.4455935 0.12981046 7.125 0.1875 C3.5 3.1875 3.5 3.1875 0.125 3.1875 C0.125 3.8475 0.125 4.5075 0.125 5.1875 C-4.165 5.1875 -8.455 5.1875 -12.875 5.1875 C-13.205 4.5275 -13.535 3.8675 -13.875 3.1875 C-9.16630574 0.39308799 -5.36824646 -0.20286978 0 0 Z " fill="#FC804D" transform="translate(29.875,41.8125)"/> 2363<path d="M0 0 C4.48700398 0.52125321 8.98871263 0.89377329 13.48828125 1.2890625 C13.15828125 1.9490625 12.82828125 2.6090625 12.48828125 3.2890625 C9.5298877 3.31595699 6.57173698 3.33584991 3.61328125 3.3515625 C2.35064453 3.36413086 2.35064453 3.36413086 1.0625 3.37695312 C0.25683594 3.38017578 -0.54882812 3.38339844 -1.37890625 3.38671875 C-2.49434814 3.39457397 -2.49434814 3.39457397 -3.63232422 3.40258789 C-5.51171875 3.2890625 -5.51171875 3.2890625 -7.51171875 2.2890625 C-11.04190672 2.13557607 -14.12699827 2.24761004 -17.51171875 3.2890625 C-17.51171875 2.6290625 -17.51171875 1.9690625 -17.51171875 1.2890625 C-12.18464441 -2.12026508 -5.96157964 -0.72074365 0 0 Z " fill="#F8FCF1" transform="translate(26.51171875,27.7109375)"/> 2364<path d="M0 0 C1.87365234 0.14888672 1.87365234 0.14888672 3.78515625 0.30078125 C8.71278238 0.72373158 13.63932614 1.1527772 18.5625 1.625 C18.2325 2.285 17.9025 2.945 17.5625 3.625 C8.6525 3.625 -0.2575 3.625 -9.4375 3.625 C-9.1075 2.635 -8.7775 1.645 -8.4375 0.625 C-5.53333921 -0.8270804 -3.22178699 -0.2611306 0 0 Z " fill="#FBF3D9" transform="translate(19.4375,31.375)"/> 2365<path d="M0 0 C0.33 0.99 0.66 1.98 1 3 C-0.05487733 3.96671756 -1.11933281 4.92298745 -2.1875 5.875 C-2.77917969 6.40867187 -3.37085937 6.94234375 -3.98046875 7.4921875 C-8.62124432 10.95706056 -12.60503455 11.2316816 -18.3125 11.125 C-19.56675781 11.10695313 -20.82101563 11.08890625 -22.11328125 11.0703125 C-23.06589844 11.04710937 -24.01851562 11.02390625 -25 11 C-25 10.67 -25 10.34 -25 10 C-20.71 10 -16.42 10 -12 10 C-12 9.34 -12 8.68 -12 8 C-11.21625 7.7525 -10.4325 7.505 -9.625 7.25 C-6.88023048 6.27318667 -6.88023048 6.27318667 -6 4 C-5 2 -5 2 -2.375 0.75 C-1.199375 0.37875 -1.199375 0.37875 0 0 Z " fill="#F78960" transform="translate(42,37)"/> 2366<path d="M0 0 C0.33 0 0.66 0 1 0 C1 1.98 1 3.96 1 6 C-6.09053032 8.61230064 -13.50591699 10.97212711 -21 9 C-21 8.67 -21 8.34 -21 8 C-19.906875 7.9175 -18.81375 7.835 -17.6875 7.75 C-13.96723336 7.36310791 -13.96723336 7.36310791 -12.0625 4.9375 C-11.711875 4.298125 -11.36125 3.65875 -11 3 C-11 3.99 -11 4.98 -11 6 C-9.3501725 5.57781184 -7.70516335 5.13675575 -6.0625 4.6875 C-5.14597656 4.44386719 -4.22945312 4.20023438 -3.28515625 3.94921875 C-2.53105469 3.63597656 -1.77695312 3.32273437 -1 3 C-0.67 2.01 -0.34 1.02 0 0 Z " fill="#86E6E8" transform="translate(47,16)"/> 2367<path d="M0 0 C3.39608504 1.45546502 5.40860299 3.40860299 8 6 C10.13309192 7.23512079 10.13309192 7.23512079 12 8 C8.62926798 9.12357734 8.1261547 8.91572296 5 7.625 C4.319375 7.34914063 3.63875 7.07328125 2.9375 6.7890625 C1.9784375 6.39847656 1.9784375 6.39847656 1 6 C-1.94729537 4.84188612 -1.94729537 4.84188612 -5 5 C-3.35 3.35 -1.7 1.7 0 0 Z " fill="#3BC5E0" transform="translate(23,15)"/>
2368<path d="M0 0 C3.06255961 -0.0270491 6.1248786 -0.04686298 9.1875 -0.0625 C10.05181641 -0.07087891 10.91613281 -0.07925781 11.80664062 -0.08789062 C16.00286769 -0.10396812 19.90936886 -0.07559038 24 1 C23.67 1.66 23.34 2.32 23 3 C20.47886908 3.05447822 17.9589415 3.09389852 15.4375 3.125 C14.73302734 3.14175781 14.02855469 3.15851562 13.30273438 3.17578125 C8.48108178 3.22022044 4.57702562 2.52768004 0 1 C0 0.67 0 0.34 0 0 Z " fill="#F9C74B" transform="translate(13,34)"/> 2369<path d="M0 0 C3.20285942 0.21352396 5.81448135 1.07195818 8.8125 2.1875 C8.8125 2.8475 8.8125 3.5075 8.8125 4.1875 C4.83053543 5.24154945 1.83054691 5.02848656 -2.1875 4.1875 C-2.5175 5.5075 -2.8475 6.8275 -3.1875 8.1875 C-3.22991723 5.85455225 -3.22842937 3.52047433 -3.1875 1.1875 C-2.1875 0.1875 -2.1875 0.1875 0 0 Z " fill="#E0EB78" transform="translate(3.1875,22.8125)"/> 2370<path d="M0 0 C0 2.31 0 4.62 0 7 C-0.66 6.01 -1.32 5.02 -2 4 C-4.89608399 3.63501966 -4.89608399 3.63501966 -8.125 3.8125 C-9.22070312 3.83957031 -10.31640625 3.86664062 -11.4453125 3.89453125 C-12.70988281 3.94673828 -12.70988281 3.94673828 -14 4 C-9.41385287 0.38344 -5.79443693 -0.16555534 0 0 Z " fill="#D0EF9E" transform="translate(48,25)"/> 2371<path d="M0 0 C0.79921875 0.00902344 1.5984375 0.01804688 2.421875 0.02734375 C3.02515625 0.03894531 3.6284375 0.05054688 4.25 0.0625 C1.18521562 3.24917921 -1.55353972 4.66367991 -5.75 6.0625 C-6.74 5.4025 -7.73 4.7425 -8.75 4.0625 C-8.75 3.0725 -8.75 2.0825 -8.75 1.0625 C-5.75519083 0.1901588 -3.11424089 -0.04579766 0 0 Z " fill="#FC9263" transform="translate(19.75,40.9375)"/> 2372<path d="M0 0 C0 0.99 0 1.98 0 3 C-1.56116819 3.33951619 -3.12401338 3.67132544 -4.6875 4 C-5.99267578 4.2784375 -5.99267578 4.2784375 -7.32421875 4.5625 C-9.93712964 4.98972047 -12.35813038 5.07616201 -15 5 C-15.33 4.34 -15.66 3.68 -16 3 C-14.08487728 2.49411853 -12.16783078 1.99551609 -10.25 1.5 C-8.64898437 1.08234375 -8.64898437 1.08234375 -7.015625 0.65625 C-4 0 -4 0 0 0 Z " fill="#A3EECC" transform="translate(48,22)"/> 2373<path d="M0 0 C1.65 0.33 3.3 0.66 5 1 C1.66437233 5.51290803 -0.33289301 7.68206814 -6 9 C-5.75 7.125 -5.75 7.125 -5 5 C-3.68352881 4.30062468 -2.34977849 3.63270867 -1 3 C-0.67 2.01 -0.34 1.02 0 0 Z " fill="#99F0BF" transform="translate(19,4)"/> 2374<path d="M0 0 C-0.61538462 5.53846154 -0.61538462 5.53846154 -2.5625 7.875 C-3.2740625 8.431875 -3.2740625 8.431875 -4 9 C-4.33 7.68 -4.66 6.36 -5 5 C-5.99 5.66 -6.98 6.32 -8 7 C-8.99 6.67 -9.98 6.34 -11 6 C-7.87921364 2.5324596 -4.85451611 0 0 0 Z " fill="#FCC974" transform="translate(47,30)"/> 2375<path d="M0 0 C2.0625 0.4375 2.0625 0.4375 4 1 C3.67 3.64 3.34 6.28 3 9 C1.35 8.67 -0.3 8.34 -2 8 C-1.125 1.125 -1.125 1.125 0 0 Z " fill="#9CF18E" transform="translate(3,13)"/> 2376<path d="M0 0 C0.66 0.33 1.32 0.66 2 1 C-0.64 3.64 -3.28 6.28 -6 9 C-6.99 8.67 -7.98 8.34 -9 8 C-7.75616297 4.26848892 -6.15652193 3.25465852 -3 1 C-2.01 0.67 -1.02 0.34 0 0 Z " fill="#7BEAAB" transform="translate(17,11)"/> 2377<path d="M0 0 C0.33 0.66 0.66 1.32 1 2 C0.01 3.485 0.01 3.485 -1 5 C-1.66 5 -2.32 5 -3 5 C-3 4.34 -3 3.68 -3 3 C-6.3 3.33 -9.6 3.66 -13 4 C-8.92504479 -0.07495521 -5.70163125 -0.21929351 0 0 Z " fill="#70E2FA" transform="translate(40,5)"/> 2378<path d="M0 0 C4.62 0 9.24 0 14 0 C14.33 0.99 14.66 1.98 15 3 C12.69 3 10.38 3 8 3 C7.67 3.66 7.34 4.32 7 5 C4.37098712 3.47793991 2.15634036 2.15634036 0 0 Z " fill="#53D9F4" transform="translate(23,8)"/> 2379<path d="M0 0 C0 0.99 0 1.98 0 3 C-0.67546875 2.91621094 -1.3509375 2.83242188 -2.046875 2.74609375 C-2.93890625 2.64425781 -3.8309375 2.54242187 -4.75 2.4375 C-5.63171875 2.33308594 -6.5134375 2.22867187 -7.421875 2.12109375 C-9.88432451 2.00543324 -11.66538064 2.26361305 -14 3 C-14 2.34 -14 1.68 -14 1 C-9.54966382 -1.84821516 -4.89728799 -1.63242933 0 0 Z " fill="#F5F9E3" transform="translate(23,28)"/> 2380<path d="M0 0 C2.97 0 5.94 0 9 0 C6.42595029 3.86107457 4.38979741 3.94319692 0 5 C0 3.35 0 1.7 0 0 Z " fill="#AEF7D8" transform="translate(22,0)"/> 2381<path d="M0 0 C0 1.32 0 2.64 0 4 C-0.99 4.33 -1.98 4.66 -3 5 C-3.33 5.66 -3.66 6.32 -4 7 C-4.66 7 -5.32 7 -6 7 C-5.79375 6.38125 -5.5875 5.7625 -5.375 5.125 C-5.25125 4.42375 -5.1275 3.7225 -5 3 C-5.66 2.34 -6.32 1.68 -7 1 C-4.53721199 -0.231394 -2.7204945 -0.07159196 0 0 Z " fill="#BBF7B9" transform="translate(22,0)"/> 2382<path d="M0 0 C0.33 0.99 0.66 1.98 1 3 C-1.97 5.475 -1.97 5.475 -5 8 C-5 7.01 -5 6.02 -5 5 C-5.66 4.67 -6.32 4.34 -7 4 C-4.77810176 1.77810176 -2.91517292 1.07401108 0 0 Z " fill="#FA995E" transform="translate(42,37)"/> 2383<path d="M0 0 C-1.90401138 1.90401138 -3.33425686 2.93520439 -6.046875 3.19921875 C-8.03233273 3.1886578 -10.0169914 3.09915043 -12 3 C-7.99926171 -1.00073829 -5.50712514 -1.25161935 0 0 Z " fill="#9BF2EB" transform="translate(36,2)"/> 2384<path d="M0 0 C2.2109885 0.42793326 3.98119242 0.99059621 6 2 C6 2.66 6 3.32 6 4 C6.66 4.33 7.32 4.66 8 5 C5.36 4.67 2.72 4.34 0 4 C-0.33 3.01 -0.66 2.02 -1 1 C-0.67 0.67 -0.34 0.34 0 0 Z " fill="#FCAC55" transform="translate(4,31)"/> 2385<path d="M0 0 C4.87664009 -0.34833144 7.77050005 0.58314288 12 3 C12 3.33 12 3.66 12 4 C7.97007218 3.44687265 3.97977076 2.8441938 0 2 C0 1.34 0 0.68 0 0 Z " fill="#E3DD51" transform="translate(13,29)"/> 2386<path d="M0 0 C0.99 0.33 1.98 0.66 3 1 C-1.78866769 3.39433385 -4.64395089 4.65782473 -10 3 C-10.33 2.34 -10.66 1.68 -11 1 C-10.06027344 1.01740234 -10.06027344 1.01740234 -9.1015625 1.03515625 C-7.87566406 1.04869141
2386-7.87566406 1.04869141 -6.625 1.0625 C-5.40683594 1.07990234 -5.40683594 1.07990234 -4.1640625 1.09765625 C-1.95062858 1.14466334 -1.95062858 1.14466334 0 0 Z " fill="#EBDE59" transform="translate(12,26)"/> 2387<path d="M0 0 C1.4540625 0.0309375 1.4540625 0.0309375 2.9375 0.0625 C1.9475 2.3725 0.9575 4.6825 -0.0625 7.0625 C-0.7225 6.7325 -1.3825 6.4025 -2.0625 6.0625 C-2.0625 4.7425 -2.0625 3.4225 -2.0625 2.0625 C-2.7225 1.7325 -3.3825 1.4025 -4.0625 1.0625 C-3.0625 0.0625 -3.0625 0.0625 0 0 Z " fill="#C3F6A7" transform="translate(15.0625,1.9375)"/> 2388<path d="M0 0 C0.97453125 0.40605469 1.9490625 0.81210937 2.953125 1.23046875 C4.43039063 1.82794922 4.43039063 1.82794922 5.9375 2.4375 C6.68515625 2.76105469 7.4328125 3.08460937 8.203125 3.41796875 C8.203125 3.74796875 8.203125 4.07796875 8.203125 4.41796875 C3.1729174 3.89259151 -1.81572739 3.31202089 -6.796875 2.41796875 C-4.31548157 -0.02206812 -3.50349834 -0.72907996 0 0 Z " fill="#60D9D3" transform="translate(23.796875,19.58203125)"/> 2389<path d="M0 0 C3.24208567 0.35049575 4.61527704 0.56221181 6.8125 3.0625 C7.204375 3.701875 7.59625 4.34125 8 5 C5.69 5 3.38 5 1 5 C0.67 3.35 0.34 1.7 0 0 Z " fill="#FCB86B" transform="translate(11,34)"/> 2390<path d="M0 0 C0.66 0 1.32 0 2 0 C3.5625 2.8125 3.5625 2.8125 5 6 C4.67 6.99 4.34 7.98 4 9 C0 3.375 0 3.375 0 0 Z " fill="#FBAF78" transform="translate(1,31)"/> 2391<path d="M0 0 C0.66 0 1.32 0 2 0 C1.67 1.65 1.34 3.3 1 5 C-0.32 5.33 -1.64 5.66 -3 6 C-2.42655063 3.13275314 -2.1385485 2.1385485 0 0 Z " fill="#9FF0AB" transform="translate(16,7)"/> 2392<path d="M0 0 C2.31 0.33 4.62 0.66 7 1 C6.67 1.99 6.34 2.98 6 4 C4.35 3.67 2.7 3.34 1 3 C0.67 2.01 0.34 1.02 0 0 Z " fill="#F8846A" transform="translate(11,43)"/> 2393<path d="M0 0 C3.3 0.33 6.6 0.66 10 1 C9.67 1.66 9.34 2.32 9 3 C2.25 2.25 2.25 2.25 0 0 Z " fill="#FDFAEF" transform="translate(28,32)"/> 2394<path d="M0 0 C1.32 0.66 2.64 1.32 4 2 C3.34 2 2.68 2 2 2 C2 2.99 2 3.98 2 5 C0.02 5.99 0.02 5.99 -2 7 C-1.34 4.69 -0.68 2.38 0 0 Z " fill="#9AF080" transform="translate(3,13)"/> 2395<path d="M0 0 C1.65 0 3.3 0 5 0 C5 0.66 5 1.32 5 2 C5.66 2.33 6.32 2.66 7 3 C4.36 3 1.72 3 -1 3 C-0.67 2.01 -0.34 1.02 0 0 Z " fill="#B1F492" transform="translate(3,11)"/> 2396</svg> 2397 2398 2399</div> 2400 2401<style> 2402 #backToTop { 2403 position: fixed; 2404 bottom: 24px; 2405 right: 24px; 2406 width: 48px; 2407 height: 48px; 2408 border-radius: 50%; 2409 cursor: pointer; 2410 opacity: 0; 2411 pointer-events: none; 2412 transition: opacity 0.4s ease, transform 0.25s ease; 2413 z-index: 9999; 2414 } 2415 2416 #backToTop.show { 2417 opacity: 1; 2418 pointer-events: auto; 2419 } 2420 2421 #backToTop.fadeout { 2422 opacity: 0; 2423 pointer-events: none; 2424 } 2425 2426 #backToTop.pulse { 2427 animation: bounce 0.6s ease; 2428 } 2429 2430 @keyframes bounce { 2431 0% { /* ð© 0% */ 2432 transform: scale(1); 2433 } 2434 50% { /* ð© 50% */ 2435 transform: scale(1.2); 2436 } 2437 100% { /* ð© 100% */ 2438 transform: scale(1); 2439 } 2440 } 2441 2442 @media (max-width: 768px) { 2443 #backToTop { display: block; } 2444 } 2445 2446 @media (min-width: 769px) { 2447 #backToTop { display: none; } 2448 } 2449</style> 2450 2451
2452<script> 2453 document.addEventListener("DOMContentLoaded", () => { 2454 const backToTop = document.getElementById("backToTop"); 2455 let lastScrollY = 0; 2456 let scrollTimeout; 2457 let fadeTimeout; 2458 2459 window.addEventListener("scroll", () => { 2460 const currentScrollY = window.scrollY; 2461 const delta = Math.abs(currentScrollY - lastScrollY); 2462 2463 // Cancel fade-out if user scrolls again 2464 clearTimeout(fadeTimeout); 2465 backToTop.classList.remove("fadeout"); 2466 2467 // Scroll rápido â animación pulse 2468 if (delta > 100) { 2469 backToTop.classList.add("show", "pulse"); 2470 clearTimeout(scrollTimeout); 2471 scrollTimeout = setTimeout(() => { 2472 backToTop.classList.remove("pulse"); 2473 }, 1000); 2474 } 2475 2476 // Mostrar si scroll > 300px 2477 if (currentScrollY > 300) { 2478 backToTop.classList.add("show"); 2479 } else { 2480 backToTop.classList.remove("show"); 2481 } 2482 2483 // Fade-out automático tras 3s sin scroll 2484 fadeTimeout = setTimeout(() => { 2485 backToTop.classList.add("fadeout"); 2486 }, 3000); 2487 2488 lastScrollY = currentScrollY; 2489 }); 2490 2491 backToTop.addEventListener("click", () => { 2492 window.scrollTo({ top: 0, behavior: "smooth" }); 2493 }); 2494 }); 2495</script>
2495 2496 <!-- tiempo_carga: elementos removidos para evitar que aparezcan por defecto --> 2497 2498 2499 2500 <div b-lp3naqben1> 2501 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 2502 2503<div id="authModal" class="modal fade" tabindex="-1" aria-labelledby="authModalLabel" aria-hidden="true"> 2504 <div class="modal-dialog modal-dialog-centered modal-lg" style="max-width:800px"> 2505 <div class="modal-content" data-bs-theme="auto"> 2506 2507 <div class="modal-header bg-body-tertiary justify-content-center"> 2508 <h1 class="fs-4 label-custom mb-0 text-center flex-grow-1"> 2509 Inicio de sesión 2510 </h1> 2511 <button type="button" class="btn-close position-absolute end-0 me-3" data-bs-dismiss="modal" aria-label="Cerrar"></button> 2512 </div> 2513 2514 <div class="modal-body bg-body-tertiary text-dark"> 2515 <div class="row g-0 align-items-stretch"> 2516 <div class="col-md-6 d-flex"> 2517 <img src="/css/images/Account_01.jpg" class="img-fluid rounded-4 p-2 w-100 align-self-center" alt="Imagen de cuenta" /> 2518 </div> 2519 2520 <div class="col-md-6 d-flex"> 2521 <div class="w-100 d-flex flex-column justify-content-center"> 2522 <section> 2523 <!-- Formulario de login: usamos nombres explÃcitos para poder renderizar este partial sin PageModel --> 2524 <form id="account" method="post" action="/authmodal?handler=Login"> 2525 <input name="__RequestVerificationToken" type="hidden" value="CfDJ8HqbkjrIckhJtI6aGTXnWQdIPArI6m9yO1TVVSp7Se0rMC3RBo9wcrp3CU2LELpT2uA_34dtZKsb__ghWRdlheoe7KFP2t60fiNbTOiLjZmBGsN0aLj9SGtPhOJIL_MyQ5lUNCdOBYvUy2jq7aB05EE" /> 2526 2527 <input type="hidden" name="ReturnUrl" id="authReturnUrl" value="" /> 2528 2529 <div class="text-danger" role="alert"> 2530 </div> 2531 2532 <div class="form-group row mb-3"> 2533 <label class="col-sm-4 col-form-label label-custom">Email</label> 2534 <div class="col-sm-8"> 2535 <div class="input-group"> 2536 <span class="input-group-text bg-dark"><i class="bi bi-envelope text-white"></i></span> 2537 <input type="email" name="LoginInput.Email" class="form-control" autocomplete="username" aria-required="true" placeholder="[email protected]" required /> 2538 </div> 2539 </div> 2540 </div> 2541 2542 <div class="form-group row mb-3"> 2543 <label class="col-sm-4 col-form-label label-custom">Contraseña</label> 2544 <div class="col-sm-8"> 2545 <div class="input-group"> 2546 <span class="input-group-text bg-dark"><i class="bi bi-key text-white"></i></span> 2547 <input type="password" name="LoginInput.Password" class="form-control" autocomplete="current-password" aria-required="true" placeholder="contraseña" required /> 2548 </div> 2549 </div> 2550 </div> 2551 2552 <!-- Hidden false value to ensure proper boolean binding --> 2553 <input type="hidden" name="LoginInput.RememberMe" value="false" /> 2554 <div class="checkbox mb-3"> 2555 <label class="form-label"> 2556 <input class="form-check-input border border-dark" type="checkbox" name="LoginInput.RememberMe" value="true" /> 2557 Recuérdame 2558 </label> 2559 </div> 2560 2561 <div class="mt-3 d-flex gap-2"> 2562 <button id="login-submit" type="submit" class="btn btn-success flex-fill"> 2563 <i class="fas fa-sign-in-alt me-1"></i> Entrar 2564 </button> 2565 <button type="button" class="btn btn-secondary flex-fill" data-bs-dismiss="modal"> 2566 <i class="fas fa-times me-1"></i> Cancelar 2567 </button> 2568 </div> 2569 2570 <div class="mt-3"> 2571 <p><a id="forgot-password" href="/Identity/Account/ForgotPassword" class="text-body">¿Olvidaste tu contraseña?</a></p> 2572 <p><a href="/Identity/Account/Register" class="text-body">Registrar una nueva cuenta</a></p> 2573 <p><a id="resend-confirmation" href="/Identity/Account/ResendEmailConfirmation" class="text-body">Reenviar un email de confirmación</a></p> 2574 </div> 2575 </form> 2576 </section> 2577 </div> 2578 </div> 2579 </div> 2580 </div> 2581 </div> 2582 </div> 2583</div> 2584 2585 2586 </div> 2587 2588
2588<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
2588 2589
2589<script src="/js/theme.js"></script>
2589 2590 2591 2592 2593 2594
2594<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
2594 2595
2595<script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>
2595 2596 2597 2598
2598<script src="https://www.peakfinder.com/script/peakfinder.1.0.min.js"></script>
2598 2599 2600
2600<script src="/js/peakfinderA.js"></script>
2600 2601 2602 2603 2604 2605 2606
2606<script> 2607 function hideSpinner() { 2608 document.getElementById('spinner').style.display = 'none'; 2609 } 2610 window.addEventListener('load', function() { 2611 hideSpinner(); 2612 }); 2613 </script>
2613 2614
2614<script> 2615 window.mostrarModalInfo = function(img, valor) { 2616 document.getElementById('modalInfoLabel').textContent = img.title; 2617 document.getElementById('modalInfoBody').innerHTML = valor; 2618 var icon = document.getElementById('modalInfoIcon'); 2619 icon.src = img.src; 2620 icon.width = 64; 2621 var modal = new bootstrap.Modal(document.getElementById('modalInfo')); 2622 modal.show(); 2623 }; 2624 </script>
2624 2625
2625<script> 2626 function abrirModalPanoramica() { 2627 document.getElementById("panoBackdrop").style.display = "block"; 2628 document.getElementById("panoModal").style.display = "block"; 2629 } 2630 2631 function cerrarModalPanoramica() { 2632 document.getElementById("panoBackdrop").style.display = "none"; 2633 document.getElementById("panoModal").style.display = "none"; 2634 } 2635 </script>
2635 2636
2636<script src="/js/botonfavorito.js?v=q1h6mCjz6SJEoVmzO5RWXAZ_IdI_zin_VFmUUQhNSi8"></script>
2636 2637 2638<style> 2639 #panoTitle { 2640 text-align: center; 2641 width: 100%; 2642 display: flex; 2643 justify-content: center; 2644 align-items: center; 2645 font-weight: 600; 2646 letter-spacing: 0.5px; 2647 } 2648 2649 #panoDescription { 2650 text-align: justify; 2651 text-justify: inter-word; 2652 text-indent: 1.5em; /* sangrÃa de primera lÃnea */ 2653 line-height: 1.6; 2654 font-size: 1rem; 2655 } 2656 2657 .pano-tipo-icon { 2658 font-size: 1.6rem; 2659 color: white; 2660 opacity: 0.9; 2661 pointer-events: none; /* evita interferencias con clics */ 2662 } 2663 2664 .modal-body { 2665 overflow-y: visible !important; 2666 } 2667 2668 .pano-container { 2669 overflow: visible !important; 2670 } 2671 2672 /* Contenedor del visor */ 2673 #panoViewport { 2674 width: 100%; 2675 height: 100%; 2676 min-height: 300px; 2677 position: relative; 2678 overflow: hidden; 2679 touch-action: none; 2680 pointer-events: auto; 2681 } 2682 2683 /* Imagen panorámica */ 2684 #panoImg { 2685 height: auto; 2686 width: auto; 2687 max-height: 100%; 2688 max-width: none; 2689 display: block; 2690 } 2691 2692</style> 2693 2694 2695<div id="panoRealContainer" class="d-none pano-real-wrapper"> 2696 <div class="pano-real-wrapper mb-3 position-relative"> 2697 2698 <div id="panoViewport" 2699 class="rounded-top position-relative bg-body" 2700 style="width: 100%; height: 400px; overflow: hidden;"> 2701 2702 2703 <img id="panoImg" 2704 src="" 2705 class="position-absolute top-0 start-0" 2706 style="height:auto; width:auto; max-height:100%;"> 2707 2708 2709 <button id="panoPlayPause" 2710 class="btn btn-primary btn-sm shadow" 2711 style="position:absolute; bottom:12px; right:12px; z-index:10;"> 2712 <i id="panoIcon" class="bi text-white bi-play-fill"></i> 2713 </button> 2714 </div> 2715 2716 <div id="panoTitle" class="bg-dark text-white p-2 rounded-bottom"></div> 2717 <div id="panoDescription" class="bg-body p-3 border-top rounded-bottom shadow-sm d-none"></div> 2718 2719</div> 2720 2721</div> 2722 2723<style> 2724 .peakfinder-iframe-wrapper { 2725 width: 100%; 2726 height: 400px; /* o el alto que quieras */ 2727 position: relative; 2728 } 2729 2730 .peakfinder-iframe { 2731 width: 100%; 2732 height: 100%; 2733 border: none; 2734 } 2735 2736</style> 2737 2738<div class="peakfinder-iframe-wrapper" style="display:none"> 2739</div> 2740 2741 2742 2743 2744 2745
2745<script src="/js/PanoViewer.js"></script>
2745 2746
2746<script src="/js/PanoModalLoaderLayout.js"></script>
2746 2747<input name="__RequestVerificationToken" type="hidden" value="CfDJ8HqbkjrIckhJtI6aGTXnWQdIPArI6m9yO1TVVSp7Se0rMC3RBo9wcrp3CU2LELpT2uA_34dtZKsb__ghWRdlheoe7KFP2t60fiNbTOiLjZmBGsN0aLj9SGtPhOJIL_MyQ5lUNCdOBYvUy2jq7aB05EE" /><div id="cookie-banner" class="cookie-consent" style="display:none;"> 2748 <div class="cookie-box"> 2749 2750 <div class="cookie-logo"> 2751 <img src="/imagenes/logotipo.gif" alt="Rutas Navarra" /> 2752 </div> 2753 2754 <h3>Rutas Navarra / Napar Bideak</h3> 2755 <p> 2756 Utilizamos cookies para mejorar la experiencia, analizar el tráfico y personalizar contenido. 2757 Puedes aceptar todas o configurar tus preferencias. 2758 </p> 2759 2760 <div class="cookie-privacy"> 2761 Al continuar aceptas nuestra 2762 <a href="/privacidad" target="_blank">PolÃtica de Privacidad</a> y 2763 <a href="/cookies" target="_blank">PolÃtica de Cookies</a>. 2764 </div> 2765 2766 <div class="cookie-actions"> 2767 <button id="cookie-accept-all" class="btn-accept">Aceptar todas</button> 2768 <button id="cookie-open-settings" class="btn-config">Configurar</button> 2769 </div> 2770 </div> 2771</div> 2772 2773<div id="cookie-settings" class="cookie-consent" style="display:none;"> 2774 <div class="cookie-box"> 2775 2776 <div class="cookie-logo"> 2777 <img src="/imagenes/logotipo.gif" alt="Rutas Navarra" /> 2778 </div> 2779 2780 <h3>Preferencias de cookies</h3> 2781 2782 <p>Selecciona qué categorÃas de cookies deseas permitir:</p> 2783 2784 <div class="cookie-options"> 2785 2786 <label class="cookie-option"> 2787 <input type="checkbox" checked disabled> 2788 <span>Necesarias (siempre activas)</span> 2789 </label> 2790 2791 <label class="cookie-option"> 2792 <input type="checkbox" id="cookie-analytics"> 2793 <span>AnalÃticas</span> 2794 </label> 2795 2796 <label class="cookie-option"> 2797 <input type="checkbox" id="cookie-marketing"> 2798 <span>Marketing</span> 2799 </label> 2800 2801 <label class="cookie-option"> 2802 <input type="checkbox" id="cookie-preferences"> 2803 <span>Preferencias</span> 2804 </label> 2805 2806 </div> 2807 2808 <div class="cookie-privacy"> 2809 Puedes consultar más información en nuestra 2810 <a href="/privacidad" target="_blank">PolÃtica de Privacidad</a> y 2811 <a href="/cookies" target="_blank">PolÃtica de Cookies</a>. 2812 </div> 2813 2814 <div class="cookie-actions"> 2815 <button id="cookie-save" class="btn-accept">Guardar preferencias</button> 2816 <button id="cookie-close-settings" class="btn-config">Cancelar</button> 2817 </div> 2818 </div> 2819</div> 2820 2821<style> 2822 .cookie-consent { position: fixed; inset: 0; background: rgba(0,0,0,0.35); display: flex; justify-content: center; align-items: center; z-index: 99999; font-family: system-ui, sans-serif; } 2823 .cookie-box { background: #fff; padding: 1.8rem 2rem; width: 92%; max-width: 480px; border-radius: 8px; border: 1px solid #ddd; box-shadow: 0 4px 18px rgba(0,0,0,0.15); } 2824 .cookie-logo { text-align: center; margin-bottom: 1rem; } 2825 .cookie-logo img { max-width: 140px; opacity: 0.95; } 2826 .cookie-actions { display: flex; gap: 1rem; justify-content: flex-end; margin-top: 1.4rem; } 2827 .btn-accept { background: #2a6ebb; color: white; border: none; padding: 0.55rem 1.2rem; border-radius: 6px; cursor: pointer; } 2828 .btn-config { background: #e6e6e6; color: #333; border: none; padding: 0.55rem 1.2rem; border-radius: 6px; cursor: pointer; } 2829 .cookie-options { margin-top: 1rem; display: flex; flex-direction: column; gap: 0.8rem; } 2830 .cookie-option { display: flex; align-items: center; gap: 0.6rem; } 2831 .cookie-privacy { margin-top: 1rem; font-size: 0.85rem; color: #555; line-height: 1.4; } 2832 .cookie-privacy a { color: #2a6ebb; text-decoration: none; } 2833 .cookie-privacy a:hover { text-decoration: underline; } 2834</style> 2835
2836<script> 2837document.addEventListener("DOMContentLoaded", () => { 2838 2839 const banner = document.getElementById("cookie-banner"); 2840 const settings = document.getElementById("cookie-settings"); 2841 2842 const btnAcceptAll = document.getElementById("cookie-accept-all"); 2843 const btnOpenSettings = document.getElementById("cookie-open-settings"); 2844 const btnSave = document.getElementById("cookie-save"); 2845 const btnCloseSettings = document.getElementById("cookie-close-settings"); 2846 2847 const chkAnalytics = document.getElementById("cookie-analytics"); 2848 const chkMarketing = document.getElementById("cookie-marketing"); 2849 const chkPreferences = document.getElementById("cookie-preferences"); 2850 2851 function hasAcceptedCookie() { 2852 return document.cookie.split(';').some(c => c.trim().startsWith('RutasNavarra.CookiesAccepted=')); 2853 } 2854 2855 // Mostrar banner si no hay consentimiento previo (servidor también puede evitar renderizar) 2856 if (!hasAcceptedCookie()) { 2857 banner.style.display = "flex"; 2858 } 2859 2860 // helper: call server to create acceptance cookie 2861 async function postAccept() { 2862 try { 2863 // Use GET to avoid antiforgery token issues from fetch POST 2864 const resp = await fetch('/cookies?handler=Accept', { 2865 method: 'GET', 2866 credentials: 'same-origin' 2867 }); 2868 if (!resp.ok) return false; 2869 const data = await resp.json(); 2870 return data && data.ok === true; 2871 } catch (e) { 2872 return false; 2873 } 2874 } 2875 2876 // Aceptar todas 2877 btnAcceptAll.addEventListener("click", async () => { 2878 const prefs = { 2879 necessary: true, 2880 analytics: true, 2881 marketing: true, 2882 preferences: true 2883 }; 2884 2885 const ok = await postAccept(); 2886 if (ok) { 2887 banner.style.display = "none"; 2888 applyConsent(prefs); 2889 } else { 2890 alert('No se pudo registrar la aceptación de cookies. Inténtalo de nuevo.'); 2891 } 2892 }); 2893 2894 // Abrir configuración 2895 btnOpenSettings.addEventListener("click", () => { 2896 banner.style.display = "none"; 2897 settings.style.display = "flex"; 2898 }); 2899 2900 // Guardar preferencias 2901 btnSave.addEventListener("click", async () => { 2902 const prefs = { 2903 necessary: true, 2904 analytics: chkAnalytics.checked, 2905 marketing: chkMarketing.checked, 2906 preferences: chkPreferences.checked 2907 }; 2908 2909 const ok = await postAccept(); 2910 if (ok) { 2911 settings.style.display = "none"; 2912 applyConsent(prefs); 2913 } else { 2914 alert('No se pudo guardar la configuración. Inténtalo de nuevo.'); 2915 } 2916 }); 2917 2918 // Cancelar configuración 2919 btnCloseSettings.addEventListener("click", () => { 2920 settings.style.display = "none"; 2921 banner.style.display = "flex"; 2922 }); 2923 2924 // Cargar preferencias si existen en cookie (no almacenamos detalles en cookie, solo aceptación) 2925 // Puedes mejorar guardando preferencias en servidor si lo deseas 2926 2927 // ------------------------------- 2928 // FUNCIONES DE CONSENTIMIENTO 2929 // ------------------------------- 2930 2931 function applyConsent(prefs) { 2932 2933 // ANALYTICS 2934 if (prefs.analytics) { 2935 loadAnalytics(); 2936 } 2937 2938 // MARKETING 2939 if (prefs.marketing) { 2940 loadMarketing(); 2941 } 2942 2943 // PREFERENCIAS 2944 if (prefs.preferences) { 2945 loadPreferences(); 2946 } 2947 } 2948 2949 // ------------------------------- 2950 // CARGA DE SCRIPTS SEGÃN CONSENTIMIENTO 2951 // ------------------------------- 2952 2953 function loadAnalytics() { 2954 const gaId = "G-XXXXXXXXXX"; 2955 if (!gaId) return; 2956 let script = document.createElement("script"); 2957 script.async = true; 2958 script.src = `https://www.googletagmanager.com/gtag/js?id=${gaId}`; 2959 document.head.appendChild(script); 2960 2961 window.dataLayer = window.dataLayer || []; 2962 function gtag(){ dataLayer.push(arguments); } 2963 gtag('js', new Date()); 2964 gtag('config', gaId); 2965 } 2966 2967 function loadMarketing() { 2968 const pixelId = "XXXXXXXXXXXXXXX"; 2969 if (!pixelId) return; 2970 !function(f,b,e,v,n,t,s){ 2971 if(f.fbq)return;n=f.fbq=function(){n.callMethod? 2972 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 2973 if(!f._fbq)n._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 2974 n.queue=[];t=b.createElement(e);t.async=!0; 2975 t.src=v;s=b.getElementsByTagName(e)[0]; 2976 s.parentNode.insertBefore(t,s) 2977 }(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); 2978 2979 fbq('init', pixelId); 2980 fbq('track', 'PageView'); 2981 } 2982 2983 function loadPreferences() { 2984 // console.log("Cookies de preferencias activadas"); 2985 } 2986 2987}); 2988</script>
2988 2989 2990 2991 2992
2992<script type="module" src="/js/ui/modalbase.js"></script>
2992 2993
2993<script type="module" src="/js/ui/modalfoto.js"></script>
2993 2994
2994<script type="module"> 2995 import { mostrarInfo } from '/js/ui/modalbase.js'; 2996 window.mostrarInfo = mostrarInfo; 2997 </script>
2997 2998 </body> 2999</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.