PageSourceSearch

https://www.prolocorealmonte.it/turista/per-i-turisti.html

html prolocorealmonte.it collected 2026-09-25 12:20:11 UTC 58,020 bytes, 1,005 lines download raw bytes

1<!DOCTYPE html>
2<html data-bs-theme="dark" lang="it">
3
4<head>
5    <meta charset="utf-8">
6<link rel="stylesheet" href="assets/css/iframe.css?v=1.2">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
8    <title>Pro Loco Realmonte - Per i Turisti</title>
9    <meta name="twitter:card" content="summary">
10    <meta property="og:type" content="website">
11    <meta name="twitter:image" content="https://prolocorealmonte.it/assets/img/pro-loco-blu.png">
12    <meta name="twitter:title" content="Pro Loco Realmonte">
13    <meta property="og:image" content="https://prolocorealmonte.it/assets/img/pro-loco-blu.png">
14    <meta name="description" content="La tua guida completa per visitare Realmonte in totale sicurezza e comfort. Questa pagina centralizza tutte le informazioni turistiche essenziali, collegando alle sezioni &quot;Cosa vedere&quot;, &quot;Dove dormire&quot; e &quot;Dove mangiare&quot;, e fornendo in più i contatti dei servizi di emergenza e dei taxi locali. Numeri utili di pronto soccorso, carabinieri, vigili del fuoco, guardia medica e servizi di trasporto per muoverti agevolmente nel territorio e raggiungere le principali attrazioni turistiche.">
15    <link rel="icon" type="image/png" sizes="1197x801" href="/assets/img/icon.png">
16    <link rel="icon" type="image/png" sizes="1197x801" href="/assets/img/icon.png">
17    <link rel="icon" type="image/png" sizes="225x225" href="/assets/img/pro-loco-blu.png" media="(prefers-color-scheme: dark)">
18    <link rel="icon" type="image/png" sizes="1197x801" href="/assets/img/icon.png">
19    <link rel="icon" type="image/png" sizes="1197x801" href="/assets/img/icon.png">
20    <link rel="icon" type="image/png" sizes="1197x801" href="/assets/img/icon.png">
21    <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
22    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=ABeeZee&amp;display=swap">
23    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alatsi&amp;display=swap">
24    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Atomic+Age&amp;display=swap">
25    <link rel="stylesheet" href="/assets/css/bootstrap-icons.css">
26    <link rel="stylesheet" href="/assets/css/boxicons.css">
27    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat&amp;display=swap">
28    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&amp;display=swap">
29    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins&amp;display=swap">
30    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway&amp;display=swap">
31    <link rel="stylesheet" href="/assets/css/swiper-icons.css">
32    <link rel="stylesheet" href="/assets/fonts/fontawesome-all.min.css">
33    <link rel="stylesheet" href="/assets/css/bss-overrides.css">
34    <link rel="stylesheet" href="/assets/css/./embed/animation/aos.min.css">
35    <link rel="stylesheet" href="/assets/css/./embed/animation/animate.min.css">
36    <link rel="stylesheet" href="/assets/css/vendor/animate.css/animate.min.css">
37    <link rel="stylesheet" href="/assets/css/vendor/aos/aos.css">
38    <link rel="stylesheet" href="/assets/css/vendor/bootstrap/css/bootstrap.min.css">
39    <link rel="stylesheet" href="/assets/css/vendor/bootstrap-icons/bootstrap-icons.css">
40    <link rel="stylesheet" href="/assets/css/vendor/boxicons/css/boxicons.min.css">
41    <link rel="stylesheet" href="/assets/css/vendor/glightbox/css/glightbox.min.css">
42    <link rel="stylesheet" href="/assets/css/css/util.css">
43    <link rel="stylesheet" href="/assets/css/vendor/swiper/swiper-bundle.min.css">
44    <link rel="stylesheet" href="/assets/css/css/main.css">
45    <link rel="stylesheet" href="/assets/css/style.css">
46    <link rel="stylesheet" href="/assets/css/iframe.css">
47    <link rel="stylesheet" href="/assets/css/Pretty-Search-Form-.css">
48    <link rel="stylesheet" href="/assets/css/Simple-Slider-swiper-bundle.min-1.css">
49    <link rel="stylesheet" href="/assets/css/Simple-Slider-swiper-bundle.min.css">
50    <link rel="stylesheet" href="/assets/css/Simple-Slider.css">
51    <link rel="stylesheet" href="/assets/css/Single-Page-Contact-Us-Form.css">
52    <link rel="stylesheet" href="/assets/css/untitled.css">
53<script type="text/javascript">
54    (function(c,l,a,r,i,t,y){
55        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
56        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
57        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
58    })(window, document, "clarity", "script", "sfbnekbr16");
59</script>
59
60
61<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 61-62
61
62<script async src="https://www.googletagmanager.com/gtag/js?id=
62G-ML7XY9BDTN
vendor: 12 bytes, line 62
62"></script>
63<script>
64  
vendor: 134 bytes, lines 64-68
64window.dataLayer = window.dataLayer || [];
65  function gtag(){dataLayer.push(arguments);}
66  gtag('js', new Date());
67
68  gtag('config', '
68G-ML7XY9BDTN
vendor: 4 bytes, line 68
68');
69</script>
69
70
71<script id="usercentrics-cmp" src="https://web.cmp.usercentrics.eu/ui/loader.js" data-settings-id="Y1ipl1DP9A7bTR" async></script>
71
72
73<base href="https://www.prolocorealmonte.it/">
74</head>
75
76<body>
77    <div class="d-flex align-items-center fixed-top" id="topbar">
78        <div class="container d-flex justify-content-center justify-content-md-between">
79            <div class="d-flex align-items-center contact-info"><i class="d-flex align-items-center bi bi-phone"><a style="font-size:14px;width:123.281px; color: rgb(62,62,62);width: 117.281px;" href="tel:0922814607">+39 0922 814607</a></i><i class="d-flex align-items-center ms-4 bi bi-clock"><span style="color: rgb(62,62,62);">Lun-Dom: 9/13 - 16/20</span></i></div>
80            <div class="d-none d-md-flex align-items-center languages">
81                <ul></ul>
82            </div>
83        </div>
84    </div>
85    <header class="d-flex fixed-top align-items-cente" id="header" style="height: 70.787px;background: rgba(12, 11, 9, 0.79);">
86        <div class="container-fluid d-flex align-items-center justify-content-lg-between container-xl">
87            <div><a href="/index.html"><img class="img-fluid" src="https://www.prolocorealmonte.it/assets/img/pro-loco-white.png" style="width:162px;" href="/index.html"></a></div>
88            <h1 class="me-auto me-lg-0 logo"></h1>
89            <nav class="order-last navbar order-lg-0" id="navbar">
90                <div>
91                    <ul>
92                        <li><a class="nav-link active" href="/index.html" style="font-size:18px;">Home</a></li>
93                        <li><a class="nav-link" href="/chi-siamo.html" style="font-size: 18px;">Chi Siamo</a></li>
94                        <li><a class="nav-link" href="/turista/per-i-turisti.html" style="font-size:18px;">Per i Turisti</a></li>
95                        <li><a class="nav-link" href="/eventi.html" style="font-size:18px;">Eventi e Avvisi</a></li>
96                        <li><a class="nav-link" style="font-size:18px;" href="/index.html#Galleria">Galleria</a></li>
97                        <li><a class="nav-link" href="/contatti.html" style="font-size:18px;">Contatti</a></li>
98                    </ul>
99                </div><i class="bi bi-list mobile-nav-toggle"></i>
100            </nav>
101            <div style="margin-left: 20px;margin-right: 5px;"><label class="ui-switch">
102  <input type="checkbox">
103  <div class="slider darkreader-toggle">
104    <div class="circle"></div>
105  </div>
106</label>
107
108<style>
109    /* switch settings  */
110
111.ui-switch {
112  /* switch */
113  --switch-bg: rgb(135, 150, 165);
114  --switch-width: 48px;
115  --switch-height: 20px;
116  /* circle */
117  --circle-diameter: 32px;
118  --circle-bg: #266ed3;
119  --circle-inset: calc((var(--circle-diameter) - var(--switch-height)) / 2);
120}
121
122.ui-switch input {
123  display: none;
124}
125
126.slider {
127  -webkit-appearance: none;
128  -moz-appearance: none;
129  appearance: none;
130  width: var(--switch-width);
131  height: var(--switch-height);
132  background: var(--switch-bg);
133  border-radius: 999px;
134  position: relative;
135  cursor: pointer;
136}
137
138.slider .circle {
139  top: calc(var(--circle-inset) * -1);
140  left: 0;
141  width: var(--circle-diameter);
142  height: var(--circle-diameter);
143  position: absolute;
144  background: var(--circle-bg);
145  border-radius: inherit;
146  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTkuMzA1IDEuNjY3VjMuNzVoMS4zODlWMS42NjdoLTEuMzl6bS00LjcwNyAxLjk1bC0uOTgyLjk4Mkw1LjA5IDYuMDcybC45ODItLjk4Mi0xLjQ3My0xLjQ3M3ptMTAuODAyIDBMMTMuOTI3IDUuMDlsLjk4Mi45ODIgMS40NzMtMS40NzMtLjk4Mi0uOTgyek0xMCA1LjEzOWE0Ljg3MiA0Ljg3MiAwIDAwLTQuODYyIDQuODZBNC44NzIgNC44NzIgMCAwMDEwIDE0Ljg2MiA0Ljg3MiA0Ljg3MiAwIDAwMTQuODYgMTAgNC44NzIgNC44NzIgMCAwMDEwIDUuMTM5em0wIDEuMzg5QTMuNDYyIDMuNDYyIDAgMDExMy40NzEgMTBhMy40NjIgMy40NjIgMCAwMS0zLjQ3MyAzLjQ3MkEzLjQ2MiAzLjQ2MiAwIDAxNi41MjcgMTAgMy40NjIgMy40NjIgMCAwMTEwIDYuNTI4ek0xLjY2NSA5LjMwNXYxLjM5aDIuMDgzdi0xLjM5SDEuNjY2em0xNC41ODMgMHYxLjM5aDIuMDg0di0xLjM5aC0yLjA4NHpNNS4wOSAxMy45MjhMMy42MTYgMTUuNGwuOTgyLjk4MiAxLjQ3My0xLjQ3My0uOTgyLS45ODJ6bTkuODIgMGwtLjk4Mi45ODIgMS40NzMgMS40NzMuOTgyLS45ODItMS40NzMtMS40NzN6TTkuMzA1IDE2LjI1djIuMDgzaDEuMzg5VjE2LjI1aC0xLjM5eiIgLz4KPC9zdmc+");
147  background-repeat: no-repeat;
148  background-position: center center;
149  -webkit-transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
150  -o-transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
151  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
152  display: -webkit-box;
153  display: -ms-flexbox;
154  display: flex;
155  -webkit-box-align: center;
156  -ms-flex-align: center;
157  align-items: center;
158  -webkit-box-pack: center;
159  -ms-flex-pack: center;
160  justify-content: center;
161  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
162  ;
163}
164
165.slider .circle::before {
166  content: "";
167  position: absolute;
168  width: 100%;
169  height: 100%;
170  background: rgba(255, 255, 255, 0.75);
171  border-radius: inherit;
172  -webkit-transition: all 500ms;
173  -o-transition: all 500ms;
174  transition: all 500ms;
175  opacity: 0;
176}
177
178/* actions */
179
180.ui-switch input:checked+.slider .circle {
181  left: calc(100% - var(--circle-diameter));
182  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTQuMiAyLjVsLS43IDEuOC0xLjguNyAxLjguNy43IDEuOC42LTEuOEw2LjcgNWwtMS45LS43LS42LTEuOHptMTUgOC4zYTYuNyA2LjcgMCAxMS02LjYtNi42IDUuOCA1LjggMCAwMDYuNiA2LjZ6IiAvPgo8L3N2Zz4=");
183}
184
185.ui-switch input:active+.slider .circle::before {
186  -webkit-transition: 0s;
187  -o-transition: 0s;
188  transition: 0s;
189  opacity: 1;
190  width: 0;
191  height: 0;
192}
193
194</style>
195
196<!-- Dark Mode -->
197<script src="
198https://cdn.jsdelivr.net/npm/[email protected]/darkreader.min.js
199"></script>
199
200
201<script>
202const toggleButton = document.querySelector('.darkreader-toggle');
203
204toggleButton.addEventListener('click', () => {
205  if (DarkReader.isEnabled()) {
206    DarkReader.disable();
207  } else {
208    DarkReader.enable();
209  }
210});
211    
212    // Enable Dark Reader with custom settings.
213DarkReader.enable({
214    brightness: 100,
215    contrast: 90,
216    sepia: 10
217});
218
219// Disable Dark Reader.
220DarkReader.disable();
221</script>
221</div><div class="mobile-lang-isolated"> 
222    <button id="isolated-trigger"> 
223        <img id="mobile-flag" src="https://flagcdn.com/w40/it.png" alt="Italiano" class="flag-icon"> 
224        <span id="mobile-text">IT</span> 
225        <span>▼</span> 
226    </button> 
227</div>
228            <div class="language-selector-wrapper" style="margin-right: 10px;margin-left: -15px;">
229                <nav class="order-last me-auto me-lg-0 navbar order-lg-0 language-nav">
230                    <ul>
231                        <li><li class="dropdown me-auto me-lg-0 language-selector-wrapper">
232  <a href="#" onclick="return false;" style="display: flex; align-items: center;">
233    <img id="desktop-flag" src="https://flagcdn.com/w40/it.png" alt="Italiano" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;">
234    <span id="desktop-text">Italiano</span>
235    <i class="bi bi-chevron-down"></i>
236  </a>
237  
238  <ul>
239    <li><a href="#" class="lang-switch" data-lang="it"><img src="https://flagcdn.com/w40/it.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>Italiano</span></a></li>
240    <li><a href="#" class="lang-switch" data-lang="en"><img src="https://flagcdn.com/w40/gb.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>English</span></a></li>
241    <li><a href="#" class="lang-switch" data-lang="fr"><img src="https://flagcdn.com/w40/fr.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>Français</span></a></li>
242    <li><a href="#" class="lang-switch" data-lang="de"><img src="https://flagcdn.com/w40/de.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>Deutsch</span></a></li>
243    <li><a href="#" class="lang-switch" data-lang="es"><img src="https://flagcdn.com/w40/es.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>Español</span></a></li>
244    <li><a href="#" class="lang-switch" data-lang="ru"><img src="https://flagcdn.com/w40/ru.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>Русский</span></a></li>
245    <li><a href="#" class="lang-switch" data-lang="zh-CN"><img src="https://flagcdn.com/w40/cn.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>中文 (Cinese)</span></a></li>
246    <li><a href="#" class="lang-switch" data-lang="ja"><img src="https://flagcdn.com/w40/jp.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>日本語 (Giapponese)</span></a></li>
247    <li><a href="#" class="lang-switch" data-lang="ar"><img src="https://flagcdn.com/w40/sa.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>العربية (Arabo)</span></a></li>
248    <li><a href="#" class="lang-switch" data-lang="pt"><img src="https://flagcdn.com/w40/pt.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>Português</span></a></li>
249    <li><a href="#" class="lang-switch" data-lang="scn"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTAwIDEwMDAiPjxwYXRoIGZpbGw9IiNmOWQ2MTYiIGQ9Ik0wIDBoMTUwMHYxMDAwSDB6Ii8+PHBhdGggZmlsbD0iI2QzMjYyNiIgZD0iTTAgMGgxNTAwTDAgMTAwMHoiLz48L3N2Zz4=" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>Sicilianu</span></a></li>
250  </ul>
251
252  <div id="google_translate_element" style="display:none;"></div>
253  
254  <style>
255    .mobile-lang-isolated { display: none; position: relative; }
256    @media (max-width: 990px) {
257        .mobile-lang-isolated { display: block; }
258        .language-selector-wrapper { display: none !important; }
259    }
260    .mobile-lang-isolated * { pointer-events: auto !important; }
261    #isolated-trigger {
262        display: flex; align-items: center; gap: 8px;
263        color: #ffffff; background: transparent; border: none;
264        font-weight: 500; font-size: 14px; padding: 8px 12px;
265        border-radius: 6px; transition: color 0.3s ease; cursor: pointer;
266    }
267    #isolated-trigger:hover { color: #5690e0; }
268    .flag-icon { width: 20px; height: 15px; object-fit: cover; border-radius: 2px; }
269    
270    .language-selector-wrapper ul li a { display: flex !important; align-items: center !important; justify-content: flex-start !important; text-align: left !important; }
271    .language-selector-wrapper ul li a img { flex-shrink: 0; }
272    .language-selector-wrapper ul li a span { margin-left: 0 !important; text-align: left !important; }
273
274    /* Nasconde la grafica sporca di Google Translate */
275    .skiptranslate, .goog-te-banner-frame, #goog-gt-tt, .goog-te-balloon-frame { display: none !important; }
276    body { top: 0px !important; position: static !important; }
277    .goog-text-highlight { background-color: transparent !important; box-shadow: none !important; }
278  </style>
279
280  
280<script type="text/javascript">
281    document.documentElement.setAttribute('lang', 'it');
282    function googleTranslateElementInit() {
283      new google.translate.TranslateElement({ 
284          pageLanguage: 'it', 
285          includedLanguages: 'en,fr,de,es,ru,zh-CN,ja,ar,pt,scn', 
286          autoDisplay: false 
287      }, 'google_translate_element');
288    }
289  </script>
289
290  
290<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
290
291
292  
292<script type="text/javascript"> 
293    document.addEventListener('DOMContentLoaded', function() { 
294        const languages = [
295            { code: 'it', name: 'Italiano', short: 'IT', flag: 'https://flagcdn.com/w40/it.png' },
296            { code: 'en', name: 'English', short: 'EN', flag: 'https://flagcdn.com/w40/gb.png' },
297            { code: 'fr', name: 'Français', short: 'FR', flag: 'https://flagcdn.com/w40/fr.png' },
298            { code: 'de', name: 'Deutsch', short: 'DE', flag: 'https://flagcdn.com/w40/de.png' },
299            { code: 'es', name: 'Español', short: 'ES', flag: 'https://flagcdn.com/w40/es.png' },
300            { code: 'ru', name: 'Русский', short: 'RU', flag: 'https://flagcdn.com/w40/ru.png' },
301            { code: 'zh-CN', name: '中文 (Cinese)', short: 'ZH', flag: 'https://flagcdn.com/w40/cn.png' },
302            { code: 'ja', name: '日本語 (Giappo)', short: 'JA', flag: 'https://flagcdn.com/w40/jp.png' },
303            { code: 'ar', name: 'العربية (Arabo)', short: 'AR', flag: 'https://flagcdn.com/w40/sa.png' },
304            { code: 'pt', name: 'Português', short: 'PT', flag: 'https://flagcdn.com/w40/pt.png' },
305            { code: 'scn', name: 'Sicilianu', short: 'SCN', flag: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTAwIDEwMDAiPjxwYXRoIGZpbGw9IiNmOWQ2MTYiIGQ9Ik0wIDBoMTUwMHYxMDAwSDB6Ii8+PHBhdGggZmlsbD0iI2QzMjYyNiIgZD0iTTAgMGgxNTAwTDAgMTAwMHoiLz48L3N2Zz4=' }
306        ];
307
308        function applyLanguage(code) {
309            // FIX ITALIANO: Distrugge i cookie di Translate su qualsiasi percorso possibile
310            if (code === 'it') {
311                const domain = window.location.hostname;
312                const rootDomain = domain.substring(domain.lastIndexOf(".", domain.lastIndexOf(".") - 1) + 1); 
313                const domainsToClear = [domain, "." + domain, rootDomain, "." + rootDomain, ""];
314                const pathsToClear = ["/", window.location.pathname];
315
316                domainsToClear.forEach(d => {
317                    pathsToClear.forEach(p => {
318                        let base = "googtrans=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=" + p + ";";
319                        if (d !== "") { base += " domain=" + d + ";"; }
320                        document.cookie = base;
321                    });
322                });
323                
324                localStorage.removeItem('googtrans');
325                sessionStorage.removeItem('googtrans');
326
327                // Forza il ricaricamento pulito della pagina
328                window.location.href = window.location.pathname + window.location.search; 
329                return;
330            }
331
332            const lang = languages.find(l => l.code === code);
333            if(!lang) return;
334
335            const mFlag = document.getElementById('mobile-flag');
336            const mText = document.getElementById('mobile-text');
337            if (mFlag) mFlag.src = lang.flag;
338            if (mText) mText.innerText = lang.short;
339
340            const dFlag = document.getElementById('desktop-flag');
341            const dText = document.getElementById('desktop-text');
342            if (dFlag) dFlag.src = lang.flag;
343            if (dText) dText.innerText = lang.name;
344
345            const gtSelect = document.querySelector('select.goog-te-combo');
346            if (gtSelect) {
347                gtSelect.value = code;
348                gtSelect.dispatchEvent(new Event('change'));
349            } else {
350                // Alternativa sicura se il widget di Google è lento
351                document.cookie = "googtrans=/it/" + code + "; path=/; domain=." + document.location.hostname + ";";
352                document.cookie = "googtrans=/it/" + code + "; path=/; domain=" + document.location.hostname + ";";
353                document.cookie = "googtrans=/it/" + code + "; path=/;";
354                window.location.reload();
355            }
356        }
357
358        // LOGICA PC
359        const desktopLinks = document.querySelectorAll('.lang-switch');
360        desktopLinks.forEach(link => {
361            link.addEventListener('click', function(e) {
362                e.preventDefault();
363                applyLanguage(this.getAttribute('data-lang'));
364                var ul = this.closest('ul');
365                if(ul) ul.classList.remove('dropdown-active'); 
366            });
367        });
368
369        // LOGICA MOBILE
370        const trigger = document.getElementById('isolated-trigger'); 
371        let dropdown = null; 
372        
373        if(trigger) {
374            trigger.addEventListener('click', function(e) { 
375                e.preventDefault(); 
376                e.stopPropagation(); 
377                
378                if (dropdown) { 
379                    document.body.removeChild(dropdown); 
380                    dropdown = null; 
381                    return; 
382                } 
383                
384                dropdown = document.createElement('div'); 
385                dropdown.style.cssText = `position: fixed; top: 80px; right: 10px; background: rgba(12, 11, 9, 0.95); border-radius: 8px; padding: 8px 0; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); z-index: 999999; min-width: 160px; max-height: 70vh; overflow-y: auto;`; 
386                
387                languages.forEach(lang => {
388                    const a = document.createElement('a');
389                    a.href = "#";
390                    a.style.cssText = "display: flex; align-items: center; gap: 8px; color: #fff; text-decoration: none; padding: 10px 15px;";
391                    a.innerHTML = `<img src="${lang.flag}" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px;"> <span>${lang.name}</span>`;
392                    
393                    a.addEventListener('mouseover', function() { this.style.color = '#5690e0'; this.style.background = 'rgba(255, 255, 255, 0.05)'; }); 
394                    a.addEventListener('mouseout', function() { this.style.color = '#fff'; this.style.background = 'transparent'; }); 
395                    
396                    a.addEventListener('click', function(ev) {
397                        ev.preventDefault(); ev.stopPropagation();
398                        applyLanguage(lang.code);
399                        document.body.removeChild(dropdown); dropdown = null; 
400                    });
401                    dropdown.appendChild(a);
402                });
403                
404                document.body.appendChild(dropdown); 
405                
406                setTimeout(() => { 
407                    document.addEventListener('click', function closeDropdown(e) { 
408                        if (dropdown && !dropdown.contains(e.target) && !trigger.contains(e.target)) { 
409                            document.body.removeChild(dropdown); dropdown = null; document.removeEventListener('click', closeDropdown); 
410                        } 
411                    }); 
412                }, 100); 
413            }, true);
414        }
415    }); 
416  </script>
416
417</li>
418<div class="mobile-lang-isolated"> 
419    <button id="isolated-trigger"> 
420        <img id="mobile-flag" src="https://flagcdn.com/w40/it.png" alt="Italiano" class="flag-icon"> 
421        <span id="mobile-text">IT</span> 
422        <span>▼</span> 
423    </button> 
424</div>
425</li>
426                    </ul>
427                </nav>
428            </div>
429            <div><a class="d-none d-lg-flex book-a-table-btn scrollto" href="/meteo.html" style="font-size: 16px;text-align: center;margin-left: 0px;">METEO</a></div>
430        </div>
431    </header>
432    <main id="main">
433        <section class="why-us" style="padding-top: 132px;">
434            <div class="container" data-aos="fade-up">
435                <div class="section-title" style="padding-bottom: 15px;">
436                    <p style="color: rgb(86, 144, 224);">Per i turisti</p>
437                </div>
438                <div class="row">
439                    <div class="col-lg-4"><a href="turista/cosa-vedere.html">
440                            <div class="d-flex justify-content-between align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;">
441                                <h4>Cosa Visitare</h4><i class="fas fa-arrow-right" style="font-size: 40px;color: rgb(255,255,255);"></i>
442                            </div>
443                        </a></div>
444                    <div class="col-lg-4"><a href="/realmonte/gastronomia.html">
445                            <div class="d-flex justify-content-between align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;">
446                                <h4>Gastronomia</h4><i class="fas fa-arrow-right" style="font-size: 40px;color: rgb(255,255,255);"></i>
447                            </div>
448                        </a></div>
449                    <div class="col-lg-4"><a href="/realmonte/cultura-e-tradizioni.html">
450                            <div class="d-flex justify-content-between align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;">
451                                <h4>Cultura e Tradizioni</h4><i class="fas fa-arrow-right" style="font-size: 40px;color: rgb(255,255,255);"></i>
452                            </div>
453                        </a></div>
454                    <div class="col-lg-4"><a href="/turista/dove-mangiare-e-servizi.html">
455                            <div class="d-flex justify-content-between align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;">
456                                <h4>Dove Mangiare + Servizi</h4><i class="fas fa-arrow-right" style="font-size: 40px;color: rgb(255,255,255);"></i>
457                            </div>
458                        </a></div>
459                    <div class="col-lg-4"><a href="/turista/dove-dormire.html">
460                            <div class="d-flex justify-content-between align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-bottom: 10px;">
461                                <h4>Dove Dormire</h4><i class="fas fa-arrow-right" style="font-size: 40px;color: rgb(255,255,255);"></i>
462                            </div>
463                        </a></div>
464                    <div class="col-lg-4"><a href="index.html#dintorni">
465                            <div class="d-flex justify-content-between align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-bottom: 10px;">
466                                <h4>Dintorni</h4><i class="fas fa-arrow-right" style="font-size: 40px;color: rgb(255,255,255);"></i>
467                            </div>
468                        </a></div>
469                    <div class="col-lg-4"><a href="Dove_mangiare_altri_servizi/generi_alimentari_e_supermercati_fruttivendoli_macellerie_aziende_agricole_e_apicoltori/altri_servizi.html"></a></div>
470                </div>
471                <div class="section-title" style="padding-bottom: 15px;">
472                    <p style="color: rgb(86, 144, 224);">Numeri di Emergenza e Taxi</p>
473                </div>
474                <div class="row">
475                    <div class="col-lg-4" style="margin-bottom: 10px;"><a>
476                            <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 26px;">
477                                <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/CARABINIERI.png" style="width: 241px;margin-top: 35px;"><a href="tel:112">
478                                        <h4 style="font-size: 45px;text-align: center;margin-bottom: 0px;">112</h4>
479                                    </a><a href="tel: 0922816253">
480                                        <h4 style="font-size: 45px;text-align: center;margin-top: 0px;margin-bottom: 0px;">&nbsp;0922 8162 53</h4>
481                                    </a>
482                                    <h4 style="font-size: 40px;text-align: center;">Carabinieri</h4>
483                                </div>
484                            </div>
485                        </a></div>
486                    <div class="col-lg-4" style="margin-bottom: 10px;"><a href="tel:113">
487                            <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;">
488                                <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/polizia-di-stato.png" style="width: 216px;margin-top: 35px;">
489                                    <h4 style="font-size: 45px;text-align: center;">&nbsp;113</h4>
490                                    <h4 style="font-size: 40px;text-align: center;">Polizia di Stato</h4>
491                                </div>
492                            </div>
493                        </a></div>
494                    <div class="col-lg-4" style="margin-bottom: 10px;"><a href="tel:115">
495                            <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;">
496                                <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/vigili-del-fuoco.png" style="width: 216px;margin-top: 35px;">
497                                    <h4 style="font-size: 45px;text-align: center;">&nbsp;115</h4>
498                                    <h4 style="font-size: 40px;text-align: center;">Vigili del Fuoco</h4>
499                                </div>
500                            </div>
501                        </a></div>
502                    <div class="col-lg-4" style="margin-bottom: 10px;"><a href="tel:118">
503                            <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;">
504                                <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/ambulanza.png" style="width: 207px;margin-top: 35px;">
505                                    <h4 style="font-size: 45px;text-align: center;">&nbsp;118</h4>
506                                    <h4 style="font-size: 40px;text-align: center;">Ambulanza</h4>
507                                </div>
508                            </div>
509                        </a></div>
510                    <div class="col-lg-4" style="margin-bottom: 10px;"><a href="tel:0922422543">
511                            <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;">
512                                <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/guardia-medica.jpg" style="width: 209px;margin-top: 35px;border-radius: 16px;">
513                                    <h4 style="font-size: 45px;text-align: center;">&nbsp;0922 442 543</h4>
514                                    <h4 style="font-size: 40px;text-align: center;">Guardia Medica</h4>
515                                </div>
516                            </div>
517                        </a></div>
518                    <div class="col-lg-4" style="margin-bottom: 10px;"><a>
519                            <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;">
520                                <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/Guardia_Costiera.png" style="width: 241px;margin-top: 35px;"><a href="tel:1530">
521                                        <h4 style="font-size: 45px;text-align: center;margin-bottom: 0px;">1530</h4>
522                                    </a><a href="tel:0922531811">
523                                        <h4 style="font-size: 45px;text-align: center;margin-top: 0px;margin-bottom: 0px;">&nbsp;0922 531 811</h4>
524                                    </a>
525                                    <h4 style="font-size: 40px;text-align: center;">Guardia Costiera</h4>
526                                </div>
527                            </div>
528                        </a></div>
529                    <div class="col-lg-4" style="margin-bottom: 10px;">
530                        <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;">
531                            <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/vigili-urbani.png" style="width: 241px;margin-top: 35px;border-width: 0px;border-style: solid;border-radius: 25px;"><a href="tel:0922816577">
532                                    <h4 style="font-size: 45px;text-align: center;margin-bottom: 0px;">0922 816 577&nbsp;</h4>
533                                </a><a href="tel:0922810809"></a>
534                                <h4 style="font-size: 40px;text-align: center;">Vigili Urbani</h4>
535                            </div>
536                        </div>
537                    </div>
538                    <div class="col-lg-4" style="margin-bottom: 10px;">
539                        <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;">
540                            <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/logo-farmacia.jpg" style="width: 283px;margin-top: 35px;border-width: 0px;border-style: solid;border-radius: 25px;height: 240.75px;"><a href="tel:0922816237">
541                                    <h4 style="font-size: 45px;text-align: center;margin-bottom: 0px;">0922 816 237</h4>
542                                </a>
543                                <h4 style="font-size: 40px;text-align: center;">Farmacia</h4>
544                            </div>
545                        </div>
546                    </div>
547                </div>
548            </div>
549            <div class="container" data-aos="fade-up">
550                <div class="section-title" style="padding-bottom: 0px;">
551                    <p class="d-flex d-xl-flex align-items-center align-items-xl-center" style="color: rgb(86, 144, 224);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc. -->
552                            <path d="M192 0c-17.7 0-32 14.3-32 32l0 32 0 .2c-38.6 2.2-72.3 27.3-85.2 64.1L39.6 228.8C16.4 238.4 0 261.3 0 288L0 432l0 48c0 17.7 14.3 32 32 32l32 0c17.7 0 32-14.3 32-32l0-48 320 0 0 48c0 17.7 14.3 32 32 32l32 0c17.7 0 32-14.3 32-32l0-48 0-144c0-26.7-16.4-49.6-39.6-59.2L437.2 128.3c-12.9-36.8-46.6-62-85.2-64.1l0-.2 0-32c0-17.7-14.3-32-32-32L192 0zM165.4 128l181.2 0c13.6 0 25.7 8.6 30.2 21.4L402.9 224l-293.8 0 26.1-74.6c4.5-12.8 16.6-21.4 30.2-21.4zM96 288a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm288 32a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path>
553                        </svg>&nbsp;Taxi</p>
554                </div>
555                <div class="row">
556                    <div class="col-lg-4"><a>
557                            <div data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" class="box" style="padding-top: 5px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;">
558                                <h4 style="text-align: center;">Arcuri Sicily Transfer</h4><a href="tel:351 354 0644">
559                                    <h4 style="font-size: 30px;text-align: center;margin-top: 0px;margin-bottom: 0px;padding-bottom: 20px;">+39 351 354 0644</h4>
560                                </a>
561                            </div>
562                        </a></div>
563                    <div class="col-lg-4"><a href="tel:3298441120">
564                            <div data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" class="box" style="padding-top: 5px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;">
565                                <h4 style="text-align: center;">Sig. Cappello</h4><a href="tel:3298441120">
566                                    <h4 style="font-size: 30px;text-align: center;margin-top: 0px;margin-bottom: 0px;padding-bottom: 20px;">+39 329 844 1120</h4>
567                                </a>
568                            </div>
569                        </a></div>
570                    <div class="col-lg-4"><a>
571                            <div data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" class="box" style="padding-top: 5px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;">
572                                <h4 style="text-align: center;">Sig. Cirasolo</h4><a href="tel:360284462">
573                                    <h4 style="font-size: 30px;text-align: center;margin-top: 0px;margin-bottom: 0px;padding-bottom: 20px;">+39 360 2844 62</h4>
574                                </a><a href="tel:3392499731">
575                                    <h4 style="font-size: 30px;text-align: center;margin-top: 0px;margin-bottom: 0px;padding-bottom: 20px;">+39 339 2499 731</h4>
576                                </a>
577                            </div>
578                        </a></div>
579                </div>
580            </div>
581        </section>
582    </main>
583    <div id="preloader" style="background: rgb(255,255,255);">
584        <div class="d-xl-flex justify-content-xl-center" style="text-align: center;position: fixed;top: calc(50% - 130px);left: calc(50% - 130px);"><img class="img-fluid pulse animated infinite" src="/assets/img/pro-loco-black.png" style="width: 278px;"></div>
585    </div>
585<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="2a4b334d-49b9-47c3-adb8-77fcbd39e9d5" data-blockingmode="auto" type="text/javascript"></script>
585
586    <footer id="footer" style="background: #1E549F;">
587        <div class="footer-top" style="background: #266ED3;border-width: 0px;">
588            <div class="container">
589                <div class="row d-xl-flex justify-content-xl-center">
590                    <div class="col d-xl-flex align-items-xl-center" style="text-align: right;"><a href="/index.html"><img class="img-fluid d-sm-flex justify-content-sm-center" src="/assets/img/pro-loco-white.png" style="width: 347px;" href="/index.html"></a></div>
591                    <div class="col-md-6 col-lg-3">
592                        <div class="footer-info">
593                            <h3>PRO LOco di REALMONTE</h3>
594                            <p style="font-family: &quot;Playfair Display&quot;, serif;font-size: 15px;">Via Portella delle Ginestre, 12<br>92010 Realmonte AG<br><br><strong>Telefono:</strong>&nbsp;<a href="tel:0922814607" style="color: rgb(255,255,255);font-family: &quot;Playfair Display&quot;, serif;">+39 0922 814607</a>&nbsp;<br><strong>Cellulare:</strong><a href="tel:3791902210" style="color: rgb(255,255,255);font-family: &quot;Playfair Display&quot;, serif;">&nbsp;+39 3791902220</a><br><strong>Email:&nbsp;</strong><a href="mailto:[email protected]" style="font-family: &quot;Playfair Display&quot;, serif;color: rgb(255,255,255);">[email protected]</a><br><strong>Pec:&nbsp;</strong><a href="mailto:[email protected]" style="font-family: &quot;Playfair Display&quot;, serif;color: rgb(255,255,255);">[email protected]</a></p>
595                            <div class="d-lg-flex mt-3 social-links"><a href="https://www.facebook.com/prolocorealmonte" class="facebook"><i class="bx bxl-facebook"></i></a><a href="https://www.instagram.com/pro_loco_realmonte?igsh=amtyZXYzMnAyNXMy" class="instagram"><i class="bx bxl-instagram"></i></a></div>
596                        </div>
597                    </div>
598                    <div class="col-md-6 col-lg-2 footer-links">
599                        <h4>Link Utili</h4>
600                        <ul>
601                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/index.html" style="font-family: &quot;Playfair Display&quot;, serif;">Home</a></li>
602                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/chi-siamo.html" style="font-family: &quot;Playfair Display&quot;, serif;">Chi Siamo</a></li>
603                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/contatti.html" style="font-family: &quot;Playfair Display&quot;, serif;">Contatti</a></li>
604                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/meteo.html" style="font-family: &quot;Playfair Display&quot;, serif;">Meteo</a></li>
605                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/privacy-policy.html" style="font-family: &quot;Playfair Display&quot;, serif;">Privacy Policy</a></li>
606                        </ul>
607                    </div>
608                    <div class="col-md-6 col-lg-3 footer-links">
609                        <h4>Enti e organismi associati</h4>
610                        <ul>
611                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="https://www.unpli.info" target="_blank" style="font-family: &quot;Playfair Display&quot;, serif;">Pro Loco d'Italia</a></li>
612                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="http://www.comune.realmonte.ag.it" target="_blank" style="font-family: &quot;Playfair Display&quot;, serif;">Comune di Realmonte</a></li>
613                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="https://www.facebook.com/pietanzescaladeiturchi" target="_blank" style="font-family: &quot;Playfair Display&quot;, serif;">Comunità del Cibo Realmontese</a></li>
614                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="https://www.istitutogaribaldi.edu.it/" style="font-family: &quot;Playfair Display&quot;, serif;" target="_blank">Istituto comprensivo G. Garibaldi di Realmonte</a></li>
615                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="https://www.facebook.com/parrocchiarealmonte" style="font-family: &quot;Playfair Display&quot;, serif;" target="_blank">Parrocchia San Domenico di Realmonte</a></li>
616                        </ul>
617                    </div>
618                </div>
619            </div>
620        </div>
621        <div class="container">
622            <div class="copyright"><strong><span>PRO LOCO REALMONTE<span> ©&nbsp;</span>2025</span></strong><span>. TUTTI I DIRITTI RISERVATI</span></div>
623            <div class="credits"><span>Le immagini presenti su questo sito, qualora non sia espressamente indicata la fonte, sono considerate di pubblico dominio.<br><br>Se ritenete di detenere i diritti d'autore su alcune di esse e desiderate che vengano attribuiti i crediti o che le immagini siano rimosse, vi preghiamo di contattarci inviando una mail all'indirizzo&nbsp;<br><a href="mailto:[email protected]"><span style="color: rgb(255, 255, 255);">[email protected]</span></a>&nbsp;oppure telefonando ai numeri di contatto disponibili sul nostro 
623sito.<br><br>Provvederemo tempestivamente a verificare la vostra richiesta e ad apportare le modifiche necessarie.</span></div>
624            <div class="credits"><span>Sito web creato da:&nbsp;</span><a href="https://pasqualegaglianopisa.netlify.app/" target="_blank">Pasquale Pio Gagliano Pisa</a><span>&nbsp;e&nbsp;</span><a href="https://thomasbrunogallo.netlify.app/" target="_blank">Thomas Bruno Gallo</a></div>
625        </div>
625<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="2a4b334d-49b9-47c3-adb8-77fcbd39e9d5" data-blockingmode="auto" type="text/javascript"></script>
625
626    </footer><style>
627
628    .service-link {
629    cursor: pointer !important;
630}
631
632.service-link:hover {
633    cursor: pointer !important;
634}
635    /* Notifica con fade */
636        .fade-notification {
637            position: fixed;
638            top: 50%;
639            left: 50%;
640            transform: translate(-50%, -50%);
641            width: 90%;
642            max-width: 400px;
643            background: rgba(12,11,9,0.95);
644            color: white;
645            padding: 30px;
646            border-radius: 15px;
647            box-shadow: 0 20px 60px rgba(0,0,0,0.4);
648            z-index: 1000;
649            backdrop-filter: blur(15px);
650            text-align: center;
651            opacity: 0;
652            visibility: hidden;
653            transition: all 0.4s ease;
654        }
655
656        .fade-notification.show {
657            opacity: 1;
658            visibility: visible;
659        }
660
661        .notification-title {
662            font-size: 20px;
663            font-weight: bold;
664            margin-bottom: 15px;
665            color: #ffffff;
666        }
667
668        .notification-text {
669            font-size: 16px;
670            line-height: 1.6;
671            margin-bottom: 25px;
672            color: #e5e5e5;
673        }
674
675        .notification-btn {
676            background: #266ed3;
677            color: white;
678            border: none;
679            padding: 14px 30px;
680            border-radius: 25px;
681            cursor: pointer;
682            font-size: 16px;
683            font-weight: 600;
684            transition: all 0.3s ease;
685            width: 100%;
686            max-width: 200px;
687        }
688
689        .notification-btn:hover {
690            background: #5690e0;
691            transform: translateY(-2px);
692            box-shadow: 0 8px 20px rgba(38, 110, 211, 0.3);
693        }
694
695        /* Overlay per sfondo */
696        .notification-overlay {
697            position: fixed;
698            top: 0;
699            left: 0;
700            width: 100%;
701            height: 100%;
702            background: rgba(0,0,0,0.5);
703            z-index: 999;
704            opacity: 0;
705            visibility: hidden;
706            transition: all 0.4s ease;
707        }
708
709        .notification-overlay.show {
710            opacity: 1;
711            visibility: visible;
712        }
713
714        /* Responsive */
715        @media (max-width: 768px) {
716            .fade-notification {
717                width: 95%;
718                padding: 25px 20px;
719            }
720
721            .notification-title {
722                font-size: 18px;
723            }
724
725            .notification-text {
726                font-size: 14px;
727            }
728
729            .notification-btn {
730                font-size: 14px;
731                padding: 12px 25px;
732            }
733        }
734
735        /* Demo container styling */
736        .demo-container {
737            min-height: 200px;
738            display: flex;
739            align-items: center;
740            justify-content: center;
741        }
742    </style>
743
744     <!-- Overlay per sfondo -->
745    <div class="notification-overlay" id="notificationOverlay"></div>
746    
747     <!-- Notifica con fade -->
748    <div class="fade-notification" id="fadeNotification">
749        <div class="notification-title">Pagina in Arrivo!</div>
750        <div class="notification-text">
751            Questa sezione non è ancora disponibile, ma lo sarà molto presto! Stiamo lavorando per offrirvi nuovi contenuti e servizi utili per la vostra visita a Realmonte.
752        </div>
753        <button class="notification-btn" onclick="closeNotification()">Ho Capito</button>
754    </div>
755    
756     
756<script>
757        (function() {
758            'use strict';
759            
760            // Intercetta tutti i click sui link .service-link prima di altri handler
761            document.addEventListener('click', function(e) {
762                const target = e.target.closest('.service-link');
763                if (target) {
764                    // Ferma immediatamente tutti gli eventi
765                    e.preventDefault();
766                    e.stopPropagation();
767                    e.stopImmediatePropagation();
768                    
769                    // Mostra la notifica con fade
770                    showNotification();
771                    
772                    return false;
773                }
774            }, true); // true = capturing phase, prima di altri event listeners
775            
776            function showNotification() {
777                const notification = document.getElementById('fadeNotification');
778                const overlay = document.getElementById('notificationOverlay');
779                
780                if (notification && overlay) {
781                    // Mostra overlay e notifica
782                    overlay.classList.add('show');
783                    notification.classList.add('show');
784                }
785            }
786            
787            // Funzione globale per chiudere la notifica
788            window.closeNotification = function() {
789                const notification = document.getElementById('fadeNotification');
790                const overlay = document.getElementById('notificationOverlay');
791                
792                if (notification && overlay) {
793                    // Nascondi con fade
794                    notification.classList.remove('show');
795                    overlay.classList.remove('show');
796                }
797            }
798            
799            // Chiudi con ESC
800            document.addEventListener('keydown', function(e) {
801                if (e.key === 'Escape') {
802                    closeNotification();
803                }
804            });
805            
806            // Chiudi cliccando sull'overlay
807            const overlay = document.getElementById('notificationOverlay');
808            if (overlay) {
809                overlay.addEventListener('click', closeNotification);
810            }
811        })();
812    </script>
812<a class="d-flex justify-content-center align-items-center back-to-top" data-action="scroll-top">
812<script>
813(function() {
814  'use strict';
815  
816  // Intercetta tutti i click prima che Bootstrap Studio li gestisca
817  document.addEventListener('click', function(e) {
818    const target = e.target.closest('.back-to-top');
819    if (target) {
820      // Ferma immediatamente tutti gli eventi
821      e.preventDefault();
822      e.stopPropagation();
823      e.stopImmediatePropagation();
824      
825      // Scroll immediato
826      document.documentElement.scrollTop = 0;
827      document.body.scrollTop = 0;
828      
829      return false;
830    }
831  }, true); // true = capturing phase, prima di altri event listeners
832  
833  // Gestione della visibilità del pulsante
834  function toggleBackToTop() {
835    const backToTop = document.querySelector('.back-to-top');
836    if (backToTop) {
837      if (window.scrollY > 100) {
838        backToTop.classList.add('active');
839      } else {
840        backToTop.classList.remove('active');
841      }
842    }
843  }
844  
845  window.addEventListener('scroll', toggleBackToTop);
846  window.addEventListener('load', toggleBackToTop);
847})();
848</script>
848<svg class="bi bi-arrow-up-short" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 28px;">
849            <path fill-rule="evenodd" d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5"></path>
850        </svg></a><!-- ATTENZIONE, EVENTUALE DOPPIONE. CONTROLLARE AVVENUTA MODIFICA NELLE PAGINE -->
851
852<div id="language-suggestion-banner" style="display: none;">
853  <span id="language-suggestion-text"></span>
854  
855  <a href="#" id="language-suggestion-link" class="btn btn-sm btn-light"></a>
856  
857  <button type="button" id="dismiss-language-banner" class="dismiss-btn">Don't show this again</button>
858  
859  <button type="button" id="close-language-banner" class="close-banner-btn">&times;</button>
860</div>
861
862<style>
863   #language-suggestion-banner {
864  position: fixed;
865  bottom: 0;
866  left: 0;
867  width: 100%;
868  /* Sfondo scuro e trasparente, in linea con il tuo header */
869  background-color: rgba(12, 11, 9, 0.85);
870  color: #f8f9fa;
871  /* Padding aumentato per rendere la sezione più grande */
872  padding: 20px;
873  display: flex;
874  justify-content: center;
875  align-items: center;
876  z-index: 1050;
877  box-shadow: 0 -2px 15px rgba(0,0,0,0.3);
878  font-size: 16px; /* Font più grande */
879}
880
881#language-suggestion-banner span {
882  margin-right: 15px;
883}
884
885/* Stile per il nuovo pulsante "Non visualizzare più" */
886.dismiss-btn {
887  background: none;
888  border: none;
889  color: #adb5bd; /* Colore grigio per renderlo meno prominente */
890  text-decoration: underline;
891  cursor: pointer;
892  margin-left: 20px;
893  font-size: 14px;
894  transition: color 0.3s ease;
895}
896.dismiss-btn:hover {
897  color: #fff;
898}
899
900/* Stile per il pulsante di chiusura (la 'x') */
901.close-banner-btn {
902  position: absolute;
903  right: 20px;
904  top: 50%;
905  transform: translateY(-50%);
906  background: none;
907  border: none;
908  color: #fff;
909  font-size: 28px;
910  line-height: 1;
911  cursor: pointer;
912  opacity: 0.7;
913}
914.close-banner-btn:hover {
915  opacity: 1;
916}
917    @media (max-width: 768px) {
918
919  /* 1. Cambia il layout del banner da riga a colonna */
920  #language-suggestion-banner {
921    flex-direction: column; /* Stacka gli elementi verticalmente */
922    text-align: center;
923    padding-top: 25px;
924    padding-bottom: 25px;
925  }
926
927  /* 2. Aggiusta i margini per la nuova disposizione */
928  #language-suggestion-banner span {
929    margin-right: 0;      /* Rimuove il margine destro */
930    margin-bottom: 15px;  /* Aggiunge spazio sotto il testo */
931  }
932
933  /* Il pulsante principale ora sta sopra quello "non visualizzare più" */
934  #language-suggestion-link {
935    margin-bottom: 15px;
936  }
937
938  /* Rimuove il margine laterale dal pulsante "Non visualizzare più" */
939  .dismiss-btn {
940    margin-left: 0;
941  }
942
943  /* 3. Riposiziona la 'X' di chiusura in alto a destra */
944  .close-banner-btn {
945    top: 10px;
946    right: 15px;
947    transform: none; /* Annulla la centratura verticale che non serve più */
948  }
949
950}
951</style>
952
953<script>
954document.addEventListener('DOMContentLoaded', function() {
955  // 1. Controlla se l'utente ha scelto di NON vederlo MAI PIÙ
956  if (localStorage.getItem('languageBannerDismissed')) {
957    return; // Esce e non fa nulla
958  }
959
960  const browserLang = (navigator.language || navigator.userLanguage).toLowerCase();
961
962  // 2. Controlla se la lingua del browser NON è italiano
963  if (!browserLang.startsWith('it')) {
964    // Seleziona tutti gli elementi del banner
965    const banner = document.getElementById('language-suggestion-banner');
966    const bannerText = document.getElementById('language-suggestion-text');
967    const bannerLink = document.getElementById('language-suggestion-link');
968    const dismissBtn = document.getElementById('dismiss-language-banner');
969    const closeBtn = document.getElementById('close-language-banner');
970    
971    // Imposta il testo e il link del banner (suggerendo la versione INGLESE)
972    bannerText.textContent = "This site is also available in English. [UNDER COSTRUCTION]";
973    bannerLink.textContent = "View English Version";
974    bannerLink.href = '/en/'; // Link alla homepage inglese
975
976    // Mostra il banner
977    banner.style.display = 'flex';
978
979    // Gestione click su "Don't show again"
980    dismissBtn.addEventListener('click', function() {
981      banner.style.display = 'none';
982      localStorage.setItem('languageBannerDismissed', 'true');
983    });
984
985    // Gestione click sulla "X" (chiusura temporanea)
986    closeBtn.addEventListener('click', function() {
987      banner.style.display = 'none';
988    });
989  }
990});
991</script>
991
992    
992<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
992
993    
993<script src="/assets/js/./embed/animation/aos.min.js"></script>
993
994    
994<script src="/assets/js/bs-init.js"></script>
994
995    
995<script src="/assets/js/vendor/aos/aos.js"></script>
995
996    
996<script src="/assets/js/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
996
997    
997<script src="/assets/js/vendor/glightbox/js/glightbox.min.js"></script>
997
998    
998<script src="/assets/js/vendor/isotope-layout/isotope.pkgd.min.js"></script>
998
999    
999<script src="/assets/js/vendor/swiper/swiper-bundle.min.js"></script>
999
1000    
1000<script src="/assets/js/js/main.js"></script>
1000
1001    
1001<script src="/assets/js/Simple-Slider-swiper-bundle.min.js"></script>
1001
1002    
1002<script src="/assets/js/Simple-Slider.js"></script>
1002
1003</body>
1004
1005</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.