PageSourceSearch

https://llanosdelhospital.com/restaurantecafeteria

html llanosdelhospital.com collected 2026-09-25 01:02:44 UTC 30,760 bytes, 592 lines download raw bytes

1
2<!doctype html>
3<html lang="es">
4  <head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    
8    <title>Llanos del Hospital | Restaurante-Cafetería</title>
9    <!-- Metadatos para Google -->
10    <meta name="description" content="Disfruta de la deliciosa comida en nuestro restaurante-cafetería en Llanos del Hospital. Consulta nuestras cartas en diferentes idiomas y reserva tu mesa hoy mismo.">
11    <meta name="keywords" content="restaurante, cafetería, reservas, cartas, horarios, Llanos del Hospital">
12    <!-- Metadatos para Twitter -->
13    <meta name="twitter:card" content="summary_large_image">
14    <meta name="twitter:title" content="Llanos del Hospital | Restaurante-Cafetería">
15    <meta name="twitter:description" content="Disfruta de la deliciosa comida en nuestro restaurante-cafetería en Llanos del Hospital. Consulta nuestras cartas en diferentes idiomas y reserva tu mesa hoy mismo.">
16    <meta name="twitter:image" content="/static/images/decoracion-interior-cafeteria-llanos-del-hospital.webp">
17    <!-- Metadatos para Open Graph (og) -->
18    <meta property="og:title" content="Llanos del Hospital | Restaurante-Cafetería">
19    <meta property="og:description" content="Disfruta de la deliciosa comida en nuestro restaurante-cafetería en Llanos del Hospital. Consulta nuestras cartas en diferentes idiomas y reserva tu mesa hoy mismo.">
20    <meta property="og:image" content="/static/images/decoracion-interior-cafeteria-llanos-del-hospital.webp">
21    <meta property="og:url" content="/restaurantecafeteria">
22    <meta property="og:type" content="website">
23    
24    <link rel="icon" href="/static/images/favicon.ico" type="image/x-icon">
25    
26    <!-- Static -->
27    <link rel="stylesheet" href="/static/css/animate.min.css">
28    <link rel="stylesheet" href="/static/css/style.css">
29    <link rel="stylesheet" href="/static/css/buttons.css">
30    <link rel="stylesheet" href="/static/css/colors.css">
31
32    <!-- Mirai booking engine -->
33    <link rel="stylesheet" href="/static/css/core-variables.css">
34    <link rel="preload" as="style" href="https://static.mirai.com/core/index.css"
35        onload="this.onload=null;this.rel='stylesheet'">
36
37    <!-- jQuery -->
38    
38<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js" type="text/javascript"></script>
38
39    <!-- nanogallery2 -->
40    <link  href="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css">
41    <!-- Fonts -->
42    <link href="https://fonts.googleapis.com/css2?family=Oswald:[email protected]&display=swap" rel="stylesheet">
43    <!--FontAwesome-->
44    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
45    <!-- Aos -->
46    <!-- <link rel="stylesheet" href="/static/css/aos.css"> -->
47    <!-- 
47<script src="/static/js/aos.js"></script>
47 -->
48    <!-- swiperjs -->
49    <link rel="stylesheet" href="/static/css/owl.carousel.min.css">
50    <link rel="stylesheet" href="/static/css/owl.theme.default.min.css">
51    <!-- nanogallery2 -->
52    <link  href="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css">
53    <!-- Bootstrap -->
54    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
55    
55<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
55
56    <!--OWL Carousel-->
57    
57<script src="/static/js/owl.carousel.min.js"></script>
57
58
59    <!-- Analytics -->
60    <!-- Google Consent Mode (requerido por Mirai para su tracking) -->
61    
61<script>
62      window.dataLayer = window.dataLayer || [];
63      function gtag(){dataLayer.push(arguments);}
64      gtag('consent', 'default', {
65        'ad_storage': 'denied',
66        'analytics_storage': 'denied',
67        'ad_user_data': 'denied',
68        'ad_personalization': 'denied'
69      });
70    </script>
70
71    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 71-72
71
72    <script async src="https://www.googletagmanager.com/gtag/js?id=
72G-7R31E7VV39
vendor: 16 bytes, lines 72-73
72"></script>
73    
73<script> gtag('js', new Date());
74    </script>
74
75  </head>
76  <style>
77      .animate__animated.animate__fadeIn {
78          --animate-duration: 2s;
79      }
80      #video-container .vjs-watermark-content {
81        padding: 0 !important;
82        width: 100% !important;
83      }
84      .vjs-control-bar {
85        display: none !important;
86      }
87      .table>:not(caption)>*>* {
88        background-color: transparent !important;
89    }
90
91    .div-mobile {
92      display: none;
93    }
94    .div-no-mobile {
95      display: flex;
96    }
97    @media only screen and (max-width: 600px) {
98      .div-mobile {
99        display: flex;
100      }
101      .div-no-mobile {
102        display: none;
103      }
104    }
105    .footer-copyright-links {
106      line-height: 2;
107      margin-bottom: 20px;
108    }
109    .footer-link {
110      color: #fff696;
111      font-weight: 400;
112      margin: 0 6px;
113    }
114    .footer-link:hover {
115      color: #ffffff;
116    }
117    .hotel_name_element {
118      margin-top: 15px;
119      margin-bottom: 10px;
120    }
121    .legal_text p {
122      margin-bottom: 8px;
123    }
124    .hotel-header {
125      transition: transform 0.3s ease;
126    }
127    .hotel-header.header-hidden {
128      transform: translateY(-100%);
129    }
130    #floating-btn {
131      position: fixed;
132      bottom: 20px;
133      right: 20px;
134      z-index: 999;
135      padding: 10px 20px;
136      background-color: #939407;
137      color: #fff;
138      border: none;
139      border-radius: 5px;
140      cursor: pointer;
141  }
142  /* En la home, el buscador del hero ya hace de CTA: el botón flotante solo
143     aparece una vez el usuario ha hecho scroll más allá del hero. */
144  body.home-page.hero-in-view #floating-btn {
145    display: none !important;
146  }
147  /* Durante el proceso de reserva (elige estancia, datos personales,
148     confirmación) el motor de Mirai ya trae su propio menú/navegación;
149     el nuestro sólo estorba superpuesto encima. */
150  body.booking-flow-page header.hotel-header {
151    display: none;
152  }
153  #banner-consentimiento {
154    position: fixed;
155    bottom: 0;
156    left: 0;
157    width: 100%;
158    background-color: #f0f0f0;
159    padding: 10px;
160    text-align: center;
161    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
162    z-index: 9999;
163  }
164
165  #banner-consentimiento p {
166      margin: 0;
167  }
168
169  #banner-consentimiento button {
170      background-color: #949407;
171      color: white;
172      border: none;
173      padding: 8px 16px;
174      cursor: pointer;
175      border-radius: 4px;
176  }
177
178  #banner-consentimiento button:hover {
179      background-color: #575702;
180  }
181
182  #banner-consentimiento a {
183      background-color: grey;
184      color: white;
185      border: none;
186      padding: 8px 16px;
187      cursor: pointer;
188      border-radius: 4px;
189  }
190
191  #banner-consentimiento a:hover {
192      background-color: rgb(63, 62, 62);
193  }
194
195  </style>
196  <body class="bg-body-tertiary ">
197    <header class="animate__animated animate__fadeInDown hotel-header fixed-top">
198        <nav class="navbar navbar-expand-lg">
199            <div class="container-fluid">
200                <div class="div-no-mobile">
201                  <a class="navbar-brand" href="/">
202                    <img src="/static/images/logo.webp" alt="Llanos del Hospital" width="140" style="padding: 10px;">
203                  </a>
204                </div>
205                <div class="div-mobile" style="align-items: center; width: 80%;">
206                  <a href="tel:(+34)  608 53 60 53" style="text-decoration: none; color: inherit; padding-bottom: 3px;">
207                    <i class="fa fa-phone" style="font-size: 35px; color: white;"></i>
208                  </a>
209                  <a class="navbar-brand" href="/" style="left: 25%; position: relative;">
210                    <img src="/static/images/logo.webp" alt="Llanos del Hospital" width="140" height="70">
211                  </a>
212                </div>
213              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
214                <span class="navbar-toggler-icon"></span>
215              </button>
216              <div class="collapse navbar-collapse" id="navbarNav">
217                <ul class="navbar-nav">
218                  <li class="nav-item">
219                    <a class="nav-link" style="font-family: oswald; font-weight: 300; font-size: larger;" aria-current="page" href="/">Hotel</a>
220                  </li>
221                  <li class="nav-item dropdown">
222                    <a class="nav-link dropdown-toggle" style="font-family: oswald; font-weight: 300; font-size: larger;" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
223                      Pistas Esquí
224                    </a>
225                    <ul class="dropdown-menu border-0 dropdown-navbar">
226                      <li><a class="dropdown-item" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/pistasesqui">Pistas Esquí</a></li>
227                      <li><hr class="dropdown-divider"></li>
228                      <li><a class="dropdown-item" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/alquiler">Alquiler y pases</a></li>
229                      <li><a class="dropdown-item" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/espacionordico">Espacio nórdico</a></li>
230                    </ul>
231                  </li>
232                  <li class="nav-item">
233                    <a class="nav-link" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/restaurantecafeteria">Restaurante-Cafetería</a>
234                  </li>
235                  <li class="nav-item dropdown">
236                    <a class="nav-link dropdown-toggle" style="font-family: oswald; font-weight: 300; font-size: larger;" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
237                      Verano
238                    </a>
239                    <ul class="dropdown-menu border-0 dropdown-navbar">
240                      <li><a class="dropdown-item" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/verano">Verano</a></li>
241                      <li><hr class="dropdown-divider"></li>
242                      <li><a class="dropdown-item" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/rutasfamiliares">Rutas familiares</a></li>
243                      <li><a class="dropdown-item" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/circuitohistorico">Recorrido histórico</a></li>
244                    </ul>
245                  </li>
246                  <li class="nav-item">
247                    <a class="nav-link" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/eventos">Eventos</a>
248                  </li>
249                  <li class="nav-item">
250                    <a class="nav-link" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/horarios">Horarios</a>
251                  </li>
252                  <li class="nav-item">
253                    <a class="nav-link" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/contacto">Contacto</a>
254                  </li>
255                </ul>
256                <ul class="navbar-nav flex-row flex-wrap ms-md-auto" style="justify-content: center; margin-bottom: 4px; align-items: center;">
257                  <li class="nav-item">
258                    <a class="fancy navbar-text" href="/bookingstep1">
259                      <span class="top-key"></span>
260                      <span class="text">Reserva online</span>
261                      <span class="bottom-key-1"></span>
262                      <span class="bottom-key-2"></span>
263                    </a>
264                  </li>
265                  <li class="nav-item">
266                    <div data-mirai-component="session"></div>
267                  </li>
268                </ul>
269                
270              </div>
271            </div>
272        </nav>
273    </header>
274    
275
276<body>
277    
278    <section id="servicios_horarios" style="min-height: 85vh;">
279        <div style="position: relative;">
280            <img src="/static/images/decoracion-interior-cafeteria-llanos-del-hospital.webp" alt="Decoración del interior de la cafetería de los Llanos del Hospital donde se destacan los tallos de madera y un árbol tallado al fondo de la imagen" width="100%" height="300px" style="object-fit: cover;">
281            <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);"></div>
282        </div>
283        <div class="row mt-2" style="margin-right: 0; margin-left: 0; justify-content: center;" data-aos="fade-up" data-aos-duration="2000" data-aos-anchor-placement="top-bottom">
284            <h1 style="font-size: 3rem; font-family: oswald;" class="main-color text-center mb-2">RESTAURANTE-CAFETERÍA</h1>
285            <h3 style="font-family: oswald;" class="text-center mb-2">Restaurante de alta montaña, cocina casera y productos de la zona</h3>
286            <h3 style="font-family: oswald; font-weight: 300;" class="text-center mb-2">Reservas  +34 608 53 60 53</h3>
287        </div>
288        <div class="row" style="margin-right: 0; margin-left: 0; justify-content: center;" data-aos="fade-up" data-aos-duration="2000" data-aos-anchor-placement="top-bottom">
289            <div class="col" style="display: flex; justify-content: center;  max-width: 300px">
290              <figure class="snip1581"><img src="static/images/mesas-television-cafeteria-llanos-del-hospital.webp" style="object-fit: cover;" width="400" height="509" alt="Mesas con televisión en la cafetería de los Llanos del Hospital"/>
291                <figcaption>
292                  <h1 style="font-size: 3rem; font-family: oswald;" class="text-center">CARTA</h1>
293                  <h1 style="font-size: 1rem; font-family: oswald;" class="main-color text-center"><a href="/menu/menu_mod_es.jpg/" style="position: relative!important;" target="_blank"><img src="/static/images/icons8-spain-96.png" style="width: 40px;" alt=""></a> - <a href="/menu/menu_mod_fr.jpg/" style="position: relative!important;" target="_blank"><img src="/static/images/icons8-france-96.png" style="width: 40px;" alt=""></a> - <a href="/menu/menu_mod_en.jpg/" style="position: relative!important;" target="_blank"><img src="/static/images/icons8-great-britain-96.png" style="width: 40px;" alt=""></a></h1>
294                </figcaption>
295              </figure>
296            </div>
297            <div class="col" style="display: flex; justify-content: center;  max-width: 300px">
298              <figure class="snip1581"><img src="static/images/mesas-television-cafeteria-llanos-del-hospital.webp" style="object-fit: cover;" width="400" height="509" alt="Mesas con televisión en la cafetería de los Llanos del Hospital"/>
299                <figcaption>
300                  <h1 style="font-size: 3rem; font-family: oswald;" class="text-center">CAFETERÍA</h1>
301                  <h1 style="font-size: 1rem; font-family: oswald;" class="text-center">SIN RESERVA</h1>
302                </figcaption>
303              </figure>
304            </div>
305            <div class="col" style="display: flex; justify-content: center; max-width: 300px;">
306              <figure class="snip1581"><img src="static/images/boda-evento-llanos-del-hospital.webp" style="object-fit: cover;" width="400" height="509" alt="Personas disfrutando en el exterior de las instalaciones de los Llanos del Hospital de una boda a los pies del Pico Aneto"/>
307                <figcaption>
308                  <h1 style="font-size: 3rem; font-family: oswald;" class="text-center">HORARIOS</h1>
309                  <h1 style="font-size: 1rem; font-family: oswald;" class="text-center">CONSÚLTALOS</h1>
310                </figcaption><a href="/horarios"></a>
311              </figure>
312            </div>
313        </div>
314        <div id="nanogallery" data-aos="fade-up" data-aos-duration="2000" data-aos-anchor-placement="top-bottom"></div>
315    </section>
316</body>
317
318<div class="modal modal-sm fade" id="modalCarta" tabindex="-1" aria-labelledby="modalCartaLabel" aria-hidden="true">
319    <div class="modal-dialog">
320      <div class="modal-content">
321        <div class="modal-body">
322          <ul style="list-style: none; padding: 0; text-align: center;">
323            <li><a href="/menu/menu_mod_es.jpg/" target="_blank"><img src="/static/images/icons8-spain-96.png" alt="Menú en español del restaurante en llanos del Hospital"> Español</a></li>
324            <li><a href="/menu/menu_mod_fr.jpg/" target="_blank"><img src="/static/images/icons8-france-96.png" alt="Menú en francés del restaurante en llanos del Hospital"> Français</a></li>
325            <li><a href="/menu/menu_mod_en.jpg/" target="_blank"><img src="/static/images/icons8-great-britain-96.png" alt="Menú en francés del restaurante en llanos del Hospital"> English</a></li>
326          </ul>
327        </div>
328      </div>
329    </div>
330  </div>
331
332  <!--NANOGALLERY2-->
333<script  type="text/javascript" src="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/jquery.nanogallery2.min.js"></script>
vendor: 1 bytes, line 333
333
334<script>
335    function render_gallery() {
336      jQuery("#nanogallery").nanogallery2({
337        // LIST OF IMAGES
338        items: [
339            { src: '/static/images/decoracion-interior-cafeteria-llanos-del-hospital.webp', srct: '/static/images/decoracion-interior-cafeteria-llanos-del-hospital.webp', title: 'Decoración del interior de la cafetería de los Llanos del Hospital donde se destacan los tallos de madera y un árbol tallado al fondo de la imagen' },
340            { src: '/static/images/mesas-television-cafeteria-llanos-del-hospital.webp', srct: '/static/images/mesas-television-cafeteria-llanos-del-hospital.webp', title: 'Mesas con televisión en la cafetería de los Llanos del Hospital' },
341            { src: '/static/images/mostrador-barra-cafeteria-llanos-del-hospital.webp', srct: '/static/images/mostrador-barra-cafeteria-llanos-del-hospital.webp', title: 'Mostrador y barra de la cafetería de los Llanos del Hospital donde destacan los tallos de madera en las paredes' },
342            { src: '/static/images/zona-de-asientos-cafeteria-llanos-del-hospital.webp', srct: '/static/images/zona-de-asientos-cafeteria-llanos-del-hospital.webp', title: 'Zona de asientos acogedora en la cafetería de los Llanos del Hospital' },
343            { src: '/static/images/entrada-cafeteria-llanos-del-hospital.webp', srct: '/static/images/entrada-cafeteria-llanos-del-hospital.webp', title: 'Entrada a la cafetería de los Llanos del Hospital' },
344            { src: '/static/images/mesas-comidas-bebidas-llanos-del-hospital.webp', srct: '/static/images/mesas-comidas-bebidas-llanos-del-hospital.webp', title: 'Mesas de la cafetería de los Llanos del Hospital' },
345            { src: '/static/images/chimenea-cafeteria-llanos-del-hospital.webp', srct: '/static/images/chimenea-cafeteria-llanos-del-hospital.webp', title: 'Detalle de la cafetería de Llanos del Hospital con decoración de madera y una acogedora chimenea para calentarse' },
346        ],
347      
348        // GALLERY AND THUMBNAIL LAYOUT
349        galleryMosaic : [                       // default layout
350          { w: 2, h: 2, c: 1, r: 1 },
351          { w: 1, h: 1, c: 3, r: 1 },
352          { w: 1, h: 1, c: 3, r: 2 },
353          { w: 1, h: 2, c: 4, r: 1 },
354          { w: 2, h: 1, c: 5, r: 1 },
355          { w: 2, h: 2, c: 5, r: 2 },
356          { w: 1, h: 1, c: 4, r: 3 },
357          { w: 2, h: 1, c: 2, r: 3 },
358          { w: 1, h: 2, c: 1, r: 3 },
359          { w: 1, h: 1, c: 2, r: 4 },
360          { w: 2, h: 1, c: 3, r: 4 },
361          { w: 1, h: 1, c: 5, r: 4 },
362          { w: 1, h: 1, c: 6, r: 4 }
363        ],
364        galleryMosaicXS : [                     // layout for XS width
365          { w: 2, h: 2, c: 1, r: 1 },
366          { w: 1, h: 1, c: 3, r: 1 },
367          { w: 1, h: 1, c: 3, r: 2 },
368          { w: 1, h: 2, c: 1, r: 3 },
369          { w: 2, h: 1, c: 2, r: 3 },
370          { w: 1, h: 1, c: 2, r: 4 },
371          { w: 1, h: 1, c: 3, r: 4 }
372        ],
373        galleryMosaicSM : [                     // layout for SM width
374          { w: 2, h: 2, c: 1, r: 1 },
375          { w: 1, h: 1, c: 3, r: 1 },
376          { w: 1, h: 1, c: 3, r: 2 },
377          { w: 1, h: 2, c: 1, r: 3 },
378          { w: 2, h: 1, c: 2, r: 3 },
379          { w: 1, h: 1, c: 2, r: 4 },
380          { w: 1, h: 1, c: 3, r: 4 }
381        ],
382        galleryMaxRows: 1,
383        galleryDisplayMode: 'rows',
384        gallerySorting: 'random',
385        thumbnailDisplayOrder: 'random',
386
387        thumbnailHeight: '180', thumbnailWidth: '220',
388        thumbnailAlignment: 'scaled',
389        thumbnailGutterWidth: 0, thumbnailGutterHeight: 0,
390        thumbnailBorderHorizontal: 0, thumbnailBorderVertical: 0,
391
392        thumbnailToolbarImage: null,
393        thumbnailToolbarAlbum: null,
394        thumbnailLabel: { display: false },
395
396        // DISPLAY ANIMATION
397        // for gallery
398        galleryDisplayTransitionDuration: 1500,
399        // for thumbnails
400        thumbnailDisplayTransition: 'imageSlideUp',
401        thumbnailDisplayTransitionDuration: 1200,
402        thumbnailDisplayTransitionEasing: 'easeInOutQuint',
403        thumbnailDisplayInterval: 60,
404
405        // THUMBNAIL HOVER ANIMATION
406        thumbnailBuildInit2: 'image_scale_1.15',
407        thumbnailHoverEffect2: 'thumbnail_scale_1.00_1.05_300|image_scale_1.15_1.00',
408        touchAnimation: true,
409        touchAutoOpenDelay: 500,
410
411        // LIGHTBOX
412        viewerToolbar: { display: false },
413        viewerTools:    {
414          topLeft:   'label',
415          topRight:  'shareButton, rotateLeft, rotateRight, fullscreenButton, closeButton'
416        },
417
418        // GALLERY THEME
419        galleryTheme : { 
420          thumbnail: { background: '#111' },
421        },
422        
423        // DEEP LINKING
424        locationHash: true
425      });
426      }
427    $(document).ready(function(){
428      render_gallery();
429    })
430</script>
430
431
432    <a class="div-mobile" id="floating-btn" style="text-decoration: none; font-family: oswald;" href="/bookingstep1">RESERVA ONLINE</a>
433    <div id="banner-consentimiento">
434      <p>Este sitio web utiliza cookies para garantizar que obtengas la mejor experiencia en nuestro sitio web. Al hacer clic en "Aceptar", aceptas el uso de cookies.</p>
435      <button class="btn btn-main" onclick="aceptarConsentimiento()">Aceptar</button>
436      <a class="btn btn-secondary" href="javascript:void(0)" onclick="rechazarConsentimiento()">Rechazar</a>
437    </div>
438    <footer class="text-center text-lg-start border border-white mt-xl-5 pt-4" style="background-color: rgba(0, 0, 0, 0.87); margin-top: 100px;">
439      <div class="full-copyright" style="text-align: center; color: white; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 14px;">
440        <div class="footer-copyright-links container12">
441            <a target="_blank" href="/avisolegal" class="footer-link">Aviso legal</a> |
442            <a target="_blank" href="/avisocookies" class="footer-link">Aviso de cookies</a> |
443            <a target="_blank" href="/politicaprivacidad" class="footer-link">Política de privacidad</a> |
444            <a target="_blank" href="/condicionesreserva" class="footer-link">Condiciones de reserva</a> |
445            <a href="javascript:void(0)" onclick="mostrarConsentimiento()" class="footer-link">Administrar cookies</a> |
446            <a href="/bookingstep1" title="Motor de Reservas" class="footer-link">Motor de Reservas</a> |
447            <a target="_blank" href="/sitemap.xml" title="" class="footer-link">Site Map</a> |
448            <a target="_blank" href="/rss.xml" class="footer-link">RSS</a>
449        </div>
450        <div class="hotel_name_element">Llanos del Hospital | Web oficial | Benasque, Huesca</div>
451        <div class="legal_text">
452          <p>Camino Real de Francia, s/n, 22440 Benasque (Huesca) | Email: [email protected] | Tlf. +34 608 53 60 53 </p>
453          <p><a href="https://www.facebook.com/llanosdelhospital" target="_blank"><img class="card-home" src="/static/images/redes-facebook.png" alt="Facebook" style="min-height: 40px; max-height: 40px; width: 40px; align-self: center;"></a><a href="https://www.instagram.com/llanosdelhospital" target="_blank"><img class="card-home" src="/static/images/redes-instagram.png" alt="Instagram" style="min-height: 40px; max-height: 40px; width: 40px; align-self: center;"></a><a href="https://mandrillapp.com/track/click/30826128/whatsapp.com?p=eyJzIjoiTlJlQ2doYjN4Sk5lU3l1aUJOSXB0UEZnczBJIiwidiI6MSwicCI6IntcInVcIjozMDgyNjEyOCxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL3doYXRzYXBwLmNvbVxcXC9jaGFubmVsXFxcLzAwMjlWYUttUUZSQ1JzMXROTkJxbEQwV1wiLFwiaWRcIjpcIjUzM2I2MDQ4NWFhZTQ5Yzc4ZjYzZGFkZDIyYTJiZTMxXCIsXCJ1cmxfaWRzXCI6W1wiNjEwZjQzZDgxNGExYzU5Njc5ODFiY2VlOWNmY2I4NGY3ODgzYWQyOFwiXX0ifQ" target="_blank"><img class="card-home" src="/static/images/redes-whatsapp.png" alt="WhatsApp" style="width: 52px; align-self: center;"></a><a href="https://www.youtube.com/@LlanosDelHospital" target="_blank"><img class="card-home" src="/static/images/redes-youtube.png" alt="YouTube" style="min-height: 40px; max-height: 40px; width: 40px; align-self: center;"></a></p>
454          <p>Icons by <a href="https://icons8.com/" class="footer-link">icons8</a></p>
455        </div>
456      </div>
457    </footer>
458
459    <!-- Mirai booking engine -->
460    <div data-mirai-id="518696477" data-type="hotel"></div>
461    <div data-mirai-component="finder" style="display:none"></div>
462    
462<script type="module" defer src="https://static.mirai.com/core/index.js" data-cookieconsent="necesary"></script>
462
463  </body>
464
465  
465<script>
466    // Oculta la cabecera del sitio mientras el usuario interactúa con el
467    // buscador de disponibilidad (Mirai), para no tapar su propia navegación.
468    (function () {
469      var header = document.querySelector('header.hotel-header');
470      if (!header) return;
471
472      function isInsideMirai(path) {
473        for (var i = 0; i < path.length; i++) {
474          var el = path[i];
475          if (el.hasAttribute && (el.hasAttribute('data-mirai-component') || el.hasAttribute('data-mirai-id'))) {
476            return true;
477          }
478        }
479        return false;
480      }
481
482      function handleInteraction(event) {
483        var path = typeof event.composedPath === 'function' ? event.composedPath() : [event.target];
484        // El widget de sesión/login de Mirai vive dentro de la propia cabecera:
485        // las interacciones ahí no deben esconderla.
486        if (path.indexOf(header) !== -1) return;
487        header.classList.toggle('header-hidden', isInsideMirai(path));
488      }
489
490      document.addEventListener('click', handleInteraction, true);
491      document.addEventListener('focusin', handleInteraction, true);
492    })();
493
494    // En la home, evita que el botón flotante de reserva se solape con el
495    // buscador del hero: solo se muestra tras hacer scroll más allá de él.
496    (function () {
497      var hero = document.getElementById('hotel');
498      if (!hero || !document.body.classList.contains('home-page')) return;
499
500      // Estado inicial síncrono: el hero siempre ocupa la primera pantalla
501      // al cargar, evita un parpadeo del botón antes de la primera medición.
502      document.body.classList.add('hero-in-view');
503
504      var observer = new IntersectionObserver(function (entries) {
505        document.body.classList.toggle('hero-in-view', entries[0].isIntersecting);
506      });
507      observer.observe(hero);
508    })();
509  </script>
509
510
511  <!--Cookies Analytics-->
512  
512<script>
513    // Función para establecer la cookie de consentimiento
514    function establecerConsentimientoCookie(consentimiento) {
515        document.cookie = "consentimientoGA4=" + consentimiento + "; path=/";
516    }
517
518    // Función para obtener el valor de la cookie de consentimiento
519    function obtenerConsentimientoCookie() {
520        var nombre = "consentimientoGA4=";
521        var cookies = document.cookie.split(';');
522        for (var i = 0; i < cookies.length; i++) {
523            var cookie = cookies[i].trim();
524            if (cookie.indexOf(nombre) == 0) {
525                return cookie.substring(nombre.length, cookie.length);
526            }
527        }
528        return "";
529    }
530
531    // Función para activar el seguimiento de GA4
532    function activarSeguimientoGA4() {
533        // Verifica si el usuario ha dado su consentimiento almacenado en la cookie
534        var consentimientoGA4 = obtenerConsentimientoCookie();
535        if (consentimientoGA4 === "true") {
536            // Configura Google Analytics solo si se ha dado el consentimiento
537            gtag('config', 'G-7R31E7VV39');
538            // Cierra el banner de consentimiento
539            var banner = document.getElementById('banner-consentimiento');
540            banner.style.display = 'none';
541        }
542    }
543
544    // Función para aceptar el consentimiento
545    function aceptarConsentimiento() {
546        // Establece el consentimiento en true y almacénalo en la cookie
547        establecerConsentimientoCookie(true);
548
549        // Actualiza el Consent Mode de Google (necesario para el tracking de Mirai)
550        gtag('consent', 'update', {
551            'ad_storage': 'granted',
552            'analytics_storage': 'granted',
553            'ad_user_data': 'granted',
554            'ad_personalization': 'granted'
555        });
556
557        // Activa el seguimiento de GA4
558        activarSeguimientoGA4();
559
560        // Cierra el banner de consentimiento
561        var banner = document.getElementById('banner-consentimiento');
562        banner.style.display = 'none';
563    }
564
565    // Función para rechazar el consentimiento
566    function rechazarConsentimiento() {
567        // Establece el consentimiento en true y almacénalo en la cookie
568        establecerConsentimientoCookie(false);
569
570        // Actualiza el Consent Mode de Google (necesario para el tracking de Mirai)
571        gtag('consent', 'update', {
572            'ad_storage': 'denied',
573            'analytics_storage': 'denied',
574            'ad_user_data': 'denied',
575            'ad_personalization': 'denied'
576        });
577
578        // Cierra el banner de consentimiento
579        var banner = document.getElementById('banner-consentimiento');
580        banner.style.display = 'none';
581    }
582
583    function mostrarConsentimiento() {
584      var banner = document.getElementById('banner-consentimiento');
585      banner.style.display = 'block';
586    }
587
588    // Llama a la función para activar el seguimiento de GA4
589    activarSeguimientoGA4();
590
591  </script>
591
592</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.