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'isola d'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'isola d'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'isola d'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&family=Inter:wght@400;500;600&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&family=Inter:wght@400;500;600&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&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&mode=max" 279 srcset="https://www.elbaeventi.it/img/2026/10/02/0771bedb-9604-47a4-a1b2-1898f1b86dc3.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/10/02/0771bedb-9604-47a4-a1b2-1898f1b86dc3.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/10/02/0771bedb-9604-47a4-a1b2-1898f1b86dc3.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/10/02/0771bedb-9604-47a4-a1b2-1898f1b86dc3.webp?width=960&mode=max 960w" 280 sizes="(min-width: 1024px) 24rem, (min-width: 640px) 18rem, 16rem" 281 alt=" L'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'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'INCANTEVOLE VIA DELLE CANTINE DI POMONTE *--> 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'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'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'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'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&mode=max" 806 alt="Scarica l'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&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&mode=max" 834 srcset="https://www.elbaeventi.it/img/2026/06/19/619734e85bf424e943f4cef6baafebc3.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/06/19/619734e85bf424e943f4cef6baafebc3.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/06/19/619734e85bf424e943f4cef6baafebc3.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/06/19/619734e85bf424e943f4cef6baafebc3.webp?width=960&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&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&mode=max" 901 srcset="https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=960&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&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&mode=max" 968 srcset="https://www.elbaeventi.it/img/2026/09/28/1d0ca369-2ced-4fd8-8b33-6b77f74ac153.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/09/28/1d0ca369-2ced-4fd8-8b33-6b77f74ac153.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/09/28/1d0ca369-2ced-4fd8-8b33-6b77f74ac153.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/09/28/1d0ca369-2ced-4fd8-8b33-6b77f74ac153.webp?width=960&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'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&mode=max" 1037 alt="Elba Traghetti - Tutti gli orari dei traghetti da/per l'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&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&mode=max" 1059 srcset="https://www.elbaeventi.it/img/2026/09/30/1db3bdf7-ec81-4161-85e2-6d82f34f5574.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/09/30/1db3bdf7-ec81-4161-85e2-6d82f34f5574.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/09/30/1db3bdf7-ec81-4161-85e2-6d82f34f5574.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/09/30/1db3bdf7-ec81-4161-85e2-6d82f34f5574.webp?width=960&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&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&mode=max" 1126 srcset="https://www.elbaeventi.it/img/2026/08/24/3368f7cf24190f7eab616f1c5639d85a.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/08/24/3368f7cf24190f7eab616f1c5639d85a.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/08/24/3368f7cf24190f7eab616f1c5639d85a.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/08/24/3368f7cf24190f7eab616f1c5639d85a.webp?width=960&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">→ 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&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&mode=max" 1193 srcset="https://www.elbaeventi.it/img/2026/08/23/be92b5c8aa4ce3742feb233bd1702274.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/08/23/be92b5c8aa4ce3742feb233bd1702274.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/08/23/be92b5c8aa4ce3742feb233bd1702274.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/08/23/be92b5c8aa4ce3742feb233bd1702274.webp?width=960&mode=max 960w" 1194 sizes="(min-width: 1280px) 20rem, (min-width: 1024px) 22rem, 45vw" 1195 alt="Gara regionale di Tiro con l' 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' 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&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&mode=max" 1259 srcset="https://www.elbaeventi.it/img/2026/09/28/caacdcb5-0d06-419a-9afd-cdc645a37a78.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/09/28/caacdcb5-0d06-419a-9afd-cdc645a37a78.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/09/28/caacdcb5-0d06-419a-9afd-cdc645a37a78.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/09/28/caacdcb5-0d06-419a-9afd-cdc645a37a78.webp?width=960&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'Elba, da chi ama l'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&mode=max"
1327 alt="iloveelba.it - Il blog per chi ama l'Elba, da chi ama l'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&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&mode=max" 1349 srcset="https://www.elbaeventi.it/img/2026/2026/09/15/choco-moments-portoferraio-2026.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/2026/09/15/choco-moments-portoferraio-2026.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/2026/09/15/choco-moments-portoferraio-2026.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/2026/09/15/choco-moments-portoferraio-2026.webp?width=960&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">→ 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&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&mode=max" 1417 srcset="https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=960&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&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&mode=max" 1483 srcset="https://www.elbaeventi.it/img/2026/09/29/b3f8d7d4-ea35-42e4-ade8-b217abd23f77.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/09/29/b3f8d7d4-ea35-42e4-ade8-b217abd23f77.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/09/29/b3f8d7d4-ea35-42e4-ade8-b217abd23f77.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/09/29/b3f8d7d4-ea35-42e4-ade8-b217abd23f77.webp?width=960&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">→ 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&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&mode=max" 1550 srcset="https://www.elbaeventi.it/img/2026/09/25/adeca16d-5819-4dd4-8ccc-9547bdbb37a2.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/09/25/adeca16d-5819-4dd4-8ccc-9547bdbb37a2.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/09/25/adeca16d-5819-4dd4-8ccc-9547bdbb37a2.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/09/25/adeca16d-5819-4dd4-8ccc-9547bdbb37a2.webp?width=960&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&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&mode=max" 1616 srcset="https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=960&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&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&mode=max"
1682 srcset="https://www.elbaeventi.it/img/2026/09/09/c152a3ead49756ede1bbc5e3be63ec04.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/09/09/c152a3ead49756ede1bbc5e3be63ec04.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/09/09/c152a3ead49756ede1bbc5e3be63ec04.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/09/09/c152a3ead49756ede1bbc5e3be63ec04.webp?width=960&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'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&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&mode=max" 1748 srcset="https://www.elbaeventi.it/img/2026/09/15/d753c88f-4ae1-41de-b90b-ff4f009f3267.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/09/15/d753c88f-4ae1-41de-b90b-ff4f009f3267.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/09/15/d753c88f-4ae1-41de-b90b-ff4f009f3267.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/09/15/d753c88f-4ae1-41de-b90b-ff4f009f3267.webp?width=960&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">→ 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&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&mode=max" 1815 srcset="https://www.elbaeventi.it/img/2026/05/11/ae23b123ee70d074e11c826d5dfce545.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/05/11/ae23b123ee70d074e11c826d5dfce545.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/05/11/ae23b123ee70d074e11c826d5dfce545.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/05/11/ae23b123ee70d074e11c826d5dfce545.webp?width=960&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&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&mode=max" 1880 srcset="https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/09/29/72cd1453-789b-4791-b3b0-a14ad0b8d372.webp?width=960&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&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&mode=max"
1946 srcset="https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/09/30/6c46c001-63bd-45b1-aee8-05004b1064cb.webp?width=960&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&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&mode=max" 2012 srcset="https://www.elbaeventi.it/img/2026/09/29/e16c4bc7-2595-4a49-b8e0-98cab2eb0057.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/09/29/e16c4bc7-2595-4a49-b8e0-98cab2eb0057.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/09/29/e16c4bc7-2595-4a49-b8e0-98cab2eb0057.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/09/29/e16c4bc7-2595-4a49-b8e0-98cab2eb0057.webp?width=960&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'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&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&mode=max" 2134 srcset="https://www.elbaeventi.it/img/2026/09/09/b09c0cde94ca6357e2ff1eaac55d895e.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/09/09/b09c0cde94ca6357e2ff1eaac55d895e.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/09/09/b09c0cde94ca6357e2ff1eaac55d895e.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/09/09/b09c0cde94ca6357e2ff1eaac55d895e.webp?width=960&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'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&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&mode=max" 2200 srcset="https://www.elbaeventi.it/img/2026/09/25/aaa6847d-a5ad-4825-9d7d-3735a4732580.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/09/25/aaa6847d-a5ad-4825-9d7d-3735a4732580.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/09/25/aaa6847d-a5ad-4825-9d7d-3735a4732580.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/09/25/aaa6847d-a5ad-4825-9d7d-3735a4732580.webp?width=960&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&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&mode=max" 2266 srcset="https://www.elbaeventi.it/img/2026/06/19/12608d3441f74bd300b4b810114d582a.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/06/19/12608d3441f74bd300b4b810114d582a.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/06/19/12608d3441f74bd300b4b810114d582a.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/06/19/12608d3441f74bd300b4b810114d582a.webp?width=960&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&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&mode=max" 2332 srcset="https://www.elbaeventi.it/img/2026/06/22/11427a300abcddd8275434b8441733fd.webp?width=320&mode=max 320w, https://www.elbaeventi.it/img/2026/06/22/11427a300abcddd8275434b8441733fd.webp?width=480&mode=max 480w, https://www.elbaeventi.it/img/2026/06/22/11427a300abcddd8275434b8441733fd.webp?width=640&mode=max 640w, https://www.elbaeventi.it/img/2026/06/22/11427a300abcddd8275434b8441733fd.webp?width=960&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'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">← 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 →</a> 2396 </nav> 2397 </div> 2398 2399 <aside class="space-y-6"> 2400 <div wire:key="lw-367102573-0" wire:snapshot="{"data":{"date":"2026-10-03"},"memo":{"id":"25XeOiBZlJL4Y4EaQDdu","name":"event-calendar","path":"it","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"it","islands":[]},"checksum":"42dfbc672592fe8eab7b4c251ed2b5a8954bdcf7eefb00fe287caf6856e20df1"}" wire:effects="{"partials":[]}" 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'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'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&mode=max" 2624 alt="Scarica l'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'Elba, da chi ama l'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&mode=max" 2642 alt="iloveelba.it - Il blog per chi ama l'Elba, da chi ama l'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'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&mode=max" 2660 alt="Elba Traghetti - Tutti gli orari dei traghetti da/per l'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'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'isola d'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'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.