PageSourceSearch

https://www.elbaeventi.it/it

html elbaeventi.it collected 2026-10-03 17:34:36 UTC 190,799 bytes, 2,850 lines download raw bytes

1<!DOCTYPE html>
2
3<html class="scroll-smooth scroll-pt-20"
4      lang="it">
5
6<head>
7  <meta charset="utf-8">
8  <meta name="viewport"
9        content="width=device-width, initial-scale=1">
10
11  <title>Prossimi eventi · Elba Eventi</title>
12  <meta name="description"
13        content="Gli eventi in programma all&#039;isola d&#039;Elba: prossimi eventi.">
14
15  <link rel="canonical"
16        href="https://www.elbaeventi.it/it">
17
18  
19  <link rel="alternate"
20        type="application/rss+xml"
21        title="Elba Eventi — nuovi eventi all&#039;isola d&#039;Elba"
22        href="https://www.elbaeventi.it/it/eventi/feed.xml">
23
24  
25  <meta name="robots"
26        content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
27
28  
29  <meta name="theme-color"
30        content="#f6f8f8">
31
32  
33  <link rel="icon"
34        href="/favicon.ico"
35        sizes="16x16 32x32 48x48">
36  <link rel="icon"
37        type="image/svg+xml"
38        href="/favicon.svg">
39  <link rel="apple-touch-icon"
40        sizes="180x180"
41        href="/apple-touch-icon.png">
42
43  <meta property="og:site_name"
44        content="Elba Eventi">
45  <meta property="og:type"
46        content="website">
47  <meta property="og:title"
48        content="Prossimi eventi">
49  <meta property="og:description"
50        content="Gli eventi in programma all&#039;isola d&#039;Elba: prossimi eventi.">
51  <meta property="og:url"
52        content="https://www.elbaeventi.it/it">
53  <meta property="og:locale"
54        content="it_IT">
55  
56  <meta property="og:image"
57        content="https://www.elbaeventi.it/images/og-default.png">
58  <meta name="twitter:card"
59        content="summary_large_image">
60
61  
62  
62<script type="application/ld+json">
63  {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.elbaeventi.it#organization","name":"Elba Eventi","url":"https://www.elbaeventi.it/it","description":"Tutto quello che succede all'isola d'Elba: concerti, sagre, mostre, sport e feste, giorno per giorno.","logo":"https://www.elbaeventi.it/images/logo-brand.png","image":"https://www.elbaeventi.it/images/og-default.png","sameAs":["https://www.facebook.com/Infoelba","https://www.instagram.com/infoelba"],"areaServed":{"@type":"Place","name":"Isola d'Elba"}},{"@type":"WebSite","@id":"https://www.elbaeventi.it#website","name":"Elba Eventi","url":"https://www.elbaeventi.it/it","description":"Tutto quello che succede all'isola d'Elba: concerti, sagre, mostre, sport e feste, giorno per giorno.","inLanguage":"it","publisher":{"@id":"https://www.elbaeventi.it#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.elbaeventi.it/it/eventi/ricerca?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
64</script>
64
65
66  
67  
67<script>
68    (function() {
69      var dark = localStorage.getItem('color-theme') === 'dark';
70      document.documentElement.classList.toggle('dark', dark);
71      document.querySelector('meta[name="theme-color"]').content = dark ? '#171d21' : '#f6f8f8';
72    })();
73  </script>
73
74
75  
76    <link rel="preconnect"
77        href="https://fonts.bunny.net">
78  <link rel="preload"
79        as="style"
80        href="https://fonts.bunny.net/css2?family=Fraunces:opsz,[email protected],500;9..144,600&amp;family=Inter:wght@400;500;600&amp;display=swap"
81        onload="this.onload = null; this.rel = 'stylesheet'">
82  <noscript>
83    <link rel="stylesheet"
84          href="https://fonts.bunny.net/css2?family=Fraunces:opsz,[email protected],500;9..144,600&amp;family=Inter:wght@400;500;600&amp;display=swap">
85  </noscript>
86
87  <link rel="preload" as="style" href="https://www.elbaeventi.it/build/assets/app-F5U_dh-E.css" /><link rel="modulepreload" as="script" href="https://www.elbaeventi.it/build/assets/app-CSI8ZEC0.js" /><link rel="stylesheet" href="https://www.elbaeventi.it/build/assets/app-F5U_dh-E.css" data-navigate-track="reload" />
87<script type="module" src="https://www.elbaeventi.it/build/assets/app-CSI8ZEC0.js" data-navigate-track="reload"></script>
87
88  <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak="x-cloak"],[x-cloak=""] {display: none !important;}[wire\:cloak="wire:cloak"],[wire\:cloak=""] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
vendor: 77 bytes, lines 88-91
88
89
90  <script async
91          src="https://www.googletagmanager.com/gtag/js?id=
91G-KTSBD2HTSN
vendor: 14 bytes, lines 91-92
91"></script>
92  
92<script>
93    window.dataLayer = window.dataLayer || [];
94
95    function gtag() {
96      dataLayer.push(arguments);
97    }
98
99    gtag('consent', 'default', {
100      ad_storage: 'denied',
101      ad_user_data: 'denied',
102      ad_personalization: 'denied',
103      analytics_storage: 'denied',
104      wait_for_update: 500,
105    });
106
107    // / Chi ha già acconsentito non deve riacconsentire a ogni pagina. La
108    // / scelta va riletta qui, inline e prima di gtag('config'), altrimenti
109    // / il primo hit della pagina parte anonimo e la sessione si spezza in due.
110    // / La chiave è la stessa che scrive resources/js/consent.js.
111    // /
112    // / Si concede il solo analytics_storage: gli ad_* servono a Google Ads e
113    // / a Google Signals, che qui non usiamo. Restano negati anche per chi
114    // / accetta, perché non c'è niente da autorizzare.
115    try {
116      if (localStorage.getItem('cookie-consent') === 'granted') {
117        gtag('consent', 'update', { analytics_storage: 'granted' });
118      }
119    } catch (e) {
120      // / navigazione privata o storage negato: resta il default, cioè negato.
121    }
122
123    gtag('js', new Date());
124    gtag('config', 'G-KTSBD2HTSN');
125  </script>
125
126
127    
128  
129  
130      
130<script type="application/ld+json">
131  {"@context":"https://schema.org","@type":"ItemList","name":"Prossimi eventi","url":"https://www.elbaeventi.it/it","numberOfItems":24,"itemListOrder":"https://schema.org/ItemListOrderAscending","itemListElement":[{"@type":"ListItem","position":1,"url":"https://www.elbaeventi.it/it/eventi/2026/10/11/lincantevole-via-delle-cantine-di-pomonte-trekking-botanico-20244","name":" L'INCANTEVOLE VIA DELLE CANTINE DI POMONTE - TREKKING BOTANICO"},{"@type":"ListItem","position":2,"url":"https://www.elbaeventi.it/it/eventi/2026/10/03/via-dellessenza-la-via-dei-lentischi-19246","name":"Via dell’Essenza - La Via dei Lentischi"},{"@type":"ListItem","position":3,"url":"https://www.elbaeventi.it/it/eventi/2026/10/03/nessun-dolore-20235","name":"NESSUN DOLORE"},{"@type":"ListItem","position":4,"url":"https://www.elbaeventi.it/it/eventi/2026/10/03/elba-mineral-bike-fest-20229","name":"Elba Mineral Bike Fest"},{"@type":"ListItem","position":5,"url":"https://www.elbaeventi.it/it/eventi/2026/10/03/spilt-milk-20241","name":"Spilt Milk"},{"@type":"ListItem","position":6,"url":"https://www.elbaeventi.it/it/eventi/2026/10/03/elba-legend-run-20065","name":"Elba Legend Run"},{"@type":"ListItem","position":7,"url":"https://www.elbaeventi.it/it/eventi/2026/10/04/gara-regionale-di-tiro-con-l-arco-indoor-18-mt-fitarco-20056","name":"Gara regionale di Tiro con l' arco Indoor 18 MT Fitarco "},{"@type":"ListItem","position":8,"url":"https://www.elbaeventi.it/it/eventi/2026/10/04/festa-di-fine-vendemmia-20228","name":"Festa di fine Vendemmia"},{"@type":"ListItem","position":9,"url":"https://www.elbaeventi.it/it/eventi/2026/10/02/chocomoments-portoferraio-20192","name":"ChocoMoments Portoferraio"},{"@type":"ListItem","position":10,"url":"https://www.elbaeventi.it/it/eventi/2026/10/04/nessun-dolore-20236","name":" NESSUN DOLORE"},{"@type":"ListItem","position":11,"url":"https://www.elbaeventi.it/it/eventi/2026/10/02/sagra-del-totano-20239","name":"Sagra del Totano"},{"@type":"ListItem","position":12,"url":"https://www.elbaeventi.it/it/eventi/2026/10/05/tavole-rotonde-dante-20223","name":"Tavole Rotonde Dante"},{"@type":"ListItem","position":13,"url":"https://www.elbaeventi.it/it/eventi/2026/10/06/incontro-con-yuri-landman-20242","name":"Incontro con Yuri Landman"},{"@type":"ListItem","position":14,"url":"https://www.elbaeventi.it/it/eventi/2026/10/06/serata-astronomica-martedi-6-ottobre-2026-20161","name":"Serata Astronomica Martedì  6 Ottobre   2026"},{"@type":"ListItem","position":15,"url":"https://www.elbaeventi.it/it/eventi/2026/10/06/cenone-in-strada-20189","name":"Cenone in strada"},{"@type":"ListItem","position":16,"url":"https://www.elbaeventi.it/it/eventi/2026/10/07/erborare-isola-delba-18900","name":"Erborare Isola d’Elba"},{"@type":"ListItem","position":17,"url":"https://www.elbaeventi.it/it/eventi/2026/10/07/nessun-dolore-20237","name":" NESSUN DOLORE"},{"@type":"ListItem","position":18,"url":"https://www.elbaeventi.it/it/eventi/2026/10/07/electric-kalimba-workshop-20243","name":"Electric Kalimba Workshop"},{"@type":"ListItem","position":19,"url":"https://www.elbaeventi.it/it/eventi/2026/10/07/silent-friend-20234","name":"SILENT FRIEND"},{"@type":"ListItem","position":20,"url":"https://www.elbaeventi.it/it/eventi/2026/10/09/laboratori-naturalistici-per-bambini-a-rio-elba-19436","name":"Laboratori naturalistici per bambini a Rio Elba"},{"@type":"ListItem","position":21,"url":"https://www.elbaeventi.it/it/eventi/2026/10/09/serata-astronomica-venerdi-9-ottobre-2026-20162","name":"Serata Astronomica Venerdì 9  Ottobre   2026"},{"@type":"ListItem","position":22,"url":"https://www.elbaeventi.it/it/eventi/2026/10/10/citta-spugna-e-architettura-partecipata-20222","name":"Città spugna e architettura partecipata"},{"@type":"ListItem","position":23,"url":"https://www.elbaeventi.it/it/eventi/2026/10/10/tarta-aperitivo-19247","name":"Tarta-aperitivo"},{"@type":"ListItem","position":24,"url":"https://www.elbaeventi.it/it/eventi/2026/10/10/piazzale-dellastronomia-di-san-piero-osservazione-del-pianeta-saturno-19252","name":"Piazzale dell’Astronomia di San Piero. Osservazione del pianeta Saturno"}]}
132</script>
132
133  </head>
134
135<body class="flex min-h-screen flex-col font-sans antialiased">
136  <a class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-50 focus:rounded-lg focus:bg-sea-700 focus:px-4 focus:py-2 focus:text-white"
137     href="#main">
138    Vai al contenuto
139  </a>
140
141  <header class="sticky top-0 z-40 border-b border-ink-200/70 bg-ink-50/85 backdrop-blur-md dark:border-ink-800 dark:bg-ink-950/85">
142  <div class="mx-auto flex max-w-6xl items-center gap-4 px-4 py-3 sm:px-6">
143    
144    <a class="flex shrink-0 items-center"
145       href="https://www.elbaeventi.it/it">
146      <img class="h-6 w-auto sm:h-7"
147           src="https://www.elbaeventi.it/images/logo.png"
148           alt="Elba Eventi"
149           width="320"
150           height="39">
151    </a>
152
153    <nav class="ml-auto hidden items-center gap-1 md:flex"
154         aria-label="Navigazione principale">
155              <a class="rounded-lg px-3 py-2 text-sm font-medium text-ink-600 transition-colors hover:bg-sea-50 hover:text-sea-800 dark:text-ink-300 dark:hover:bg-ink-800 dark:hover:text-sea-100"
156           href="https://www.elbaeventi.it/it/eventi/2026/10/03">Oggi</a>
157              <a class="rounded-lg px-3 py-2 text-sm font-medium text-ink-600 transition-colors hover:bg-sea-50 hover:text-sea-800 dark:text-ink-300 dark:hover:bg-ink-800 dark:hover:text-sea-100"
158           href="https://www.elbaeventi.it/it/eventi/localita">Località</a>
159              <a class="rounded-lg px-3 py-2 text-sm font-medium text-ink-600 transition-colors hover:bg-sea-50 hover:text-sea-800 dark:text-ink-300 dark:hover:bg-ink-800 dark:hover:text-sea-100"
160           href="https://www.elbaeventi.it/it/eventi/categorie">Categorie</a>
161              <a class="rounded-lg px-3 py-2 text-sm font-medium text-ink-600 transition-colors hover:bg-sea-50 hover:text-sea-800 dark:text-ink-300 dark:hover:bg-ink-800 dark:hover:text-sea-100 hidden lg:block"
162           href="https://www.elbaeventi.it/it/eventi/rassegne">Rassegne</a>
163              <a class="rounded-lg px-3 py-2 text-sm font-medium text-ink-600 transition-colors hover:bg-sea-50 hover:text-sea-800 dark:text-ink-300 dark:hover:bg-ink-800 dark:hover:text-sea-100"
164           href="https://www.elbaeventi.it/it/eventi/mappa">Mappa</a>
165              <a class="rounded-lg px-3 py-2 text-sm font-medium text-ink-600 transition-colors hover:bg-sea-50 hover:text-sea-800 dark:text-ink-300 dark:hover:bg-ink-800 dark:hover:text-sea-100"
166           href="https://www.elbaeventi.it/it/volantini-eventi-elba">Volantini</a>
167          </nav>
168
169    <form class="ml-auto hidden md:ml-0 md:block"
170          action="https://www.elbaeventi.it/it/eventi/ricerca"
171          method="get"
172          role="search">
173      <label class="sr-only"
174             for="header-search">Cerca</label>
175      <input class="w-40 rounded-lg border border-ink-200 bg-white px-3 py-2 text-sm placeholder:text-ink-400 focus:w-56 focus:border-sea-400 focus:outline-none dark:border-ink-700 dark:bg-ink-900 lg:w-52 lg:focus:w-64"
176             id="header-search"
177             name="q"
178             type="search"
179             placeholder="Cerca"
180             value="">
181    </form>
182
183    <button class="rounded-lg p-2 text-ink-500 transition-colors hover:bg-ink-100 hover:text-ink-800 dark:text-ink-400 dark:hover:bg-ink-800 dark:hover:text-ink-100 ml-auto md:ml-0"
184        id="theme-toggle"
185        type="button"
186        title="Cambia tema chiaro/scuro">
187  <span class="sr-only">Cambia tema chiaro/scuro</span>
188
189  <svg class="size-5 dark:hidden"
190       fill="none"
191       stroke="currentColor"
192       stroke-width="1.8"
193       viewBox="0 0 24 24"
194       aria-hidden="true">
195    <path stroke-linecap="round"
196          stroke-linejoin="round"
197          d="M21.75 15.75A9.75 9.75 0 1 1 8.25 2.25a7.5 7.5 0 0 0 13.5 13.5Z" />
198  </svg>
199
200  <svg class="hidden size-5 dark:block"
201       fill="none"
202       stroke="currentColor"
203       stroke-width="1.8"
204       viewBox="0 0 24 24"
205       aria-hidden="true">
206    <path stroke-linecap="round"
207          stroke-linejoin="round"
208          d="M12 3v1.5m0 15V21m9-9h-1.5m-15 0H3m15.36-6.36-1.06 1.06M6.7 17.3l-1.06 1.06m12.72 0-1.06-1.06M6.7 6.7 5.64 5.64M16.5 12a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z" />
209  </svg>
210</button>
211
212    
213    
214    <details class="relative md:hidden"
215             name="mobile-menu">
216      <summary class="flex cursor-pointer items-center rounded-lg p-2 text-ink-600 marker:content-none hover:bg-ink-100 dark:text-ink-300 dark:hover:bg-ink-800">
217        <span class="sr-only">Apri il menu</span>
218        <svg class="size-5"
219             fill="none"
220             stroke="currentColor"
221             stroke-width="1.8"
222             viewBox="0 0 24 24"
223             aria-hidden="true">
224          <path stroke-linecap="round"
225                stroke-linejoin="round"
226                d="M3.75 6.75h16.5M3.75 12h16.5M3.75 17.25h16.5" />
227        </svg>
228      </summary>
229
230      <div class="card absolute right-0 mt-2 w-60 p-2 shadow-xl">
231        <form class="p-1"
232              action="https://www.elbaeventi.it/it/eventi/ricerca"
233              method="get"
234              role="search">
235          <label class="sr-only"
236                 for="mobile-search">Cerca</label>
237          <input class="w-full rounded-lg border border-ink-200 bg-white px-3 py-2 text-sm dark:border-ink-700 dark:bg-ink-950"
238                 id="mobile-search"
239                 name="q"
240                 type="search"
241                 placeholder="Cerca"
242                 value="">
243        </form>
244                  <a class="block rounded-lg px-3 py-2 text-sm font-medium text-ink-700 hover:bg-sea-50 dark:text-ink-200 dark:hover:bg-ink-800"
245             href="https://www.elbaeventi.it/it/eventi/2026/10/03">Oggi</a>
246                  <a class="block rounded-lg px-3 py-2 text-sm font-medium text-ink-700 hover:bg-sea-50 dark:text-ink-200 dark:hover:bg-ink-800"
247             href="https://www.elbaeventi.it/it/eventi/localita">Località</a>
248                  <a class="block rounded-lg px-3 py-2 text-sm font-medium text-ink-700 hover:bg-sea-50 dark:text-ink-200 dark:hover:bg-ink-800"
249             href="https://www.elbaeventi.it/it/eventi/categorie">Categorie</a>
250                  <a class="block rounded-lg px-3 py-2 text-sm font-medium text-ink-700 hover:bg-sea-50 dark:text-ink-200 dark:hover:bg-ink-800"
251             href="https://www.elbaeventi.it/it/eventi/rassegne">Rassegne</a>
252                  <a class="block rounded-lg px-3 py-2 text-sm font-medium text-ink-700 hover:bg-sea-50 dark:text-ink-200 dark:hover:bg-ink-800"
253             href="https://www.elbaeventi.it/it/eventi/mappa">Mappa</a>
254                  <a class="block rounded-lg px-3 py-2 text-sm font-medium text-ink-700 hover:bg-sea-50 dark:text-ink-200 dark:hover:bg-ink-800"
255             href="https://www.elbaeventi.it/it/volantini-eventi-elba">Volantini</a>
256        
257              </div>
258    </details>
259  </div>
260</header>
261
262  <main class="flex-1"
263        id="main">
264      
265      <section class="relative isolate overflow-hidden bg-ink-900"
266         style="--cat: #0891b2"
267         aria-label="In evidenza">
268      <div class="absolute inset-0 scale-110 bg-cover bg-center blur-2xl saturate-150"
269         style="background-image: url('https://www.elbaeventi.it/img/2026/10/02/0771bedb-9604-47a4-a1b2-1898f1b86dc3.webp?width=480&amp;mode=max')"
270         aria-hidden="true"></div>
271    <div class="absolute inset-0 bg-ink-950/70"
272       aria-hidden="true"></div>
273
274  <div class="relative mx-auto grid max-w-7xl justify-items-center gap-6 px-4 py-8 sm:grid-cols-[auto_minmax(0,1fr)] sm:gap-8 sm:px-6 lg:py-12">
275    
276    <div class="relative self-center">
277              <img class="max-h-64 w-auto rounded-2xl shadow-xl ring-1 ring-white/10 sm:max-h-72 lg:max-h-96"
278             src="https://www.elbaeventi.it/img/2026/10/02/0771bedb-9604-47a4-a1b2-1898f1b86dc3.webp?width=600&amp;mode=max"
279             srcset="https://www.elbaeventi.it/img/2026/10/02/0771bedb-9604-47a4-a1b2-1898f1b86dc3.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/10/02/0771bedb-9604-47a4-a1b2-1898f1b86dc3.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/10/02/0771bedb-9604-47a4-a1b2-1898f1b86dc3.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/10/02/0771bedb-9604-47a4-a1b2-1898f1b86dc3.webp?width=960&amp;mode=max 960w"
280             sizes="(min-width: 1024px) 24rem, (min-width: 640px) 18rem, 16rem"
281             alt=" L&#039;INCANTEVOLE VIA DELLE CANTINE DI POMONTE - TREKKING BOTANICO"
282             fetchpriority="high"
283             decoding="async">
284      
285      <time class="date-stamp absolute top-2 left-2"
286        datetime="2026-10-11">
287    
288    
289    <span class="font-display font-semibold tabular-nums text-4xl">11</span>
290    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-xs">ott</span>
291        
292      </time>
293    </div>
294
295    <div class="flex flex-col items-start gap-3 self-center">
296      <div class="flex flex-wrap items-center gap-2">
297        <p class="inline-flex items-center gap-1.5 rounded-full bg-coral-600 px-3 py-1 text-xs font-bold tracking-widest text-white uppercase shadow-sm">
298          <svg class="size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
299  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
300</svg>
301          In evidenza
302        </p>
303
304        
305              </div>
306
307      
308      <h2 class="font-display text-3xl leading-tight font-semibold text-balance text-white sm:text-4xl lg:text-5xl">
309        <a class="hover:underline focus-visible:outline-none"
310           href="https://www.elbaeventi.it/it/eventi/2026/10/11/lincantevole-via-delle-cantine-di-
310pomonte-trekking-botanico-20244"> L&#039;INCANTEVOLE VIA DELLE CANTINE DI POMONTE - TREKKING BOTANICO</a>
311      </h2>
312
313      <p class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm font-medium text-white/85 sm:text-base">
314        <span class="flex items-center gap-1.5">
315          <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
316  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"/>
317</svg>
318          11 ottobre 2026
319                      <span class="text-white/60 tabular-nums">· ore 09.30</span>
320                  </span>
321                  <span class="flex items-center gap-1.5">
322            <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
323  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
324  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
325</svg>
326            Marciana
327          </span>
328              </p>
329
330              <p class="line-clamp-2 max-w-2xl text-sm text-white/70 sm:text-base">L&#039;INCANTEVOLE VIA DELLE CANTINE DI POMONTE *--&gt; TREKKING BOTANICO B.T.E.</p>
331      
332      <div class="mt-2 flex flex-wrap items-center gap-3">
333        <a class="inline-flex items-center gap-1.5 rounded-lg bg-white px-4 py-2 text-sm font-semibold text-ink-900 transition-colors hover:bg-ink-100"
334           href="https://www.elbaeventi.it/it/eventi/2026/10/11/lincantevole-via-delle-cantine-di-pomonte-trekking-botanico-20244">
335          Scopri l&#039;evento
336          <svg class="size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
337  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
338</svg>
339        </a>
340
341        
342        <a class="inline-flex items-center gap-1.5 rounded-lg bg-white/10 px-4 py-2 text-sm font-semibold text-white ring-1 ring-white/25 transition-colors hover:bg-white/20"
343           href="https://www.elbaeventi.it/it/segnala-evento">
344          <svg class="size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
345  <path stroke-linecap="round" stroke-linejoin="round" d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 0 1 0 3.46"/>
346</svg>
347          Segnala un evento
348        </a>
349      </div>
350    </div>
351  </div>
352</section>
353  
354  <div class="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:py-10">
355    <header class="mb-8">
356      
357      <div class="mt-2 flex flex-wrap items-end justify-between gap-x-6 gap-y-4">
358        <div>
359          <p class="text-xs font-bold tracking-[0.2em] text-coral-600 uppercase dark:text-coral-400">
360            50 eventi
361          </p>
362          <h1 class="mt-1 font-display text-4xl leading-none text-ink-900 first-letter:uppercase sm:text-5xl dark:text-ink-50">
363            Prossimi eventi
364          </h1>
365        </div>
366
367              </div>
368
369      
370      <nav class="card mt-6 space-y-3 p-4 sm:p-5"
371       aria-label="Filtra gli eventi per località e categoria">
372          <div class="flex flex-col gap-1.5 sm:flex-row sm:items-baseline sm:gap-4">
373        <span class="w-20 shrink-0 text-xs font-bold tracking-[0.2em] text-ink-600 uppercase dark:text-ink-400">
374          Località
375        </span>
376
377        
378        <ul class="relative -mx-4 flex gap-2 overflow-x-auto px-4 pb-1 [scrollbar-width:none] sm:mx-0 sm:flex-wrap sm:overflow-visible sm:px-0 sm:pb-0 [&::-webkit-scrollbar]:hidden">
379                      <li class="shrink-0">
380              
381              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
382                 href="https://www.elbaeventi.it/it?municipalities=portoferraio"
383                 role="button"
384                 aria-pressed="false"
385                 style="--cat: var(--color-sea-600)">
386                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
387                      aria-hidden="true">
388                                  </span>
389                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
390  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
391  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
392</svg>
393                Portoferraio
394                <span class="sr-only">8 eventi in programma</span>
395                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
396                      aria-hidden="true">8</span>
397              </a>
398            </li>
399                      <li class="shrink-0">
400              
401              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
402                 href="https://www.elbaeventi.it/it?municipalities=campo-nell-elba"
403                 role="button"
404                 aria-pressed="false"
405                 style="--cat: var(--color-sea-600)">
406                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
407                      aria-hidden="true">
408                                  </span>
409                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
410  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
411  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
412</svg>
413                Campo nell&#039;Elba
414                <span class="sr-only">8 eventi in programma</span>
415                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
416                      aria-hidden="true">8</span>
417              </a>
418            </li>
419                      <li class="shrink-0">
420              
421              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
422                 href="https://www.elbaeventi.it/it?municipalities=capoliveri"
423                 role="button"
424                 aria-pressed="false"
425                 style="--cat: var(--color-sea-600)">
426                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
427                      aria-hidden="true">
428                                  </span>
429                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
430  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
431  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
432</svg>
433                Capoliveri
434                <span class="sr-only">8 eventi in programma</span>
435                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
436                      aria-hidden="true">8</span>
437              </a>
438            </li>
439                      <li class="shrink-0">
440              
441              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
442                 href="https://www.elbaeventi.it/it?municipalities=marciana"
443                 role="button"
444                 aria-pressed="false"
445                 style="--cat: var(--color-sea-600)">
446                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
447                      aria-hidden="true">
448                                  </span>
449                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
450  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
451  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
452</svg>
453                Marciana
454                <span class="sr-only">7 eventi in programma</span>
455                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
456                      aria-hidden="true">7</span>
457              </a>
458            </li>
459                      <li class="shrink-0">
460              
461              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
462                 href="https://www.elbaeventi.it/it?municipalities=marciana-marina"
463                 role="button"
464                 aria-pressed="false"
465                 style="--cat: var(--color-sea-600)">
466                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
467                      aria-hidden="true">
468                                  </span>
469                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
470  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
471  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
472</svg>
473                Marciana Marina
474                <span class="sr-only">2 eventi in programma</span>
475                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
476                      aria-hidden="true">2</span>
477              </a>
478            </li>
479                      <li class="shrink-0">
480              
481              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
482                 href="https://www.elbaeventi.it/it?municipalities=porto-azzurro"
483                 role="button"
484                 aria-pressed="false"
485                 style="--cat: var(--color-sea-600)">
486                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
487                      aria-hidden="true">
488                                  </span>
489                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
490  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
491  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
492</svg>
493                Porto Azzurro
494                <span class="sr-only">4 eventi in programma</span>
495                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
496                      aria-hidden="true">4</span>
497              </a>
498            </li>
499                      <li class="shrink-0">
500              
501              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
502                 href="https://www.elbaeventi.it/it?municipalities=rio-marina"
503                 role="button"
504                 aria-pressed="false"
505                 style="--cat: var(--color-sea-600)">
506                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
507                      aria-hidden="true">
508                                  </span>
509                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
510  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
511  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
512</svg>
513                Rio Marina
514                <span class="sr-only">2 eventi in programma</span>
515                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
516                      aria-hidden="true">2</span>
517              </a>
518            </li>
519                      <li class="shrink-0">
520              
521              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
522                 href="https://www.elbaeventi.it/it?municipalities=rio-nell-elba"
523                 role="button"
524                 aria-pressed="false"
525                 style="--cat: var(--color-sea-600)">
526                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
527                      aria-hidden="true">
528                                  </span>
529                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
530  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
531  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
532</svg>
533                Rio nell&#039;Elba
534                <span class="sr-only">9 eventi in programma</span>
535                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
536                      aria-hidden="true">9</span>
537              </a>
538            </li>
539                      <li class="shrink-0">
540              
541              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
542                 href="https://www.elbaeventi.it/it?municipalities=capraia"
543                 role="button"
544                 aria-pressed="false"
545                 style="--cat: var(--color-sea-600)">
546                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
547                      aria-hidden="true">
548                                  </span>
549                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
550  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
551  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
552</svg>
553                Capraia
554                <span class="sr-only">2 eventi in programma</span>
555                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
556                      aria-hidden="true">2</span>
557              </a>
558            </li>
559                  </ul>
560      </div>
561          <div class="flex flex-col gap-1.5 sm:flex-row sm:items-baseline sm:gap-4">
562        <span class="w-20 shrink-0 text-xs font-bold tracking-[0.2em] text-ink-600 uppercase dark:text-ink-400">
563          Categorie
564        </span>
565
566        
567        <ul class="relative -mx-4 flex gap-2 overflow-x-auto px-4 pb-1 [scrollbar-width:none] sm:mx-0 sm:flex-wrap sm:overflow-visible sm:px-0 sm:pb-0 [&::-webkit-scrollbar]:hidden">
568                      <li class="shrink-0">
569              
570              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
571                 href="https://www.elbaeventi.it/it?categories=cinema"
572                 role="button"
573                 aria-pressed="false"
574                 style="--cat: #7c3aed">
575                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
576                      aria-hidden="true">
577                                  </span>
578                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
579  <path stroke-linecap="round" stroke-linejoin="round" d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h1.5C5.496 19.5 6 18.996 6 18.375m-3.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-1.5A1.125 1.125 0 0 1 18 18.375M20.625 4.5H3.375m17.25 0c.621 0 1.125.504 1.125 1.125M20.625 4.5h-1.5C18.504 4.5 18 5.004 18 5.625m3.75 0v1.5c0 .621-.504 1.125-1.125 1.125M3.375 4.5c-.621 0-1.125.504-1.125 1.125M3.375 4.5h1.5C5.496 4.5 6 5.004 6 5.625m-3.75 0v1.5c0 .621.504 1.125 1.125 1.125m0 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m1.5-3.75C5.496 8.25 6 7.746 6 7.125v-1.5M4.875 8.25C5.496 8.25 6 8.754 6 9.375v1.5m0-5.25v5.25m0-5.25C6 5.004 6.504 4.5 7.125 4.5h9.75c.621 0 1.125.504 1.125 1.125m1.125 2.625h1.5m-1.5 0A1.125 1.125 0 0 1 18 7.125v-1.5m1.125 2.625c-.621 0-1.125.504-1.125 1.125v1.5m2.625-2.625c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125M18 5.625v5.25M7.125 12h9.75m-9.75 0A1.125 1.125 0 0 1 6 10.875M7.125 12C6.504 12 6 12.504 6 13.125m0-2.25C6 11.496 5.496 12 4.875 12M18 10.875c0 .621-.504 1.125-1.125 1.125M18 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m-12 5.25v-5.25m0 5.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125m-12 0v-1.5c0-.621-.504-1.125-1.125-1.125M18 18.375v-5.25m0 5.25v-1.5c0-.621.504-1.125 1.125-1.125M18 13.125v1.5c0 .621.504 1.125 1.125 1.125M18 13.125c0-.621.504-1.125 1.125-1.125M6 13.125v1.5c0 .621-.504 1.125-1.125 1.125M6 13.125C6 12.504 5.496 12 4.875 12m-1.5 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M19.125 12h1.5m0 0c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h1.5m14.25 0h1.5"/>
580</svg>
581                Cinema
582                <span class="sr-only">4 eventi in programma</span>
583                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
584                      aria-hidden="true">4</span>
585              </a>
586            </li>
587                      <li class="shrink-0">
588              
589              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
590                 href="https://www.elbaeventi.it/it?categories=enogastronomia"
591                 role="button"
592                 aria-pressed="false"
593                 style="--cat: #b45309">
594                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
595                      aria-hidden="true">
596                                  </span>
597                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
598  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8.25v-1.5m0 1.5c-1.355 0-2.697.056-4.024.166C6.845 8.51 6 9.473 6 10.608v2.513m6-4.871c1.355 0 2.697.056 4.024.166C17.155 8.51 18 9.473 18 10.608v2.513M15 8.25v-1.5m-6 1.5v-1.5m12 9.75-1.5.75a3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0L3 16.5m15-3.379a48.474 48.474 0 0 0-6-.371c-2.032 0-4.034.126-6 .371m12 0c.39.049.777.102 1.163.16 1.07.16 1.837 1.094 1.837 2.175v5.169c0 .621-.504 1.125-1.125 1.125H4.125A1.125 1.125 0 0 1 3 20.625v-5.17c0-1.08.768-2.014 1.837-2.174A47.78 47.78 0 0 1 6 13.12M12.265 3.11a.375.375 0 1 1-.53 0L12 2.845l.265.265Zm-3 0a.375.375 0 1 1-.53 0L9 2.845l.265.265Zm6 0a.375.375 0 1 1-.53 0L15 2.845l.265.265Z"/>
599</svg>
600                Enogastronomia
601                <span class="sr-only">11 eventi in programma</span>
602                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
603                      aria-hidden="true">11</span>
604              </a>
605            </li>
606                      <li class="shrink-0">
607              
608              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
609                 href="https://www.elbaeventi.it/it?categories=sport"
610                 role="button"
611                 aria-pressed="false"
612                 style="--cat: #059669">
613                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
614                      aria-hidden="true">
615                                  </span>
616                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
617  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 0 1-.982-3.172M9.497 14.25a7.454 7.454 0 0 0 .981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 0 0 7.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M7.73 9.728a6.726 6.726 0 0 0 2.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46.32 46.32 0 0 1 2.916.52 6.003 6.003 0 0 1-5.395 4.972m0 0a6.726 6.726 0 0 1-2.749 1.35m0 0a6.772 6.772 0 0 1-3.044 0"/>
618</svg>
619                Sport
620                <span class="sr-only">5 eventi in programma</span>
621                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
622                      aria-hidden="true">5</span>
623              </a>
624            </li>
625                      <li class="shrink-0">
626              
627              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
628                 href="https://www.elbaeventi.it/it?categories=musica-e-concerti"
629                 role="button"
630                 aria-pressed="false"
631                 style="--cat: #db2777">
632                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
633                      aria-hidden="true">
634                                  </span>
635                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
636  <path stroke-linecap="round" stroke-linejoin="round" d="m9 9 10.5-3m0 6.553v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 1 1-.99-3.467l2.31-.66a2.25 2.25 0 0 0 1.632-2.163Zm0 0V2.25L9 5.25v10.303m0 0v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 0 1-.99-3.467l2.31-.66A2.25 2.25 0 0 0 9 15.553Z"/>
637</svg>
638                Musica e concerti
639                <span class="sr-only">4 eventi in programma</span>
640                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
641                      aria-hidden="true">4</span>
642              </a>
643            </li>
644                      <li class="shrink-0">
645              
646              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
647                 href="https://www.elbaeventi.it/it?categories=arte-e-cultura"
648                 role="button"
649                 aria-pressed="false"
650                 style="--cat: #0891b2">
651                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
652                      aria-hidden="true">
653                                  </span>
654                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
655  <path stroke-linecap="round" stroke-linejoin="round" d="M9.53 16.122a3 3 0 0 0-5.78 1.128 2.25 2.25 0 0 1-2.4 2.245 4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128Zm0 0a15.998 15.998 0 0 0 3.388-1.62m-5.043-.025a15.994 15.994 0 0 1 1.622-3.395m3.42 3.42a15.995 15.995 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a15.996 15.996 0 0 0-4.649 4.763m3.42 3.42a6.776 6.776 0 0 0-3.42-3.42"/>
656</svg>
657                Arte e Cultura
658                <span class="sr-only">12 eventi in programma</span>
659                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
660                      aria-hidden="true">12</span>
661              </a>
662            </li>
663                      <li class="shrink-0">
664              
665              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
666                 href="https://www.elbaeventi.it/it?categories=ambiente"
667                 role="button"
668                 aria-pressed="false"
669                 style="--cat: #16a34a">
670                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
671                      aria-hidden="true">
672                                  </span>
673                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
674  <path stroke-linecap="round" stroke-linejoin="round" d="m20.893 13.393-1.135-1.135a2.252 2.252 0 0 1-.421-.585l-1.08-2.16a.414.414 0 0 0-.663-.107.827.827 0 0 1-.812.21l-1.273-.363a.89.89 0 0 0-.738 1.595l.587.39c.59.395.674 1.23.172 1.732l-.2.2c-.212.212-.33.498-.33.796v.41c0 .409-.11.809-.32 1.158l-1.315 2.191a2.11 2.11 0 0 1-1.81 1.025 1.055 1.055 0 0 1-1.055-1.055v-1.172c0-.92-.56-1.747-1.414-2.089l-.655-.261a2.25 2.25 0 0 1-1.383-2.46l.007-.042a2.25 2.25 0 0 1 .29-.787l.09-.15a2.25 2.25 0 0 1 2.37-1.048l1.178.236a1.125 1.125 0 0 0 1.302-.795l.208-.73a1.125 1.125 0 0 0-.578-1.315l-.665-.332-.091.091a2.25 2.25 0 0 1-1.591.659h-.18c-.249 0-.487.1-.662.274a.931.931 0 0 1-1.458-1.137l1.411-2.353a2.25 2.25 0 0 0 .286-.76m11.928 9.869A9 9 0 0 0 8.965 3.525m11.928 9.868A9 9 0 1 1 8.965 3.525"/>
675</svg>
676                Ambiente
677                <span class="sr-only">21 eventi in programma</span>
678                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
679                      aria-hidden="true">21</span>
680              </a>
681            </li>
682                      <li class="shrink-0">
683              
684              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
685                 href="https://www.elbaeventi.it/it?categories=mostre-mercato"
686                 role="button"
687                 aria-pressed="false"
688                 style="--cat: #ca8a04">
689                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
690                      aria-hidden="true">
691                                  </span>
692                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
693  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
694</svg>
695                Mostre mercato
696                <span class="sr-only">Un evento in programma</span>
697                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
698                      aria-hidden="true">1</span>
699              </a>
700            </li>
701                      <li class="shrink-0">
702              
703              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
704                 href="https://www.elbaeventi.it/it?categories=shopping"
705                 role="button"
706                 aria-pressed="false"
707                 style="--cat: #d97706">
708                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
709                      aria-hidden="true">
710                                  </span>
711                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
712  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"/>
713</svg>
714                Shopping
715                <span class="sr-only">Un evento in programma</span>
716                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
717                      aria-hidden="true">1</span>
718              </a>
719            </li>
720                      <li class="shrink-0">
721              
722              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
723                 href="https://www.elbaeventi.it/it?categories=sagre"
724                 role="button"
725                 aria-pressed="false"
726                 style="--cat: #ea580c">
727                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
728                      aria-hidden="true">
729                                  </span>
730                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
731  <path stroke-linecap="round" stroke-linejoin="round" d="M15.362 5.214A8.252 8.252 0 0 1 12 21 8.25 8.25 0 0 1 6.038 7.047 8.287 8.287 0 0 0 9 9.601a8.983 8.983 0 0 1 3.361-6.867 8.21 8.21 0 0 0 3 2.48Z"/>
732  <path stroke-linecap="round" stroke-linejoin="round" d="M12 18a3.75 3.75 0 0 0 .495-7.468 5.99 5.99 0 0 0-1.925 3.547 5.975 5.975 0 0 1-2.133-1.001A3.75 3.75 0 0 0 12 18Z"/>
733</svg>
734                Sagre
735                <span class="sr-only">5 eventi in programma</span>
736                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
737                      aria-hidden="true">5</span>
738              </a>
739            </li>
740                      <li class="shrink-0">
741              
742              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
743                 href="https://www.elbaeventi.it/it?categories=per-bambini"
744                 role="button"
745                 aria-pressed="false"
746                 style="--cat: #0ea5e9">
747                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
748                      aria-hidden="true">
749                                  </span>
750                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
751  <path stroke-linecap="round" stroke-linejoin="round" d="M15.182 15.182a4.5 4.5 0 0 1-6.364 0M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM9.75 9.75c0 .414-.168.75-.375.75S9 10.164 9 9.75 9.168 9 9.375 9s.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Zm5.625 0c0 .414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Z"/>
752</svg>
753                Per bambini
754                <span class="sr-only">4 eventi in programma</span>
755                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
756                      aria-hidden="true">4</span>
757              </a>
758            </li>
759                      <li class="shrink-0">
760              
761              <a class="cat-chip inline-flex items-center gap-1.5 rounded-full py-1 pr-2 pl-2 text-xs font-semibold whitespace-nowrap transition hover:brightness-95 dark:hover:brightness-125"
762                 href="https://www.elbaeventi.it/it?categories=altro"
763                 role="button"
764                 aria-pressed="false"
765                 style="--cat: #6b7280">
766                <span class="flex size-3.5 shrink-0 items-center justify-center rounded-sm border border-current/40"
767                      aria-hidden="true">
768                                  </span>
769                <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
770  <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/>
771  <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/>
772</svg>
773                Altro
774                <span class="sr-only">2 eventi in programma</span>
775                <span class="rounded-full bg-white/60 px-1.5 text-[0.65rem] leading-4 tabular-nums dark:bg-black/30"
776                      aria-hidden="true">2</span>
777              </a>
778            </li>
779                  </ul>
780      </div>
781    
782      </nav>
783
784      <div class="tear-line mt-5 text-ink-200 dark:text-ink-800"
785           aria-hidden="true"></div>
786    </header>
787
788    <div class="space-y-3 mb-8">
789          
790      <p class="text-[0.65rem] font-semibold tracking-[0.2em] text-ink-600 uppercase dark:text-ink-400">
791        Pubblicità
792      </p>
793    
794          <a class="mx-auto block overflow-hidden rounded-xl"
795   href="https://www.elbaeventi.it/adv/3/click?p=home.strip"
796   title="Scarica l&#039;app gratuita Elba Spiagge - Per Android ed iOS"
797   target="_blank"
798   rel="sponsored noopener"
799   data-ad="3"
800   data-ad-placement="home.strip"
801    style="aspect-ratio: 728 / 90; max-width: 728px" >
802  
803  <picture class="block size-full">
804        <img class="size-full object-contain"
805         src="https://www.elbaeventi.it/img/ads/legacy/nove00x150-elbaspiagge.webp?width=800&amp;mode=max"
806         alt="Scarica l&#039;app gratuita Elba Spiagge - Per Android ed iOS"
807          width="728"
808         height="90"          loading="lazy"
809         decoding="async">
810  </picture>
811</a>
812      </div>
813
814    <div class="grid gap-10 lg:grid-cols-[minmax(0,1fr)_17rem]">
815      <div>
816                  
817          <div class="grid grid-flow-dense grid-cols-2 gap-3 sm:gap-5 xl:grid-cols-3">
818                          
819                            
820              
821                              <article
822         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
823  <div class="absolute inset-0 overflow-hidden">
824    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
825         src="https://www.elbaeventi.it/img/2026/06/19/619734e85bf424e943f4cef6baafebc3.webp?width=320&amp;mode=max"
826         alt=""
827         aria-hidden="true"
828         loading="lazy"
829         decoding="async">
830    <div class="absolute inset-0 bg-ink-950/30"></div>
831
832    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
833         src="https://www.elbaeventi.it/img/2026/06/19/619734e85bf424e943f4cef6baafebc3.webp?width=600&amp;mode=max"
834         srcset="https://www.elbaeventi.it/img/2026/06/19/619734e85bf424e943f4cef6baafebc3.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/06/19/619734e85bf424e943f4cef6baafebc3.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/06/19/619734e85bf424e943f4cef6baafebc3.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/06/19/619734e85bf424e943f4cef6baafebc3.webp?width=960&amp;mode=max 960w"
835         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
836         alt="Via dell’Essenza - La Via dei Lentischi"
837         loading="lazy"
838         decoding="async">
839  </div>
840
841  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
842
843  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
844        datetime="2026-10-03">
845    
846          <span class="date-stamp-today">Oggi</span>
847    
848    <span class="font-display font-semibold tabular-nums text-2xl">3</span>
849    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
850        
851      </time>
852
853  
854  
855  
856  
857  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
858    
859    
860          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
861  style="--cat: #16a34a">
862  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
863  <path stroke-linecap="round" stroke-linejoin="round" d="m20.893 13.393-1.135-1.135a2.252 2.252 0 0 1-.421-.585l-1.08-2.16a.414.414 0 0 0-.663-.107.827.827 0 0 1-.812.21l-1.273-.363a.89.89 0 0 0-.738 1.595l.587.39c.59.395.674 1.23.172 1.732l-.2.2c-.212.212-.33.498-.33.796v.41c0 .409-.11.809-.32 1.158l-1.315 2.191a2.11 2.11 0 0 1-1.81 1.025 1.055 1.055 0 0 1-1.055-1.055v-1.172c0-.92-.56-1.747-1.414-2.089l-.655-.261a2.25 2.25 0 0 1-1.383-2.46l.007-.042a2.25 2.25 0 0 1 .29-.787l.09-.15a2.25 2.25 0 0 1 2.37-1.048l1.178.236a1.125 1.125 0 0 0 1.302-.795l.208-.73a1.125 1.125 0 0 0-.578-1.315l-.665-.332-.091.091a2.25 2.25 0 0 1-1.591.659h-.18c-.249 0-.487.1-.662.274a.931.931 0 0 1-1.458-1.137l1.411-2.353a2.25 2.25 0 0 0 .286-.76m11.928 9.869A9 9 0 0 0 8.965 3.525m11.928 9.868A9 9 0 1 1 8.965 3.525"/>
864</svg>
865  Ambiente
866</span>
867    
868    
869    
870    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
871      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
872         href="https://www.elbaeventi.it/it/eventi/2026/10/03/via-dellessenza-la-via-dei-lentischi-19246">Via dell’Essenza - La Via dei Lentischi</a>
873    </h2>
874
875          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
876                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
877  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
878  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
879</svg>
880          <span class="truncate">Marciana Marina</span>
881                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 09.00</span>
882              </p>
883      </div>
884</article>
885              
886                                        
887              
888                              <article
889         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
890  <div class="absolute inset-0 overflow-hidden">
891    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
892         src="https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=320&amp;mode=max"
893         alt=""
894         aria-hidden="true"
895         loading="lazy"
896         decoding="async">
897    <div class="absolute inset-0 bg-ink-950/30"></div>
898
899    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
900         src="https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=600&amp;mode=max"
901         srcset="https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=960&amp;mode=max 960w"
902         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
903         alt="NESSUN DOLORE"
904         loading="lazy"
905         decoding="async">
906  </div>
907
908  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
909
910  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
911        datetime="2026-10-03">
912    
913          <span class="date-stamp-today">Oggi</span>
914    
915    <span class="font-display font-semibold tabular-nums text-2xl">3</span>
916    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
917        
918      </time>
919
920  
921  
922  
923  
924  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
925    
926    
927          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
928  style="--cat: #7c3aed">
929  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
930  <path stroke-linecap="round" stroke-linejoin="round" d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h1.5C5.496 19.5 6 18.996 6 18.375m-3.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-1.5A1.125 1.125 0 0 1 18 18.375M20.625 4.5H3.375m17.25 0c.621 0 1.125.504 1.125 1.125M20.625 4.5h-1.5C18.504 4.5 18 5.004 18 5.625m3.75 0v1.5c0 .621-.504 1.125-1.125 1.125M3.375 4.5c-.621 0-1.125.504-1.125 1.125M3.375 4.5h1.5C5.496 4.5 6 5.004 6 5.625m-3.75 0v1.5c0 .621.504 1.125 1.125 1.125m0 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m1.5-3.75C5.496 8.25 6 7.746 6 7.125v-1.5M4.875 8.25C5.496 8.25 6 8.754 6 9.375v1.5m0-5.25v5.25m0-5.25C6 5.004 6.504 4.5 7.125 4.5h9.75c.621 0 1.125.504 1.125 1.125m1.125 2.625h1.5m-1.5 0A1.125 1.125 0 0 1 18 7.125v-1.5m1.125 2.625c-.621 0-1.125.504-1.125 1.125v1.5m2.625-2.625c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125M18 5.625v5.25M7.125 12h9.75m-9.75 0A1.125 1.125 0 0 1 6 10.875M7.125 12C6.504 12 6 12.504 6 13.125m0-2.25C6 11.496 5.496 12 4.875 12M18 10.875c0 .621-.504 1.125-1.125 1.125M18 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m-12 5.25v-5.25m0 5.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125m-12 0v-1.5c0-.621-.504-1.125-1.125-1.125M18 18.375v-5.25m0 5.25v-1.5c0-.621.504-1.125 1.125-1.125M18 13.125v1.5c0 .621.504 1.125 1.125 1.125M18 13.125c0-.621.504-1.125 1.125-1.125M6 13.125v1.5c0 .621-.504 1.125-1.125 1.125M6 13.125C6 12.504 5.496 12 4.875 12m-1.5 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M19.125 12h1.5m0 0c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h1.5m14.25 0h1.5"/>
931</svg>
932  Cinema
933</span>
934    
935    
936    
937    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
938      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
939         href="https://www.elbaeventi.it/it/eventi/2026/10/03/nessun-dolore-20235">NESSUN DOLORE</a>
940    </h2>
941
942          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
943                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
944  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
945  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
946</svg>
947          <span class="truncate">Capoliveri</span>
948                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 21.30</span>
949              </p>
950      </div>
951</article>
952              
953                                        
954              
955                              <article
956         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
957  <div class="absolute inset-0 overflow-hidden">
958    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
959         src="https://www.elbaeventi.it/img/2026/09/28/1d0ca369-2ced-4fd8-8b33-6b77f74ac153.webp?width=320&amp;mode=max"
960         alt=""
961         aria-hidden="true"
962         loading="lazy"
963         decoding="async">
964    <div class="absolute inset-0 bg-ink-950/30"></div>
965
966    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
967         src="https://www.elbaeventi.it/img/2026/09/28/1d0ca369-2ced-4fd8-8b33-6b77f74ac153.webp?width=600&amp;mode=max"
968         srcset="https://www.elbaeventi.it/img/2026/09/28/1d0ca369-2ced-4fd8-8b33-6b77f74ac153.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/09/28/1d0ca369-2ced-4fd8-8b33-6b77f74ac153.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/09/28/1d0ca369-2ced-4fd8-8b33-6b77f74ac153.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/09/28/1d0ca369-2ced-4fd8-8b33-6b77f74ac153.webp?width=960&amp;mode=max 960w"
969         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
970         alt="Elba Mineral Bike Fest"
971         loading="lazy"
972         decoding="async">
973  </div>
974
975  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
976
977  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
978        datetime="2026-10-03">
979    
980          <span class="date-stamp-today">Oggi</span>
981    
982    <span class="font-display font-semibold tabular-nums text-2xl">3</span>
983    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
984        
985      </time>
986
987  
988  
989  
990  
991  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
992    
993    
994          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
995  style="--cat: #059669">
996  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
997  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 0 1-.982-3.172M9.497 14.25a7.454 7.454 0 0 0 .981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 0 0 7.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M7.73 9.728a6.726 6.726 0 0 0 2.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46.32 46.32 0 0 1 2.916.52 6.003 6.003 0 0 1-5.395 4.972m0 0a6.726 6.726 0 0 1-2.749 1.35m0 0a6.772 6.772 0 0 1-3.044 0"/>
998</svg>
999  Sport
1000</span>
1001    
1002    
1003    
1004    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
1005      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
1006         href="https://www.elbaeventi.it/it/eventi/2026/10/03/elba-mineral-bike-fest-20229">Elba Mineral Bike Fest</a>
1007    </h2>
1008
1009          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
1010                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1011  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1012  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
1013</svg>
1014          <span class="truncate">Rio Marina</span>
1015                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 14.00</span>
1016              </p>
1017      </div>
1018</article>
1019              
1020              <div class="flex aspect-3/4 flex-col justify-center gap-2 rounded-2xl bg-ink-100 p-3 ring-1 ring-ink-950/5 dark:bg-ink-800/50 dark:ring-white/10">
1021    <p class="text-[0.65rem] font-semibold tracking-[0.2em] text-ink-600 uppercase dark:text-ink-400">
1022      Pubblicità
1023    </p>
1024
1025    <a class="mx-auto block overflow-hidden rounded-xl"
1026   href="https://www.elbaeventi.it/adv/8/click?p=home.in_grid"
1027   title="Elba Traghetti - Tutti gli orari dei traghetti da/per l&#039;Elba"
1028   target="_blank"
1029   rel="sponsored noopener"
1030   data-ad="8"
1031   data-ad-placement="home.in_grid"
1032    style="aspect-ratio: 300 / 250; max-width: 300px" >
1033  
1034  <picture class="block size-full">
1035        <img class="size-full object-contain"
1036         src="https://www.elbaeventi.it/img/ads/legacy/tre00x300-elbatraghetti.webp?width=300&amp;mode=max"
1037         alt="Elba Traghetti - Tutti gli orari dei traghetti da/per l&#039;Elba"
1038          width="300"
1039         height="250"          loading="lazy"
1040         decoding="async">
1041  </picture>
1042</a>
1043  </div>
1044                          
1045              
1046                              <article
1047         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
1048  <div class="absolute inset-0 overflow-hidden">
1049    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
1050         src="https://www.elbaeventi.it/img/2026/09/30/1db3bdf7-ec81-4161-85e2-6d82f34f5574.webp?width=320&amp;mode=max"
1051         alt=""
1052         aria-hidden="true"
1053         loading="lazy"
1054         decoding="async">
1055    <div class="absolute inset-0 bg-ink-950/30"></div>
1056
1057    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
1058         src="https://www.elbaeventi.it/img/2026/09/30/1db3bdf7-ec81-4161-85e2-6d82f34f5574.webp?width=600&amp;mode=max"
1059         srcset="https://www.elbaeventi.it/img/2026/09/30/1db3bdf7-ec81-4161-85e2-6d82f34f5574.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/09/30/1db3bdf7-ec81-4161-85e2-6d82f34f5574.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/09/30/1db3bdf7-ec81-4161-85e2-6d82f34f5574.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/09/30/1db3bdf7-ec81-4161-85e2-6d82f34f5574.webp?width=960&amp;mode=max 960w"
1060         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
1061         alt="Spilt Milk"
1062         loading="lazy"
1063         decoding="async">
1064  </div>
1065
1066  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
1067
1068  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
1069        datetime="2026-10-03">
1070    
1071          <span class="date-stamp-today">Oggi</span>
1072    
1073    <span class="font-display font-semibold tabular-nums text-2xl">3</span>
1074    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
1075        
1076      </time>
1077
1078  
1079  
1080  
1081  
1082  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
1083    
1084    
1085          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
1086  style="--cat: #0891b2">
1087  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1088  <path stroke-linecap="round" stroke-linejoin="round" d="M9.53 16.122a3 3 0 0 0-5.78 1.128 2.25 2.25 0 0 1-2.4 2.245 4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128Zm0 0a15.998 15.998 0 0 0 3.388-1.62m-5.043-.025a15.994 15.994 0 0 1 1.622-3.395m3.42 3.42a15.995 15.995 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a15.996 15.996 0 0 0-4.649 4.763m3.42 3.42a6.776 6.776 0 0 0-3.42-3.42"/>
1089</svg>
1090  Arte e Cultura
1091</span>
1092    
1093    
1094    
1095    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
1096      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
1097         href="https://www.elbaeventi.it/it/eventi/2026/10/03/spilt-milk-20241">Spilt Milk</a>
1098    </h2>
1099
1100          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
1101                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1102  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1103  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
1104</svg>
1105          <span class="truncate">Portoferraio</span>
1106                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 18.00</span>
1107              </p>
1108      </div>
1109</article>
1110              
1111                                        
1112              
1113                              <article
1114         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
1115  <div class="absolute inset-0 overflow-hidden">
1116    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
1117         src="https://www.elbaeventi.it/img/2026/08/24/3368f7cf24190f7eab616f1c5639d85a.webp?width=320&amp;mode=max"
1118         alt=""
1119         aria-hidden="true"
1120         loading="lazy"
1121         decoding="async">
1122    <div class="absolute inset-0 bg-ink-950/30"></div>
1123
1124    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
1125         src="https://www.elbaeventi.it/img/2026/08/24/3368f7cf24190f7eab616f1c5639d85a.webp?width=600&amp;mode=max"
1126         srcset="https://www.elbaeventi.it/img/2026/08/24/3368f7cf24190f7eab616f1c5639d85a.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/08/24/3368f7cf24190f7eab616f1c5639d85a.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/08/24/3368f7cf24190f7eab616f1c5639d85a.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/08/24/3368f7cf24190f7eab616f1c5639d85a.webp?width=960&amp;mode=max 960w"
1127         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
1128         alt="Elba Legend Run"
1129         loading="lazy"
1130         decoding="async">
1131  </div>
1132
1133  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
1134
1135  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
1136        datetime="2026-10-03">
1137    
1138          <span class="date-stamp-today">Oggi</span>
1139    
1140    <span class="font-display font-semibold tabular-nums text-2xl">3</span>
1141    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
1142          <span class="mt-0.5 text-[0.6rem] font-medium text-coral-700 tabular-nums">&rarr;&nbsp;4</span>
1143        
1144      </time>
1145
1146  
1147  
1148  
1149  
1150  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
1151    
1152    
1153          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
1154  style="--cat: #059669">
1155  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1156  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 0 1-.982-3.172M9.497 14.25a7.454 7.454 0 0 0 .981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 0 0 7.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M7.73 9.728a6.726 6.726 0 0 0 2.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46.32 46.32 0 0 1 2.916.52 6.003 6.003 0 0 1-5.395 4.972m0 0a6.726 6.726 0 0 1-2.749 1.35m0 0a6.772 6.772 0 0 1-3.044 0"/>
1157</svg>
1158  Sport
1159</span>
1160    
1161    
1162    
1163    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
1164      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
1165         href="https://www.elbaeventi.it/it/eventi/2026/10/03/elba-legend-run-20065">Elba Legend Run</a>
1166    </h2>
1167
1168          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
1169                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1170  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1171  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
1172</svg>
1173          <span class="truncate">Capoliveri</span>
1174                              </p>
1175      </div>
1176</article>
1177              
1178                                        
1179              
1180                              <article
1181         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
1182  <div class="absolute inset-0 overflow-hidden">
1183    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
1184         src="https://www.elbaeventi.it/img/2026/08/23/be92b5c8aa4ce3742feb233bd1702274.webp?width=320&amp;mode=max"
1185         alt=""
1186         aria-hidden="true"
1187         loading="lazy"
1188         decoding="async">
1189    <div class="absolute inset-0 bg-ink-950/30"></div>
1190
1191    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
1192         src="https://www.elbaeventi.it/img/2026/08/23/be92b5c8aa4ce3742feb233bd1702274.webp?width=600&amp;mode=max"
1193         srcset="https://www.elbaeventi.it/img/2026/08/23/be92b5c8aa4ce3742feb233bd1702274.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/08/23/be92b5c8aa4ce3742feb233bd1702274.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/08/23/be92b5c8aa4ce3742feb233bd1702274.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/08/23/be92b5c8aa4ce3742feb233bd1702274.webp?width=960&amp;mode=max 960w"
1194         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
1195         alt="Gara regionale di Tiro con l&#039; arco Indoor 18 MT Fitarco "
1196         loading="lazy"
1197         decoding="async">
1198  </div>
1199
1200  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
1201
1202  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
1203        datetime="2026-10-04">
1204    
1205    
1206    <span class="font-display font-semibold tabular-nums text-2xl">4</span>
1207    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
1208        
1209      </time>
1210
1211  
1212  
1213  
1214  
1215  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
1216    
1217    
1218          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
1219  style="--cat: #059669">
1220  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1221  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 0 1-.982-3.172M9.497 14.25a7.454 7.454 0 0 0 .981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 0 0 7.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M7.73 9.728a6.726 6.726 0 0 0 2.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46.32 46.32 0 0 1 2.916.52 6.003 6.003 0 0 1-5.395 4.972m0 0a6.726 6.726 0 0 1-2.749 1.35m0 0a6.772 6.772 0 0 1-3.044 0"/>
1222</svg>
1223  Sport
1224</span>
1225    
1226    
1227    
1228    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
1229      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
1230         href="https://www.elbaeventi.it/it/eventi/2026/10/04/gara-regionale-di-tiro-con-l-arco-indoor-18-mt-fitarco-20056">Gara regionale di Tiro con l&#039; arco Indoor 18 MT Fitarco </a>
1231    </h2>
1232
1233          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
1234                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1235  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1236  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
1237</svg>
1238          <span class="truncate">Marciana</span>
1239                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 10.00</span>
1240              </p>
1241      </div>
1242</article>
1243              
1244                                        
1245              
1246                              <article
1247         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
1248  <div class="absolute inset-0 overflow-hidden">
1249    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
1250         src="https://www.elbaeventi.it/img/2026/09/28/caacdcb5-0d06-419a-9afd-cdc645a37a78.webp?width=320&amp;mode=max"
1251         alt=""
1252         aria-hidden="true"
1253         loading="lazy"
1254         decoding="async">
1255    <div class="absolute inset-0 bg-ink-950/30"></div>
1256
1257    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
1258         src="https://www.elbaeventi.it/img/2026/09/28/caacdcb5-0d06-4
125819a-9afd-cdc645a37a78.webp?width=600&amp;mode=max"
1259         srcset="https://www.elbaeventi.it/img/2026/09/28/caacdcb5-0d06-419a-9afd-cdc645a37a78.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/09/28/caacdcb5-0d06-419a-9afd-cdc645a37a78.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/09/28/caacdcb5-0d06-419a-9afd-cdc645a37a78.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/09/28/caacdcb5-0d06-419a-9afd-cdc645a37a78.webp?width=960&amp;mode=max 960w"
1260         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
1261         alt="Festa di fine Vendemmia"
1262         loading="lazy"
1263         decoding="async">
1264  </div>
1265
1266  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
1267
1268  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
1269        datetime="2026-10-04">
1270    
1271    
1272    <span class="font-display font-semibold tabular-nums text-2xl">4</span>
1273    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
1274        
1275      </time>
1276
1277  
1278  
1279  
1280  
1281  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
1282    
1283    
1284          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
1285  style="--cat: #b45309">
1286  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1287  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8.25v-1.5m0 1.5c-1.355 0-2.697.056-4.024.166C6.845 8.51 6 9.473 6 10.608v2.513m6-4.871c1.355 0 2.697.056 4.024.166C17.155 8.51 18 9.473 18 10.608v2.513M15 8.25v-1.5m-6 1.5v-1.5m12 9.75-1.5.75a3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0L3 16.5m15-3.379a48.474 48.474 0 0 0-6-.371c-2.032 0-4.034.126-6 .371m12 0c.39.049.777.102 1.163.16 1.07.16 1.837 1.094 1.837 2.175v5.169c0 .621-.504 1.125-1.125 1.125H4.125A1.125 1.125 0 0 1 3 20.625v-5.17c0-1.08.768-2.014 1.837-2.174A47.78 47.78 0 0 1 6 13.12M12.265 3.11a.375.375 0 1 1-.53 0L12 2.845l.265.265Zm-3 0a.375.375 0 1 1-.53 0L9 2.845l.265.265Zm6 0a.375.375 0 1 1-.53 0L15 2.845l.265.265Z"/>
1288</svg>
1289  Enogastronomia
1290</span>
1291    
1292    
1293    
1294    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
1295      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
1296         href="https://www.elbaeventi.it/it/eventi/2026/10/04/festa-di-fine-vendemmia-20228">Festa di fine Vendemmia</a>
1297    </h2>
1298
1299          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
1300                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1301  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1302  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
1303</svg>
1304          <span class="truncate">Portoferraio</span>
1305                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 12.00</span>
1306              </p>
1307      </div>
1308</article>
1309              
1310              <div class="flex aspect-3/4 flex-col justify-center gap-2 rounded-2xl bg-ink-100 p-3 ring-1 ring-ink-950/5 dark:bg-ink-800/50 dark:ring-white/10">
1311    <p class="text-[0.65rem] font-semibold tracking-[0.2em] text-ink-600 uppercase dark:text-ink-400">
1312      Pubblicità
1313    </p>
1314
1315    <a class="mx-auto block overflow-hidden rounded-xl"
1316   href="https://www.elbaeventi.it/adv/6/click?p=home.in_grid"
1317   title="iloveelba.it - Il blog per chi ama l&#039;Elba, da chi ama l&#039;Elba"
1318   target="_blank"
1319   rel="sponsored noopener"
1320   data-ad="6"
1321   data-ad-placement="home.in_grid"
1322    style="aspect-ratio: 300 / 250; max-width: 300px" >
1323  
1324  <picture class="block size-full">
1325        <img class="size-full object-contain"
1326         src="https://www.elbaeventi.it/img/ads/legacy/tre00x300-ilovelba.webp?width=300&amp;mode=max"
1327         alt="iloveelba.it - Il blog per chi ama l&#039;Elba, da chi ama l&#039;Elba"
1328          width="300"
1329         height="250"          loading="lazy"
1330         decoding="async">
1331  </picture>
1332</a>
1333  </div>
1334                          
1335              
1336                              <article
1337         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
1338  <div class="absolute inset-0 overflow-hidden">
1339    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
1340         src="https://www.elbaeventi.it/img/2026/2026/09/15/choco-moments-portoferraio-2026.webp?width=320&amp;mode=max"
1341         alt=""
1342         aria-hidden="true"
1343         loading="lazy"
1344         decoding="async">
1345    <div class="absolute inset-0 bg-ink-950/30"></div>
1346
1347    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
1348         src="https://www.elbaeventi.it/img/2026/2026/09/15/choco-moments-portoferraio-2026.webp?width=600&amp;mode=max"
1349         srcset="https://www.elbaeventi.it/img/2026/2026/09/15/choco-moments-portoferraio-2026.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/2026/09/15/choco-moments-portoferraio-2026.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/2026/09/15/choco-moments-portoferraio-2026.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/2026/09/15/choco-moments-portoferraio-2026.webp?width=960&amp;mode=max 960w"
1350         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
1351         alt="ChocoMoments Portoferraio"
1352         loading="lazy"
1353         decoding="async">
1354  </div>
1355
1356  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
1357
1358  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
1359        datetime="2026-10-02">
1360    
1361          <span class="date-stamp-today">Oggi</span>
1362    
1363    <span class="font-display font-semibold tabular-nums text-2xl">2</span>
1364    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
1365          <span class="mt-0.5 text-[0.6rem] font-medium text-coral-700 tabular-nums">&rarr;&nbsp;4</span>
1366        
1367      </time>
1368
1369  
1370  
1371  
1372  
1373  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
1374    
1375    
1376          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
1377  style="--cat: #b45309">
1378  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1379  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8.25v-1.5m0 1.5c-1.355 0-2.697.056-4.024.166C6.845 8.51 6 9.473 6 10.608v2.513m6-4.871c1.355 0 2.697.056 4.024.166C17.155 8.51 18 9.473 18 10.608v2.513M15 8.25v-1.5m-6 1.5v-1.5m12 9.75-1.5.75a3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0L3 16.5m15-3.379a48.474 48.474 0 0 0-6-.371c-2.032 0-4.034.126-6 .371m12 0c.39.049.777.102 1.163.16 1.07.16 1.837 1.094 1.837 2.175v5.169c0 .621-.504 1.125-1.125 1.125H4.125A1.125 1.125 0 0 1 3 20.625v-5.17c0-1.08.768-2.014 1.837-2.174A47.78 47.78 0 0 1 6 13.12M12.265 3.11a.375.375 0 1 1-.53 0L12 2.845l.265.265Zm-3 0a.375.375 0 1 1-.53 0L9 2.845l.265.265Zm6 0a.375.375 0 1 1-.53 0L15 2.845l.265.265Z"/>
1380</svg>
1381  Enogastronomia
1382</span>
1383    
1384    
1385    
1386    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
1387      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
1388         href="https://www.elbaeventi.it/it/eventi/2026/10/02/chocomoments-portoferraio-20192">ChocoMoments Portoferraio</a>
1389    </h2>
1390
1391          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
1392                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1393  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1394  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
1395</svg>
1396          <span class="truncate">Portoferraio</span>
1397                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 10.00</span>
1398              </p>
1399      </div>
1400</article>
1401              
1402                                        
1403              
1404                              <article
1405         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
1406  <div class="absolute inset-0 overflow-hidden">
1407    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
1408         src="https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=320&amp;mode=max"
1409         alt=""
1410         aria-hidden="true"
1411         loading="lazy"
1412         decoding="async">
1413    <div class="absolute inset-0 bg-ink-950/30"></div>
1414
1415    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
1416         src="https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=600&amp;mode=max"
1417         srcset="https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=960&amp;mode=max 960w"
1418         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
1419         alt=" NESSUN DOLORE"
1420         loading="lazy"
1421         decoding="async">
1422  </div>
1423
1424  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
1425
1426  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
1427        datetime="2026-10-04">
1428    
1429    
1430    <span class="font-display font-semibold tabular-nums text-2xl">4</span>
1431    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
1432        
1433      </time>
1434
1435  
1436  
1437  
1438  
1439  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
1440    
1441    
1442          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
1443  style="--cat: #7c3aed">
1444  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1445  <path stroke-linecap="round" stroke-linejoin="round" d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h1.5C5.496 19.5 6 18.996 6 18.375m-3.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-1.5A1.125 1.125 0 0 1 18 18.375M20.625 4.5H3.375m17.25 0c.621 0 1.125.504 1.125 1.125M20.625 4.5h-1.5C18.504 4.5 18 5.004 18 5.625m3.75 0v1.5c0 .621-.504 1.125-1.125 1.125M3.375 4.5c-.621 0-1.125.504-1.125 1.125M3.375 4.5h1.5C5.496 4.5 6 5.004 6 5.625m-3.75 0v1.5c0 .621.504 1.125 1.125 1.125m0 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m1.5-3.75C5.496 8.25 6 7.746 6 7.125v-1.5M4.875 8.25C5.496 8.25 6 8.754 6 9.375v1.5m0-5.25v5.25m0-5.25C6 5.004 6.504 4.5 7.125 4.5h9.75c.621 0 1.125.504 1.125 1.125m1.125 2.625h1.5m-1.5 0A1.125 1.125 0 0 1 18 7.125v-1.5m1.125 2.625c-.621 0-1.125.504-1.125 1.125v1.5m2.625-2.625c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125M18 5.625v5.25M7.125 12h9.75m-9.75 0A1.125 1.125 0 0 1 6 10.875M7.125 12C6.504 12 6 12.504 6 13.125m0-2.25C6 11.496 5.496 12 4.875 12M18 10.875c0 .621-.504 1.125-1.125 1.125M18 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m-12 5.25v-5.25m0 5.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125m-12 0v-1.5c0-.621-.504-1.125-1.125-1.125M18 18.375v
1445-5.25m0 5.25v-1.5c0-.621.504-1.125 1.125-1.125M18 13.125v1.5c0 .621.504 1.125 1.125 1.125M18 13.125c0-.621.504-1.125 1.125-1.125M6 13.125v1.5c0 .621-.504 1.125-1.125 1.125M6 13.125C6 12.504 5.496 12 4.875 12m-1.5 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M19.125 12h1.5m0 0c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h1.5m14.25 0h1.5"/>
1446</svg>
1447  Cinema
1448</span>
1449    
1450    
1451    
1452    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
1453      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
1454         href="https://www.elbaeventi.it/it/eventi/2026/10/04/nessun-dolore-20236"> NESSUN DOLORE</a>
1455    </h2>
1456
1457          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
1458                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1459  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1460  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
1461</svg>
1462          <span class="truncate">Capoliveri</span>
1463                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 18.30</span>
1464              </p>
1465      </div>
1466</article>
1467              
1468                                        
1469              
1470                              <article
1471         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
1472  <div class="absolute inset-0 overflow-hidden">
1473    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
1474         src="https://www.elbaeventi.it/img/2026/09/29/b3f8d7d4-ea35-42e4-ade8-b217abd23f77.webp?width=320&amp;mode=max"
1475         alt=""
1476         aria-hidden="true"
1477         loading="lazy"
1478         decoding="async">
1479    <div class="absolute inset-0 bg-ink-950/30"></div>
1480
1481    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
1482         src="https://www.elbaeventi.it/img/2026/09/29/b3f8d7d4-ea35-42e4-ade8-b217abd23f77.webp?width=600&amp;mode=max"
1483         srcset="https://www.elbaeventi.it/img/2026/09/29/b3f8d7d4-ea35-42e4-ade8-b217abd23f77.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/09/29/b3f8d7d4-ea35-42e4-ade8-b217abd23f77.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/09/29/b3f8d7d4-ea35-42e4-ade8-b217abd23f77.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/09/29/b3f8d7d4-ea35-42e4-ade8-b217abd23f77.webp?width=960&amp;mode=max 960w"
1484         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
1485         alt="Sagra del Totano"
1486         loading="lazy"
1487         decoding="async">
1488  </div>
1489
1490  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
1491
1492  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
1493        datetime="2026-10-02">
1494    
1495          <span class="date-stamp-today">Oggi</span>
1496    
1497    <span class="font-display font-semibold tabular-nums text-2xl">2</span>
1498    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
1499          <span class="mt-0.5 text-[0.6rem] font-medium text-coral-700 tabular-nums">&rarr;&nbsp;4</span>
1500        
1501      </time>
1502
1503  
1504  
1505  
1506  
1507  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
1508    
1509    
1510          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
1511  style="--cat: #b45309">
1512  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1513  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8.25v-1.5m0 1.5c-1.355 0-2.697.056-4.024.166C6.845 8.51 6 9.473 6 10.608v2.513m6-4.871c1.355 0 2.697.056 4.024.166C17.155 8.51 18 9.473 18 10.608v2.513M15 8.25v-1.5m-6 1.5v-1.5m12 9.75-1.5.75a3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0L3 16.5m15-3.379a48.474 48.474 0 0 0-6-.371c-2.032 0-4.034.126-6 .371m12 0c.39.049.777.102 1.163.16 1.07.16 1.837 1.094 1.837 2.175v5.169c0 .621-.504 1.125-1.125 1.125H4.125A1.125 1.125 0 0 1 3 20.625v-5.17c0-1.08.768-2.014 1.837-2.174A47.78 47.78 0 0 1 6 13.12M12.265 3.11a.375.375 0 1 1-.53 0L12 2.845l.265.265Zm-3 0a.375.375 0 1 1-.53 0L9 2.845l.265.265Zm6 0a.375.375 0 1 1-.53 0L15 2.845l.265.265Z"/>
1514</svg>
1515  Enogastronomia
1516</span>
1517    
1518    
1519    
1520    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
1521      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
1522         href="https://www.elbaeventi.it/it/eventi/2026/10/02/sagra-del-totano-20239">Sagra del Totano</a>
1523    </h2>
1524
1525          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
1526                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1527  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1528  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
1529</svg>
1530          <span class="truncate">Capraia</span>
1531                              </p>
1532      </div>
1533</article>
1534              
1535                                        
1536              
1537                              <article
1538         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
1539  <div class="absolute inset-0 overflow-hidden">
1540    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
1541         src="https://www.elbaeventi.it/img/2026/09/25/adeca16d-5819-4dd4-8ccc-9547bdbb37a2.webp?width=320&amp;mode=max"
1542         alt=""
1543         aria-hidden="true"
1544         loading="lazy"
1545         decoding="async">
1546    <div class="absolute inset-0 bg-ink-950/30"></div>
1547
1548    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
1549         src="https://www.elbaeventi.it/img/2026/09/25/adeca16d-5819-4dd4-8ccc-9547bdbb37a2.webp?width=600&amp;mode=max"
1550         srcset="https://www.elbaeventi.it/img/2026/09/25/adeca16d-5819-4dd4-8ccc-9547bdbb37a2.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/09/25/adeca16d-5819-4dd4-8ccc-9547bdbb37a2.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/09/25/adeca16d-5819-4dd4-8ccc-9547bdbb37a2.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/09/25/adeca16d-5819-4dd4-8ccc-9547bdbb37a2.webp?width=960&amp;mode=max 960w"
1551         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
1552         alt="Tavole Rotonde Dante"
1553         loading="lazy"
1554         decoding="async">
1555  </div>
1556
1557  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
1558
1559  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
1560        datetime="2026-10-05">
1561    
1562    
1563    <span class="font-display font-semibold tabular-nums text-2xl">5</span>
1564    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
1565        
1566      </time>
1567
1568  
1569  
1570  
1571  
1572  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
1573    
1574    
1575          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
1576  style="--cat: #0891b2">
1577  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1578  <path stroke-linecap="round" stroke-linejoin="round" d="M9.53 16.122a3 3 0 0 0-5.78 1.128 2.25 2.25 0 0 1-2.4 2.245 4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128Zm0 0a15.998 15.998 0 0 0 3.388-1.62m-5.043-.025a15.994 15.994 0 0 1 1.622-3.395m3.42 3.42a15.995 15.995 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a15.996 15.996 0 0 0-4.649 4.763m3.42 3.42a6.776 6.776 0 0 0-3.42-3.42"/>
1579</svg>
1580  Arte e Cultura
1581</span>
1582    
1583    
1584    
1585    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
1586      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
1587         href="https://www.elbaeventi.it/it/eventi/2026/10/05/tavole-rotonde-dante-20223">Tavole Rotonde Dante</a>
1588    </h2>
1589
1590          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
1591                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1592  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1593  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
1594</svg>
1595          <span class="truncate">Portoferraio</span>
1596                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 20.30</span>
1597              </p>
1598      </div>
1599</article>
1600              
1601                                        
1602              
1603                              <article
1604         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
1605  <div class="absolute inset-0 overflow-hidden">
1606    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
1607         src="https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=320&amp;mode=max"
1608         alt=""
1609         aria-hidden="true"
1610         loading="lazy"
1611         decoding="async">
1612    <div class="absolute inset-0 bg-ink-950/30"></div>
1613
1614    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
1615         src="https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=600&amp;mode=max"
1616         srcset="https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=960&amp;mode=max 960w"
1617         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
1618         alt="Incontro con Yuri Landman"
1619         loading="lazy"
1620         decoding="async">
1621  </div>
1622
1623  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
1624
1625  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
1626        datetime="2026-10-06">
1627    
1628    
1629    <span class="font-display font-semibold tabular-nums text-2xl">6</span>
1630    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
1631        
1632      </time>
1633
1634  
1635  
1636  
1637  
1638  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
1639    
1640    
1641          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
1642  style="--cat: #db2777">
1643  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1644  <path stroke-linecap="round" stroke-linejoin="round" d="m9 9 10.5-3m0 6.553v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 1 1-.99-3.467l2.31-.66a2.25 2.25 0 0 0 1.632-2.163Zm0 0V2.25L9 5.25v10.303m0 0v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 0 1-.99-3.467l2.31-.66A2.25 2.25 0 0 0 9 15.553Z"/>
1645</svg>
1646  Musica e concerti
1647</span>
1648    
1649    
1650    
1651    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
1652      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
1653         href="https://www.elbaeventi.it/it/eventi/2026/10/06/incontro-con-yuri-landman-20242">Incontro con Yuri Landman</a>
1654    </h2>
1655
1656          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
1657                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1658  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1659  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
1660</svg>
1661          <span class="truncate">Portoferraio</span>
1662                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 19.00</span>
1663              </p>
1664      </div>
1665</article>
1666              
1667                                        
1668              
1669                              <article
1670         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
1671  <div class="absolute inset-0 overflow-hidden">
1672    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
1673         src="https://www.elbaeventi.it/img/2026/09/09/c152a3ead49756ede1bbc5e3be63ec04.webp?width=320&amp;mode=max"
1674         alt=""
1675         aria-hidden="true"
1676         loading="lazy"
1677         decoding="async">
1678    <div class="absolute inset-0 bg-ink-950/30"></div>
1679
1680    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
1681         src="https://www.elbaeventi.it/img/2026/09/09/c152a3ead49756ede1bbc5e3be63ec04.webp?width=600&amp;mode=max"
1682         srcset="https://www.elbaeventi.it/img/2026/09/09/c152a3ead49756ede1bbc5e3be63ec04.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/09/09/c152a3ead49756ede1bbc5e3be63ec04.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/09/09/c152a3ead49756ede1bbc5e3be63ec04.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/09/09/c152a3ead49756ede1bbc5e3be63ec04.webp?width=960&amp;mode=max 960w"
1683         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
1684         alt="Serata Astronomica Martedì  6 Ottobre   2026"
1685         loading="lazy"
1686         decoding="async">
1687  </div>
1688
1689  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
1690
1691  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
1692        datetime="2026-10-06">
1693    
1694    
1695    <span class="font-display font-semibold tabular-nums text-2xl">6</span>
1696    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
1697        
1698      </time>
1699
1700  
1701  
1702  
1703  
1704  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
1705    
1706    
1707          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
1708  style="--cat: #0891b2">
1709  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1710  <path stroke-linecap="round" stroke-linejoin="round" d="M9.53 16.122a3 3 0 0 0-5.78 1.128 2.25 2.25 0 0 1-2.4 2.245 4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128Zm0 0a15.998 15.998 0 0 0 3.388-1.62m-5.043-.025a15.994 15.994 0 0 1 1.622-3.395m3.42 3.42a15.995 15.995 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a15.996 15.996 0 0 0-4.649 4.763m3.42 3.42a6.776 6.776 0 0 0-3.42-3.42"/>
1711</svg>
1712  Arte e Cultura
1713</span>
1714    
1715    
1716    
1717    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
1718      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
1719         href="https://www.elbaeventi.it/it/eventi/2026/10/06/serata-astronomica-martedi-6-ottobre-2026-20161">Serata Astronomica Martedì  6 Ottobre   2026</a>
1720    </h2>
1721
1722          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
1723                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1724  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1725  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
1726</svg>
1727          <span class="truncate">Campo nell&#039;Elba</span>
1728                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 21.00</span>
1729              </p>
1730      </div>
1731</article>
1732              
1733                                        
1734              
1735                              <article
1736         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
1737  <div class="absolute inset-0 overflow-hidden">
1738    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
1739         src="https://www.elbaeventi.it/img/2026/09/15/d753c88f-4ae1-41de-b90b-ff4f009f3267.webp?width=320&amp;mode=max"
1740         alt=""
1741         aria-hidden="true"
1742         loading="lazy"
1743         decoding="async">
1744    <div class="absolute inset-0 bg-ink-950/30"></div>
1745
1746    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
1747         src="https://www.elbaeventi.it/img/2026/09/15/d753c88f-4ae1-41de-b90b-ff4f009f3267.webp?width=600&amp;mode=max"
1748         srcset="https://www.elbaeventi.it/img/2026/09/15/d753c88f-4ae1-41de-b90b-ff4f009f3267.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/09/15/d753c88f-4ae1-41de-b90b-ff4f009f3267.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/09/15/d753c88f-4ae1-41de-b90b-ff4f009f3267.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/09/15/d753c88f-4ae1-41de-b90b-ff4f009f3267.webp?width=960&amp;mode=max 960w"
1749         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
1750         alt="Cenone in strada"
1751         loading="lazy"
1752         decoding="async">
1753  </div>
1754
1755  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
1756
1757  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
1758        datetime="2026-10-06">
1759    
1760    
1761    <span class="font-display font-semibold tabular-nums text-2xl">6</span>
1762    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
1763          <span class="mt-0.5 text-[0.6rem] font-medium text-coral-700 tabular-nums">&rarr;&nbsp;7</span>
1764        
1765      </time>
1766
1767  
1768  
1769  
1770  
1771  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
1772    
1773    
1774          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
1775  style="--cat: #b45309">
1776  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1777  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8.25v-1.5m0 1.5c-1.355 0-2.697.056-4.024.166C6.845 8.51 6 9.473 6 10.608v2.513m6-4.871c1.355 0 2.697.056 4.024.166C17.155 8.51 18 9.473 18 10.608v2.513M15 8.25v-1.5m-6 1.5v-1.5m12 9.75-1.5.75a3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0L3 16.5m15-3.379a48.474 48.474 0 0 0-6-.371c-2.032 0-4.034.126-6 .371m12 0c.39.049.777.102 1.163.16 1.07.16 1.837 1.094 1.837 2.175v5.169c0 .621-.504 1.125-1.125 1.125H4.125A1.125 1.125 0 0 1 3 20.625v-5.17c0-1.08.768-2.014 1.837-2.174A47.78 47.78 0 0 1 6 13.12M12.265 3.11a.375.375 0 1 1-.53 0L12 2.845l.265.265Zm-3 0a.375.375 0 1 1-.53 0L9 2.845l.265.265Zm6 0a.375.375 0 1 1-.53 0L15 2.845l.265.265Z"/>
1778</svg>
1779  Enogastronomia
1780</span>
1781    
1782    
1783    
1784    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
1785      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
1786         href="https://www.elbaeventi.it/it/eventi/2026/10/06/cenone-in-strada-20189">Cenone in strada</a>
1787    </h2>
1788
1789          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
1790                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1791  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1792  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
1793</svg>
1794          <span class="truncate">Porto Azzurro</span>
1795                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 17.30</span>
1796              </p>
1797      </div>
1798</article>
1799              
1800                                        
1801              
1802                              <article
1803         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
1804  <div class="absolute inset-0 overflow-hidden">
1805    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
1806         src="https://www.elbaeventi.it/img/2026/05/11/ae23b123ee70d074e11c826d5dfce545.webp?width=320&amp;mode=max"
1807         alt=""
1808         aria-hidden="true"
1809         loading="lazy"
1810         decoding="async">
1811    <div class="absolute inset-0 bg-ink-950/30"></div>
1812
1813    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
1814         src="https://www.elbaeventi.it/img/2026/05/11/ae23b123ee70d074e11c826d5dfce545.webp?width=600&amp;mode=max"
1815         srcset="https://www.elbaeventi.it/img/2026/05/11/ae23b123ee70d074e11c826d5dfce545.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/05/11/ae23b123ee70d074e11c826d5dfce545.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/05/11/ae23b123ee70d074e11c826d5dfce545.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/05/11/ae23b123ee70d074e11c826d5dfce545.webp?width=960&amp;mode=max 960w"
1816         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
1817         alt="Erborare Isola d’Elba"
1818         loading="lazy"
1819         decoding="async">
1820  </div>
1821
1822  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
1823
1824  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
1825        datetime="2026-10-07">
1826    
1827    
1828    <span class="font-display font-semibold tabular-nums text-2xl">7</span>
1829    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
1830        
1831      </time>
1832
1833  
1834  
1835  
1836  
1837  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
1838    
1839    
1840          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
1841  style="--cat: #b45309">
1842  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1843  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8.25v-1.5m0 1.5c-1.355 0-2.697.056-4.024.166C6.845 8.51 6 9.473 6 10.608v2.513m6-4.871c1.355 0 2.697.056 4.024.166C17.155 8.51 18 9.473 18 10.608v2.513M15 8.25v-1.5m-6 1.5v-1.5m12 9.75-1.5.75a3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0L3 16.5m15-3.379a48.474 48.474 0 0 0-6-.371c-2.032 0-4.034.126-6 .371m12 0c.39.049.777.102 1.163.16 1.07.16 1.837 1.094 1.837 2.175v5.169c0 .621-.504 1.125-1.125 1.125H4.125A1.125 1.125 0 0 1 3 20.625v-5.17c0-1.08.768-2.014 1.837-2.174A47.78 47.78 0 0 1 6 13.12M12.265 3.11a.375.375 0 1 1-.53 0L12 2.845l.265.265Zm-3 0a.375.375 0 1 1-.53 0L9 2.845l.265.265Zm6 0a.375.375 0 1 1-.53 0L15 2.845l.265.265Z"/>
1844</svg>
1845  Enogastronomia
1846</span>
1847    
1848    
1849    
1850    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
1851      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
1852         href="https://www.elbaeventi.it/it/eventi/2026/10/07/erborare-isola-delba-18900">Erborare Isola d’Elba</a>
1853    </h2>
1854
1855          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
1856                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1857  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1858  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
1859</svg>
1860          <span class="truncate">Capoliveri</span>
1861                              </p>
1862      </div>
1863</article>
1864              
1865                                        
1866              
1867                              <article
1868         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
1869  <div class="absolute inset-0 overflow-hidden">
1870    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
1871         src="https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=320&amp;mode=max"
1872         alt=""
1873         aria-hidden="true"
1874         loading="lazy"
1875         decoding="async">
1876    <div class="absolute inset-0 bg-ink-950/30"></div>
1877
1878    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
1879         src="https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=600&amp;mode=max"
1880         srcset="https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=960&amp;mode=max 960w"
1881         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
1882         alt=" NESSUN DOLORE"
1883         loading="lazy"
1884         decoding="async">
1885  </div>
1886
1887  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
1888
1889  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
1890        datetime="2026-10-07">
1891    
1892    
1893    <span class="font-display font-semibold tabular-nums text-2xl">7</span>
1894    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
1895        
1896      </time>
1897
1898  
1899  
1900  
1901  
1902  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
1903    
1904    
1905          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
1906  style="--cat: #7c3aed">
1907  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1908  <path stroke-linecap="round" stroke-linejoin="round" d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h1.5C5.496 19.5 6 18.996 6 18.375m-3.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-1.5A1.125 1.125 0 0 1 18 18.375M20.625 4.5H3.375m17.25 0c.621 0 1.125.504 1.125 1.125M20.625 4.5h-1.5C18.504 4.5 18 5.004 18 5.625m3.75 0v1.5c0 .621-.504 1.125-1.125 1.125M3.375 4.5c-.621 0-1.125.504-1.125 1.125M3.375 4.5h1.5C5.496 4.5 6 5.004 6 5.625m-3.75 0v1.5c0 .621.504 1.125 1.125 1.125m0 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m1.5-3.75C5.496 8.25 6 7.746 6 7.125v-1.5M4.875 8.25C5.496 8.25 6 8.754 6 9.375v1.5m0-5.25v5.25m0-5.25C6 5.004 6.504 4.5 7.125 4.5h9.75c.621 0 1.125.504 1.125 1.125m1.125 2.625h1.5m-1.5 0A1.125 1.125 0 0 1 18 7.125v-1.5m1.125 2.625c-.621 0-1.125.504-1.125 1.125v1.5m2.625-2.625c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125M18 5.625v5.25M7.125 12h9.75m-9.75 0A1.125 1.125 0 0 1 6 10.875M7.125 12C6.504 12 6 12.504 6 13.125m0-2.25C6 11.496 5.496 12 4.875 12M18 10.875c0 .621-.504 1.125-1.125 1.125M18 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m-12 5.25v-5.25m0 5.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125m-12 0v-1.5c0-.621-.504-1.125-1.125-1.125M18 18.375v-5.25m0 5.25v-1.5c0-.621.504-1.125 1.125-1.125M18 13.125v1.5c0 .621.504 1.125 1.125 1.125M18 13.125c0-.621.504-1.125 1.125-1.125M6 13.125v1.5c0 .621-.504 1.125-1.125 1.125M6 13.125C6 12.504 5.496 12 4.875 12m-1.5 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M19.125 12h1.5m0 0c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h1.5m14.25 0h1.5"/>
1909</svg>
1910  Cinema
1911</span>
1912    
1913    
1914    
1915    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
1916      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
1917         href="https://www.elbaeventi.it/it/eventi/2026/10/07/nessun-dolore-20237"> NESSUN DOLORE</a>
1918    </h2>
1919
1920          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
1921                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1922  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1923  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
1924</svg>
1925          <span class="truncate">Capoliveri</span>
1926                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 18.30</span>
1927              </p>
1928      </div>
1929</article>
1930              
1931                                        
1932              
1933                              <article
1934         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
1935  <div class="absolute inset-0 overflow-hidden">
1936    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
1937         src="https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=320&amp;mode=max"
1938         alt=""
1939         aria-hidden="true"
1940         loading="lazy"
1941         decoding="async">
1942    <div class="absolute inset-0 bg-ink-950/30"></div>
1943
1944    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
1945         src="https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=600&amp;mode=max"
1946         srcset="https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=960&amp;mode=max 960w"
1947         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
1948         alt="Electric Kalimba Workshop"
1949         loading="lazy"
1950         decoding="async">
1951  </div>
1952
1953  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
1954
1955  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
1956        datetime="2026-10-07">
1957    
1958    
1959    <span class="font-display font-semibold tabular-nums text-2xl">7</span>
1960    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
1961        
1962      </time>
1963
1964  
1965  
1966  
1967  
1968  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
1969    
1970    
1971          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
1972  style="--cat: #db2777">
1973  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1974  <path stroke-linecap="round" stroke-linejoin="round" d="m9 9 10.5-3m0 6.553v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 1 1-.99-3.467l2.31-.66a2.25 2.25 0 0 0 1.632-2.163Zm0 0V2.25L9 5.25v10.303m0 0v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 0 1-.99-3.467l2.31-.66A2.25 2.25 0 0 0 9 15.553Z"/>
1975</svg>
1976  Musica e concerti
1977</span>
1978    
1979    
1980    
1981    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
1982      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
1983         href="https://www.elbaeventi.it/it/eventi/2026/10/07/electric-kalimba-workshop-20243">Electric Kalimba Workshop</a>
1984    </h2>
1985
1986          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
1987                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1988  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1989  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
1990</svg>
1991          <span class="truncate">Portoferraio</span>
1992                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 19.30</span>
1993              </p>
1994      </div>
1995</article>
1996              
1997                                        
1998              
1999                              <article
2000         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
2001  <div class="absolute inset-0 overflow-hidden">
2002    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
2003         src="https://www.elbaeventi.it/img/2026/09/29/e16c4bc7-2595-4a49-b8e0-98cab2eb0057.webp?width=320&amp;mode=max"
2004         alt=""
2005         aria-hidden="true"
2006         loading="lazy"
2007         decoding="async">
2008    <div class="absolute inset-0 bg-ink-950/30"></div>
2009
2010    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
2011         src="https://www.elbaeventi.it/img/2026/09/29/e16c4bc7-2595-4a49-b8e0-98cab2eb0057.webp?width=600&amp;mode=max"
2012         srcset="https://www.elbaeventi.it/img/2026/09/29/e16c4bc7-2595-4a49-b8e0-98cab2eb0057.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/09/29/e16c4bc7-2595-4a49-b8e0-98cab2eb0057.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/09/29/e16c4bc7-2595-4a49-b8e0-98cab2eb0057.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/09/29/e16c4bc7-2595-4a49-b8e0-98cab2eb0057.webp?width=960&amp;mode=max 960w"
2013         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
2014         alt="SILENT FRIEND"
2015         loading="lazy"
2016         decoding="async">
2017  </div>
2018
2019  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
2020
2021  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
2022        datetime="2026-10-07">
2023    
2024    
2025    <span class="font-display font-semibold tabular-nums text-2xl">7</span>
2026    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
2027        
2028      </time>
2029
2030  
2031  
2032  
2033  
2034  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
2035    
2036    
2037          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
2038  style="--cat: #7c3aed">
2039  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2040  <path stroke-linecap="round" stroke-linejoin="round" d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h1.5C5.496 19.5 6 18.996 6 18.375m-3.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-1.5A1.125 1.125 0 0 1 18 18.375M20.625 4.5H3.375m17.25 0c.621 0 1.125.504 1.125 1.125M20.625 4.5h-1.5C18.504 4.5 18 5.004 18 5.625m3.75 0v1.5c0 .621-.504 1.125-1.125 1.125M3.375 4.5c-.621 0-1.125.504-1.125 1.125M3.375 4.5h1.5C5.496 4.5 6 5.004 6 5.625m-3.75 0v1.5c0 .621.504 1.125 1.125 1.125m0 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m1.5-3.75C5.496 8.25 6 7.746 6 7.125v-1.5M4.875 8.25C5.496 8.25 6 8.754 6 9.375v1.5m0-5.25v5.25m0-5.25C6 5.004 6.504 4.5 7.125 4.5h9.75c.621 0 1.125.504 1.125 1.125m1.125 2.625h1.5m-1.5 0A1.125 1.125 0 0 1 18 7.125v-1.5m1.125 2.625c-.621 0-1.125.504-1.125 1.125v1.5m2.625-2.625c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125M18 5.625v5.25M7.125 12h9.75m-9.75 0A1.125 1.125 0 0 1 6 10.875M7.125 12C6.504 12 6 12.504 6 13.125m0-2.25C6 11.496 5.496 12 4.875 12M18 10.875c0 .621-.504 1.125-1.125 1.125M18 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m-12 5.25v-5.25m0 5.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125m-12 0v-1.5c0-.621-.504-1.125-1.125-1.125M18 18.375v-5.25m0 5.25v-1.5c0-.621.504-1.125 1.125-1.125M18 13.125v1.5c0 .621.504 1.125 1.125 1.125M18 13.125c0-.621.504-1.125 1.125-1.125M6 13.125v1.5c0 .621-.504 1.125-1.125 1.125M6 13.125C6 12.504 5.496 12 4.875 12m-1.5 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M19.125 12h1.5m0 0c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h1.5m14.25 0h1.5"/>
2041</svg>
2042  Cinema
2043</span>
2044    
2045    
2046    
2047    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
2048      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
2049         href="https://www.elbaeventi.it/it/eventi/2026/10/07/silent-friend-20234">SILENT FRIEND</a>
2050    </h2>
2051
2052          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
2053                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2054  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
2055  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
2056</svg>
2057          <span class="truncate">Capoliveri</span>
2058                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 21.30</span>
2059              </p>
2060      </div>
2061</article>
2062              
2063                                        
2064              
2065                              <article
2066         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
2067  <div class="poster-blank absolute inset-0 overflow-hidden"
2068       style="--cat: #0ea5e9"
2069       aria-hidden="true">
2070    <svg class="absolute -right-8 -bottom-8 size-44 text-white/20 transition-transform duration-700 group-hover:-rotate-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2071  <path stroke-linecap="round" stroke-linejoin="round" d="M15.182 15.182a4.5 4.5 0 0 1-6.364 0M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM9.75 9.75c0 .414-.168.75-.375.75S9 10.164 9 9.75 9.168 9 9.375 9s.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Zm5.625 0c0 .414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Z"/>
2072</svg>
2073  </div>
2074
2075  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
2076
2077  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
2078        datetime="2026-10-09">
2079    
2080    
2081    <span class="font-display font-semibold tabular-nums text-2xl">9</span>
2082    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
2083        
2084      </time>
2085
2086  
2087  
2088  
2089  
2090  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
2091    
2092    
2093          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
2094  style="--cat: #0ea5e9">
2095  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2096  <path stroke-linecap="round" stroke-linejoin="round" d="M15.182 15.182a4.5 4.5 0 0 1-6.364 0M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM9.75 9.75c0 .414-.168.75-.375.75S9 10.164 9 9.75 9.168 9 9.375 9s.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Zm5.625 0c0 .414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Z"/>
2097</svg>
2098  Per bambini
2099</span>
2100    
2101    
2102    
2103    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
2104      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
2105         href="https://www.elbaeventi.it/it/eventi/2026/10/09/laboratori-naturalistici-per-bambini-a-rio-elba-19436">Laboratori naturalistici per bambini a Rio Elba</a>
2106    </h2>
2107
2108          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
2109                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2110  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
2111  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
2112</svg>
2113          <span class="truncate">Rio nell&#039;Elba</span>
2114                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 16.00</span>
2115              </p>
2116      </div>
2117</article>
2118              
2119                                        
2120              
2121                              <article
2122         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
2123  <div class="absolute inset-0 overflow-hidden">
2124    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
2125         src="https://www.elbaeventi.it/img/2026/09/09/b09c0cde94ca6357e2ff1eaac55d895e.webp?width=320&amp;mode=max"
2126         alt=""
2127         aria-hidden="true"
2128         loading="lazy"
2129         decoding="async">
2130    <div class="absolute inset-0 bg-ink-950/30"></div>
2131
2132    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
2133         src="https://www.elbaeventi.it/img/2026/09/09/b09c0cde94ca6357e2ff1eaac55d895e.webp?width=600&amp;mode=max"
2134         srcset="https://www.elbaeventi.it/img/2026/09/09/b09c0cde94ca6357e2ff1eaac55d895e.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/09/09/b09c0cde94ca6357e2ff1eaac55d895e.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/09/09/b09c0cde94ca6357e2ff1eaac55d895e.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/09/09/b09c0cde94ca6357e2ff1eaac55d895e.webp?width=960&amp;mode=max 960w"
2135         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
2136         alt="Serata Astronomica Venerdì 9  Ottobre   2026"
2137         loading="lazy"
2138         decoding="async">
2139  </div>
2140
2141  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
2142
2143  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
2144        datetime="2026-10-09">
2145    
2146    
2147    <span class="font-display font-semibold tabular-nums text-2xl">9</span>
2148    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
2149        
2150      </time>
2151
2152  
2153  
2154  
2155  
2156  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
2157    
2158    
2159          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
2160  style="--cat: #0891b2">
2161  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2162  <path stroke-linecap="round" stroke-linejoin="round" d="M9.53 16.122a3 3 0 0 0-5.78 1.128 2.25 2.25 0 0 1-2.4 2.245 4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128Zm0 0a15.998 15.998 0 0 0 3.388-1.62m-5.043-.025a15.994 15.994 0 0 1 1.622-3.395m3.42 3.42a15.995 15.995 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a15.996 15.996 0 0 0-4.649 4.763m3.42 3.42a6.776 6.776 0 0 0-3.42-3.42"/>
2163</svg>
2164  Arte e Cultura
2165</span>
2166    
2167    
2168    
2169    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
2170      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
2171         href="https://www.elbaeventi.it/it/eventi/2026/10/09/serata-astronomica-venerdi-9-ottobre-2026-20162">Serata Astronomica Venerdì 9  Ottobre   2026</a>
2172    </h2>
2173
2174          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
2175                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2176  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
2177  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
2178</svg>
2179          <span class="truncate">Campo nell&#039;Elba</span>
2180                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 21.00</span>
2181              </p>
2182      </div>
2183</article>
2184              
2185                                        
2186              
2187                              <article
2188         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
2189  <div class="absolute inset-0 overflow-hidden">
2190    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
2191         src="https://www.elbaeventi.it/img/2026/09/25/aaa6847d-a5ad-4825-9d7d-3735a4732580.webp?width=320&amp;mode=max"
2192         alt=""
2193         aria-hidden="true"
2194         loading="lazy"
2195         decoding="async">
2196    <div class="absolute inset-0 bg-ink-950/30"></div>
2197
2198    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
2199         src="https://www.elbaeventi.it/img/2026/09/25/aaa6847d-a5ad-4825-9d7d-3735a4732580.webp?width=600&amp;mode=max"
2200         srcset="https://www.elbaeventi.it/img/2026/09/25/aaa6847d-a5ad-4825-9d7d-3735a4732580.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/09/25/aaa6847d-a5ad-4825-9d7d-3735a4732580.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/09/25/aaa6847d-a5ad-4825-9d7d-3735a4732580.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/09/25/aaa6847d-a5ad-4825-9d7d-3735a4732580.webp?width=960&amp;mode=max 960w"
2201         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
2202         alt="Città spugna e architettura partecipata"
2203         loading="lazy"
2204         decoding="async">
2205  </div>
2206
2207  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
2208
2209  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
2210        datetime="2026-10-10">
2211    
2212    
2213    <span class="font-display font-semibold tabular-nums text-2xl">10</span>
2214    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
2215        
2216      </time>
2217
2218  
2219  
2220  
2221  
2222  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
2223    
2224    
2225          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
2226  style="--cat: #16a34a">
2227  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2228  <path stroke-linecap="round" stroke-linejoin="round" d="m20.893 13.393-1.135-1.135a2.252 2.252 0 0 1-.421-.585l-1.08-2.16a.414.414 0 0 0-.663-.107.827.827 0 0 1-.812.21l-1.273-.363a.89.89 0 0 0-.738 1.595l.587.39c.59.395.674 1.23.172 1.732l-.2.2c-.212.212-.33.498-.33.796v.41c0 .409-.11.809-.32 1.158l-1.315 2.191a2.11 2.11 0 0 1-1.81 1.025 1.055 1.055 0 0 1-1.055-1.055v-1.172c0-.92-.56-1.747-1.414-2.089l-.655-.261a2.25 2.25 0 0 1-1.383-2.46l.007-.042a2.25 2.25 0 0 1 .29-.787l.09-.15a2.25 2.25 0 0 1 2.37-1.048l1.178.236a1.125 1.125 0 0 0 1.302-.795l.208-.73a1.125 1.125 0 0 0-.578-1.315l-.665-.332-.091.091a2.25 2.25 0 0 1-1.591.659h-.18c-.249 0-.487.1-.662.274a.931.931 0 0 1-1.458-1.137l1.411-2.353a2.25 2.25 0 0 0 .286-.76m11.928 9.869A9 9 0 0 0 8.965 3.525m11.928 9.868A9 9 0 1 1 8.965 3.525"/>
2229</svg>
2230  Ambiente
2231</span>
2232    
2233    
2234    
2235    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
2236      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
2237         href="https://www.elbaeventi.it/it/eventi/2026/10/10/citta-spugna-e-architettura-partecipata-20222">Città spugna e architettura partecipata</a>
2238    </h2>
2239
2240          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
2241                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2242  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
2243  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
2244</svg>
2245          <span class="truncate">Portoferraio</span>
2246                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 10.00</span>
2247              </p>
2248      </div>
2249</article>
2250              
2251                                        
2252              
2253                              <article
2254         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
2255  <div class="absolute inset-0 overflow-hidden">
2256    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
2257         src="https://www.elbaeventi.it/img/2026/06/19/12608d3441f74bd300b4b810114d582a.webp?width=320&amp;mode=max"
2258         alt=""
2259         aria-hidden="true"
2260         loading="lazy"
2261         decoding="async">
2262    <div class="absolute inset-0 bg-ink-950/30"></div>
2263
2264    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
2265         src="https://www.elbaeventi.it/img/2026/06/19/12608d3441f74bd300b4b810114d582a.webp?width=600&amp;mode=max"
2266         srcset="https://www.elbaeventi.it/img/2026/06/19/12608d3441f74bd300b4b810114d582a.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/06/19/12608d3441f74bd300b4b810114d582a.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/06/19/12608d3441f74bd300b4b810114d582a.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/06/19/12608d3441f74bd300b4b810114d582a.webp?width=960&amp;mode=max 960w"
2267         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
2268         alt="Tarta-aperitivo"
2269         loading="lazy"
2270         decoding="async">
2271  </div>
2272
2273  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
2274
2275  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
2276        datetime="2026-10-10">
2277    
2278    
2279    <span class="font-display font-semibold tabular-nums text-2xl">10</span>
2280    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
2281        
2282      </time>
2283
2284  
2285  
2286  
2287  
2288  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
2289    
2290    
2291          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
2292  style="--cat: #16a34a">
2293  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2294  <path stroke-linecap="round" stroke-linejoin="round" d="m20.893 13.393-1.135-1.135a2.252 2.252 0 0 1-.421-.585l-1.08-2.16a.414.414 0 0 0-.663-.107.827.827 0 0 1-.812.21l-1.273-.363a.89.89 0 0 0-.738 1.595l.587.39c.59.395.674 1.23.172 1.732l-.2.2c-.212.212-.33.498-.33.796v.41c0 .409-.11.809-.32 1.158l-1.315 2.191a2.11 2.11 0 0 1-1.81 1.025 1.055 1.055 0 0 1-1.055-1.055v-1.172c0-.92-.56-1.747-1.414-2.089l-.655-.261a2.25 2.25 0 0 1-1.383-2.46l.007-.042a2.25 2.25 0 0 1 .29-.787l.09-.15a2.25 2.25 0 0 1 2.37-1.048l1.178.236a1.125 1.125 0 0 0 1.302-.795l.208-.73a1.125 1.125 0 0 0-.578-1.315l-.665-.332-.091.091a2.25 2.25 0 0 1-1.591.659h-.18c-.249 0-.487.1-.662.274a.931.931 0 0 1-1.458-1.137l1.411-2.353a2.25 2.25 0 0 0 .286-.76m11.928 9.869A9 9 0 0 0 8.965 3.525m11.928 9.868A9 9 0 1 1 8.965 3.525"/>
2295</svg>
2296  Ambiente
2297</span>
2298    
2299    
2300    
2301    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
2302      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
2303         href="https://www.elbaeventi.it/it/eventi/2026/10/10/tarta-aperitivo-19247">Tarta-aperitivo</a>
2304    </h2>
2305
2306          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
2307                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2308  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
2309  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
2310</svg>
2311          <span class="truncate">Porto Azzurro</span>
2312                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 15.00</span>
2313              </p>
2314      </div>
2315</article>
2316              
2317                                        
2318              
2319                              <article
2320         class="group relative isolate flex aspect-3/4 flex-col overflow-hidden rounded-2xl bg-ink-900 shadow-sm ring-1 ring-ink-950/10 transition duration-300 hover:-translate-y-1 hover:shadow-xl focus-within:-translate-y-1 focus-within:shadow-xl dark:ring-white/10">
2321  <div class="absolute inset-0 overflow-hidden">
2322    <img class="absolute inset-0 size-full scale-125 object-cover blur-xl saturate-150"
2323         src="https://www.elbaeventi.it/img/2026/06/22/11427a300abcddd8275434b8441733fd.webp?width=320&amp;mode=max"
2324         alt=""
2325         aria-hidden="true"
2326         loading="lazy"
2327         decoding="async">
2328    <div class="absolute inset-0 bg-ink-950/30"></div>
2329
2330    <img class="absolute inset-0 size-full object-contain transition-transform duration-700 ease-out group-hover:scale-[1.04]"
2331         src="https://www.elbaeventi.it/img/2026/06/22/11427a300abcddd8275434b8441733fd.webp?width=600&amp;mode=max"
2332         srcset="https://www.elbaeventi.it/img/2026/06/22/11427a300abcddd8275434b8441733fd.webp?width=320&amp;mode=max 320w, https://www.elbaeventi.it/img/2026/06/22/11427a300abcddd8275434b8441733fd.webp?width=480&amp;mode=max 480w, https://www.elbaeventi.it/img/2026/06/22/11427a300abcddd8275434b8441733fd.webp?width=640&amp;mode=max 640w, https://www.elbaeventi.it/img/2026/06/22/11427a300abcddd8275434b8441733fd.webp?width=960&amp;mode=max 960w"
2333         sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw"
2334         alt="Piazzale dell’Astronomia di San Piero. Osservazione del pianeta Saturno"
2335         loading="lazy"
2336         decoding="async">
2337  </div>
2338
2339  <div class="poster-scrim pointer-events-none absolute inset-0"></div>
2340
2341  <time class="date-stamp absolute top-2 left-2 z-10 sm:top-3 sm:left-3"
2342        datetime="2026-10-10">
2343    
2344    
2345    <span class="font-display font-semibold tabular-nums text-2xl">10</span>
2346    <span class="mt-0.5 font-semibold uppercase tracking-widest text-ink-500 text-[0.6rem]">ott</span>
2347        
2348      </time>
2349
2350  
2351  
2352  
2353  
2354  <div class="z-10 mt-auto flex flex-col gap-1.5 p-3 sm:gap-2 sm:p-4">
2355    
2356    
2357          <span   class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-semibold cat-chip-on-poster self-start"
2358  style="--cat: #0891b2">
2359  <svg class="size-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2360  <path stroke-linecap="round" stroke-linejoin="round" d="M9.53 16.122a3 3 0 0 0-5.78 1.128 2.25 2.25 0 0 1-2.4 2.245 4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128Zm0 0a15.998 15.998 0 0 0 3.388-1.62m-5.043-.025a15.994 15.994 0 0 1 1.622-3.395m3.42 3.42a15.995 15.995 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a15.996 15.996 0 0 0-4.649 4.763m3.42 3.42a6.776 6.776 0 0 0-3.42-3.42"/>
2361</svg>
2362  Arte e Cultura
2363</span>
2364    
2365    
2366    
2367    <h2 class="line-clamp-3 font-display text-base leading-snug font-semibold text-balance text-white sm:text-lg">
2368      <a class="before:absolute before:inset-0 hover:underline focus-visible:outline-none"
2369         href="https://www.elbaeventi.it/it/eventi/2026/10/10/piazzale-dellastronomia-di-san-piero-osservazione-del-pianeta-saturno-19252">Piazzale dell’Astronomia di San Piero. Osservazione del pianeta Saturno</a>
2370    </h2>
2371
2372          <p class="flex items-center gap-1.5 text-xs text-white/75 sm:text-sm">
2373                  <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2374  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
2375  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
2376</svg>
2377          <span class="truncate">Campo nell&#039;Elba</span>
2378                                  <span class="ml-auto shrink-0 font-medium tabular-nums">ore 21.00</span>
2379              </p>
2380      </div>
2381</article>
2382              
2383                                    </div>
2384        
2385        <nav class="mt-10 flex items-center justify-between gap-4"
2386       aria-label="Pagine dei risultati">
2387          <span class="rounded-lg px-4 py-2 text-sm text-ink-500 dark:text-ink-400">&larr; Precedente</span>
2388    
2389    <span class="text-sm text-ink-500 dark:text-ink-400">
2390      Pagina 1 di 3
2391    </span>
2392
2393          <a class="rounded-lg border border-ink-200 bg-white px-4 py-2 text-sm font-medium text-ink-700 hover:border-sea-300 hover:text-sea-700 dark:border-ink-700 dark:bg-ink-900 dark:text-ink-200 dark:hover:text-sea-200"
2394         href="https://www.elbaeventi.it/it?page=2"
2395         rel="next">Successiva &rarr;</a>
2396      </nav>
2397      </div>
2398
2399      <aside class="space-y-6">
2400        <div wire:key="lw-367102573-0" wire:snapshot="{&quot;data&quot;:{&quot;date&quot;:&quot;2026-10-03&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;25XeOiBZlJL4Y4EaQDdu&quot;,&quot;name&quot;:&quot;event-calendar&quot;,&quot;path&quot;:&quot;it&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;it&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;42dfbc672592fe8eab7b4c251ed2b5a8954bdcf7eefb00fe287caf6856e20df1&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="25XeOiBZlJL4Y4EaQDdu" wire:name="event-calendar" class="card p-4">
2401  <div class="flex items-center justify-between gap-2">
2402    <p class="font-display text-base font-semibold text-ink-900 first-letter:uppercase dark:text-ink-50">
2403      ottobre 2026
2404    </p>
2405
2406    <div class="flex items-center gap-1">
2407      <button class="rounded-lg p-1.5 text-ink-500 hover:bg-ink-100 hover:text-ink-800 dark:text-ink-400 dark:hover:bg-ink-800 dark:hover:text-ink-100"
2408              type="button"
2409              aria-label="Mese precedente"
2410              wire:click="previousMonth">
2411        <svg class="size-4"
2412             fill="none"
2413             stroke="currentColor"
2414             stroke-width="2"
2415             viewBox="0 0 24 24"
2416             aria-hidden="true">
2417          <path stroke-linecap="round"
2418                stroke-linejoin="round"
2419                d="M15.75 19.5 8.25 12l7.5-7.5" />
2420        </svg>
2421      </button>
2422      <button class="rounded-lg p-1.5 text-ink-500 hover:bg-ink-100 hover:text-ink-800 dark:text-ink-400 dark:hover:bg-ink-800 dark:hover:text-ink-100"
2423              type="button"
2424              aria-label="Mese successivo"
2425              wire:click="nextMonth">
2426        <svg class="size-4"
2427             fill="none"
2428             stroke="currentColor"
2429             stroke-width="2"
2430             viewBox="0 0 24 24"
2431             aria-hidden="true">
2432          <path stroke-linecap="round"
2433                stroke-linejoin="round"
2434                d="m8.25 4.5 7.5 7.5-7.5 7.5" />
2435        </svg>
2436      </button>
2437    </div>
2438  </div>
2439
2440  <div class="mt-4 grid grid-cols-7 gap-1 text-center">
2441    <!--[if BLOCK]><![endif]-->      <div class="pb-1 text-xs font-semibold text-ink-500 dark:text-ink-400">L</div>
2442          <div class="pb-1 text-xs font-semibold text-ink-500 dark:text-ink-400">M</div>
2443          <div class="pb-1 text-xs font-semibold text-ink-500 dark:text-ink-400">M</div>
2444          <div class="pb-1 text-xs font-semibold text-ink-500 dark:text-ink-400">G</div>
2445          <div class="pb-1 text-xs font-semibold text-ink-500 dark:text-ink-400">V</div>
2446          <div class="pb-1 text-xs font-semibold text-ink-500 dark:text-ink-400">S</div>
2447          <div class="pb-1 text-xs font-semibold text-ink-500 dark:text-ink-400">D</div>
2448    <!--[if ENDBLOCK]><![endif]-->
2449    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        <div></div>
2450      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        <div></div>
2451      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        <div></div>
2452      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2453        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2454           href="https://www.elbaeventi.it/it/eventi/2026/10/01"
2455           title="2 eventi il 1 ottobre">
2456          1
2457        </a>
2458      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2459        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2460           href="https://www.elbaeventi.it/it/eventi/2026/10/02"
2461           title="7 eventi il 2 ottobre">
2462          2
2463        </a>
2464      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2465        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-coral-600 text-white hover:bg-coral-700"
2466           href="https://www.elbaeventi.it/it/eventi/2026/10/03"
2467           title="5 eventi il 3 ottobre">
2468          3
2469        </a>
2470      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2471        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2472           href="https://www.elbaeventi.it/it/eventi/2026/10/04"
2473           title="3 eventi il 4 ottobre">
2474          4
2475        </a>
2476      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2477        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2478           href="https://www.elbaeventi.it/it/eventi/2026/10/05"
2479           title="Un evento il 5 ottobre">
2480          5
2481        </a>
2482      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2483        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2484           href="https://www.elbaeventi.it/it/eventi/2026/10/06"
2485           title="3 eventi il 6 ottobre">
2486          6
2487        </a>
2488      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2489        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2490           href="https://www.elbaeventi.it/it/eventi/2026/10/07"
2491           title="4 eventi il 7 ottobre">
2492          7
2493        </a>
2494      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->
2494        <span class="flex aspect-square items-center justify-center rounded-lg text-sm text-ink-500 dark:text-ink-400">8</span>
2495      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2496        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2497           href="https://www.elbaeventi.it/it/eventi/2026/10/09"
2498           title="3 eventi il 9 ottobre">
2499          9
2500        </a>
2501      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2502        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2503           href="https://www.elbaeventi.it/it/eventi/2026/10/10"
2504           title="3 eventi il 10 ottobre">
2505          10
2506        </a>
2507      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2508        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2509           href="https://www.elbaeventi.it/it/eventi/2026/10/11"
2510           title="4 eventi il 11 ottobre">
2511          11
2512        </a>
2513      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        <span class="flex aspect-square items-center justify-center rounded-lg text-sm text-ink-500 dark:text-ink-400">12</span>
2514      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2515        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2516           href="https://www.elbaeventi.it/it/eventi/2026/10/13"
2517           title="Un evento il 13 ottobre">
2518          13
2519        </a>
2520      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        <span class="flex aspect-square items-center justify-center rounded-lg text-sm text-ink-500 dark:text-ink-400">14</span>
2521      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        <span class="flex aspect-square items-center justify-center rounded-lg text-sm text-ink-500 dark:text-ink-400">15</span>
2522      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2523        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2524           href="https://www.elbaeventi.it/it/eventi/2026/10/16"
2525           title="3 eventi il 16 ottobre">
2526          16
2527        </a>
2528      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2529        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2530           href="https://www.elbaeventi.it/it/eventi/2026/10/17"
2531           title="Un evento il 17 ottobre">
2532          17
2533        </a>
2534      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2535        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2536           href="https://www.elbaeventi.it/it/eventi/2026/10/18"
2537           title="3 eventi il 18 ottobre">
2538          18
2539        </a>
2540      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        <span class="flex aspect-square items-center justify-center rounded-lg text-sm text-ink-500 dark:text-ink-400">19</span>
2541      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2542        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2543           href="https://www.elbaeventi.it/it/eventi/2026/10/20"
2544           title="Un evento il 20 ottobre">
2545          20
2546        </a>
2547      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->
2547        <span class="flex aspect-square items-center justify-center rounded-lg text-sm text-ink-500 dark:text-ink-400">21</span>
2548      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        <span class="flex aspect-square items-center justify-center rounded-lg text-sm text-ink-500 dark:text-ink-400">22</span>
2549      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2550        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2551           href="https://www.elbaeventi.it/it/eventi/2026/10/23"
2552           title="Un evento il 23 ottobre">
2553          23
2554        </a>
2555      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2556        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2557           href="https://www.elbaeventi.it/it/eventi/2026/10/24"
2558           title="2 eventi il 24 ottobre">
2559          24
2560        </a>
2561      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2562        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2563           href="https://www.elbaeventi.it/it/eventi/2026/10/25"
2564           title="2 eventi il 25 ottobre">
2565          25
2566        </a>
2567      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        <span class="flex aspect-square items-center justify-center rounded-lg text-sm text-ink-500 dark:text-ink-400">26</span>
2568      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        <span class="flex aspect-square items-center justify-center rounded-lg text-sm text-ink-500 dark:text-ink-400">27</span>
2569      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        <span class="flex aspect-square items-center justify-center rounded-lg text-sm text-ink-500 dark:text-ink-400">28</span>
2570      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        <span class="flex aspect-square items-center justify-center rounded-lg text-sm text-ink-500 dark:text-ink-400">29</span>
2571      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        
2572        <a class="flex aspect-square items-center justify-center rounded-lg text-sm font-medium transition-colors bg-sea-100 font-semibold text-sea-900 hover:bg-sea-200 dark:bg-sea-900 dark:text-sea-100 dark:hover:bg-sea-800"
2573           href="https://www.elbaeventi.it/it/eventi/2026/10/30"
2574           title="2 eventi il 30 ottobre">
2575          30
2576        </a>
2577      <!--[if ENDBLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->        <span class="flex aspect-square items-center justify-center rounded-lg text-sm text-ink-500 dark:text-ink-400">31</span>
2578      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </div>
2579</div>
2580
2581        <div class="card overflow-hidden">
2582  <div class="bg-coral-600 px-4 py-3 dark:bg-coral-700">
2583    <h2 class="flex items-center gap-2 font-display text-lg font-semibold text-white">
2584      <svg class="size-5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2585  <path stroke-linecap="round" stroke-linejoin="round" d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 0 1 0 3.46"/>
2586</svg>
2587      Organizzi un evento?
2588    </h2>
2589  </div>
2590
2591  <div class="p-4">
2592    <p class="text-sm text-ink-600 dark:text-ink-300">
2592Segnalacelo: lo pubblichiamo sul calendario dell&#039;Elba, letto ogni giorno da chi cerca qualcosa da fare.</p>
2593
2594    <a class="mt-3 inline-flex w-full items-center justify-center gap-1.5 rounded-lg bg-coral-600 px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-coral-700"
2595       href="https://www.elbaeventi.it/it/segnala-evento">
2596      Segnala un evento
2597      <svg class="size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2598  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
2599</svg>
2600    </a>
2601
2602    <p class="mt-2 text-center text-xs text-ink-500 dark:text-ink-400">Gratuito, senza registrazione</p>
2603  </div>
2604</div>
2605
2606        <div class="space-y-3">
2607          
2608      <p class="text-[0.65rem] font-semibold tracking-[0.2em] text-ink-600 uppercase dark:text-ink-400">
2609        Pubblicità
2610      </p>
2611    
2612          <a class="mx-auto block overflow-hidden rounded-xl"
2613   href="https://www.elbaeventi.it/adv/4/click?p=home.sidebar"
2614   title="Scarica l&#039;app gratuita Elba Spiagge - Per Android ed iOS"
2615   target="_blank"
2616   rel="sponsored noopener"
2617   data-ad="4"
2618   data-ad-placement="home.sidebar"
2619    style="aspect-ratio: 300 / 250; max-width: 300px" >
2620  
2621  <picture class="block size-full">
2622        <img class="size-full object-contain"
2623         src="https://www.elbaeventi.it/img/ads/legacy/tre00x300-elbaspiagge.webp?width=300&amp;mode=max"
2624         alt="Scarica l&#039;app gratuita Elba Spiagge - Per Android ed iOS"
2625          width="300"
2626         height="250"          loading="lazy"
2627         decoding="async">
2628  </picture>
2629</a>
2630          <a class="mx-auto block overflow-hidden rounded-xl"
2631   href="https://www.elbaeventi.it/adv/6/click?p=home.sidebar"
2632   title="iloveelba.it - Il blog per chi ama l&#039;Elba, da chi ama l&#039;Elba"
2633   target="_blank"
2634   rel="sponsored noopener"
2635   data-ad="6"
2636   data-ad-placement="home.sidebar"
2637    style="aspect-ratio: 300 / 250; max-width: 300px" >
2638  
2639  <picture class="block size-full">
2640        <img class="size-full object-contain"
2641         src="https://www.elbaeventi.it/img/ads/legacy/tre00x300-ilovelba.webp?width=300&amp;mode=max"
2642         alt="iloveelba.it - Il blog per chi ama l&#039;Elba, da chi ama l&#039;Elba"
2643          width="300"
2644         height="250"          loading="lazy"
2645         decoding="async">
2646  </picture>
2647</a>
2648          <a class="mx-auto block overflow-hidden rounded-xl"
2649   href="https://www.elbaeventi.it/adv/8/click?p=home.sidebar"
2650   title="Elba Traghetti - Tutti gli orari dei traghetti da/per l&#039;Elba"
2651   target="_blank"
2652   rel="sponsored noopener"
2653   data-ad="8"
2654   data-ad-placement="home.sidebar"
2655    style="aspect-ratio: 300 / 250; max-width: 300px" >
2656  
2657  <picture class="block size-full">
2658        <img class="size-full object-contain"
2659         src="https://www.elbaeventi.it/img/ads/legacy/tre00x300-elbatraghetti.webp?width=300&amp;mode=max"
2660         alt="Elba Traghetti - Tutti gli orari dei traghetti da/per l&#039;Elba"
2661          width="300"
2662         height="250"          loading="lazy"
2663         decoding="async">
2664  </picture>
2665</a>
2666      </div>
2667
2668        
2669        <div class="card p-4">
2670  <div class="flex items-center gap-3">
2671  <h2 class="shrink-0 font-display font-semibold text-ink-900 dark:text-ink-50 text-base">Elba Eventi sul telefono</h2>
2672  <span class="tear-line grow text-ink-200 dark:text-ink-800"
2673        aria-hidden="true"></span>
2674</div>
2675
2676  <p class="mt-2 text-sm text-ink-600 dark:text-ink-300">Gli eventi di oggi in tasca, anche quando l&#039;isola non ha campo.</p>
2677
2678  <div class="mt-3 flex flex-wrap items-center justify-center gap-2">
2679    <a href="https://apps.apple.com/it/app/elba-eventi/id569831969"
2680       rel="noopener"
2681       target="_blank"
2682       title="Elba Eventi per iPhone, su App Store">
2683      <img class="h-10 w-auto dark:hidden"
2684           src="/images/badges/app-store.svg"
2685           width="120"
2686           height="40"
2687           alt="Elba Eventi per iPhone, su App Store"
2688           loading="lazy">
2689      <img class="hidden h-10 w-auto dark:block"
2690           src="/images/badges/app-store-dark.svg"
2691           width="120"
2692           height="40"
2693           alt="Elba Eventi per iPhone, su App Store"
2694           loading="lazy">
2695    </a>
2696
2697    <a href="https://play.google.com/store/apps/details?id=it.infoelba.elbaeventi"
2698       rel="noopener"
2699       target="_blank"
2700       title="Elba Eventi per Android, su Google Play">
2701      <img class="-my-1.5 h-[52px] w-auto"
2702           src="/images/badges/google-play.png"
2703           width="135"
2704           height="52"
2705           alt="Elba Eventi per Android, su Google Play"
2706           loading="lazy">
2707    </a>
2708  </div>
2709</div>
2710      </aside>
2711    </div>
2712  </div>
2713  </main>
2714
2715  <footer class="mt-16 border-t border-ink-200/70 bg-white dark:border-ink-800 dark:bg-ink-900">
2716  <div class="mx-auto grid max-w-6xl gap-8 px-4 py-10 sm:grid-cols-2 sm:px-6 lg:grid-cols-4">
2717    <div class="sm:col-span-2 lg:col-span-1">
2718      <img class="h-7 w-auto"
2719           src="https://www.elbaeventi.it/images/logo.png"
2720           alt="Elba Eventi"
2721           width="320"
2722           height="39">
2723      <p class="mt-2 max-w-xs text-sm text-ink-500 dark:text-ink-400">
2724        Tutto quello che succede all&#039;isola d&#039;Elba: concerti, sagre, mostre, sport e feste, giorno per giorno.
2725      </p>
2726    </div>
2727
2728    <div>
2729      <h2 class="text-xs font-semibold tracking-wider text-ink-500 dark:text-ink-400 uppercase">Esplora</h2>
2730      <ul class="mt-3 space-y-2 text-sm">
2731        <li><a class="text-ink-600 hover:text-sea-700 dark:text-ink-300 dark:hover:text-sea-200"
2732             href="https://www.elbaeventi.it/it/eventi/localita">Località</a></li>
2733        <li><a class="text-ink-600 hover:text-sea-700 dark:text-ink-300 dark:hover:text-sea-200"
2734             href="https://www.elbaeventi.it/it/eventi/categorie">Categorie</a></li>
2735        <li><a class="text-ink-600 hover:text-sea-700 dark:text-ink-300 dark:hover:text-sea-200"
2736             href="https://www.elbaeventi.it/it/eventi/rassegne">Rassegne</a></li>
2737        <li><a class="text-ink-600 hover:text-sea-700 dark:text-ink-300 dark:hover:text-sea-200"
2738             href="https://www.elbaeventi.it/it/eventi/mappa">Mappa</a></li>
2739        <li><a class="text-ink-600 hover:text-sea-700 dark:text-ink-300 dark:hover:text-sea-200"
2740             href="https://www.elbaeventi.it/it/eventi/ricerca">Cerca</a></li>
2741        <li><a class="text-ink-600 hover:text-sea-700 dark:text-ink-300 dark:hover:text-sea-200"
2742             href="https://www.elbaeventi.it/it/sitemap">Mappa del sito</a></li>
2743      </ul>
2744    </div>
2745
2746    <div>
2747      <h2 class="text-xs font-semibold tracking-wider text-ink-500 dark:text-ink-400 uppercase">Strumenti</h2>
2748      <ul class="mt-3 space-y-2 text-sm">
2749        <li><a class="text-ink-600 hover:text-sea-700 dark:text-ink-300 dark:hover:text-sea-200"
2750             href="https://www.elbaeventi.it/it/segnala-evento">Segnala un evento</a></li>
2751        <li><a class="text-ink-600 hover:text-sea-700 dark:text-ink-300 dark:hover:text-sea-200"
2752             href="https://www.elbaeventi.it/it/volantini-eventi-elba">Volantini</a></li>
2753        <li><a class="text-ink-600 hover:text-sea-700 dark:text-ink-300 dark:hover:text-sea-200"
2754             href="https://www.elbaeventi.it/it/elba-eventi-sul-tuo-sito">Elba Eventi sul tuo sito</a></li>
2755        <li><a class="text-ink-600 hover:text-sea-700 dark:text-ink-300 dark:hover:text-sea-200"
2756             href="https://www.elbaeventi.it/it/app-smartphone">App per smartphone</a></li>
2757        <li><a class="text-ink-600 hover:text-sea-700 dark:text-ink-300 dark:hover:text-sea-200"
2758             href="https://www.elbaeventi.it/it/eventi/feed.xml">Feed RSS</a></li>
2759      </ul>
2760    </div>
2761
2762    <div>
2763      <h2 class="text-xs font-semibold tracking-wider text-ink-500 dark:text-ink-400 uppercase">Seguici</h2>
2764      
2765      <ul class="mt-3 space-y-2 text-sm">
2766                  <li><a class="text-ink-600 hover:text-sea-700 dark:text-ink-300 dark:hover:text-sea-200"
2767               href="https://www.facebook.com/Infoelba"
2768               rel="noopener"
2769               target="_blank">Facebook</a></li>
2770                  <li><a class="text-ink-600 hover:text-sea-700 dark:text-ink-300 dark:hover:text-sea-200"
2771               href="https://www.instagram.com/infoelba"
2772               rel="noopener"
2773               target="_blank">Instagram</a></li>
2774              </ul>
2775    </div>
2776  </div>
2777
2778  
2779  <div class="border-t border-ink-200/70 dark:border-ink-800">
2780    <div class="mx-auto flex max-w-6xl flex-wrap items-center justify-between gap-x-6 gap-y-2 px-4 py-4 text-xs text-ink-500 dark:text-ink-400 sm:px-6">
2781              
2782        <div class="[&_a]:underline [&_a]:hover:text-sea-700 dark:[&_a]:hover:text-sea-200 [&_p+p]:mt-1">
2783          <p>© 2026 Elba Eventi — Un progetto di <a href="https://www.infoelba.org"><strong>Infoelba srl</strong></a></p>
2784
2785        </div>
2786      
2787      <ul class="flex flex-wrap items-center gap-x-4 gap-y-1">
2788                  <li><a class="hover:text-sea-700 dark:hover:text-sea-200"
2789               href="https://privacy.infoelba.org/privacy/it/elbaeventi.it"
2790               rel="noopener"
2791               target="_blank">Privacy policy</a></li>
2792        
2793                  <li><a class="hover:text-sea-700 dark:hover:text-sea-200"
2794               href="https://privacy.infoelba.org/cookie/it/elbaeventi.it"
2795               rel="noopener"
2796               target="_blank">Cookie policy</a></li>
2797        
2798                  <li><button class="hover:text-sea-700 dark:hover:text-sea-200"
2799                 type="button"
2800                 data-consent-reopen>Preferenze cookie</button></li>
2801        
2802        
2803        <li><a class="hover:text-sea-700 dark:hover:text-sea-200"
2804             href="https://www.elbaeventi.it/admin/login"
2805             rel="nofollow">Login area riservata</a></li>
2806      </ul>
2807    </div>
2808  </div>
2809</footer>
2810
2811  
2812      <div class="fixed inset-x-0 bottom-0 z-40 p-3 print:hidden sm:p-4"
2813     id="cookie-consent"
2814     role="region"
2815     aria-labelledby="cookie-consent-title"
2816     hidden>
2817  <div class="card mx-auto max-w-3xl p-4 shadow-lg shadow-ink-900/10 sm:p-5 dark:shadow-black/40">
2818    <h2 class="font-display text-base font-semibold text-ink-900 dark:text-ink-50"
2819        id="cookie-consent-title">
2820      Cookie e statistiche
2821    </h2>
2822
2823    <p class="mt-1.5 text-sm text-ink-600 dark:text-ink-300">
2824      Con il tuo consenso usiamo Google Analytics per sapere quali pagine vengono lette davvero. Senza, il sito funziona uguale: le altre nostre statistiche non usano cookie e non profilano nessuno.
2825              <a class="font-medium text-sea-700 underline underline-offset-2 hover:text-sea-800 dark:text-sea-200 dark:hover:text-sea-100"
2826           href="https://privacy.infoelba.org/cookie/it/elbaeventi.it"
2827           rel="noopener"
2828           target="_blank">Leggi l&#039;informativa</a>
2829          </p>
2830
2831    <div class="mt-4 flex flex-wrap gap-2">
2832      <button class="rounded-lg bg-sea-700 px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-sea-800"
2833              type="button"
2834              data-consent="granted">
2835        Accetta
2836      </button>
2837
2838      <button class="rounded-lg border border-ink-300 px-4 py-2 text-sm font-semibold text-ink-700 transition-colors hover:bg-ink-100 dark:border-ink-600 dark:text-ink-200 dark:hover:bg-ink-800"
2839              type="button"
2840              data-consent="denied">
2841        Rifiuta
2842      </button>
2843    </div>
2844  </div>
2845</div>
2846  
2847  
2847<script src="https://www.elbaeventi.it/livewire-7c6e6ea4/livewire.min.js?id=8ea5922c"   data-csrf="hiv0eBLatOMCDHjUSCvOaIMh0Yzjub8WuJc2Hav0" data-module-url="https://www.elbaeventi.it/livewire-7c6e6ea4" data-update-uri="https://www.elbaeventi.it/livewire-7c6e6ea4/update" data-navigate-once="true"></script>
2847
2848  </body>
2849
2850</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.