PageSourceSearch

https://rutasnavarra.com/Federarse

html rutasnavarra.com collected 2026-09-24 21:38:59 UTC 169,797 bytes, 2,999 lines download raw bytes

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&#xF1;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&#xF1;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&#xED;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;">&#9679;</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;">&#9679;</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;">&#9679;</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;">&#9679;</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>&#xBF;D&#xF3;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>&#xBF;Qu&#xE9; 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>&#xBF;D&#xF3;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>&#xBF;Qu&#xE9; 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>&#xBF;Desde qu&#xE9; momento es efectiva la tarjeta federativa?&#xD;&#xA;                               </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>&#xBF;Qu&#xE9; pasos hay que seguir en caso de accidente?&#xD;&#xA;                          </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>&#xBF;Tengo cobertura en cualquier centro de asistencia?&#xD;&#xA;                                </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 &#xBF;Ser&#xED;a conveniente dar parte al seguro?&#xD;&#xA;                                </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>&#xBF;Qu&#xE9; ocurre si en una prueba de diagn&#xF3;stico para evaluar las lesiones del accidente se observa una lesi&#xF3;n degenerativa?&#xD;&#xA;                                </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>&#xBF;Tengo cobertura si me sucede un accidente caminando, corriendo o practicando BTT en un tramo de poblacion o carretera asfaltada?&#xD;&#xA;                             </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&#xF1;a, &#xBF;Me da cobertura el seguro asociado a la licencia en todos los casos?&#xD;&#xA;</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, &#xBF;Se considera accidente?&#xD;&#xA;</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>&#xBF;Tengo cobertura si practico esqu&#xED; de traves&#xED;a en una estaci&#xF3;n de esqu&#xED; o esqu&#xED; de fondo en pistas balizadas?&#xD;&#xA;</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), &#xBF;Tengo Cobertura en caso de accidente?&#xD;&#xA;</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&#xF3;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.