PageSourceSearch

https://www.infoelba.it/dove-dormire/ricerca/

html infoelba.it collected 2026-09-24 23:06:15 UTC 102,743 bytes, 1,655 lines download raw bytes

1<!DOCTYPE html>
2
3<html lang="it"
4	class="m-0 p-0"
5	xmlns:og="http://opengraphprotocol.org/schema/" 
6	xmlns:fb="http://www.facebook.com/2008/fbml">
7<head>
8<!-- Consent Management Platform (acconsento): caricata per prima cosi' il
9     suo patch al DOM e' attivo quando third-party-delayed.asp inietta gli
10     script di terze parti (GTM, Facebook Pixel, Clarity). Vedi bottom.asp. -->
11
12
13<script src="https://acconsento.click/script.js"
14	id="acconsento-script"
15	async
16	data-key="35dUJC46mms7ntjCcTC75jPWRElmsdYPj5qIP7WP"></script>
vendor: 2 bytes, line 16
16
17<script>
18	window.loadEvents = [];
19	window.addInit = function(fn) {
20		window.loadEvents.push(fn);
21	};
22</script>
22
23
24	<title>Ricerca strutture - Isola d'Elba</title>
25	<meta name="description" content="Cerca strutture ricettive sull'Isola d'Elba. Trova hotel, appartamenti, residence, campeggi e agriturismi per la tua vacanza."/>
26	<meta name="keywords" content="isola delba, vacanze elba"/>
27
28	<link rel="canonical" href="https://www.infoelba.it/dove-dormire/ricerca/" />
29	<meta property="og:title" content="Ricerca strutture - Isola d'Elba"/>
30	<meta property="og:url" content="https://www.infoelba.it/dove-dormire/ricerca/"/>
31	<meta property="og:site_name" content="Infoelba - Informazioni sull'Isola d'Elba"/>
32	<meta property="og:description" content="Cerca strutture ricettive sull'Isola d'Elba. Trova hotel, appartamenti, residence, campeggi e agriturismi per la tua vacanza."/>
33	<meta property="og:locale" content="it_IT"/>
34	<meta property="fb:app_id" content="152755874746415"/>
35	<meta property="fb:admins" content="1524497938,1118752100"/>
36	<meta property="og:image" content="https://www.infoelba.it/foto-isola-delba/isola-d-elba/panorami/scogliere-isola-elba-dsc_6624.jpg"/>
37	<meta property="og:image:type" content="image/jpeg"/>
38	<meta charset="UTF-8" />
39	<meta name="language" content="it" />
40	<meta name="author" content="Infoelba srl" />
41	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
42  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
43	
44	<meta name="msvalidate.01" content="3A7E7112C6AFB5CB57708C240490F49D" />
45	<meta name="y_key" content="737ccc5c73d56c29" />
46	<meta name="google-site-verification" content="uzaoiGq6b-vMvH1qAZ_0F-5QtKOIveFDkvDaD4S7AuA" />
47	
48	<link rel="author" href="/humans.txt" />
49	
50	<link rel="apple-touch-icon" sizes="57x57" href="/assets/favicon/apple-touch-icon-57x57.png?v=114" />
51	<link rel="apple-touch-icon" sizes="114x114" href="/assets/favicon/apple-touch-icon-114x114.png?v=114" />
52	<link rel="apple-touch-icon" sizes="72x72" href="/assets/favicon/apple-touch-icon-72x72.png?v=114" />
53	<link rel="apple-touch-icon" sizes="144x144" href="/assets/favicon/apple-touch-icon-144x144.png?v=114" />
54	<link rel="apple-touch-icon" sizes="60x60" href="/assets/favicon/apple-touch-icon-60x60.png?v=114" />
55	<link rel="apple-touch-icon" sizes="120x120" href="/assets/favicon/apple-touch-icon-120x120.png?v=114" />
56	<link rel="apple-touch-icon" sizes="76x76" href="/assets/favicon/apple-touch-icon-76x76.png?v=114" />
57	<link rel="apple-touch-icon" sizes="152x152" href="/assets/favicon/apple-touch-icon-152x152.png?v=114" />
58	<meta name="apple-mobile-web-app-title" content="Infoelba - Vacanze all'Isola d'Elba" />
59	<link rel="icon" type="image/x-icon" href="/assets/favicon/favicon.ico?v=114" sizes="48x48 32x32 16x16" />
60	<link rel="icon" type="image/png" href="/assets/favicon/favicon-196x196.png?v=114" sizes="196x196" />
61	<link rel="icon" type="image/png" href="/assets/favicon/favicon-160x160.png?v=114" sizes="160x160" />
62	<link rel="icon" type="image/png" href="/assets/favicon/favicon-96x96.png?v=114" sizes="96x96" />
63	<link rel="icon" type="image/png" href="/assets/favicon/favicon-16x16.png?v=114" sizes="16x16" />
64	<link rel="icon" type="image/png" href="/assets/favicon/favicon-32x32.png?v=114" sizes="32x32" />
65	<meta name="msapplication-TileColor" content="#2d89ef" />
66	<meta name="msapplication-TileImage" content="/assets/favicon/mstile-144x144.png?v=114" />
67	<meta name="application-name" content="Infoelba - Vacanze all'Isola d'Elba" />
68	<meta name="referrer" content="always" />
69<link rel="alternate" hreflang="de" href="https://www.infoelba.net/wo-schlafen/suche/" />
70<link rel="alternate" hreflang="en" href="https://www.infoelba.com/where-to-sleep/search/" />
71<link rel="alternate" hreflang="fr" href="https://www.iledelbe.net/ou-dormir/recherche/" />
72<link rel="alternate" hreflang="it" href="https://www.infoelba.it/dove-dormire/ricerca/" />
73
74<link href="/assets/css/font-quicksand.min.css?v=114" rel="stylesheet" type="text/css" media="all" />
75<link href="/assets/css/leaflet.min.css?v=114" rel="stylesheet" type="text/css" media="all" />
76<link href="/assets/css/style.min.css?v=114" rel="stylesheet" type="text/css" media="screen,print" />
77<link href="/assets/css/icons.min.css?v=114" rel="stylesheet" type="text/css" media="screen,print" />
78
79
80</head>
81<body id="page-377" class="m-0 p-0 text-base tpl-structure-search">
82
83
84<a class="skip-link" href="#main-content">Salta al contenuto principale</a>
85
86<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 86-87
86
87<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
87GTM-W3FQMDH
vendor: 83 bytes, lines 87-88
87"
88height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
89<!-- End Google Tag Manager (noscript) -->
90
91
92
93
94<script>
95	window.dataLayer = window.dataLayer || [];
96  	function gtag(){
97		dataLayer.push(arguments);
98	}
99  	gtag('js', new Date());
100
101  	gtag('config', 'GTM-W3FQMDH', {
102		'linker': {
103			'domains': ['infoelba.com','infoelba.net','iledelbe.net']
104		},
105		'anonymize_ip': true
106	});
107	
108	
109</script>
109
110
111<div id="wrapper">
112	<div id="menu-pusher" class="menu-pusher">
113		<nav id="mp-menu" class="mp-menu lg:hidden" role="navigation">
114	<div class="mp-level">
115		<ul>
116		<li><a href="/" class="full" >
117							Home</a>
118						</li>
119						<li class="icon-arrow-left">
120							<a href="#"
121								class="link">
122								Muoversi
123							</a>
124							<div class="mp-level">
125								<h2>Muoversi</h2>
126								<a class="mp-back" href="#">Indietro</a>
127								<ul>
128								
129											<li>
130												<a href="/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/"
131													>
132													Noleggi
133													<span class="hidden-xs hidden-sm"></span>
134												</a>
135											</li>
136										
137											<li>
138												<a href="/arrivare-muoversi/muoversi-sull-isola/taxi/"
139													>
140													Taxi
141													<span class="hidden-xs hidden-sm"></span>
142												</a>
143											</li>
144										
145											<li>
146												<a href="/arrivare-muoversi/muoversi-sull-isola/autobus/"
147													>
148													Autobus
149													<span class="hidden-xs hidden-sm"></span>
150												</a>
151											</li>
152										
153											<li>
154												<a href="/informazioni-utili/numeri-indirizzi-utili/servizi-camper-roulotte/"
155													>
156													Parcheggi
157													<span class="hidden-xs hidden-sm"></span>
158												</a>
159											</li>
160										
161								</ul>
162							</div>
163						</li>
164					<li><a href="/dove-dormire/ricerca/" class="full" >
165							Dormire</a>
166						</li><li><a href="/mangiare/ristoranti-pizzerie/" class="full" >
167							Mangiare</a>
168						</li>
169						<li class="icon-arrow-left">
170							<a href="#"
171								class="link">
172								Mare
173							</a>
174							<div class="mp-level">
175								<h2>Mare</h2>
176								<a class="mp-back" href="#">Indietro</a>
177								<ul>
178								
179											<li>
180												<a href="/isola-d-elba/spiagge/"
181													>
182													Spiagge
183													<span class="hidden-xs hidden-sm"></span>
184												</a>
185											</li>
186										
187											<li>
188												<a href="/isola-d-elba/spiagge/stabilimenti-balneari/"
189													>
190													Stabilimenti
191													<span class="hidden-xs hidden-sm"></span>
192												</a>
193											</li>
194										
195											<li>
196												<a href="/sport-tempo-libero/sport-mare/diving/"
197													>
198													Diving
199													<span class="hidden-xs hidden-sm"></span>
200												</a>
201											</li>
202										
203											<li>
204												<a href="/sport-tempo-libero/sport-mare/vela/"
205													>
206													Vela
207													<span class="hidden-xs hidden-sm"></span>
208												</a>
209											</li>
210										
211								</ul>
212							</div>
213						</li>
214					<li><a href="/isola-d-elba/escursioni-guidate/" class="full" >
215							Escursioni</a>
216						</li><li><a href="/sport-tempo-libero/" class="full" >
217							Sport</a>
218						</li><li><a href="/isola-d-elba/luoghi-da-visitare/" class="full" >
219							Luoghi da visitare</a>
220						</li><li><a href="/offerte-isola-delba/" class="full" >
221							Offerte</a>
222						</li><li><a href="/last-minute-isola-delba/" class="full" >
223							Last Minute</a>
224						</li><li><a href="/arrivare-muoversi/come-arrivare/traghetti/prenotazione/" class="full" >
225							Traghetti</a>
226						</li>
227		</ul>
228	</div>
229</nav>
230		<div id="page-content-wrapper">
231			<div id="page-content-inner">
232				
233<header class="bg-primary sticky top-0 z-[51] shadow-md lg:static lg:shadow-none py-2 lg:py-4">
234	<div class="flex items-center justify-between max-w-7xl mx-auto">
235		
236			<button id="menu-trigger" class="text-white p-5 lg:hidden"
237				type="button"
238				aria-controls="mp-menu" aria-expanded="false">
239				<i class="fi fi-tr-bars-staggered text-lg " aria-hidden="true"></i>
240				<span class="sr-only">Menu</span>
241			</button>
242		
243
244		<a class="hidden lg:flex ml-4 items-center justify-center" href="/">
245			<img src="/assets/img/header-logo.png" alt="Infoelba - Dove natura è vacanza"
246				class="max-h-6 lg:max-h-12 lg:block" />
247			<!--<img src="/assets/img/natale/header-logo.png" alt="Infoelba - Dove natura è vacanza" class="animated tada x2"
248					width="324" height="83" />-->
249		</a>
250		<div class="min-w-32 lg:min-w-96">
251			
252<form method="get" action="/ricerca/" class="flex items-center" role="search">
253    <label for="q" class="sr-only">Cerca sul sito</label>
254    <input name="q" type="text" id="q" class=" w-full rounded-md border border-solid border-gray-300 bg-white text-gray-500 py-3 px-6 hover-hover:py-2 hover-hover:px-3 text-base font-medium outline-none focus:border-light-primary focus:shadow-md  !rounded-r-none !border-none" value=""
255        placeholder="Cerca sul sito " />
256    <button type="submit" class="btn btn-info !rounded-l-none !border-t-0 !border-r-0 !border-b-0 btn-sm flex items-center self-stretch">
257        <i class="fa fa-search text-base" aria-hidden="true"></i>
258        <span class="sr-only">Avvia la ricerca</span>
259    </button>
260</form>
261
262		</div>
263
264		
265
266<button data-dropdown-toggle="navbar-language-dropdown"
267  class="flex items-center gap-2 py-2 px-3 md:mr-4 text-white hover:text-primary rounded-md hover:bg-gray-50">
268  <img src="/assets/img/bandiere/it-IT.png" class="h-4" alt="" />
269  <span class="sr-only">Menù lingue</span>
270  <i class="fi fi-ts-angle-small-down "></i>
271</button>
272<div id="navbar-language-dropdown" class="z-[51] hidden font-normal bg-white divide-y divide-gray-100 rounded-lg shadow-sm w-auto p-3">
273  <ul class="flex flex-col gap-2 text-white">
274    
275            <li>
276              <a href="https://www.infoelba.it/dove-dormire/ricerca/" hreflang="it" class="p-2 flex items-center rounded-md gap-1 text-gray-600 hover:bg-amber-500/10">
277                <img src="/assets/img/bandiere/it-IT.png" alt="" class="w-auto h-4" />
278                Italiano
279              </a>
280            </li>
281          
282            <li>
283              <a href="https://www.infoelba.com/where-to-sleep/search/" hreflang="en" class="p-2 flex items-center rounded-md gap-1 text-gray-600 hover:bg-amber-500/10">
284                <img src="/assets/img/bandiere/en-GB.png" alt="" class="w-auto h-4" />
285                Inglese
286              </a>
287            </li>
288          
289            <li>
290              <a href="https://www.infoelba.net/wo-schlafen/suche/" hreflang="de" class="p-2 flex items-center rounded-md gap-1 text-gray-600 hover:bg-amber-500/10">
291                <img src="/assets/img/bandiere/de-DE.png" alt="" class="w-auto h-4" />
292                Tedesco
293              </a>
294            </li>
295          
296            <li>
297              <a href="https://www.iledelbe.net/ou-dormir/recherche/" hreflang="fr" class="p-2 flex items-center rounded-md gap-1 text-gray-600 hover:bg-amber-500/10">
298                <img src="/assets/img/bandiere/fr-FR.png" alt="" class="w-auto h-4" />
299                Francese
300              </a>
301            </li>
302          
303  </ul>
304</div>
305
306	</div>
307</header>
308
309
310<nav id="mainmenu-header" role="navigation" aria-label="Main nav" class="bg-primary hidden lg:block lg:sticky stick-stuck top-[-2px] pt-[2px] shadow-md z-50">
311  <div class="flex flex-wrap justify-center items-center mx-auto max-w-screen-xl p-4">
312    <div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1">
313      <ul class="flex font-medium space-x-2 lg:space-x-4">
314				<li id="mainmenu-header-logo" class="flex items-center">
315					<a href="/">
316						<img src="/assets/img/header-logo.png" alt="Infoelba - Dove natura è vacanza" class="h-0 max-h-6" />
317					</a>
318				</li>
319				
320							<li>
321								<button id="menuentry-456"
322									data-dropdown-toggle="menu-456-dropdown"
323									class="flex items-center gap-2 py-2 px-3 text-white rounded-md hover:text-primary hover:bg-gray-50 hover:no-underline active:text-primary active:bg-gray-50 active:no-underline focus:text-primary focus:bg-gray-50 focus:no-underline  transition-colors columns-2"
324								>
325									Dormire
326									<i class="fi fi-ts-angle-small-down"></i>
327								</button>
328							</li>
329						
330							<li>
331								<button id="menuentry-474"
332									data-dropdown-toggle="menu-474-dropdown"
333									class="flex items-center gap-2 py-2 px-3 text-white rounded-md hover:text-primary hover:bg-gray-50 hover:no-underline active:text-primary active:bg-gray-50 active:no-underline focus:text-primary focus:bg-gray-50 focus:no-underline  transition-colors columns-2"
334								>
335									Arrivare e muoversi
336									<i class="fi fi-ts-angle-small-down"></i>
337								</button>
338							</li>
339						
340							<li>
341								<button id="menuentry-457"
342									data-dropdown-toggle="menu-457-dropdown"
343									class="flex items-center gap-2 py-2 px-3 text-white rounded-md hover:text-primary hover:bg-gray-50 hover:no-underline active:text-primary active:bg-gray-50 active:no-underline focus:text-primary focus:bg-gray-50 focus:no-underline  transition-colors columns-2"
344								>
345									Isola d'Elba
346									<i class="fi fi-ts-angle-small-down"></i>
347								</button>
348							</li>
349						
350							<li>
351								<button id="menuentry-458"
352									data-dropdown-toggle="menu-458-dropdown"
353									class="flex items-center gap-2 py-2 px-3 text-white rounded-md hover:text-primary hover:bg-gray-50 hover:no-underline active:text-primary active:bg-gray-50 active:no-underline focus:text-primary focus:bg-gray-50 focus:no-underline  transition-colors columns-2"
354								>
355									Esperienze
356									<i class="fi fi-ts-angle-small-down"></i>
357								</button>
358							</li>
359						
360							<li>
361								<button id="menuentry-459"
362									data-dropdown-toggle="menu-459-dropdown"
363									class="flex items-center gap-2 py-2 px-3 text-white rounded-md hover:text-primary hover:bg-gray-50 hover:no-underline active:text-primary active:bg-gray-50 active:no-underline focus:text-primary focus:bg-gray-50 focus:no-underline  transition-colors columns-2"
364								>
365									Servizi
366									<i class="fi fi-ts-angle-small-down"></i>
367								</button>
368							</li>
369						
370				<li>
371					<button
372						data-src="/la-mia-scelta/"
373						data-toggle="modal"
374						data-ui-action="openModalIframe"
375						data-title="Preferiti"
376						class="flex items-center gap-2 py-2 px-3 text-white rounded-md hover:text-primary hover:bg-gray-50 hover:no-underline focus:no-underline active:no-underline transition-colors">
377						<span class="favorites-badge"><i class="fa fa-heart"></i> 0</span>
378					</button>
379				</li>
380    	</ul>
381  	</div>
382	</div>
383</nav>
384
385<div id="menu-456-dropdown" class="hidden w-full z-[60]">	<div class="grid gap-4 items-start max-w-screen-xl px-4 py-5 mx-auto bg-gray-100 border-gray-200 shadow-xl border-y rounded-b-xl text-gray-500 md:grid-cols-3 md:px-6"><img src="https://dati.infoelba.it/media/photos/isola-d-elba/spiagge/biodola/o_hotel-elba_dsc_2902.JPG?quality=90&w=800&h=600&mode=crop" class=" hidden md:block rounded-lg" loading="lazy" decoding="async" alt="" /><div class="col-span-2">		<h3 class="font-bold text-xl mb-2 text-gray-800">Dormire</h3>		<ul class="hidden md:block  columns-2 "><li><a href="/dove-dormire/ricerca/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Cerca un alloggio</a></li><li><a href="/disponibilita-prezzi-soggiorni/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Richiedi un preventivo</a></li><li><a href="/dove-dormire/strutture-aperte-tutto-l-anno/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Strutture aperte tutto l’anno</a></li><li><a href="/dove-dormire/hotel/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-ts-hotel text-xl"></i>Hotel</a></li><li><a href="/dove-dormire/residence/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-tr-house-building text-xl"></i>Residence</a></li><li><a href="/dove-dormire/bed-and-breakfast/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-ts-house-night text-xl"></i>Bed & Breakfast</a></li><li><a href="/dove-dormire/agriturismi/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-ts-farm text-xl"></i>Agriturismi</a></li><li><a href="/dove-dormire/campeggi/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-ts-tents text-xl"></i>Campeggi</a></li><li><a href="/dove-dormire/agricampeggi/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-tr-caravan text-xl"></i>Agricampeggi</a></li><li><a href="https://www.infoelba.it/dove-dormire/servizi-camper-roulotte/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Aree di sosta Camper e Roulotte</a></li><li><a href="/dove-dormire/appartamenti/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-tr-house-chimney-blank text-xl"></i>Appartamenti e case vacanza</a></li><li><a href="/dove-dormire/villette-case-indipendenti/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-ts-house-tree text-xl"></i>Villette e case indipendenti</a></li><li><a href="/dove-dormire/ville/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-tr-house-chimney text-xl"></i>Ville</a></li><li><a href="/dove-dormire/vacanze-lusso/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Strutture di lusso</a></li></ul></div></div></div><div id="menu-474-dropdown" class="hidden w-full z-[60]">	<div class="grid gap-4 items-start max-w-screen-xl px-4 py-5 mx-auto bg-gray-100 border-gray-200 shadow-xl border-y rounded-b-xl text-gray-500 md:grid-cols-3 md:px-6"><img src="https://dati.infoelba.it/media/photos/traghetti-imbarcazioni/blu-navy/o_drone-blu-navy-traghetti-isola-elba-10.jpg?quality=90&mode=crop&w=800&h=600" class=" hidden md:block rounded-lg" loading="lazy" decoding="async" alt="" /><div class="col-span-2">		<h3 class="font-bold text-xl mb-2 text-gray-800">Arrivare e muoversi</h3>		<ul class="hidden md:block  columns-2 "><li>
385<a href="/arrivare-muoversi/come-arrivare/traghetti/prenotazione/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Traghetti</a></li><li><a href="https://www.infoelba.it/arrivare-muoversi/come-arrivare/auto/garage-parcheggi-piombino/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Parcheggi a Piombino</a></li><li><a href="/arrivare-muoversi/come-arrivare/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Come raggiungere l'isola</a></li><li><a href="/arrivare-muoversi/deposito-bagagli/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Deposito bagagli</a></li><li><a href="/arrivare-muoversi/muoversi-sull-isola/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Muoversi sull'isola</a></li><li><a href="/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/auto-moto-scooter/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Noleggi auto e scooter</a></li><li><a href="/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/prenotazione-online-scooter/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Noleggio online scooter</a></li><li><a href="/arrivare-muoversi/muoversi-sull-isola/taxi/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Taxi e NCC</a></li></ul></div></div></div><div id="menu-457-dropdown" class="hidden w-full z-[60]">	<div class="grid gap-4 items-start max-w-screen-xl px-4 py-5 mx-auto bg-gray-100 border-gray-200 shadow-xl border-y rounded-b-xl text-gray-500 md:grid-cols-3 md:px-6"><img src="https://dati.infoelba.it/media/photos/isola-d-elba/spiagge/le-ghiaie/o_ghiaie2.jpg?quality=90&w=800&h=600&mode=crop" class=" hidden md:block rounded-lg" loading="lazy" decoding="async" alt="" /><div class="col-span-2">		<h3 class="font-bold text-xl mb-2 text-gray-800">Isola d'Elba</h3>		<ul class="hidden md:block  columns-2 "><li><a href="/isola-d-elba/spiagge/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Spiagge e coste</a></li><li><a href="/scoprire-elba/comuni-paesi/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Comuni e paesi</a></li><li><a href="/isola-d-elba/luoghi-da-visitare/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Cosa vedere</a></li><li><a href="https://www.infoelba.it/mangiare/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Sapori dell’Elba</a></li><li><a href="/isola-d-elba/parco-nazionale-arcipelago-toscano/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Parco Nazionale dell'Arcipelago Toscano</a></li><li><a href="/informazioni-utili/webcam/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Webcam</a></li></ul></div></div></div><div id="menu-458-dropdown" class="hidden w-full z-[60]">	<div class="grid gap-4 items-start max-w-screen-xl px-4 py-5 mx-auto bg-gray-100 border-gray-200 shadow-xl border-y rounded-b-xl text-gray-500 md:grid-cols-3 md:px-6"><img src="https://dati.infoelba.it/media/photos/sport/wing-foil/o_wingfoil-elba.jpg?quality=90&mode=crop&w=800&h=600" class=" hidden md:block rounded-lg" loading="lazy" decoding="async" alt="" /><div class="col-span-2">		<h3 class="font-bold text-xl mb-2 text-gray-800">Esperienze</h3>		<ul class="hidden md:block  columns-2 "><li><a href="/sport-tempo-libero/esperienze-elba/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Elba da non perdere</a></li><li><a href="/sport-tempo-libero/sport-mare/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Sport acquatici</a></li><li><a href="/sport-tempo-libero/sport-terra/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Sport outdoor</a></li><li><a href="https://www.infoelba.it/sport-tempo-libero/wellness/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Wellness</a></li><li><a href="https://www.infoelba.it/isola-d-elba/escursioni-guidate/musei-luoghi-storici-natura/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Escursioni guidate</a></li><li><a href="/isola-d-elba/escursioni-guidate/gite-in-barca-pesca/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Gite in barca</a></li><li><a href="/sport-tempo-libero/sport-terra/elba-in-bici/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">L'Elba in bici</a></li><li><a href="/elba-sentieri-cammini/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Trekking: cammini e sentieri</a></li><li><a href="https://www.infoelba.it/isola-d-elba/tour-personalizzati/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Tour personalizzati</a></li><li><a href="/mangiare/wine-food-experience/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Wine & Food Experience</a></li><li><a href="https://www.infoelba.it/isola-d-elba/vacanze-personalizzate/famiglia-bambini/attivita-bambini/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Attività per bambini</a></li><li><a href="/sport-tempo-libero/eventi-manifestazioni/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Eventi e manifestazioni</a></li></ul></div></div></div><div id="menu-459-dropdown" class="hidden w-full z-[60]">	<div class="grid gap-4 items-start max-w-screen-xl px-4 py-5 mx-auto bg-gray-100 border-gray-200 shadow-xl border-y rounded-b-xl text-gray-500 md:grid-cols-3 md:px-6"><img src="https://dati.infoelba.it/media/photos/servizi/guardia-costiera/o_dsc_6494.jpg?quality=90&mode=crop&w=800&h=600" class=" hidden md:block rounded-lg" loading="lazy" decoding="async" alt="" /><div class="col-span-2">		<h3 class="font-bold text-xl mb-2 text-gray-800">Servizi</h3>		<ul class="hidden md:block  columns-2 "><li><a href="/mangiare/ristoranti-pizzerie/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Ristoranti e pizzerie</a></li><li><a href="/dove-dormire/agenzie-turistiche-immobiliari/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Agenzie turistiche e immobiliari</a></li><li><a href="/isola-d-elba/spiagge/stabilimenti-balneari/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Stabilimenti balneari</a></li><li><a href="https://www.infoelba.it/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/bar
385che-gommoni/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Noleggio Imbarcazioni</a></li><li><a href="https://www.infoelba.it/arrivare-muoversi/muoversi-sull-isola/charter-vela/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Charter a vela</a></li><li><a href="https://www.infoelba.it/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/bici/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Noleggi bici e e-bike</a></li><li><a href="/sport-tempo-libero/shopping/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Shopping</a></li><li><a href="https://www.infoelba.it/sport-tempo-libero/corsi-vacanze-studio/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Corsi e vacanze studio </a></li><li><a href="https://www.infoelba.it/isola-d-elba/vacanze-personalizzate/animali-domestici/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Viaggiare con animali</a></li><li><a href="https://www.infoelba.it/informazioni-utili/app-smartphone/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">App gratuite</a></li><li><a href="/informazioni-utili/meteo-isola-delba/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Meteo</a></li><li><a href="/informazioni-utili/numeri-indirizzi-utili/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Numeri utili</a></li><li><a href="/annunci-immobiliari-elba/"  class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Annunci immobiliari</a></li></ul></div></div></div>
386				<main id="main-content" class="px-4" tabindex="-1">
387
388				
389			<div class="container">
390				<ol class="breadcrumb">
391					
392					<li><a href="/">Isola d'Elba</a></li>
393					
394					<li><a href="/dove-dormire/">Dove dormire</a></li>
395					
396					<li class="active">Ricerca strutture</li>
397					
398				</ol>
399			</div>
400			
400<script type="application/ld+json">{
401    "@context": "https://schema.org",
402    "@type": "BreadcrumbList",
403    "itemListElement": [
404        {
405            "@type": "ListItem",
406            "position": 1,
407            "name": "Isola d'Elba",
408            "item": "https://www.infoelba.it/"
409        },
410        {
411            "@type": "ListItem",
412            "position": 2,
413            "name": "Dove dormire",
414            "item": "https://www.infoelba.it/dove-dormire/"
415        },
416        {
417            "@type": "ListItem",
418            "position": 3,
419            "name": "Ricerca strutture",
420            "item": "https://www.infoelba.it/dove-dormire/ricerca/"
421        }
422    ]
423}</script>
423
424	<div class="container-fluid">
425		<div class="container">
426			<h1 class="text-3xl text-gray-600 font-bold mb-2">Ricerca strutture ricettive all'Isola d'Elba: hotel, residence, appartamenti</h1><h2 class="text-2xl text-gray-600 mb-4">Hotel, camping, residence, appartamenti e ville per vacanze all'Isola d'Elba</h2>
427		</div>
428
429		<div class="grid grid-cols-12 gap-2 lg:gap-4" id="search">
430			<div class="col-span-12 container mx-auto sticky top-14 z-[58] bg-white/95 backdrop-blur-sm p-2 shadow-lg rounded-lg" id="filter-form-container">
431				
432<!-- Filter header with toggle button - this stays visible -->  
433<button 
434	type="button" 
435	class="flex items-center justify-between w-full p-2 text-purple-500 font-bold hover:text-primary focus:outline-none" 
436	data-collapse-toggle="filter-form-content"
437	aria-expanded="true"
438	aria-controls="filter-form-content">
439	<span class="p-2 flex items-center justify-center rounded-full text-white bg-purple-500"><i class="fi fi-tr-filter"></i></span>
440	Mostra o nascondi i filtri
441	<i class="fi fi-ts-angle-small-down text-xl transition-transform" id="filter-toggle-icon"></i>
442</button>
443
444<!-- Collapsible filter content only -->
445<div id="filter-form-content" class="transition-all duration-300">
446  <form id="filter-form"
447    class="relative grid grid-cols-2 md:grid-cols-3 xl:grid-cols-6 gap-2 items-stretch text-xs sm:text-base"
448    action="/requests/ajax/structure-filters.asp" data-autosubmit="true">
449
450    <!-- Nome -->
451    <div class="hidden md:flex col-span-1 items-center p-2 bg-white text-gray-500 rounded-md">
452      <div id="search-filter-name" class="flex items-center w-full">
453        
454        <label for="nome" class="sr-only">Nome</label>
455        <input name="nome" type="text" id="nome" class=" w-full rounded-md border border-solid border-gray-300 bg-white text-gray-500 py-3 px-6 hover-hover:py-2 hover-hover:px-3 text-base font-medium outline-none focus:border-light-primary focus:shadow-md  !rounded-r-none" placeholder="Nome" />
456        <button class="btn btn-primary !rounded-l-none btn-sm flex items-center self-stretch" type="button">
457          <i class="fa fa-search" aria-hidden="true"></i>
458          <span class="sr-only">Avvia la ricerca</span>
459        </button>
460      </div>
461    </div>
462
463    <!-- Tipo -->
464    <div id="search-filter-type" class="flex">
465      <button class="btn btn-default !p-2 w-full col-span-1" type="button"
466        data-dropdown-toggle="search-filter-type-dropdown"
467        aria-haspopup="true" aria-expanded="false">
468        <span class="flex items-center gap-2 w-full">
469          <span class="flex flex-1 flex-col gap-1">
470            <span class="flex items-center justify-start font-bold gap-2">
471              <i class="fi fi-tr-house-blank"></i> Tipologia
472            </span>
473            <span id="type-active-filter" class="search-filter-active-label text-left text-ellipsis">
474              Qualsiasi
475            </span>
476          </span>
477          <span>
478            <i class="fi fi-ts-angle-small-down text-lg !border-none !bg-transparent !p-0 !text-primary-text"></i>
479          </span>
480        </span>
481      </button>
482
483      <div id="search-filter-type-dropdown" class="search-filter hidden z-[90] mx-1 w-screen md:w-[50vw] xl:w-[40vw] shadow-md rounded-b-lg">
484        <div class="flex flex-col gap-2 bg-white rounded-t-lg p-2">
485          <div class="flex items-start gap-2">
486            
487            <div class="flex flex-col flex-1 gap-2" role="radiogroup" aria-label="Struttura">
488              <label class=" flex items-center gap-2 cursor-pointer ">
489                <input type="radio" value="" name="tipo" data-reset="true" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " />
490                Qualsiasi
491              </label>
492              
493                <label class=" flex items-center gap-2 cursor-pointer ">
494                  <input type="radio" value="ac" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer "  />
495                  Agricampeggi
496                </label>
497                
498                <label class=" flex items-center gap-2 cursor-pointer ">
499                  <input type="radio" value="ag" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer "  />
500                  Agriturismi
501                </label>
502                
503                <label class=" flex items-center gap-2 cursor-pointer ">
504                  <input type="radio" value="ap" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer "  />
505                  Appartamenti
506                </label>
507                
508                <label class=" flex items-center gap-2 cursor-pointer ">
509                  <input type="radio" value="bb" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer "  />
510                  Bed &amp; breakfast
511                </label>
512                
513                <label class=" flex items-center gap-2 cursor-pointer ">
514                  <input type="radio" value="ci" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer "  />
515                  Villette e case indipendenti
516                </label>
517                
518                <label class=" flex items-center gap-2 cursor-pointer ">
519                  <input type="radio" value="cp" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer "  />
520                  Campeggi
521                </label>
522                
523                <label class=" flex items-center gap-2 cursor-pointer ">
524                  <input type="radio" value="ht" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer "  />
525                  Hotel e alberghi
526                </label>
527                
528                <label class=" flex items-center gap-2 cursor-pointer ">
529                  <input type="radio" value="re" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer "  />
530                  Residence
531                </label>
532                
533                <label class=" flex items-center gap-2 cursor-pointer ">
534                  <input type="radio" value="vi" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer "  />
535                  Ville
536                </label>
537                
538            </div>
539            <div class="flex flex-col flex-1" id="type-features">
540              <div id="type-categories" class="flex flex-1 flex-col gap-2 mb-2">
541              </div>
542              <div id="hotel-treatments" class="flex flex-1 flex-col gap-2">
543              </div>
544            </div>
545          </div>
546        </div>
547        <div class="p-2 bg-gray-100 rounded-b-lg border-t border-t-gray-200 border-solid flex items-center gap-2">
548          <button type="button" class="btn btn-success dropdown-close"
549            onclick="$(this).parents('#search-filter-type').find('button[data-dropdown-toggle]').trigger('click')">
550              <i class="fa fa-check"></i> OK
551          </button>
552          <button type="button" class="btn btn-primary"
553            onclick="Infoelba.UI.scrollTo('#search-results');">
554              <i class="fas fa-list"></i> Risultati della ricerca
555          </button>
556        </div>
557      </div>
558    </div>
559
560    <!-- Zona -->
561
562    <div id="search-filter-zone" class="flex">
563      <button class="btn btn-default !p-2 w-full col-span-1" type="button"
564        data-dropdown-toggle="search-filter-zone-dropdown"
565        aria-haspopup="true" aria-expanded="false">
566        <span class="flex items-center gap-2 w-full">
567          <span class="flex flex-1 flex-col gap-1">
568            <span class="flex items-center justify-start font-bold gap-2">
569              <i class="fi fi-tr-region-pin"></i> Zona
570            </span>
571            <span id="zone-active-filter" class="search-filter-active-label text-left">
572              Qualsiasi
573            </span>
574          </span>
575          <span>
576            <i class="fi fi-ts-angle-small-down text-lg !border-none !bg-transparent !p-0 !text-primary-text"></i>
577          </span>
578        </span>
579      </button>
580
581      <div id="search-filter-zone-dropdown" class="search-filter hidden z-[90] mx-1 w-screen md:w-[50vw] xl:w-[40vw] shadow-md rounded-b-lg">
582        <div class="flex flex-col gap-2 bg-white rounded-t-lg p-2">
583          <div class="flex items-start gap-2">
584            <div class="flex flex-col gap-2" role="radiogroup" aria-label="Zona">
585              <label class=" flex items-center gap-2 cursor-pointer ">
586                <input type="radio" value="" name="comune" data-reset="true" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " />
587                Qualsiasi
588              </label>
589
590              
591                <label class=" flex items-center gap-2 cursor-pointer ">
592                  <input type="radio" value="1" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " />
593                  Portoferraio
594                </label>
595                
596                <label class=" flex items-center gap-2 cursor-pointer ">
597                  <input type="radio" value="2" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " />
598                  Campo nell'Elba
599                </label>
600                
601                <label class=" flex items-center gap-2 cursor-pointer ">
602                  <input type="radio" value="3" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " />
603                  Marciana Marina
604                </label>
605                
606                <label class=" flex items-center gap-2 cursor-pointer ">
607                  <input type="radio" value="4" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " />
608                  Marciana
609                </label>
610                
611                <label class=" flex items-center gap-2 cursor-pointer ">
612                  <input type="radio" value="5" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " />
613                  Porto Azzurro
614                </label>
615                
616                <label class=" flex items-center gap-2 cursor-pointer ">
617                  <input type="radio" value="6" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " />
618                  Capoliveri
619                </label>
620                
621                <label class=" flex items-center gap-2 cursor-pointer ">
622                  <input type="radio" value="7" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " />
623                  Rio Marina
624                </label>
625                
626                <label class=" flex items-center gap-2 cursor-pointer ">
627                  <input type="radio" value="8" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " />
628                  Rio Elba
629                </label>
630                
631                <label class=" flex items-center gap-2 cursor-pointer ">
632                  <input type="radio" value="9" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " />
633                  Piombino
634                </label>
635                
636            </div>
637            <div class="flex flex-col gap-2" id="municipality-zones">
638            </div>
639          </div>
640        </div>
641        <div class="p-2 bg-gray-100 rounded-b-lg border-t border-t-gray-200 border-solid flex items-center gap-2">
642          <button type="button" class="btn btn-success dropdown-close"
643            onclick="$(this).parents('#search-filter-zone').find('button[data-dropdown-toggle]').trigger('click')">
644              <i class="fa fa-check"></i> OK
645          </button>
646          <button type="button" class="btn btn-primary"
647            onclick="Infoelba.UI.scrollTo('#search-results');">
648              <i class="fas fa-list"></i> Risultati della ricerca
649          </button>
650        </div>
651      </div>
652    </div>
653
654
655    <!-- Servizi -->
656    <div id="search-filter-facilities" class="flex">
657      <button class="btn btn-default !p-2 w-full col-span-1" type="button"
658        data-dropdown-toggle="search-filter-facilities-dropdown"
659        aria-haspopup="true" aria-expanded="false">
660        <span class="flex items-center gap-2 w-full">
661          <span class="flex flex-1 flex-col gap-1">
662            <span class="flex items-center justify-start font-bold gap-2">
663              <i class="fi fi-tr-house-circle-check"></i> Servizi
664            </span>
665            <span id="facilities-active-filter" class="search-filter-active-label text-left">
666              Qualsiasi
667            </span>
668          </span>
669          <span>
670            <i class="fi fi-ts-angle-small-down text-lg !border-none !bg-transparent !p-0 !text-primary-text"></i>
671          </span>
672        </span>
673      </button>
674
675      <div id="search-filter-facilities-dropdown" class="search-filter hidden z-[90] mx-1 w-screen md:w-[50vw] xl:w-[40vw] shadow-md rounded-b-lg">
676        <div class="flex flex-col gap-2 bg-white rounded-t-lg p-2">
677          <div class="grid grid-cols-2 lg:grid-cols-3 gap-2">
678
679            
680                  <div class="col-span-1">
681                    <label class=" flex items-center gap-2 cursor-pointer ">
682                      <input type="checkbox" name="servizi" value="2" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
683                      Si accettano animali
684                    </label>
685                  </div>
686                
687                  <div class="col-span-1">
688                    <label class=" flex items-center gap-2 cursor-pointer ">
689                      <input type="checkbox" name="servizi" value="3" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
690                      Animazione
691                    </label>
692                  </div>
693                
694                  <div class="col-span-1">
695                    <label class=" flex items-center gap-2 cursor-pointer ">
696                      <input type="checkbox" name="servizi" value="4" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
697                      Area giochi per bambini
698                    </label>
699                  </div>
700                
701                  <div class="col-span-1">
702                    <label class=" flex items-center gap-2 cursor-pointer ">
703                      <input type="checkbox" name="servizi" value="5" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
704                      Aria condizionata
705                    </label>
706                  </div>
707                
708                  <div class="col-span-1">
709                    <label class=" flex items-center gap-2 cursor-pointer ">
710                      <input type="checkbox" name="servizi" value="9" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
711                      Baby sitter
712                    </label>
713                  </div>
714                
715                  <div class="col-span-1">
716                    <label class=" flex items-center gap-2 cursor-pointer ">
717                      <input type="checkbox" name="servizi" value="11" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
718                      Barbecue
719                    </label>
720                  </div>
721                
722                  <div class="col-span-1">
723                    <label class=" flex items-center gap-2 cursor-pointer ">
724                      <input type="checkbox" name="servizi" value="18" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
725                      Camera per disabili
726                    </label>
727                  </div>
728                
729                  <div class="col-span-1">
730                    <label class=" flex items-center gap-2 cursor-pointer ">
731                      <input type="checkbox" name="servizi" value="20" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
732                      Camera con TV Satellitare
733                    </label>
734                  </div>
735                
736                  <div class="col-span-1">
737                    <label class=" flex items-center gap-2 cursor-pointer ">
738                      <input type="checkbox" name="servizi" value="31" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
739                      Diving center
740                    </label>
741                  </div>
742                
743                  <div class="col-span-1">
744                    <label class=" flex items-center gap-2 cursor-pointer ">
745                      <input type="checkbox" name="servizi" value="40" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
746                      Tavolo e sedie da esterno
747                    </label>
748                  </div>
749                
750                  <div class="col-span-1">
751                    <label class=" flex items-center gap-2 cursor-pointer ">
752                      <input type="checkbox" name="servizi" value="43" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
753                      Connessione Internet
754                    </label>
755                  </div>
756                
757                  <div class="col-span-1">
758                    <label class=" flex items-center gap-2 cursor-pointer ">
759                      <input type="checkbox" name="servizi" value="47" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
760                      Lavastoviglie
761                    </label>
762                  </div>
763                
764                  <div class="col-span-1">
765                    <label class=" flex items-center gap-2 cursor-pointer ">
766                      <input type="checkbox" name="servizi" value="48" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
767                      Lavatrici
768                    </label>
769                  </div>
770                
771                  <div class="col-span-1">
772                    <label class=" flex items-center gap-2 cursor-pointer ">
773                      <input type="checkbox" name="servizi" value="52" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
774                      Parcheggio
775                    </label>
776                  </div>
777                
778                  <div class="col-span-1">
779                    <label class=" flex items-center gap-2 cursor-pointer ">
780                      <input type="checkbox" name="servizi" value="53" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
781                      Parcheggio coperto
782                    </label>
783                  </div>
784                
785                  <div class="col-span-1">
786                    <label class=" flex items-center gap-2 cursor-pointer ">
787                      <input type="checkbox" name="servizi" value="56" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
788                      Piscina
789                    </label>
790                  </div>
791                
792                  <div class="col-span-1">
793                    <label class=" flex items-center gap-2 cursor-pointer ">
794                      <input type="checkbox" name="servizi" value="5
7947" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
795                      Piscina per bambini
796                    </label>
797                  </div>
798                
799                  <div class="col-span-1">
800                    <label class=" flex items-center gap-2 cursor-pointer ">
801                      <input type="checkbox" name="servizi" value="61" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
802                      Riscaldamento
803                    </label>
804                  </div>
805                
806                  <div class="col-span-1">
807                    <label class=" flex items-center gap-2 cursor-pointer ">
808                      <input type="checkbox" name="servizi" value="62" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
809                      Ristorante
810                    </label>
811                  </div>
812                
813                  <div class="col-span-1">
814                    <label class=" flex items-center gap-2 cursor-pointer ">
815                      <input type="checkbox" name="servizi" value="66" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
816                      TV satellitare
817                    </label>
818                  </div>
819                
820                  <div class="col-span-1">
821                    <label class=" flex items-center gap-2 cursor-pointer ">
822                      <input type="checkbox" name="servizi" value="70" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
823                      Spiaggia privata
824                    </label>
825                  </div>
826                
827                  <div class="col-span-1">
828                    <label class=" flex items-center gap-2 cursor-pointer ">
829                      <input type="checkbox" name="servizi" value="76" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
830                      Vista mare
831                    </label>
832                  </div>
833                
834                  <div class="col-span-1">
835                    <label class=" flex items-center gap-2 cursor-pointer ">
836                      <input type="checkbox" name="servizi" value="89" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
837                      Cucina per celiaci
838                    </label>
839                  </div>
840                
841                  <div class="col-span-1">
842                    <label class=" flex items-center gap-2 cursor-pointer ">
843                      <input type="checkbox" name="servizi" value="193" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
844                      Colonnina ricarica auto elettriche
845                    </label>
846                  </div>
847                
848                  <div class="col-span-1">
849                    <label class=" flex items-center gap-2 cursor-pointer ">
850                      <input type="checkbox" name="servizi" value="281" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
851                      Connessione WiFi
852                    </label>
853                  </div>
854                
855
856          </div>
857          <div class="p-2 bg-gray-100 rounded-b-lg border-t border-t-gray-200 border-solid flex items-center gap-2">
858            <button type="button" class="btn btn-success dropdown-close"
859              onclick="$(this).parents('#search-filter-facilities').find('button[data-dropdown-toggle]').trigger('click')">
860                <i class="fa fa-check"></i> OK
861            </button>
862            <button type="button" class="btn btn-primary"
863              onclick="Infoelba.UI.scrollTo('#search-results');">
864                <i class="fas fa-list"></i> Risultati della ricerca
865            </button>
866          </div>
867        </div>
868      </div>
869    </div>
870
871
872    <!-- Caratteristiche -->
873    <div id="search-filter-features" class="hidden md:flex">
874      <button class="btn btn-default !p-2 w-full col-span-1" type="button"
875        data-dropdown-toggle="search-filter-features-dropdown"
876        aria-haspopup="true" aria-expanded="false">
877        <span class="flex items-center gap-2 w-full">
878          <span class="flex flex-1 flex-col gap-1">
879            <span class="flex items-center justify-start font-bold gap-2 truncate">
880              <i class="fi fi-tr-lightbulb-on"></i> Caratteristiche
881            </span>
882            <span id="features-active-filter" class="search-filter-active-label text-left">
883              Qualsiasi
884            </span>
885          </span>
886          <span>
887            <i class="fi fi-ts-angle-small-down text-lg !border-none !bg-transparent !p-0 !text-primary-text"></i>
888          </span>
889        </span>
890      </button>
891
892
893      <div id="search-filter-features-dropdown" class="search-filter hidden z-[90] mx-1 shadow-md rounded-b-lg">
894        <div class="flex flex-col gap-2 bg-white rounded-t-lg p-2">
895          <div class="flex flex-col gap-2" role="group" aria-label="Caratteristiche">
896
897            <label class=" flex items-center gap-2 cursor-pointer ">
898              <input type="checkbox" value="1" name="eco" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
899              Eco compatibili
900            </label>
901            <label class=" flex items-center gap-2 cursor-pointer ">
902              <input type="checkbox" value="1" name="offerte" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
903              Con offerte o last minute
904            </label>
905
906            <label class=" flex items-center gap-2 cursor-pointer ">
907              <input type="checkbox" value="1" name="annuale" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " />
908              Apertura annuale
909            </label>
910
911          </div>
912          <div class="p-2 bg-gray-100 rounded-b-lg border-t border-t-gray-200 border-solid flex items-center gap-2">
913            <button type="button" class="btn btn-success dropdown-close"
914              onclick="$(this).parents('#search-filter-features').find('button[data-dropdown-toggle]').trigger('click')">
915                <i class="fa fa-check"></i> OK
916            </button>
917            <button type="button" class="btn btn-primary"
918              onclick="Infoelba.UI.scrollTo('#search-results');">
919                <i class="fas fa-list"></i> Risultati della ricerca
920            </button>
921          </div>
922        </div>
923      </div>
924
925    </div>
926
927    <button class="btn btn-default btn-action w-full col-span-1" type="button" id="search-filter-action" style="display:none"
928      onclick="$('#t-request-button').trigger('click');">
929      <span class="flex flex-1 flex-col gap-1 w-full">
930        <span class="text-left font-bold">
931          Contatta subito
932        </span>
933        <span class="search-filter-active-label text-left">
934          <span class="search-results-count"></span> strutture
935        </span>
936      </span>
937      <span>
938        <i class="fi fi-ts-paper-plane-top text-lg"></i>
939      </span>
940    </button>
941
942    <input type="hidden" name="ajax" value="1" />
943    <input type="hidden" name="action" value="search" />
944  </form>
945</div>
946
947
948			</div>
949			<div class="col-span-12 container">
950				<div id="search-active-filters">
951					<fieldset style="display:none" class="flex items-center flex-wrap gap-2">
952						<legend class="flex items-center flex-wrap">
953							La tua ricerca
954						</legend>
955					</fieldset>
956				</div>
957			</div>
958
959			<div id="search-results" class="col-span-12">
960				<div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div class="@container/list"><div class="@container scroll-mt-64 property-card"
961	id="property-1238"
962	data-resource-id="1238"
963	data-resource-type="property"
964	data-property-id="1238"
965	data-property-type="ap"
966	data-property-name="Appartamenti Le Foci" data-latitude="42.795723" data-longitude="10.304846">
967
968	<div class="flex flex-col @lg:flex-row relative overflow-hidden rounded-xl shadow-md border border-gray-200 bg-white mb-6 hover:shadow-lg transition-shadow duration-300"><div class="relative m-0 w-full max-h-64 @lg:max-h-full @lg:w-2/5 shrink-0 overflow-hidden rounded-b-none @lg:rounded-xl @lg:rounded-r-none bg-white bg-clip-border text-gray-700">
969			<a href="/dove-dormire/appartamenti/appartamenti-le-foci-1238/" class="block h-full">
970				<img src="/turismo/1238/featured.jpg" alt="Appartamenti Le Foci" class="w-full h-full object-cover object-center" fetchpriority="high" />
971				<span class="absolute bottom-2 right-2 bg-white bg-opacity-80 text-primary text-xs px-2 py-1 rounded flex items-center"><i class="fa fa-search mr-1"></i> Apri la scheda</span>
972			</a>
973		</div><div class="@lg:w-2/3 p-4 flex flex-col justify-between">
974			<div class="flex flex-col gap-2">
975
976				<h3 class="text-xl font-bold text-primary-text"><a href="/dove-dormire/appartamenti/appartamenti-le-foci-1238/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Appartamenti Le Foci">Appartamenti Le Foci</a></h3><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Portoferraio</p><div class="space-y-2 mb-4"><p class="flex items-center gap-1"><i class="fi fi-tr-phone-flip text-xl"></i><a href="tel:+393280726805" target="_blank" class="underline hover:no-underline">+393280726805</a></p></div></div><div class="flex flex-wrap gap-2 mt-auto"><button class="btn btn-default btn-action flex-1" data-src="/requests/direct-popup.asp?struttura=1238" data-toggle="modal" data-ui-action="openModalIframe" data-title="Appartamenti Le Foci - Richiedi disponibilità">Contatta<i class="fi fi-tr-envelopes"></i></button><a href="#" id="favorites-1238" onclick="Infoelba.Favorites.action(1238, 'add');return false;" class=" font-bold p-2 flex items-center gap-2 hover:bg-gray-100 rounded-md  absolute top-2 left-2 !text-white hover:!text-gray-600" title="Salva la struttura nei preferiti"><span class="underline">Salva</span> <i class="fas fa-heart"></i></a></div>
977		</div>
978	</div>
979</div></div><div class="@container/list"><div class="@container scroll-mt-64 property-card"
980	id="property-1708"
981	data-resource-id="1708"
982	data-resource-type="property"
983	data-property-id="1708"
984	data-property-type="ap"
985	data-property-name="Casale Toscano Villa Anna" data-latitude="42.770677" data-longitude="10.234911">
986
987	<div class="flex flex-col @lg:flex-row relative overflow-hidden rounded-xl shadow-md border border-gray-200 bg-white mb-6 hover:shadow-lg transition-shadow duration-300"><div class="relative m-0 w-full max-h-64 @lg:max-h-full @lg:w-2/5 shrink-0 overflow-hidden rounded-b-none @lg:rounded-xl @lg:rounded-r-none bg-white bg-clip-border text-gray-700">
988			<a href="/dove-dormire/appartamenti/casale-toscano-villa-anna-1708/" class="block h-full">
989				<img src="/turismo/1708/featured.jpg" alt="Casale Toscano Villa Anna" class="w-full h-full object-cover object-center" loading="lazy" />
990				<span class="absolute bottom-2 right-2 bg-white bg-opacity-80 text-primary text-xs px-2 py-1 rounded flex items-center"><i class="fa fa-search mr-1"></i> Apri la scheda</span>
991			</a>
992		</div><div class="@lg:w-2/3 p-4 flex flex-col justify-between">
993			<div class="flex flex-col gap-2">
994
995				<h3 class="text-xl font-bold text-primary-text"><a href="/dove-dormire/appartamenti/casale-toscano-villa-anna-1708/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Casale Toscano Villa Anna">Casale Toscano Villa Anna</a></h3><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Marina di Campo</p><div class="space-y-2 mb-4"><p class="flex items-center gap-1"><i class="fi fi-tr-phone-flip text-xl"></i><a href="tel:+41797652169" target="_blank" class="underline hover:no-underline">+41797652169</a></p></div></div><div class="flex flex-wrap gap-2 mt-auto"><button class="btn btn-default btn-action flex-1" data-src="/requests/direct-popup.asp?struttura=1708" data-toggle="modal" data-ui-action="openModalIframe" data-title="Casale Toscano Villa Anna - Richiedi disponibilità">Contatta<i class="fi fi-tr-envelopes"></i></button><a href="https://wa.me/+41797652169" target="_blank" class="btn btn-success btn-action flex-1">WhatsApp <i class="fab fa-whatsapp"></i></a><a href="#" id="favorites-1708" onclick="Infoelba.Favorites.action(1708, 'add');return false;" class=" font-bold p-2 flex items-center gap-2 hover:bg-gray-100 rounded-md  absolute top-2 left-2 !text-white hover:!text-gray-600" title="Salva la struttura nei preferiti"><span class="underline">Salva</span> <i class="fas fa-heart"></i></a></div>
996		</div>
997	</div>
998</div></div><div class="@container/list"><div class="@container scroll-mt-64 property-card"
999	id="property-681"
1000	data-resource-id="681"
1001	data-resource-type="property"
1002	data-property-id="681"
1003	data-property-type="ap"
1004	data-property-name="Appartamenti Padulella - Le Cycas" data-latitude="42.818196" data-longitude="10.313212">
1005
1006	<div class="flex flex-col @lg:flex-row relative overflow-hidden rounded-xl shadow-md border border-gray-200 bg-white mb-6 hover:shadow-lg transition-shadow duration-300"><div class="relative m-0 w-full max-h-64 @lg:max-h-full @lg:w-2/5 shrink-0 overflow-hidden rounded-b-none @lg:rounded-xl @lg:rounded-r-none bg-white bg-clip-border text-gray-700">
1007			<a href="/dove-dormire/appartamenti/appartamenti-padulella-le-cycas-681/" class="block h-full">
1008				<img src="/turismo/681/featured.jpg" alt="Appartamenti Padulella - Le Cycas" class="w-full h-full object-cover object-center" loading="lazy" />
1009				<span class="absolute bottom-2 right-2 bg-white bg-opacity-80 text-primary text-xs px-2 py-1 rounded flex items-center"><i class="fa fa-search mr-1"></i> Apri la scheda</span>
1010			</a>
1011		</div><div class="@lg:w-2/3 p-4 flex flex-col justify-between">
1012			<div class="flex flex-col gap-2">
1013
1014				<h3 class="text-xl font-bold text-primary-text"><a href="/dove-dormire/appartamenti/appartamenti-padulella-le-cycas-681/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Ap
1014partamenti Padulella - Le Cycas">Appartamenti Padulella - Le Cycas</a></h3><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Capo Bianco, Portoferraio</p><div class="space-y-2 mb-4"><p class="flex items-center gap-1"><i class="fi fi-tr-mobile-notch text-xl"></i><a href="tel:+393387729895" target="_blank" class="underline hover:no-underline">+393387729895</a></p><p class="flex items-center gap-1"><i class="fi fi-tr-phone-flip text-xl"></i><a href="tel:+390565916313" target="_blank" class="underline hover:no-underline">+390565916313</a></p></div></div><div class="flex flex-wrap gap-2 mt-auto"><a href="#" id="favorites-681" onclick="Infoelba.Favorites.action(681, 'add');return false;" class=" font-bold p-2 flex items-center gap-2 hover:bg-gray-100 rounded-md  absolute top-2 left-2 !text-white hover:!text-gray-600" title="Salva la struttura nei preferiti"><span class="underline">Salva</span> <i class="fas fa-heart"></i></a></div>
1015		</div>
1016	</div>
1017</div></div><div class="@container/list"><div class="@container scroll-mt-64 property-card"
1018	id="property-1776"
1019	data-resource-id="1776"
1020	data-resource-type="property"
1021	data-property-id="1776"
1022	data-property-type="re"
1023	data-property-name="Residence Baia di Norsi" data-latitude="42.765579" data-longitude="10.342044" data-category="3">
1024
1025	<div class="flex flex-col @lg:flex-row relative overflow-hidden rounded-xl shadow-md border border-gray-200 bg-white mb-6 hover:shadow-lg transition-shadow duration-300"><div class="relative m-0 w-full max-h-64 @lg:max-h-full @lg:w-2/5 shrink-0 overflow-hidden rounded-b-none @lg:rounded-xl @lg:rounded-r-none bg-white bg-clip-border text-gray-700">
1026			<a href="/dove-dormire/residence/residence-baia-di-norsi-1776/" class="block h-full">
1027				<img src="/turismo/1776/featured.jpg" alt="Residence Baia di Norsi" class="w-full h-full object-cover object-center" loading="lazy" />
1028				<span class="absolute bottom-2 right-2 bg-white bg-opacity-80 text-primary text-xs px-2 py-1 rounded flex items-center"><i class="fa fa-search mr-1"></i> Apri la scheda</span>
1029			</a>
1030		</div><div class="@lg:w-2/3 p-4 flex flex-col justify-between">
1031			<div class="flex flex-col gap-2">
1032
1033				<h3 class="text-xl font-bold text-primary-text"><a href="/dove-dormire/residence/residence-baia-di-norsi-1776/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Residence Baia di Norsi 3 chiavi">Residence Baia di Norsi</a></h3><h5 class="text-base font-bold">Residence  3 chiavi</h5><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Norsi, Capoliveri</p><div class="space-y-2 mb-4"><p class="flex items-center gap-1"><i class="fi fi-tr-phone-flip text-xl"></i><a href="tel:+393459237011" target="_blank" class="underline hover:no-underline">+393459237011</a></p></div></div><div class="flex flex-wrap gap-2 mt-auto"><button class="btn btn-default btn-action flex-1" data-src="/requests/direct-popup.asp?struttura=1776" data-toggle="modal" data-ui-action="openModalIframe" data-title="Residence Baia di Norsi - Richiedi disponibilità">Contatta<i class="fi fi-tr-envelopes"></i></button><a href="https://wa.me/+393459237011" target="_blank" class="btn btn-success btn-action flex-1">WhatsApp <i class="fab fa-whatsapp"></i></a><a href="#" id="favorites-1776" onclick="Infoelba.Favorites.action(1776, 'add');return false;" class=" font-bold p-2 flex items-center gap-2 hover:bg-gray-100 rounded-md  absolute top-2 left-2 !text-white hover:!text-gray-600" title="Salva la struttura nei preferiti"><span class="underline">Salva</span> <i class="fas fa-heart"></i></a></div>
1034		</div>
1035	</div>
1036</div></div><div class="@container/list"><div class="@container scroll-mt-64 property-card"
1037	id="property-768"
1038	data-resource-id="768"
1039	data-resource-type="property"
1040	data-property-id="768"
1041	data-property-type="ap"
1042	data-property-name="Appartamenti Luigino" data-latitude="42.804689" data-longitude="10.144958">
1043
1044	<div class="flex flex-col @lg:flex-row relative overflow-hidden rounded-xl shadow-md border border-gray-200 bg-white mb-6 hover:shadow-lg transition-shadow duration-300"><div class="relative m-0 w-full max-h-64 @lg:max-h-full @lg:w-2/5 shrink-0 overflow-hidden rounded-b-none @lg:rounded-xl @lg:rounded-r-none bg-white bg-clip-border text-gray-700">
1045			<a href="/dove-dormire/appartamenti/appartamenti-luigino-768/" class="block h-full">
1046				<img src="/turismo/768/featured.jpg" alt="Appartamenti Luigino" class="w-full h-full object-cover object-center" loading="lazy" />
1047				<span class="absolute bottom-2 right-2 bg-white bg-opacity-80 text-primary text-xs px-2 py-1 rounded flex items-center"><i class="fa fa-search mr-1"></i> Apri la scheda</span>
1048			</a>
1049		</div><div class="@lg:w-2/3 p-4 flex flex-col justify-between">
1050			<div class="flex flex-col gap-2">
1051
1052				<h3 class="text-xl font-bold text-primary-text"><a href="/dove-dormire/appartamenti/appartamenti-luigino-768/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Ap
1052partamenti Luigino">Appartamenti Luigino</a></h3><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Sant'Andrea, Marciana</p><div class="space-y-2 mb-4"><p class="flex items-center gap-1"><i class="fi fi-tr-phone-flip text-xl"></i><a href="tel:+393479145198" target="_blank" class="underline hover:no-underline">+393479145198</a></p></div></div><div class="flex flex-wrap gap-2 mt-auto"><button class="btn btn-default btn-action flex-1" data-src="/requests/direct-popup.asp?struttura=768" data-toggle="modal" data-ui-action="openModalIframe" data-title="Appartamenti Luigino - Richiedi disponibilità">Contatta<i class="fi fi-tr-envelopes"></i></button><a href="#" id="favorites-768" onclick="Infoelba.Favorites.action(768, 'add');return false;" class=" font-bold p-2 flex items-center gap-2 hover:bg-gray-100 rounded-md  absolute top-2 left-2 !text-white hover:!text-gray-600" title="Salva la struttura nei preferiti"><span class="underline">Salva</span> <i class="fas fa-heart"></i></a></div>
1053		</div>
1054	</div>
1055</div></div><div class="@container/list"><div class="@container scroll-mt-64 property-card"
1056	id="property-1918"
1057	data-resource-id="1918"
1058	data-resource-type="property"
1059	data-property-id="1918"
1060	data-property-type="ap"
1061	data-property-name="Appartamenti Bioelba" data-latitude="42.747217" data-longitude="10.401585">
1062
1063	<div class="flex flex-col @lg:flex-row relative overflow-hidden rounded-xl shadow-md border border-gray-200 bg-white mb-6 hover:shadow-lg transition-shadow duration-300"><div class="relative m-0 w-full max-h-64 @lg:max-h-full @lg:w-2/5 shrink-0 overflow-hidden rounded-b-none @lg:rounded-xl @lg:rounded-r-none bg-white bg-clip-border text-gray-700">
1064			<a href="/dove-dormire/appartamenti/appartamenti-bioelba-1918/" class="block h-full">
1065				<img src="/turismo/1918/featured.jpg" alt="Appartamenti Bioelba" class="w-full h-full object-cover object-center" loading="lazy" />
1066				<span class="absolute bottom-2 right-2 bg-white bg-opacity-80 text-primary text-xs px-2 py-1 rounded flex items-center"><i class="fa fa-search mr-1"></i> Apri la scheda</span>
1067			</a>
1068		</div><div class="@lg:w-2/3 p-4 flex flex-col justify-between">
1069			<div class="flex flex-col gap-2">
1070
1071				<h3 class="text-xl font-bold text-primary-text"><a href="/dove-dormire/appartamenti/appartamenti-bioelba-1918/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Appartamenti Bioelba">Appartamenti Bioelba</a></h3><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Straccoligno, Capoliveri</p><div class="space-y-2 mb-4"><p class="flex items-center gap-1"><i class="fi fi-tr-mobile-notch text-xl"></i><a href="tel:+393444842872" target="_blank" class="underline hover:no-underline">+393444842872</a></p><p class="flex items-center gap-1"><i class="fi fi-tr-phone-flip text-xl"></i><a href="tel:+3905651931405" target="_blank" class="underline hover:no-underline">+3905651931405</a></p></div></div><div class="flex flex-wrap gap-2 mt-auto"><button class="btn btn-default btn-action flex-1" data-src="/requests/direct-popup.asp?struttura=1918" data-toggle="modal" data-ui-action="openModalIframe" data-title="Appartamenti Bioelba - Richiedi disponibilità">Contatta<i class="fi fi-tr-envelopes"></i></button><a href="https://wa.me/+393444842872" target="_blank" class="btn btn-success btn-action flex-1">WhatsApp <i class="fab fa-whatsapp"></i></a><a href="#" id="favorites-1918" onclick="Infoelba.Favorites.action(1918, 'add');return false;" class=" font-bold p-2 flex items-center gap-2 hover:bg-gray-100 rounded-md  absolute top-2 left-2 !text-white hover:!text-gray-600" title="Salva la struttura nei preferiti"><span class="underline">Salva</span> <i class="fas fa-heart"></i></a></div>
1072		</div>
1073	</div>
1074</div></div></div>
1075			</div>
1076		</div>
1077	</div>
1078	
1079	</main> <!-- main-content -->
1080	<div id="bottom-ad" class="container-fluid">
1081		
1082				<div class="container">
1083					<a href="https://www.elbaspiagge.it/shop-guida/?aff=79" target="_blank" aria-hidden="true" tabindex="-1">
1084						<img src="/allegati/banner/it/infoelba-guidaspiagge-guidaelba-1140x200-v2.png" alt="" class="img-responsive" loading="lazy" decoding="async" />
1085					</a>
1086				</div>
1087			
1088	</div>
1089
1090	<footer id="footer" class="container-fluid">
1091		<div class="container">
1092			<div class="hidden md:flex md:space-between gap-4 mb-10">
1093
1094				<ul class="flex flex-col grow gap-2 col-span-1">
1095					<li class="font-bold">
1096						Dormire
1097					</li>
1098					
1099									<li><a href="/dove-dormire/ricerca/">Cerca un alloggio</a></li>
1100								
1101									<li><a href="/disponibilita-prezzi-soggiorni/">Richiedi un preventivo</a></li>
1102								
1103									<li><a href="/dove-dormire/strutture-aperte-tutto-l-anno/">Strutture aperte tutto l’anno</a></li>
1104								
1105									<li><a href="/dove-dormire/hotel/">Hotel</a></li>
1106								
1107									<li><a href="/dove-dormire/residence/">Residence</a></li>
1108								
1109									<li><a href="/dove-dormire/bed-and-breakfast/">Bed & Breakfast</a></li>
1110								
1111									<li><a href="/dove-dormire/agriturismi/">Agriturismi</a></li>
1112								
1113									<li><a href="/dove-dormire/campeggi/">Campeggi</a></li>
1114								
1115									<li><a href="/dove-dormire/agricampeggi/">Agricampeggi</a></li>
1116								
1117									<li><a href="https://www.infoelba.it/dove-dormire/servizi-camper-roulotte/">Aree di sosta Camper e Roulotte</a></li>
1118								
1119									<li><a href="/dove-dormire/appartamenti/">Appartamenti e case vacanza</a></li>
1120								
1121									<li><a href="/dove-dormire/villette-case-indipendenti/">Villette e case indipendenti</a></li>
1122								
1123									<li><a href="/dove-dormire/ville/">Ville</a></li>
1124								
1125									<li><a href="/dove-dormire/vacanze-lusso/">Strutture di lusso</a></li>
1126								
1127				</ul>
1128			
1129				<ul class="flex flex-col grow gap-2 col-span-1">
1130					<li class="font-bold">
1131						Arrivare e muoversi
1132					</li>
1133					
1134									<li>
1134<a href="/arrivare-muoversi/come-arrivare/traghetti/prenotazione/">Traghetti</a></li>
1135								
1136									<li><a href="https://www.infoelba.it/arrivare-muoversi/come-arrivare/auto/garage-parcheggi-piombino/">Parcheggi a Piombino</a></li>
1137								
1138									<li><a href="/arrivare-muoversi/come-arrivare/">Come raggiungere l'isola</a></li>
1139								
1140									<li><a href="/arrivare-muoversi/deposito-bagagli/">Deposito bagagli</a></li>
1141								
1142									<li><a href="/arrivare-muoversi/muoversi-sull-isola/">Muoversi sull'isola</a></li>
1143								
1144									<li><a href="/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/auto-moto-scooter/">Noleggi auto e scooter</a></li>
1145								
1146									<li><a href="/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/prenotazione-online-scooter/">Noleggio online scooter</a></li>
1147								
1148									<li><a href="/arrivare-muoversi/muoversi-sull-isola/taxi/">Taxi e NCC</a></li>
1149								
1150				</ul>
1151			
1152				<ul class="flex flex-col grow gap-2 col-span-1">
1153					<li class="font-bold">
1154						Isola d'Elba
1155					</li>
1156					
1157									<li><a href="/isola-d-elba/spiagge/">Spiagge e coste</a></li>
1158								
1159									<li><a href="/scoprire-elba/comuni-paesi/">Comuni e paesi</a></li>
1160								
1161									<li><a href="/isola-d-elba/luoghi-da-visitare/">Cosa vedere</a></li>
1162								
1163									<li><a href="https://www.infoelba.it/mangiare/">Sapori dell’Elba</a></li>
1164								
1165									<li><a href="/isola-d-elba/parco-nazionale-arcipelago-toscano/">Parco Nazionale dell'Arcipelago Toscano</a></li>
1166								
1167									<li><a href="/informazioni-utili/webcam/">Webcam</a></li>
1168								
1169				</ul>
1170			
1171				<ul class="flex flex-col grow gap-2 col-span-1">
1172					<li class="font-bold">
1173						Esperienze
1174					</li>
1175					
1176									<li><a href="/sport-tempo-libero/esperienze-elba/">Elba da non perdere</a></li>
1177								
1178									<li><a href="/sport-tempo-libero/sport-mare/">Sport acquatici</a></li>
1179								
1180									<li><a href="/sport-tempo-libero/sport-terra/">Sport outdoor</a></li>
1181								
1182									<li><a href="https://www.infoelba.it/sport-tempo-libero/wellness/">Wellness</a></li>
1183								
1184									<li><a href="https://www.infoelba.it/isola-d-elba/escursioni-guidate/musei-luoghi-storici-natura/">Escursioni guidate</a></li>
1185								
1186									<li><a href="/isola-d-elba/escursioni-guidate/gite-in-barca-pesca/">Gite in barca</a></li>
1187								
1188									<li><a href="/sport-tempo-libero/sport-terra/elba-in-bici/">L'Elba in bici</a></li>
1189								
1190									<li><a href="/elba-sentieri-cammini/">Trekking: cammini e sentieri</a></li>
1191								
1192									<li><a href="https://www.infoelba.it/isola-d-elba/tour-personalizzati/">Tour personalizzati</a></li>
1193								
1194									<li><a href="/mangiare/wine-food-experience/">Wine & Food Experience</a></li>
1195								
1196									<li><a href="https://www.infoelba.it/isola-d-elba/vacanze-personalizzate/famiglia-bambini/attivita-bambini/">Attività per bambini</a></li>
1197								
1198									<li><a href="/sport-tempo-libero/eventi-manifestazioni/">Eventi e manifestazioni</a></li>
1199								
1200				</ul>
1201			
1202				<ul class="flex flex-col grow gap-2 col-span-1">
1203					<li class="font-bold">
1204						Servizi
1205					</li>
1206					
1207									<li><a href="/mangiare/ristoranti-pizzerie/">Ristoranti e pizzerie</a></li>
1208								
1209									<li><a href="/dove-dormire/agenzie-turistiche-immobiliari/">Agenzie turistiche e immobiliari</a></li>
1210								
1211									<li><a href="/isola-d-elba/spiagge/stabilimenti-balneari/">Stabilimenti balneari</a></li>
1212								
1213									<li><a href="https://www.infoelba.it/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/barche-gommoni/">Noleggio Imbarcazioni</a></li>
1214								
1215									<li><a href="https://www.infoelba.it/arrivare-muoversi/muoversi-sull-isola/charter-vela/">Charter a vela</a></li>
1216								
1217									<li><a href="https://www.infoelba.it/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/bici/">Noleggi bici e e-bike</a></li>
1218								
1219									<li><a href="/sport-tempo-libero/shopping/">Shopping</a></li>
1220								
1221									<li><a href="https://www.infoelba.it/sport-tempo-libero/corsi-vacanze-studio/">Corsi e vacanze studio </a></li>
1222								
1223									<li><a href="https://www.infoelba.it/isola-d-elba/vacanze-personalizzate/animali-domestici/">Viaggiare con animali</a></li>
1224								
1225									<li><a href="https://www.infoelba.it/informazioni-utili/app-smartphone/">App gratuite</a></li>
1226								
1227									<li><a href="/informazioni-utili/meteo-isola-delba/">Meteo</a></li>
1228								
1229									<li><a href="/informazioni-utili/numeri-indirizzi-utili/">Numeri utili</a></li>
1230								
1231									<li><a href="/annunci-immobiliari-elba/">Annunci immobiliari</a></li>
1232								
1233				</ul>
1234			
1235</div>
1236			<div class="grid grid-cols-1 md:grid-cols-3">
1237				<div class="col-span-1">
1238					<ul class="flex items-center justify-center gap-2 my-3 md:my-0">
1239						<li>
1240							<a href="https://facebook.com/Infoelba" target="_blank" class="flex items-center justify-center rounded-full bg-facebook text-white p-4">
1241								<i class="fab fa-facebook text-xl" aria-hidden="true"></i>
1242								<span class="sr-only">Infoelba su Facebook</span>
1243							</a>
1244						</li>
1245						<li>
1246							<a href="https://instagram.com/infoelba" target="_blank" class="flex items-center justify-center rounded-full bg-instagram text-white p-4">
1247								<i class="fab fa-instagram text-xl" aria-hidden="true"></i>
1248								<span class="sr-only">Infoelba su Instagram</span>
1249							</a>
1250						</li>
1251						<li>
1252							<a href="https://youtube.com/infoelba" target="_blank" class="flex items-center justify-center rounded-full bg-youtube text-white p-4">
1253								<i class="fab fa-youtube text-xl" aria-hidden="true"></i>
1254								<span class="sr-only">Infoelba su YouTube</span>
1255							</a>
1256						</li>
1257					</ul>
1258				</div>
1259				<div class="col-span-1 md:col-span-2 text-left md:text-right text-sm">
1260					<p>
1261						Infoelba non si assume alcuna responsabilità per l'uso di marchi e slogan usati dagli inserzionisti e per eventuali errate indicazioni.
1262					</p>
1263					<p>
1264						Informa inoltre che i listini prezzi, orari, date o altro materiale informativo pubblicato su questo sito è suscettibile a variazioni.
1265					</p>
1266					<p>
1267						:: <strong>Siete quindi invitati a chiedere conferma alle strutture interessate</strong> ::
1268					</p>
1269				</div>
1270			</div>
1271			<div class="grid grid-cols-1 md:grid-cols-3 py-8">
1272	<div class="col-span-1 flex items-center justify-center my-3 md:my-0 p-6">
1273		<img src="https://www.infoelba.org/wp-content/uploads/2017/08/infoelba.it_-768x125.png" alt="Infoelba" class="drop-shadow-sm" loading="lazy" decoding="async" />
1274	</div>
1275	<div class="col-span-1 md:col-span-2 text-sm flex flex-col justify-center">
1276		<p>
1277			<strong>&copy;1999-2026 Infoelba s.r.l. Unipersonale</strong> - Viale Teseo Tesei, 12 - Centro Servizi Il Molino - 57037 Portoferraio (LI)
1278		</p>
1279		<p>
1280			P. IVA e C.F. 01130150491 - capitale sociale &euro;10.000,00 i.v. - registro imprese numero 01130150491 - REA: LI - 100635
1281		</p>
1282		<p>
1283			<strong><a href="https://www.infoelba.it">infoelba</a></strong>&reg; è un marchio registrato - tutti i diritti sono riservati
1284			- <strong><a href="https://areariservata.infoelba.it">Accesso all'area riservata</a></strong>
1285		</p>
1286	</div>
1287</div>
1288
1289		</div>
1290		<!--<button id="to-top" role="button" class="btn opacity-80 hover:opacity-100" data-ui-action="scrollTo" data-target="page-content-wrapper">
1291			<i class="fa fa-chevron-up !text-gray-800"></i> <span class="sr-only">top</span>
1292		</button>-->
1293	</footer>
1294	</div> <!-- page-content-inner -->
1295	</div> <!-- page-content-wrapper -->
1296	</div> <!-- menu-pusher -->
1297
1298	
1299		<kepleroai-chat chatbot="6bfd123d-f1de-4994-b6a5-2a9e9691ad60"></kepleroai-chat>
1300		
1300<script src="https://bundle.keplero.ai/min.js" defer></script>
1300
1301
1302		
1302<script>
1303			document.addEventListener('DOMContentLoaded', () => {
1304				const chat = document.querySelector('kepleroai-chat');
1305				if (chat && chat.shadowRoot) {
1306					const style = document.createElement('style');
1307					style.textContent = `
1308						@media (max-width: 768px) {
1309							.flex.flex-col.items-end.w-full.md\\:max-w-lg {
1310								display: none !important;
1311							}
1312						}
1313					`;
1314					chat.shadowRoot.appendChild(style);
1315
1316					// Il widget monta un <input type="file"> nascosto (react-dropzone) privo
1317					// di label e di aria-label: axe/PageSpeed lo segnala come campo senza
1318					// etichetta. Non e' codice nostro, quindi lo etichettiamo noi appena
1319					// compare nello shadow DOM (che il widget espone in mode: "open").
1320					const attachFileLabel = 'Allega un file';
1321					if (attachFileLabel) {
1322						const labelFileInputs = () => {
1323							chat.shadowRoot
1324								.querySelectorAll('input[type="file"]:not([aria-label])')
1325								.forEach((input) => input.setAttribute('aria-label', attachFileLabel));
1326						};
1327						labelFileInputs();
1328						// Il pannello della chat viene montato solo all'apertura, e React lo
1329						// rimonta a ogni cambio di stato: osservo lo shadow DOM invece di
1330						// affidarmi a un singolo passaggio. Osservo solo childList, cosi' il
1331						// setAttribute qui sopra non richiama l'observer.
1332						new MutationObserver(labelFileInputs)
1333							.observe(chat.shadowRoot, { childList: true, subtree: true });
1334					}
1335				}
1336			});
1337		</script>
1337
1338	
1339
1340</div>
1341
1342<!-- Main modal -->
1343<div id="default-modal" tabindex="-1"
1344    aria-hidden="true"
1345    class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">
1346    <div class="relative p-4 w-full max-w-4xl max-h-full">
1347        <!-- Modal content -->
1348        <div class="relative bg-white rounded-lg shadow-sm">
1349            <!-- Modal header -->
1350            <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t border-gray-200">
1351                <h3 class="text-xl font-semibold" id="default-modal-title">
1352                </h3>
1353                <button type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center" data-modal-hide="default-modal">
1354                    <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
1355                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
1356                    </svg>
1357                    <span class="sr-only">Close modal</span>
1358                </button>
1359            </div>
1360            <!-- Modal body -->
1361            <div class="p-4 md:p-5 space-y-4 max-h-[85vh] overflow-y-auto" id="default-modal-body">
1362
1363            </div>
1364            
1365        </div>
1366    </div>
1367</div>
1368<!-- Social share modal -->
1369<div id="social-share-modal" tabindex="-1"
1370    aria-hidden="true"
1371    class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">
1372    <div class="relative p-4 w-full max-w-2xl max-h-full">
1373        <!-- Modal content -->
1374        <div class="relative bg-white rounded-lg shadow-sm">
1375            <!-- Modal header -->
1376            <div class="flex items-center justify-between p-4 md:p-5 rounded-t">
1377                <h3 class="text-xl font-semibold" id="social-share-modal-title">Condividi</h3>
1378                <button type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center" data-modal-hide="social-share-modal">
1379                    <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
1380                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
1381                    </svg>
1382                    <span class="sr-only">Close modal</span>
1383                </button>
1384            </div>
1385            <!-- Modal body -->
1386            <div class="p-4 md:p-5 space-y-4 max-h-[85vh] overflow-y-auto" id="social-share-modal-body">
1387                <div class="social-share-container">
1388                    <div class="mb-4 flex items-center gap-2">                       
1389                        <div class="relative overflow-hidden rounded-md min-w-28">
1390                            <img id="social-share-image" src="" alt="" class="w-full h-28 object-cover">
1391                        </div>
1392                        <p class="text-lg mb-2" id="social-share-title"></p>
1393                    </div>
1394                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-3 mb-4">
1395                        <a id="social-share-facebook" href="#" target="_blank"
1396                          class="flex items-center gap-1 justify-between py-2 px-4 select-none rounded-md text-primary-text border transition-colors duration-200 bg-white hover:bg-gray-100 hover:no-underline active:no-underline focus:no-underline">
1397                            <span>Facebook</span>
1398                            <i class="fab fa-facebook p-2 rounded-full bg-facebook text-white"></i>
1399                        </a>
1400                        <a id="social-share-whatsapp" href="#" target="_blank"
1401                          class="flex items-center gap-1 justify-between py-2 px-4 select-none rounded-md text-primary-text border transition-colors duration-200 bg-white hover:bg-gray-100 hover:no-underline active:no-underline focus:no-underline">
1402                            <span>WhatsApp</span>
1403                            <i class="fab fa-whatsapp p-2 rounded-full bg-whatsapp text-white"></i>
1404                        </a>
1405                        <a id="social-share-email" href="#"
1406                          class="flex items-center gap-1 justify-between py-2 px-4 select-none rounded-md text-primary-text border transition-colors duration-200 bg-white hover:bg-gray-100 hover:no-underline active:no-underline focus:no-underline">
1407                            <span>Email</span>
1408                            <i class="fi fi-tr-envelopes p-2 rounded-full bg-gray-600 text-white"></i>
1409                        </a>
1410                        <button
1411                          class="copy-link-btn flex items-center gap-1 justify-between py-2 px-4 select-none rounded-md text-primary-text border transition-colors duration-200 bg-white hover:bg-gray-100 hover:no-underline active:no-underline focus:no-underline">
1412                            <span>Copia link</span>
1413                            <i class="fi fi-tr-link-alt p-2 rounded-full bg-gray-800 text-white"></i>
1414                        </button>
1415                    </div>
1416                    <div class="copy-link-container hidden">
1417                        <input id="social-share-url-input" type="text" value="" readonly class="w-full p-2 border border-gray-300 rounded-md">
1418                        <p class="copy-success-message hidden mt-2 text-green-600 text-sm">Link copiato negli appunti!</p>
1419                    </div>
1420                </div>
1421            </div>
1422        </div>
1423    </div>
1424</div>
1425
1426<button type="button"
1427	data-ui-action="newsletterModal"
1428	data-modal-target="newsletter-modal"
1429	id="newsletter-fab"
1430	aria-label="Iscriviti alla newsletter"
1431	class="hidden fixed left-4 bottom-[68px] z-40 items-center gap-2 rounded-full bg-dark-primary p-3 text-white shadow-lg transition-colors hover:bg-[#46608a] focus:outline-none focus:ring-2 focus:ring-dark-primary focus:ring-offset-2 sm:pr-5">
1432	<i class="fi fi-tr-envelopes text-2xl leading-none" aria-hidden="true"></i>
1433	
1434	<span class="hidden sm:inline text-base font-medium">
1435		Iscriviti alla newsletter
1436	</span>
1437</button>
1438
1439
1440<div id="newsletter-modal" tabindex="-1"
1441    aria-hidden="true"
1442    class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">
1443    <div class="relative p-4 w-full max-w-2xl max-h-full">
1444        <!-- Modal content -->
1445        <div class="relative bg-white rounded-lg shadow-sm">
1446            <!-- Modal header -->
1447            <div class="flex items-center justify-between p-4 md:p-5 rounded-t">
1448                <h3 class="flex items-center gap-2 text-xl font-semibold" id="newsletter-modal-title">
1449                    <i class="fi fi-tr-envelopes text-2xl text-primary" aria-hidden="true"></i>
1450                    Iscriviti alla newsletter
1451                </h3>
1452                <button type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center" data-modal-hide="newsletter-modal">
1453                    <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
1454                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
1455                    </svg>
1456                    <span class="sr-only">Chiudi</span>
1457                </button>
1458            </div>
1459            <!-- Modal body -->
1460            <div class="p-4 md:p-5 max-h-[85vh] overflow-y-auto" id="newsletter-modal-body">
1461                
1462<ie-newsletter class="block "
1463	data-error-text="Non &#232; stato possibile completare l'iscrizione: controlla la connessione e riprova.">
1464
1465	<div class="">
1466
1467		
1468		<p class="text-base mb-4">Spiagge segrete, borghi, itinerari e i consigli di chi l'Elba la vive tutto l'anno: una mail ogni tanto, niente di più.</p>
1469
1470		
1471		<div id="newsletter-1-result" data-result aria-live="polite" class="empty:hidden mb-4"></div>
1472
1473		
1474		<form action="/requests/newsletter-subscription.asp" method="post"
1475			id="newsletter-1-form" data-form>
1476
1477			<p class="text-sm text-gray-700 mb-4">I campi contrassegnati con un asterisco (*) sono obbligatori.</p>
1478
1479			<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
1480				<div>
1481					<label for="newsletter-1-cognome" class=" block text-base font-medium text-primary-text mb-1 cursor-pointer ">
1482						Cognome
1483						<span class="required-marker" aria-hidden="true">*</span>
1484					</label>
1485					<input type="text" id="newsletter-1-cognome" name="cognome" required
1486						autocomplete="family-name" value=""
1487						class=" w-full rounded-md border border-solid border-gray-300 bg-white text-gray-500 py-3 px-6 hover-hover:py-2 hover-hover:px-3 text-base font-medium outline-none focus:border-light-primary focus:shadow-md " />
1488				</div>
1489				<div>
1490					<label for="newsletter-1-nome" class=" block text-base font-medium text-primary-text mb-1 cursor-pointer ">
1491						Nome
1492						<span class="required-marker" aria-hidden="true">*</span>
1493					</label>
1494					<input type="text" id="newsletter-1-nome" name="nome" required
1495						autocomplete="given-name" value=""
1496						class=" w-full rounded-md border border-solid border-gray-300 bg-white text-gray-500 py-3 px-6 hover-hover:py-2 hover-hover:px-3 text-base font-medium outline-none focus:border-light-primary focus:shadow-md " />
1497				</div>
1498				<div class="sm:col-span-2">
1499					<label for="newsletter-1-email" class=" block text-base font-medium text-primary-text mb-1 cursor-pointer ">
1500						Email
1501						<span class="required-marker" aria-hidden="true">*</span>
1502					</label>
1503					<input type="email" id="newsletter-1-email" name="email" required
1504						autocomplete="email" value=""
1505						class=" w-full rounded-md border border-solid border-gray-300 bg-white text-gray-500 py-3 px-6 hover-hover:py-2 hover-hover:px-3 text-base font-medium outline-none focus:border-light-primary focus:shadow-md " />
1506				</div>
1507			</div>
1508
1509			<div class="alert alert-warning my-6">
1510				<div class="mb-4"><h4 class="font-bold text-xl mb-2">Come gestiamo i tuoi dati</h4>I dati che inserisci sono memorizzati da Infoelba S.r.l. e usati soltanto per inviarti la newsletter: <strong>non vengono comunicati alle strutture ricettive né ceduti a terzi</strong>. Puoi chiedere la cancellazione in qualsiasi momento, dal link in fondo a ogni email o scrivendoci.</div>
1511
1512				<label for="newsletter-1-privacy" class="flex items-start gap-2 cursor-pointer mb-2">
1513					<input type="checkbox" id="newsletter-1-privacy" name="privacy" value="si" required
1514						class="bg-white  w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer  !border-amber-500" />
1515					<span>Ho preso visione dell'<strong>Informativa Privacy</strong> (per visionarla, cliccare sul lucchetto in basso a sinistra) e confermo di avere più di 18 anni. <span class="required-marker" aria-hidden="true">*</span></span>
1516				</label>
1517
1518				
1519				<label for="newsletter-1-auth2" class="flex items-start gap-2 cursor-pointer">
1520					<input type="checkbox" id="newsletter-1-auth2" name="privacy-auth-2" value="1" required
1521						class="bg-white  w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer  !border-amber-500" />
1522					<span>Sì, iscrivimi: acconsento a ricevere da Infoelba S.r.l. consigli, itinerari e comunicazioni promozionali sull'isola d'Elba. <span class="required-marker" aria-hidden="true">*</span></span>
1523				</label>
1524			</div>
1525
1526			<input type="hidden" name="request-url" value="https://www.infoelba.it/dove-dormire/ricerca/" />
1527			<input type="hidden" name="request-title" value="Newsletter" />
1528
1529			
1530			<input type="text" name="invia2" value="" tabindex="-1" autocomplete="off" aria-hidden="true" class="hidden" />
1531
1532			
1533			<input type="hidden" name="rq-token" value="843613571.2a1c482c478cc87bc26e2d7fedcf7de1" />
1534
1535			
1536			<div class="flex">
1537				<button type="submit" name="invia" class="btn btn-primary" data-submit>
1538					Iscrivimi
1539					<i class="fi fi-ts-paper-plane" aria-hidden="true"></i>
1540				</button>
1541			</div>
1542		</form>
1543		
1544	</div>
1545</ie-newsletter>
1546
1547            </div>
1548        </div>
1549    </div>
1550</div>
1551
1552<script src="/assets/js/flowbite.min.js?v=114"></script>
vendor: 2 bytes, line 1552
1552
1553<script src="/assets/js/common.min.js?v=114"></script>
vendor: 2 bytes, line 1553
1553
1554<script src="/assets/js/jquery.blockui.min.js?v=114"></script>
vendor: 2 bytes, line 1554
1554
1555<script src="/assets/js/cache.min.js?v=114"></script>
vendor: 2 bytes, line 1555
1555
1556<script src="/assets/js/history.min.js?v=114"></script>
vendor: 2 bytes, line 1556
1556
1557<script src="/assets/js/Infoelba.min.js?v=114"></script>
vendor: 2 bytes, line 1557
1557
1558<script src="/assets/js/Infoelba.AccommodationSearch.min.js?v=114"></script>
vendor: 2 bytes, line 1558
1558
1559<script src="/assets/js/geolib.min.js?v=114"></script>
vendor: 2 bytes, line 1559
1559
1560<script src="/assets/js/leaflet/leaflet.min.js?v=114"></script>
vendor: 2 bytes, line 1560
1560
1561<script src="/assets/js/leaflet/leaflet.markercluster.min.js?v=114"></script>
vendor: 2 bytes, line 1561
1561
1562<script src="/assets/js/mobilemenu.min.js?v=114"></script>
vendor: 2 bytes, line 1562
1562
1563<script src="/assets/js/components/ie-newsletter.min.js?v=114"></script>
vendor: 2 bytes, line 1563
1563
1564<script src="/assets/js/locales/bootstrap-datepicker.it.min.js?v=114"></script>
vendor: 2 bytes, line 1564
1564
1565<script>
1566Infoelba.addInit(function() {
1567Infoelba.AccommodationSearch.init('search', 'residential_search', {"Ricerca_FiltroNonImpostato": "Qualsiasi", "Caricamento_Invio": "Invio in corso..." });
1568});
1569</script>
1569
1570
1571	
1571<script>
1572		window.loadEvents.forEach(function (fn) {
1573      		typeof fn === "function" && fn();
1574    	});
1575	</script>
1575
1576	
1577		<!-- Script di terze parti (GTM, Facebook Pixel, Clarity): caricamento differito -->
1578		
1579<script>
1580(function () {
1581	var injected = false, started = false;
1582
1583	function injectThirdParty() {
1584		if (injected) return;
1585		injected = true;
1586
1587		// --- Google Tag Manager ---
1588		(function (w, d, s, l, i) {
1589			w[l] = w[l] || [];
1590			w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
1591			var f = d.getElementsByTagName(s)[0], j = d.createElement(s);
1592			j.async = true;
1593			j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i;
1594			f.parentNode.insertBefore(j, f);
1595		})(window, document, 'script', 'dataLayer', 'GTM-W3FQMDH');
1596
1597		// --- Facebook Pixel ---
1598		!function (f, b, e, v, n, t, s) {
1599			if (f.fbq) return;
1600			n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) };
1601			if (!f._fbq) f._fbq = n;
1602			n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = [];
1603			t = b.createElement(e); t.async = !0;
1604			t.src = v;
1605			s = b.getElementsByTagName(e)[0];
1606			s.parentNode.insertBefore(t, s);
1607		}(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
1608		fbq('init', '126960367902655');
1609		fbq('track', 'PageView');
1610
1611		// --- Microsoft Clarity ---
1612		/*(function (c, l, a, r, i) {
1613			c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
1614			var t = l.createElement(r); t.async = 1;
1615			t.src = 'https://www.clarity.ms/tag/' + i;
1616			var y = l.getElementsByTagName(r)[0];
1617			y.parentNode.insertBefore(t, y);
1618		})(window, document, 'clarity', 'script', 'v7dq27xj10');*/
1619	}
1620
1621	// Attende che la CMP acconsento sia pronta (DOM patchato), poi inietta.
1622	// Fallback: dopo 8s inietta comunque (acconsento, caricato nel <head>,
1623	// a quel punto si e' quasi certamente gia' eseguito).
1624	function start() {
1625		if (started) return;
1626		started = true;
1627		var waited = 0;
1628		(function waitForCmp() {
1629			if (window.AcconsentoAPI || waited >= 8000) {
1630				injectThirdParty();
1631				return;
1632			}
1633			waited += 200;
1634			setTimeout(waitForCmp, 200);
1635		})();
1636	}
1637
1638	// Trigger: prima interazione utente, oppure fallback a timer.
1639	var evs = ['scroll', 'mousemove', 'touchstart', 'keydown', 'pointerdown'];
1640	function onFirstInteraction() {
1641		evs.forEach(function (e) { window.removeEventListener(e, onFirstInteraction); });
1642		start();
1643	}
1644	evs.forEach(function (e) { window.addEventListener(e, onFirstInteraction, { once: true, passive: true }); });
1645	setTimeout(start, 3500);
1646})();
1647</script>
1647
1648
1649	
1649<script>
1650		Infoelba.onLoad();
1651	</script>
1651
1652
1653	
1654</body>
1655</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.