<header class="rtds-header rtds-shadow-md" id="siteHeader" aria-label="Header del sito">
<div class="rtds-top-bar rtds-py-1 md:rtds-py-2 rtds-px-4 rtds-hidden lg:rtds-flex">
<div class="rtds-top-bar__container rtds-container">
<div class="rtds-top-bar__navigation rtds-grid lg:rtds-flex rtds-items-center rtds-gap-2 lg:rtds-gap-8">
<!-- Secondary nav/menu component -->
<nav class="rtds-secondary-navigation" aria-label="Secondaria">
<ul class="rtds-secondary-navigation__list rtds-gap-2">
<li class="">
<a href="" class="rtds-link rtds-p-2 rtds-text-xs xl:rtds-text-sm rtds-content-01">
Uffici
</a>
</li>
<li class="">
<a href="" class="rtds-link rtds-p-2 rtds-text-xs xl:rtds-text-sm rtds-content-01">
URP
</a>
</li>
<li class="">
<a href="" class="rtds-link rtds-p-2 rtds-text-xs xl:rtds-text-sm rtds-content-01">
PEC
</a>
</li>
<li class="">
<a href="" class="rtds-link rtds-p-2 rtds-text-xs xl:rtds-text-sm rtds-content-01">
Mappa del sito
</a>
</li>
<li class="">
<a href="" class="rtds-link rtds-p-2 rtds-text-xs xl:rtds-text-sm rtds-content-01">
Amministrazione trasparente
</a>
</li>
<li class="">
<a href="" class="rtds-link rtds-p-2 rtds-text-xs xl:rtds-text-sm rtds-content-01">
Intranet
</a>
</li>
</ul>
</nav>
</div>
<div class="rtds-top-bar__utilities-area rtds-flex lg:rtds-gap-4 xl:rtds-gap-6 rtds-ml-auto">
<!-- Social links component -->
<div class="rtds-social-links rtds-grid rtds-gap-1 md:rtds-flex md:rtds-gap-6 ">
<ul id="headerSocial" class="rtds-flex rtds-items-center rtds-gap-4 lg:rtds-gap-2 xl:rtds-gap-4 rtds-flex-wrap rtds-p-2 lg:rtds-p-0">
<li class="rtds-flex rtds-items-center">
<a href="" class="rtds-link rtds-text-2xl rtds-content-05 rtds-p-2 xl:rtds-p-1 undefined rtds-link--lg">
<span class="rtds-sr-only">Vai al profilo Facebook di Regione Toscana</span>
<svg class="rtds-icon rtds-fill-current rtds-w-8 rtds-h-8 lg:rtds-w-5 lg:rtds-h-5 xl:rtds-w-6 xl:rtds-h-6" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--facebook" />
</svg>
</a>
</li>
<li class="rtds-flex rtds-items-center">
<a href="" class="rtds-link rtds-text-2xl rtds-content-05 rtds-p-2 xl:rtds-p-1 undefined rtds-link--lg">
<span class="rtds-sr-only">Vai al profilo X di Regione Toscana</span>
<svg class="rtds-icon rtds-fill-current rtds-w-8 rtds-h-8 lg:rtds-w-5 lg:rtds-h-5 xl:rtds-w-6 xl:rtds-h-6" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--x" />
</svg>
</a>
</li>
<li class="rtds-flex rtds-items-center">
<a href="" class="rtds-link rtds-text-2xl rtds-content-05 rtds-p-2 xl:rtds-p-1 undefined rtds-link--lg">
<span class="rtds-sr-only">Vai al canale Telegram di Regione Toscana</span>
<svg class="rtds-icon rtds-fill-current rtds-w-8 rtds-h-8 lg:rtds-w-5 lg:rtds-h-5 xl:rtds-w-6 xl:rtds-h-6" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--telegram" />
</svg>
</a>
</li>
<li class="rtds-flex rtds-items-center">
<a href="" class="rtds-link rtds-text-2xl rtds-content-05 rtds-p-2 xl:rtds-p-1 undefined rtds-link--lg">
<span class="rtds-sr-only">Vai al canale Youtube di Regione Toscana</span>
<svg class="rtds-icon rtds-fill-current rtds-w-8 rtds-h-8 lg:rtds-w-5 lg:rtds-h-5 xl:rtds-w-6 xl:rtds-h-6" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--youtube" />
</svg>
</a>
</li>
<li class="rtds-flex rtds-items-center">
<a href="" class="rtds-link rtds-text-2xl rtds-content-05 rtds-p-2 xl:rtds-p-1 undefined rtds-link--lg">
<span class="rtds-sr-only">Vai al canale Instagram di Regione Toscana</span>
<svg class="rtds-icon rtds-fill-current rtds-w-8 rtds-h-8 lg:rtds-w-5 lg:rtds-h-5 xl:rtds-w-6 xl:rtds-h-6" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--instagram" />
</svg>
</a>
</li>
<li class="rtds-flex rtds-items-center">
<a href="" class="rtds-link rtds-text-2xl rtds-content-05 rtds-p-2 xl:rtds-p-1 undefined rtds-link--lg">
<span class="rtds-sr-only">Vai al profilo Flickr di Regione Toscana</span>
<svg class="rtds-icon rtds-fill-current rtds-w-8 rtds-h-8 lg:rtds-w-5 lg:rtds-h-5 xl:rtds-w-6 xl:rtds-h-6" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--flickr" />
</svg>
</a>
</li>
</ul>
</div>
<div class="rtds-vertical-divider rtds-w-1e rtds-flex">
<img class="rtds-w-full rtds-h-auto" src="/images/vertical-divider.svg" alt="">
</div>
<div class="rtds-flex rtds-gap-4 rtds-items-center">
<a href="#" class="rtds-link">
<img src="/images/toscana-notizie.png" alt="Toscana Notizie" width="147" height="28" srcset="/images/toscana-notizie.png 1x, /images/toscana-notizie@2x.png 2x">
</a>
</div>
<!-- Search Modal Desktop -->
<!-- Desktop Search Modal -->
<div class="rtds-search-modal-desktop__wrapper rtds-hidden lg:rtds-block">
<button type="button" aria-haspopup="dialog" aria-controls="searchModal" aria-expanded="false" id="searchModalTrigger" class="rtds-btn rtds-btn--outline rtds-btn--icon rtds-w-6 rtds-h-6 md:rtds-w-10 md:rtds-h-10 rtds-border-gray-03 hover:rtds-button-primary-hover focus:rtds-button-primary-hover active:rtds-button-primary-hover hover:rtds-text-white focus:rtds-text-white active:rtds-text-white">
<span class="rtds-sr-only">Cerca nel sito - apri la modale</span>
<svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 md:rtds-w-5 md:rtds-h-5" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--magnifying-glass" />
</svg>
</button>
<!-- Search Modal -->
<div id="searchModal" class="rtds-search-modal-desktop rtds-fixed rtds-items-center rtds-content-center rtds-inset-0 rtds-bg-black rtds-bg-opacity-50 rtds-overflow-y-auto rtds-h-full rtds-w-full" style="display:none;" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="modalTitle" data-trigger-id="searchModalTrigger" data-close-button-id="closeModal">
<div class="rtds-relative rtds-h-full lg:rtds-h-full lg:rtds-w-full rtds-mx-auto rtds-p-6 lg:rtds-p-16 rtds-shadow-lg rtds-bg-white">
<div class="rtds-modal-content rtds-container rtds-px-16 rtds-grid rtds-gap-14">
<div class="rtds-flex rtds-justify-between rtds-items-center">
<h2 id="modalTitle" class="rtds-text-3xl md:rtds-text-5xl lg:rtds-text-6xl">Cerca nel sito</h2>
<button type="button" class="rtds-btn
rtds-btn--icon rtds-btn--icon-square rtds-btn--icon rtds-border-0 hover:rtds-background-primary hover:rtds-text-white" id="closeModal"><svg class="rtds-icon rtds-fill-current rtds-w-8 rtds-h-8" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--x-mark" />
</svg>
<span class="rtds-sr-only">
Chiudi
</span>
</button>
</div>
<form role="search" class="rtds-flex rtds-gap-2">
<div class="rtds-input-field rtds-gap-1 rtds-flex-1 rtds-search-modal-desktop__input ">
<label for="inputSearch" class="rtds-input-field__label">
Cerca servizi, informazioni, aiuti...
</label>
<div class="rtds-input has-icon">
<svg class="rtds-icon rtds-fill-current rtds-input__icon" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--magnifying-glass" />
</svg>
<input id="inputSearch" class="rtds-text-sm rtds-input-placeholder" type="search" placeholder="Cerca">
</div>
</div>
<button type="button" class="rtds-btn
rtds-btn--icon-right rtds-group/button rtds-btn--primary rtds-self-end">
Cerca nel sito
<svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 md:rtds-w-5 md:rtds-h-5 lg:rtds-w-6 lg:rtds-h-6 group-hover/button:rtds-translate-x-1" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-right" />
</svg>
</button>
</form>
</div><!-- /END MODAL CONTENT -->
</div>
</div>
</div>
</div>
<!--/ END TOP BAR UTILITIES -->
</div>
</div><!-- /END TOPBAR -->
<!-- Main heading -->
<div class="rtds-main-heading">
<div class="rtds-main-heading__container rtds-container rtds-mx-auto rtds-flex rtds-items-center rtds-flex-1">
<div class="rtds-site-branding rtds-branding" style="--branding-max-width: 217px; --branding-max-width-xl: 326px;">
<a class="rtds-site-logo rtds-logo--main rtds-logo--main rtds-w-auto" href="#">
<img class="rtds-w-full rtds-h-full rtds-object-contain rtds-object-left-top" src="/images/logo-regione.png" srcset="/images/logo-regione.png 1x, /images/logo-regione@2x.png 2x" alt="Alt logo image" width="326" height="95" />
</a>
</div>
<div class="rtds-main-headings__center rtds-flex-1 lg:rtds-ml-auto lg:rtds-justify-end">
<nav class="rtds-primary-navigation
lg:rtds-justify-end rtds-primary-navigation--megamenu has-megamenu
" aria-label="Principale" id="siteNavWrapper">
<button type="button" class="rtds-btn rtds-btn--only-text rtds-rounded-0 lg:rtds-hidden rtds-ml-auto rtds-btn--icon rtds-group" aria-expanded="false" aria-controls="mainNavPanel" id="mobileNavToggle">
<svg class="rtds-icon rtds-fill-current rtds-w-6 rtds-h-6 rtds-m-0 rtds-p-0
rtds-transition-all rtds-duration-200 rtds-ease-out rtds-transform
group-hover:rtds-translate-none is-show-menu
group-aria-expanded:rtds-hidden" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bars-3" />
</svg>
<svg class="rtds-icon rtds-fill-current rtds-w-6 rtds-h-6 rtds-m-0 rtds-p-0 rtds-transition-all
rtds-duration-200 rtds-ease-out rtds-transform
group-hover:rtds-translate-none is-close-menu rtds-hidden
group-aria-expanded:rtds-inline-block" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--x-mark" />
</svg>
<span class="rtds-sr-only is-show-menu">
Menu
</span>
</button>
<!-- Mobile panel -->
<div class="rtds-primary-navigation__panel" id="mainNavPanel">
<!-- Main nav -->
<div class="rtds-primary-navigation__module is-main lg:rtds-border-b-0">
<ul class="rtds-primary-navigation__list ">
<li class="rtds-primary-navigation__item">
<a href="" class="rtds-primary-navigation__first-level rtds-primary-navigation__link rtds-group rtds-text-base xl:rtds-text-lg">
Temi e servizi
</a>
</li>
<li class="rtds-primary-navigation__item">
<a href="" class="rtds-primary-navigation__first-level rtds-primary-navigation__link rtds-group rtds-text-base xl:rtds-text-lg">
Bandi e opportunità
</a>
</li>
<li class="rtds-primary-navigation__item">
<a href="" class="rtds-primary-navigation__first-level rtds-primary-navigation__link rtds-group rtds-text-base xl:rtds-text-lg">
Regione
</a>
</li>
<li class="rtds-dropdown-menu has-dropdown-menu rtds-primary-navigation__item has-megamenu">
<button class="rtds-dropdown-menu__trigger rtds-dropdown-trigger rtds-group rtds-w-full rtds-flex rtds-items-center aria-expanded:rtds-sticky aria-expanded:rtds-z-30 aria-expanded:rtds-top-0 aria-expanded:rtds-bg-white aria-expanded:rtds-content-primary aria-expanded:rtds-border-b-4 aria-expanded:rtds-border-gray-02 lg:aria-expanded:rtds-border-b-0 rtds-p-3 rtds-gap-2 rtds-text-base xl:rtds-text-lg rtds-primary-navigation__first-level rtds-primary-navigation__link" aria-expanded="false" aria-controls="submenumenu-01">
Dropdown item
<svg class="rtds-icon rtds-fill-current rtds-w-8 rtds-h-8 lg:rtds-hidden rtds-ml-auto rtds-transition-all rtds-dropdown-menu__trigger-icon group-aria-expanded:-rtds-rotate-180" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-right" />
</svg>
<svg class="rtds-icon rtds-fill-current rtds-w-5 rtds-h-5 rtds-hidden lg:rtds-inline-flex rtds-ml-auto rtds-transition-all rtds-dropdown-menu__trigger-icon group-aria-expanded:-rtds-rotate-180" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-down" />
</svg>
</button>
<div class="rtds-dropdown-menu__megamenu lg:rtds-top-[--header-offset] rtds-w-full lg:rtds-absolute lg:rtds-shadow-md lg:rtds-p-8" id="submenumenu-01">
<ul class="rtds-dropdown-menu__list lg:rtds-container">
<li class="rtds-dropdown-menu__item rtds-group/menu-item">
<a class="rtds-dropdown-menu__link rtds-block rtds-transition rtds-text-base xl:rtds-text-lg" href="">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<span class="rtds-grow">List item</span>
</div>
</a>
</li>
<li class="rtds-dropdown-menu__item rtds-group/menu-item">
<a class="rtds-dropdown-menu__link rtds-block rtds-transition rtds-text-base xl:rtds-text-lg" href="">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<span class="rtds-grow">List item</span>
</div>
</a>
</li>
<li class="rtds-dropdown-menu__item rtds-group/menu-item">
<a class="rtds-dropdown-menu__link rtds-block rtds-transition rtds-text-base xl:rtds-text-lg" href="">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<span class="rtds-grow">List item</span>
</div>
</a>
</li>
<li class="rtds-dropdown-menu__item rtds-group/menu-item">
<a class="rtds-dropdown-menu__link rtds-block rtds-transition rtds-text-base xl:rtds-text-lg" href="">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<span class="rtds-grow">List item</span>
</div>
</a>
</li>
<li class="rtds-dropdown-menu__item rtds-group/menu-item">
<a class="rtds-dropdown-menu__link rtds-block rtds-transition rtds-text-base xl:rtds-text-lg" href="">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<span class="rtds-grow">List item</span>
</div>
</a>
</li>
<li class="rtds-dropdown-menu__item rtds-group/menu-item">
<a class="rtds-dropdown-menu__link rtds-block rtds-transition rtds-text-base xl:rtds-text-lg" href="">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<span class="rtds-grow">List item</span>
</div>
</a>
</li>
<li class="rtds-dropdown-menu__item rtds-group/menu-item">
<a class="rtds-dropdown-menu__link rtds-block rtds-transition rtds-text-base xl:rtds-text-lg" href="">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<span class="rtds-grow">List item</span>
</div>
</a>
</li>
<li class="rtds-dropdown-menu__item rtds-group/menu-item">
<a class="rtds-dropdown-menu__link rtds-block rtds-transition rtds-text-base xl:rtds-text-lg" href="">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<span class="rtds-grow">List item</span>
</div>
</a>
</li>
<li class="rtds-dropdown-menu__item rtds-group/menu-item">
<a class="rtds-dropdown-menu__link rtds-block rtds-transition rtds-text-base xl:rtds-text-lg" href="">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<span class="rtds-grow">List item</span>
</div>
</a>
</li>
<li class="rtds-dropdown-menu__item rtds-group/menu-item">
<a class="rtds-dropdown-menu__link rtds-block rtds-transition rtds-text-base xl:rtds-text-lg" href="">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<span class="rtds-grow">List item</span>
</div>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<!-- Mobile search in panel -->
<div class="rtds-primary-navigation__module is-main lg:rtds-hidden is-last-element">
<form role="search" class="rtds-flex rtds-items-end rtds-p-3 rtds-gap-1">
<div class="rtds-input-field rtds-gap-1 rtds-flex-1 ">
<label for="inputSearchMobile" class="rtds-input-field__label">
Cerca
servizi, informazioni, aiuti...
</label>
<div class="rtds-input">
<input id="inputSearchMobile" class="rtds-rounded-l-lg rtds-rounded-r-none rtds-text-sm rtds-input-placeholder" type="search" placeholder="Cerca">
</div>
</div>
<button type="button" class="rtds-btn rtds-btn--secondary rtds-btn--icon rtds-w-11 rtds-h-11 rtds-rounded-lg">
<span class="rtds-sr-only">Cerca</span>
<svg class="rtds-icon rtds-fill-current rtds-w-5 rtds-h-5" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--magnifying-glass" />
</svg>
</button>
</form>
</div>
</div>
<div class="rtds-primary-navigation__backdrop rtds-bg-black/25 rtds-top-[--header-height] lg:rtds-hidden"></div>
</nav>
</div>
</div>
</div>
</header>
<main id="mainContent">
<!-- SR-ONLY PAGE HEADING H1 - general markup. If the CMS provides another way to set a sr-only visibile hidden heading, use that instead. -->
<h1 class="rtds-sr-only">Homepage - Regione Toscana</h1>
<div class="rtds-min-w-0">
<section id="mainSlider" class="rtds-slider splide rtds-slider--homepage" aria-labelledby="mainSliderLabel">
<h2 id="mainSliderLabel" class="rtds-sr-only">Slider contenuti in evidenza</h2>
<div class="rtds-slider__arrows splide__arrows">
<button class="rtds-slider__arrow rtds-slider__arrow--prev splide__arrow splide__arrow--prev">
<svg class="rtds-icon rtds-fill-current rtds-slider__arrow-svg" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-right" />
</svg>
<span class="rtds-sr-only">Precedente</span>
</button>
<button class="rtds-slider__arrow rtds-slider__arrow--next splide__arrow splide__arrow--next">
<svg class="rtds-icon rtds-fill-current rtds-slider__arrow-svg" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-right" />
</svg>
<span class="rtds-sr-only">Successiva</span>
</button>
</div>
<div class="rtds-slider__track splide__track">
<ul class="rtds-slider__list splide__list">
<li class="rtds-slider__slide splide__slide rtds-slide is-fullclickable rtds-group/slide" data-slide-title="Celebrazioni dei 450 anni della morte di Cosimo I dei MedicVasari">
<div class="rtds-slide__slide-wrapper rtds-h-full rtds-overflow-hidden rtds-flex rtds-flex-col md:rtds-flex-row">
<div class="rtds-slide_image">
<picture>
<source srcset="../../images/slider-ex.jpg">
<img src="../../images/slider-ex.jpg" alt="" />
</picture>
</div>
<div class="rtds-slide__content-wrapper rtds-flex-1 rtds-z-10 rtds-grid rtds-items-stretch">
<div class="rtds-slide__content
rtds-grid rtds-justify-items-start
rtds-gap-6 rtds-bg-white
">
<div class="rtds-grid rtds-gap-4 lg:rtds-gap-6 2xl:rtds-gap-8 rtds-self-start">
<h3 class="rtds-slide__title">
<a href="#" class="rtds-slide__link">
Celebrazioni dei 450 anni della morte di Cosimo I dei MedicVasari
</a>
</h3>
<div class="rtds-slide__excerpt">
<p>Celebrazioni dei 450 anni della morte di Cosimo I dei MedicVasari anni della morte di Cosimo I dei MedicVasaric anni della morte di Cosimo I</p>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="rtds-slider__slide splide__slide rtds-slide is-fullclickable rtds-group/slide" data-slide-title="Tirocini non curriculari in Toscana">
<div class="rtds-slide__slide-wrapper rtds-h-full rtds-overflow-hidden rtds-flex rtds-flex-col md:rtds-flex-row">
<div class="rtds-slide_image">
<picture>
<source srcset="../../images/slider-ex.jpg">
<img src="../../images/slider-ex.jpg" alt="" />
</picture>
</div>
<div class="rtds-slide__content-wrapper rtds-flex-1 rtds-z-10 rtds-grid rtds-items-stretch">
<div class="rtds-slide__content
rtds-grid rtds-justify-items-start
rtds-gap-6 rtds-bg-white
">
<div class="rtds-grid rtds-gap-4 lg:rtds-gap-6 2xl:rtds-gap-8 rtds-self-start">
<h3 class="rtds-slide__title">
<a href="#" class="rtds-slide__link">
Tirocini non curriculari in Toscana
</a>
</h3>
<div class="rtds-slide__excerpt">
<p>La Regione aumenta il rimborso minimo per tirocinante da 500 a 600 euro mensili.</p>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="rtds-slider__slide splide__slide rtds-slide is-fullclickable rtds-group/slide" data-slide-title="Dì di sì">
<div class="rtds-slide__slide-wrapper rtds-h-full rtds-overflow-hidden rtds-flex rtds-flex-col md:rtds-flex-row">
<div class="rtds-slide_image">
<picture>
<source srcset="../../images/slider-test.jpg">
<img src="../../images/slider-test.jpg" alt="" />
</picture>
</div>
<div class="rtds-slide__content-wrapper rtds-flex-1 rtds-z-10 rtds-grid rtds-items-stretch">
<div class="rtds-slide__content
rtds-grid rtds-justify-items-start
rtds-gap-6 rtds-bg-white
">
<div class="rtds-grid rtds-gap-4 lg:rtds-gap-6 2xl:rtds-gap-8 rtds-self-start">
<h3 class="rtds-slide__title">
<a href="#" class="rtds-slide__link">
Dì di sì
</a>
</h3>
<div class="rtds-slide__excerpt">
<p>Regione Toscana e ISPRO offrono screening oncologici gratuiti e semplici, per individuare precocemente tumori o alterazioni sospette. Chi riceve la lettera d’invito deve solo <strong>dire “sì” e presentarsi all’appuntamento: non serve la ricetta.</strong></p>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="rtds-slider__slide splide__slide rtds-slide is-fullclickable rtds-group/slide" data-slide-title="Giovanisì, il Next Generation Fest il 2 giugno celebra la Repubblica">
<div class="rtds-slide__slide-wrapper rtds-h-full rtds-overflow-hidden rtds-flex rtds-flex-col md:rtds-flex-row">
<div class="rtds-slide_image">
<picture>
<source srcset="../../images/slider-test.jpg">
<img src="../../images/slider-test.jpg" alt="" />
</picture>
</div>
<div class="rtds-slide__content-wrapper rtds-flex-1 rtds-z-10 rtds-grid rtds-justify-items-end ">
<div class="rtds-slide__content
rtds-grid rtds-justify-items-end
rtds-gap-6 rtds-bg-white
">
<div class="rtds-grid rtds-gap-4 lg:rtds-gap-6 2xl:rtds-gap-8 rtds-self-start">
<h3 class="rtds-slide__title">
<a href="#" class="rtds-slide__link">
Giovanisì, il Next Generation Fest il 2 giugno celebra la Repubblica
</a>
</h3>
<div class="rtds-slide__excerpt">
<p>Giovanisì, il Next Generation Fest il 2 giugno celebra la Repubblica</p>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="rtds-slider__slide splide__slide rtds-slide is-fullclickable rtds-group/slide" data-slide-title="Cresci un cucciolo, preparalo a cambiare una vita">
<div class="rtds-slide__slide-wrapper rtds-h-full rtds-overflow-hidden rtds-flex rtds-flex-col md:rtds-flex-row">
<div class="rtds-slide_image">
<picture>
<source srcset="../../images/slider-test.jpg">
<img src="../../images/slider-test.jpg" alt="" />
</picture>
</div>
<div class="rtds-slide__content-wrapper rtds-flex-1 rtds-z-10 rtds-grid rtds-justify-items-end ">
<div class="rtds-slide__content
rtds-grid rtds-justify-items-end
rtds-gap-6 rtds-bg-white
">
<div class="rtds-grid rtds-gap-4 lg:rtds-gap-6 2xl:rtds-gap-8 rtds-self-start">
<h3 class="rtds-slide__title">
<a href="#" class="rtds-slide__link">
Cresci un cucciolo, preparalo a cambiare una vita
</a>
</h3>
<div class="rtds-slide__excerpt">
<p>La Scuola nazionale cani guida per ciechi della Regione Toscana <strong>affida cuccioli a famiglie volontarie per i primi 18 mesi</strong>, aiutandoli a crescere e socializzare.</p>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<ul id="rtSliderPagination" class="rtds-slider__pagination splide__pagination"></ul>
</section>
</div>
<section class="rtds-section rtds-section--aggiornamenti rtds-py-8 md:rtds-py-12">
<div class="rtds-container rtds-space-y-4">
<div class="rtds-section-header rtds-section-header--aggiornamenti">
<div class="rtds-flex rtds-items-center rtds-gap-4 md:rtds-gap-6 rtds-content-01">
<div class="rtds-flex rtds-flex-wrap rtds-items-center rtds-gap-2 md:rtds-gap-4">
<h2 class="rtds-heading-3 md:rtds-heading-2">Aggiornamenti</h2>
<div class="rtds-vertical-divider rtds-w-4 md:rtds-w-6 lg:rtds-w-8">
<img class="rtds-w-full rtds-h-auto" src="/images/vertical-divider.svg" alt="">
</div>
<span class="rtds-text-sm rtds-leading-none">
<strong>A cura della </strong>
<a href="" class="rtds-action-link
rtds-action-link--sm
">
Redazione web
<svg class="rtds-icon rtds-fill-current" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-right" />
</svg>
</a>
</span>
</div>
</div>
</div>
<div class="rtds-space-y-5">
<div class="rtds-aggiornamenti-list rtds-aggiornamenti-list--main rtds-grid rtds-gap-4 lg:rtds-gap-5 lg:rtds-grid-cols-2">
<article class="rtds-card rtds-card--news rtds-card--news-left rtds-card--horizontal rtds-card--horizontal-left is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/image-test.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Vaccinarsi contro Covid-19
</a>
</h3>
<div class="rtds-card__metadata">
<div class="rtds-card__date">
<time datetime="2025-05-30">30 MAG 2025</time>
</div>
</div>
</div>
<div class="rtds-card__description ">
<p>
La vaccinazione anti Covid-19 ha l’obiettivo di prevenire la mortalità, le ospedalizzazioni e le forme gravi della malattia
</p>
</div>
<div class="rtds-card__categories">
<span class="rtds-category ">
Salute
</span>
</div>
</div>
</article>
<article class="rtds-card rtds-card--news rtds-card--news-left rtds-card--horizontal rtds-card--horizontal-left is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/image-test.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Vaccinarsi contro Covid-19
</a>
</h3>
<div class="rtds-card__metadata">
<div class="rtds-card__date">
<time datetime="2025-05-30">30 MAG 2025</time>
</div>
</div>
</div>
<div class="rtds-card__description ">
<p>
La vaccinazione anti Covid-19 ha l’obiettivo di prevenire la mortalità, le ospedalizzazioni e le forme gravi della malattia
</p>
</div>
<div class="rtds-card__categories">
<span class="rtds-category ">
Salute
</span>
</div>
</div>
</article>
</div>
<div class="rtds-aggiornamenti-list rtds-aggiornamenti-list--secondary rtds-grid rtds-gap-4 md:rtds-grid-cols-2 lg:rtds-grid-cols-3">
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Vaccinarsi contro Covid-19
</a>
</h3>
<div class="rtds-card__metadata">
<div class="rtds-card__date">
<time datetime="2025-05-30">30 MAG 2025</time>
</div>
</div>
</div>
<div class="rtds-card__description ">
<p>
La vaccinazione anti Covid-19 ha l’obiettivo di prevenire la mortalità, le ospedalizzazioni e le forme gravi della malattia
</p>
</div>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Salute
</a>
</div>
</div>
</article>
</div>
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Vaccinarsi contro Covid-19
</a>
</h3>
<div class="rtds-card__metadata">
<div class="rtds-card__date">
<time datetime="2025-05-30">30 MAG 2025</time>
</div>
</div>
</div>
<div class="rtds-card__description ">
<p>
La vaccinazione anti Covid-19 ha l’obiettivo di prevenire la mortalità, le ospedalizzazioni e le forme gravi della malattia
</p>
</div>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Salute
</a>
</div>
</div>
</article>
</div>
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Vaccinarsi contro Covid-19
</a>
</h3>
<div class="rtds-card__metadata">
<div class="rtds-card__date">
<time datetime="2025-05-30">30 MAG 2025</time>
</div>
</div>
</div>
<div class="rtds-card__description ">
<p>
La vaccinazione anti Covid-19 ha l’obiettivo di prevenire la mortalità, le ospedalizzazioni e le forme gravi della malattia
</p>
</div>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Salute
</a>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</section>
<section class="rtds-section rtds-section--eventi rtds-py-8 md:rtds-py-12 rtds-background-03">
<div class="rtds-container rtds-space-y-4">
<div class="rtds-section-header rtds-section-header--eventi">
<div class="rtds-flex rtds-items-center rtds-gap-4 md:rtds-gap-6 rtds-content-01">
<div class="rtds-flex rtds-flex-wrap rtds-items-center rtds-gap-2 md:rtds-gap-4">
<h2 class="rtds-heading-3 md:rtds-heading-2">Eventi</h2>
<div class="rtds-vertical-divider rtds-w-4 md:rtds-w-6 lg:rtds-w-8">
<img class="rtds-w-full rtds-h-auto" src="/images/vertical-divider.svg" alt="">
</div>
<span class="rtds-text-sm rtds-leading-none">
<a href="" class="rtds-action-link
rtds-action-link--sm
">
Vedi tutti gli eventi
<svg class="rtds-icon rtds-fill-current" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-right" />
</svg>
</a>
</span>
</div>
</div>
</div>
<div class="rtds-space-y-5">
<div class="rtds-eventi-list rtds-grid rtds-gap-4 md:rtds-grid-cols-2 lg:rtds-grid-cols-3">
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--event is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-flex rtds-flex-col rtds-gap-2 rtds-order-2">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
La toscana delle donne
</a>
</h3>
</div>
<small class="rtds-card__address">
<svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--map-pin" />
</svg>
<span class="rtds-sr-only">Luogo:</span> Via Lorem Ipsum, Firenze
</small>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Salute
</a>
</div>
</div>
<div class="rtds-card__date">
<time class="sm:rtds-grid sm:rtds-gap-0.5 sm:rtds-justify-end sm:rtds-text-right" datetime="2023-06-25/2023-06-30"><span class="rtds-content-01 rtds-text-lg rtds-leading-none rtds-italic rtds-font-extrabold">25/30 giugno</span> <span class="rtds-text-base">2023</span></time>
</div>
</div>
</article>
</div>
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--event is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-flex rtds-flex-col rtds-gap-2 rtds-order-2">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
La toscana delle donne LA RAGIONE DEL VALORE lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
</a>
</h3>
</div>
<small class="rtds-card__address">
<svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--map-pin" />
</svg>
<span class="rtds-sr-only">Luogo:</span> Via Lorem Ipsum, Firenze
</small>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Salute
</a>
</div>
</div>
<div class="rtds-card__date">
<time class="sm:rtds-grid sm:rtds-gap-0.5 sm:rtds-justify-end sm:rtds-text-right" datetime="2023-06-25/2023-06-30"><span class="rtds-content-01 rtds-text-lg rtds-leading-none rtds-italic rtds-font-extrabold">25/30 giugno</span> <span class="rtds-text-base">2023</span></time>
</div>
</div>
</article>
</div>
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--event is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-flex rtds-flex-col rtds-gap-2 rtds-order-2">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
La toscana delle donne
</a>
</h3>
</div>
<small class="rtds-card__address">
<svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--map-pin" />
</svg>
<span class="rtds-sr-only">Luogo:</span> Via Lorem Ipsum, Firenze
</small>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Salute
</a>
</div>
</div>
<div class="rtds-card__date">
<time class="sm:rtds-grid sm:rtds-gap-0.5 sm:rtds-justify-end sm:rtds-text-right" datetime="2023-06-25/2023-06-30"><span class="rtds-content-01 rtds-text-lg rtds-leading-none rtds-italic rtds-font-extrabold">25/30 giugno</span> <span class="rtds-text-base">2023</span></time>
</div>
</div>
</article>
</div>
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--event is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-flex rtds-flex-col rtds-gap-2 rtds-order-2">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
La toscana delle donne LA RAGIONE DEL VALORE lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
</a>
</h3>
</div>
<small class="rtds-card__address">
<svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--map-pin" />
</svg>
<span class="rtds-sr-only">Luogo:</span> Via Lorem Ipsum, Firenze
</small>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Salute
</a>
</div>
</div>
<div class="rtds-card__date">
<time class="sm:rtds-grid sm:rtds-gap-0.5 sm:rtds-justify-end sm:rtds-text-right" datetime="2023-06-25/2023-06-30"><span class="rtds-content-01 rtds-text-lg rtds-leading-none rtds-italic rtds-font-extrabold">25/30 giugno</span> <span class="rtds-text-base">2023</span></time>
</div>
</div>
</article>
</div>
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--event is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-flex rtds-flex-col rtds-gap-2 rtds-order-2">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
La toscana delle donne
</a>
</h3>
</div>
<small class="rtds-card__address">
<svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--map-pin" />
</svg>
<span class="rtds-sr-only">Luogo:</span> Via Lorem Ipsum, Firenze
</small>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Salute
</a>
</div>
</div>
<div class="rtds-card__date">
<time class="sm:rtds-grid sm:rtds-gap-0.5 sm:rtds-justify-end sm:rtds-text-right" datetime="2023-06-25/2023-06-30"><span class="rtds-content-01 rtds-text-lg rtds-leading-none rtds-italic rtds-font-extrabold">25/30 giugno</span> <span class="rtds-text-base">2023</span></time>
</div>
</div>
</article>
</div>
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--event is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-flex rtds-flex-col rtds-gap-2 rtds-order-2">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
La toscana delle donne LA RAGIONE DEL VALORE lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
</a>
</h3>
</div>
<small class="rtds-card__address">
<svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--map-pin" />
</svg>
<span class="rtds-sr-only">Luogo:</span> Via Lorem Ipsum, Firenze
</small>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Salute
</a>
</div>
</div>
<div class="rtds-card__date">
<time class="sm:rtds-grid sm:rtds-gap-0.5 sm:rtds-justify-end sm:rtds-text-right" datetime="2023-06-25/2023-06-30"><span class="rtds-content-01 rtds-text-lg rtds-leading-none rtds-italic rtds-font-extrabold">25/30 giugno</span> <span class="rtds-text-base">2023</span></time>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</section>
<section class="rtds-section rtds-section--servizi">
<!-- Section Header Servizi -->
<div class="rtds-section-header rtds-section-header--servizi rtds-bg-white rtds-py-4 rtds-border-y rtds-border-gray-03">
<div class="rtds-container rtds-space-y-4">
<div class="rtds-grid md:rtds-flex rtds-items-center md:rtds-justify-between rtds-gap-4 md:rtds-gap-8 lg:rtds-gap-12 rtds-content-02 ">
<div class="rtds-flex rtds-items-center rtds-gap-2 md:rtds-gap-4">
<svg class="rtds-icon rtds-fill-current rtds-w-9 rtds-h-9 rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--cogs" />
</svg>
<div class="rtds-flex rtds-items-center rtds-gap-2">
<p id="serviziDesc1" class="rtds-text-sm lg:rtds-text-base md:rtds-grid"><strong>32 servizi</strong> disponibili</p>
<div class="rtds-vertical-divider rtds-w-4 md:rtds-w-6 lg:rtds-w-8">
<img class="rtds-w-full rtds-h-auto" src="/images/vertical-divider.svg" alt="">
</div>
<p id="serviziDesc2" class="rtds-text-sm lg:rtds-text-base md:rtds-grid"><strong>12</strong> <span class="rtds-sr-only">servizi </span>in evidenza</p>
</div>
</div>
<h2 id="serviziHeading" class="rtds-heading-2 2xl:rtds-text-2xl rtds-content-02 rtds-flex-1" aria-labelledby="serviziHeading serviziDesc1 serviziDesc2">I Servizi della Regione per cittadini, imprese, enti e terzo settore</h2>
<!-- Cta servizi desktop -->
<div class="rtds-hidden lg:rtds-flex lg:rtds-justify-end lg:rtds-ml-auto">
<a href="#" class="rtds-btn
rtds-btn--icon-right rtds-group/button rtds-btn--secondary rtds-btn--s">
Vedi tutti<span class="rtds-sr-only"> i servizi della Regione</span>
<svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 md:rtds-w-5 md:rtds-h-5 lg:rtds-w-6 lg:rtds-h-6 group-hover/button:rtds-translate-x-1" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-right" />
</svg>
</a>
</div>
</div>
</div>
</div>
<!-- Section Search Servizi -->
<div class="rtds-search-servizi rtds-background-02">
<div class="rtds-container rtds-space-y-4 rtds-py-8">
<form class="rtds-max-w-[51rem] rtds-mx-auto" role="search" action="" aria-label="Cerca tra i servizi quello che ti serve">
<div class="rtds-relative">
<div class="rtds-input-field rtds-gap-1 rtds-content-02 ">
<label for="serviziSearch" class="rtds-input-field__label rtds-content-02 rtds-text-sm md:rtds-text-base">
Cerca tra i servizi quello che ti serve
</label>
<div class="rtds-input">
<input id="serviziSearch" class="rtds-text-sm rtds-input-placeholder !rtds-pr-10" type="search" placeholder="es: Bollo auto, Corsi di formazione, ...">
</div>
</div>
<button type="submit" class="rtds-btn
rtds-btn--icon rtds-btn--only-text rtds-content-05 rtds-absolute rtds-right-1 rtds-bottom-1"><svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 md:rtds-w-5 md:rtds-h-5 lg:rtds-w-6 lg:rtds-h-6" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--magnifying-glass" />
</svg>
<span class="rtds-sr-only">
Cerca servizio
</span>
</button>
</div>
</form>
</div>
</div>
<!-- Section Servizi - List -->
<div class="rtds-servizi-list">
<div class="rtds-container rtds-py-6 md:rtds-pt-10 lg:rtds-pt-12 md:rtds-pb-16">
<div class="rtds-carousel rtds-carousel--5-cols splide" aria-label="I Servizi della Regione">
<div class="rtds-carousel__arrows splide__arrows">
<button class="rtds-carousel__arrow rtds-carousel__arrow--prev splide__arrow splide__arrow--prev">
<svg class="rtds-icon rtds-fill-current rtds-carousel__arrow-svg" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-right" />
</svg>
<span class="rtds-sr-only">Precedente</span>
</button>
<button class="rtds-carousel__arrow rtds-carousel__arrow--next splide__arrow splide__arrow--next">
<svg class="rtds-icon rtds-fill-current rtds-carousel__arrow-svg" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-right" />
</svg>
<span class="rtds-sr-only">Successiva</span>
</button>
</div>
<div class="rtds-carousel-wrapper splide__track">
<ul class="rtds-carousel__list splide__list rtds-space-y-6 md:rtds-space-y-0">
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Nunc aliquam phasellus molestie blandit. Nisi, amet, id maecenas diam
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Servizio 2
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Nunc aliquam phasellus molestie blandit. Nisi, amet, id maecenas diam
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Servizio 2
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Nunc aliquam phasellus molestie blandit. Nisi, amet, id maecenas diam
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Servizio 2
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Nunc aliquam phasellus molestie blandit. Nisi, amet, id maecenas diam
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Servizio 2
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Nunc aliquam phasellus molestie blandit. Nisi, amet, id maecenas diam
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Servizio 2
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Nunc aliquam phasellus molestie blandit. Nisi, amet, id maecenas diam
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Servizio 2
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Nunc aliquam phasellus molestie blandit. Nisi, amet, id maecenas diam
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Servizio 2
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Nunc aliquam phasellus molestie blandit. Nisi, amet, id maecenas diam
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Servizio 2
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Nunc aliquam phasellus molestie blandit. Nisi, amet, id maecenas diam
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
<li class="rtds-carousel-col splide__slide">
<article class="rtds-card rtds-card--information rtds-bg-gradient-04
is-card-fullclickable rtds-group/card">
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Servizio 2
</a>
</h3>
</div>
<div class="rtds-card__description ">
<p>
Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.
</p>
</div>
<ul class="rtds-card__tags" aria-label="Categorie">
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
<li><span class="rtds-chip rtds-chip--category rtds-chip--sm">
label</span></li>
</ul>
</div>
</article>
</li>
</ul>
</div>
</div>
</div>
<!-- Cta servizi mobile -->
<div class="rtds-flex rtds-justify-center rtds-py-8 md:rtds-hidden">
<a href="#" class="rtds-btn
rtds-btn--icon-right rtds-group/button rtds-btn--secondary rtds-btn--l">
vedi tutti i servizi
<svg class="rtds-icon rtds-fill-current rtds-w-6 rtds-h-6 rtds-transition-all rtds-duration-200 rtds-ease-out rtds-transform group-hover/button:rtds-translate-x-1" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-right" />
</svg>
</a>
</div>
</div>
</section>
<section class="rtds-section rtds-section--notizie rtds-py-8 md:rtds-py-12 rtds-background-09">
<div class="rtds-container rtds-space-y-4">
<div class="rtds-section-header rtds-section-header--notizie">
<div class="rtds-grid md:rtds-flex rtds-items-center rtds-gap-4 md:rtds-gap-6 rtds-content-inverse">
<div class="rtds-flex rtds-flex-wrap rtds-items-center rtds-gap-2 md:rtds-gap-4 rtds-order-2 md:rtds-order-none">
<h2 class="rtds-heading-3 md:rtds-heading-2">Notizie</h2>
<div class="rtds-vertical-divider rtds-w-4 md:rtds-w-6 lg:rtds-w-8">
<img class="rtds-w-full rtds-h-auto" src="/images/vertical-divider.svg" alt="">
</div>
<span class="rtds-text-sm rtds-leading-none">
<span>Da </span>
<a href="" class="rtds-action-link
rtds-content-inverse hover:rtds-content-inverse focus:rtds-content-inverse rtds-action-link--sm
">
Toscana Notizie
<svg class="rtds-icon rtds-fill-current" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-right" />
</svg>
</a>
</span>
</div>
</div>
</div>
<div class="rtds-space-y-5">
<div class="rtds-notizie-list rtds-grid rtds-gap-4 md:rtds-grid-cols-2 lg:rtds-grid-cols-3">
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Vaccinarsi contro Covid-19
</a>
</h3>
<div class="rtds-card__metadata">
<div class="rtds-card__date">
<time datetime="2025-05-30">30 MAG 2025</time>
</div>
</div>
</div>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Salute
</a>
</div>
</div>
</article>
</div>
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Vaccinarsi contro Covid-19
</a>
</h3>
<div class="rtds-card__metadata">
<div class="rtds-card__date">
<time datetime="2025-05-30">30 MAG 2025</time>
</div>
</div>
</div>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Salute
</a>
</div>
</div>
</article>
</div>
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Vaccinarsi contro Covid-19
</a>
</h3>
<div class="rtds-card__metadata">
<div class="rtds-card__date">
<time datetime="2025-05-30">30 MAG 2025</time>
</div>
</div>
</div>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Salute
</a>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</section>
<section class="rtds-section rtds-section--approfondimenti rtds-py-8 md:rtds-py-12">
<div class="rtds-container rtds-space-y-4">
<div class="rtds-section-header rtds-section-header--approfondimenti">
<div class="rtds-flex rtds-items-center rtds-gap-4 md:rtds-gap-6 rtds-content-01">
<div class="rtds-flex rtds-flex-wrap rtds-items-center rtds-gap-2 md:rtds-gap-4">
<h2 class="rtds-heading-3 md:rtds-heading-2">Approfondimenti</h2>
<div class="rtds-vertical-divider rtds-w-4 md:rtds-w-6 lg:rtds-w-8">
<img class="rtds-w-full rtds-h-auto" src="/images/vertical-divider.svg" alt="">
</div>
</div>
</div>
</div>
<div class="rtds-space-y-5">
<div class="rtds-approfondimenti-list rtds-grid rtds-gap-4 md:rtds-grid-cols-2 lg:rtds-grid-cols-3">
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-image-fullwidth is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image rtds-h-full" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Vaccinarsi contro Covid-19
<span class="rtds-sr-only">: leggi di più</span>
</a>
</h3>
</div>
<div class="rtds-mt-auto rtds-pt-4">
<span class="rtds-action-link
rtds-card__action-link rtds-action-link--has-icon rtds-action-link--sm
">
Scopri l'approfondimento
<svg class="rtds-icon rtds-fill-current rtds-transition-all group-hover/card:rtds-translate-x-1" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-right" />
</svg>
</span>
</div>
</div>
</article>
</div>
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-image-fullwidth is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image rtds-h-full" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Vaccinarsi contro Covid-19
<span class="rtds-sr-only">: leggi di più</span>
</a>
</h3>
</div>
<div class="rtds-mt-auto rtds-pt-4">
<span class="rtds-action-link
rtds-card__action-link rtds-action-link--has-icon rtds-action-link--sm
">
Scopri l'approfondimento
<svg class="rtds-icon rtds-fill-current rtds-transition-all group-hover/card:rtds-translate-x-1" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-right" />
</svg>
</span>
</div>
</div>
</article>
</div>
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-image-fullwidth is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image rtds-h-full" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Vaccinarsi contro Covid-19
<span class="rtds-sr-only">: leggi di più</span>
</a>
</h3>
</div>
<div class="rtds-mt-auto rtds-pt-4">
<span class="rtds-action-link
rtds-card__action-link rtds-action-link--has-icon rtds-action-link--sm
">
Scopri l'approfondimento
<svg class="rtds-icon rtds-fill-current rtds-transition-all group-hover/card:rtds-translate-x-1" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-right" />
</svg>
</span>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</section>
<section class="rtds-section rtds-section--meteo rtds-py-8 md:rtds-py-12 rtds-background-02">
<div class="rtds-container-sm rtds-space-y-4">
<div class="rtds-section-header rtds-section-header--meteo">
<div class="rtds-grid md:rtds-flex rtds-items-center rtds-gap-4 md:rtds-gap-6 rtds-content-01">
<div class="rtds-flex rtds-flex-wrap rtds-flex-wrap rtds-items-center rtds-gap-2 md:rtds-gap-4">
<h2 class="rtds-heading-3 md:rtds-heading-2">Meteo Toscana</h2>
<div class="rtds-vertical-divider rtds-w-4 md:rtds-w-6 lg:rtds-w-8">
<img class="rtds-w-full rtds-h-auto" src="/images/vertical-divider.svg" alt="">
</div>
<div class="rtds-w-full md:rtds-w-auto">
<h3 class="rtds-heading-5 rtds-content-secondary-dark">Emissione</h3>
<div class="rtds-flex rtds-items-center rtds-gap-4 rtds-content-02">
<small class="rtds-text-sm rtds-leading-none">
<span class="rtds-sr-only">Giorno: </span>
<date class="rtds-flex rtds-items-center rtds-gap-1.5" datetime="2024-12-11"><svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4" aria-hidden="true" focusable="false" role="img">
<use href="/icons.svg#outline--calendar"></use>
</svg>
10.11.24</date>
</small>
<small class="rtds-text-sm rtds-leading-none">
<span class="rtds-sr-only">Ora: </span>
<time class="rtds-flex rtds-items-center rtds-gap-1.5" datetime="10:11"><svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4" aria-hidden="true" focusable="false" role="img">
<use href="/icons.svg#outline--clock"></use>
</svg>
10:11</time>
</small>
</div>
</div>
</div>
<span class="rtds-section-header__right-content md:rtds-ml-auto">
<button type="button" class="rtds-btn
rtds-btn--icon-right rtds-group/button rtds-btn--secondary rtds-btn--s rtds-hidden lg:rtds-inline-flex">
<span class="rtds-sr-only">Meteo Toscana: </span>vedi dettaglio
<svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 md:rtds-w-5 md:rtds-h-5 lg:rtds-w-6 lg:rtds-h-6 group-hover/button:rtds-translate-x-1" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-right" />
</svg>
</button>
</span>
</div>
</div>
<div class="rtds-grid rtds-gap-6 lg:rtds-grid-cols-12 lg:rtds-gap-12">
<div class="rtds-meteo-allerte rtds-grid rtds-gap-4 lg:rtds-col-span-5">
<h3 class="rtds-sr-only">Allerta meteo</h3>
<div class="rtds-grid md:rtds-flex rtds-gap-4 rtds-bg-white rtds-py-8 rtds-px-4 md:rtds-p-6 md:rtds-gap-6">
<div class="rtds-meteo-allerte__day md:rtds-flex-1 rtds-grid rtds-content-around rtds-gap-1.5">
<h4 class="rtds-heading-6 rtds-leading-none rtds-content-secondary-dark">Mercoledì, 11 dicembre 2024</h4>
<ul class="rtds-meteo-allerte__day-list rtds-flex rtds-items-center rtds-gap-1 rtds-flex-wrap lg:rtds-grid lg:rtds-grid-cols-4 lg:rtds-gap-2">
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
</ul>
</div>
<div class="rtds-meteo-allerte__day md:rtds-flex-1 rtds-grid rtds-content-around rtds-gap-1.5">
<h4 class="rtds-heading-6 rtds-leading-none rtds-content-secondary-dark">Mercoledì, 11 dicembre 2024</h4>
<ul class="rtds-meteo-allerte__day-list rtds-flex rtds-items-center rtds-gap-1 rtds-flex-wrap lg:rtds-grid lg:rtds-grid-cols-4 lg:rtds-gap-2">
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
<!--
Riportare testo per ogni tipo di rischio con relativo livello di allerta
nell'alt dell'icona e nel tooltip
-->
<li class="rtds-flex-shrink-0 md:rtds-max-w-[32px] xl:rtds-max-w-[64px] has-tooltip has-tooltip-button has-tooltip-bottom">
<a href="#" class="rtds-tooltip-button">
<img width="48" height="48" alt="Rischio idraulico: nessuno" src="/images/idraulico_nessuno.png" srcset="/images/idraulico_nessuno.png 1x, /images/idraulico_nessuno@2x.png 2x" class="rtds-w-full rtds-h-auto">
<span class="rtds-sr-only"> - vedi dettaglio</span>
</a>
<span class="rtds-tooltip rtds-tooltip--sm">
Rischio idraulico: nessuno - vedi dettaglio
</span>
</li>
</ul>
</div>
</div>
<div class="rtds-meteo-allerte__levels rtds-grid rtds-gap-2 md:rtds-flex md:rtds-gap-4 rtds-items-baseline">
<h4 class="rtds-text-xs">Livelli di allerta</h4>
<ul class="rtds-meteo-allerte__levels-list rtds-flex rtds-items-center rtds-gap-2 rtds-flex-wrap">
<li class="rtds-flex-shrink-0">
<span class="rtds-chip rtds-chip--sm rtds-border-gray-02 rtds-bg-white rtds-gap-1">
<span class="rtds-block rtds-rounded-full rtds-w-2 rtds-h-2 rtds-flex-shrink-0 rtds-bg-allerta-verde"></span>
<span class="rtds-chip-label rtds-content-03 rtds-font-normal">nessuna</span>
</span>
</li>
<li class="rtds-flex-shrink-0">
<span class="rtds-chip rtds-chip--sm rtds-border-gray-02 rtds-bg-white rtds-gap-1">
<span class="rtds-block rtds-rounded-full rtds-w-2 rtds-h-2 rtds-flex-shrink-0 rtds-bg-allerta-giallo"></span>
<span class="rtds-chip-label rtds-content-03 rtds-font-normal">gialla</span>
</span>
</li>
<li class="rtds-flex-shrink-0">
<span class="rtds-chip rtds-chip--sm rtds-border-gray-02 rtds-bg-white rtds-gap-1">
<span class="rtds-block rtds-rounded-full rtds-w-2 rtds-h-2 rtds-flex-shrink-0 rtds-bg-allerta-arancione"></span>
<span class="rtds-chip-label rtds-content-03 rtds-font-normal">arancione</span>
</span>
</li>
<li class="rtds-flex-shrink-0">
<span class="rtds-chip rtds-chip--sm rtds-border-gray-02 rtds-bg-white rtds-gap-1">
<span class="rtds-block rtds-rounded-full rtds-w-2 rtds-h-2 rtds-flex-shrink-0 rtds-bg-allerta-rosso"></span>
<span class="rtds-chip-label rtds-content-03 rtds-font-normal">rossa</span>
</span>
</li>
</ul>
</div>
</div>
<div class="rtds-meteo-previsioni lg:rtds-col-span-7">
<h3 class="rtds-sr-only">Previsioni meteo</h3>
<ul class="rtds-meteo-previsioni__list rtds-grid rtds-grid-cols-3 rtds-gap-4">
<li class="">
<a href="#" class="rtds-grid rtds-gap-1 rtds-content-02 hover:rtds-underline hover:rtds-text-secondary-dark rtds-text-sm rtds-group/meteo">
<img width="163" height="168" alt="" src="/images/meteo.jpg" class="rtds-rounded-lg rtds-w-full rtds-min-w-0 rtds-h-auto rtds-transition-all group-hover/meteo:rtds-shadow-md">
<span class="rtds-meteo-previsioni__item-time">
<svg class="rtds-icon rtds-stroke-current rtds-w-3 rtds-h-3" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--clock" />
</svg>
mattina
</span>
<span class="rtds-sr-only"> - dettaglio previsione meteo sul sito LAMMA</span>
</a>
</li>
<li class="">
<a href="#" class="rtds-grid rtds-gap-1 rtds-content-02 hover:rtds-underline hover:rtds-text-secondary-dark rtds-text-sm rtds-group/meteo">
<img width="163" height="168" alt="" src="/images/meteo.jpg" class="rtds-rounded-lg rtds-w-full rtds-min-w-0 rtds-h-auto rtds-transition-all group-hover/meteo:rtds-shadow-md">
<span class="rtds-meteo-previsioni__item-time">
<svg class="rtds-icon rtds-stroke-current rtds-w-3 rtds-h-3" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--clock" />
</svg>
mattina
</span>
<span class="rtds-sr-only"> - dettaglio previsione meteo sul sito LAMMA</span>
</a>
</li>
<li class="">
<a href="#" class="rtds-grid rtds-gap-1 rtds-content-02 hover:rtds-underline hover:rtds-text-secondary-dark rtds-text-sm rtds-group/meteo">
<img width="163" height="168" alt="" src="/images/meteo.jpg" class="rtds-rounded-lg rtds-w-full rtds-min-w-0 rtds-h-auto rtds-transition-all group-hover/meteo:rtds-shadow-md">
<span class="rtds-meteo-previsioni__item-time">
<svg class="rtds-icon rtds-stroke-current rtds-w-3 rtds-h-3" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--clock" />
</svg>
mattina
</span>
<span class="rtds-sr-only"> - dettaglio previsione meteo sul sito LAMMA</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Cta meteo mobile -->
<div class="rtds-flex rtds-justify-center rtds-py-8 lg:rtds-hidden">
<a href="#" class="rtds-btn
rtds-btn--icon-right rtds-group/button rtds-btn--secondary rtds-btn--s">
vedi dettaglio<span class="rtds-sr-only">previsioni meteo</span>
<svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-transition-all rtds-duration-200 rtds-ease-out rtds-transform group-hover/button:rtds-translate-x-1" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-right" />
</svg>
</a>
</div>
</div>
</section>
<section class="rtds-section rtds-section--siti-web-collegati rtds-py-8 md:rtds-py-12">
<div class="rtds-container rtds-space-y-4">
<div class="rtds-section-header rtds-section-header--siti-web-collegati">
<div class="rtds-flex rtds-items-center rtds-gap-4 md:rtds-gap-6 rtds-content-01">
<div class="rtds-flex rtds-flex-wrap rtds-items-center rtds-gap-2 md:rtds-gap-4">
<div class="rtds-vertical-divider rtds-w-4 md:rtds-w-6 lg:rtds-w-8">
<img class="rtds-w-full rtds-h-auto" src="/images/vertical-divider.svg" alt="">
</div>
<h2 class="rtds-heading-3 md:rtds-heading-2">Siti web collegati</h2>
</div>
</div>
</div>
<div class="rtds-space-y-5">
<ul role="list" class="rtds-grid rtds-gap-4 md:rtds-grid-cols-2 lg:rtds-grid-cols-4">
<li class="rtds-col">
<div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline rtds-flex rtds-items-center" href="">
<img alt="" width="24" height="24" src="/images/icone-siti/toscana-notizie-icon.png" srcset="/images/icone-siti/toscana-notizie-icon@2x.png 2x, /images/icone-siti/toscana-notizie-icon.png 1x" class="rtds-card__logo">
Toscana Notizie
<svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-right" />
</svg>
</a>
</h3>
</div>
</div>
</div>
</li>
<li class="rtds-col">
<div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline rtds-flex rtds-items-center" href="">
<img alt="" width="24" height="24" src="/images/icone-siti/giovanisi-icon.png" srcset="/images/icone-siti/giovanisi-icon@2x.png 2x, /images/icone-siti/giovanisi-icon.png 1x" class="rtds-card__logo">
GiovaniSì
<svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-right" />
</svg>
</a>
</h3>
</div>
</div>
</div>
</li>
<li class="rtds-col">
<div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline rtds-flex rtds-items-center" href="">
<img alt="" width="24" height="24" src="/images/icone-siti/open-toscana-icon.png" srcset="/images/icone-siti/open-toscana-icon@2x.png 2x, /images/icone-siti/open-toscana-icon.png 1x" class="rtds-card__logo">
Open Toscana
<svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-right" />
</svg>
</a>
</h3>
</div>
</div>
</div>
</li>
<li class="rtds-col">
<div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline rtds-flex rtds-items-center" href="">
<img alt="" width="24" height="24" src="/images/icone-siti/toscana-accessibile-icon.png" srcset="/images/icone-siti/toscana-accessibile-icon@2x.png 2x, /images/icone-siti/toscana-accessibile-icon.png 1x" class="rtds-card__logo">
Toscana Accessibile
<svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-right" />
</svg>
</a>
</h3>
</div>
</div>
</div>
</li>
<li class="rtds-col">
<div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline rtds-flex rtds-items-center" href="">
<img alt="" width="24" height="24" src="/images/icone-siti/digital-innovation-hub-icon.png" srcset="/images/icone-siti/digital-innovation-hub-icon@2x.png 2x, /images/icone-siti/digital-innovation-hub-icon.png 1x" class="rtds-card__logo">
Digital Innovation Hub - Industria 4.0
<svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-right" />
</svg>
</a>
</h3>
</div>
</div>
</div>
</li>
<li class="rtds-col">
<div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline rtds-flex rtds-items-center" href="">
<img alt="" width="24" height="24" src="/images/icone-siti/muoversi-in-toscana-icon.png" srcset="/images/icone-siti/muoversi-in-toscana-icon@2x.png 2x, /images/icone-siti/muoversi-in-toscana-icon.png 1x" class="rtds-card__logo">
Muoversi in Toscana
<svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-right" />
</svg>
</a>
</h3>
</div>
</div>
</div>
</li>
<li class="rtds-col">
<div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline rtds-flex rtds-items-center" href="">
<img alt="" width="24" height="24" src="/images/icone-siti/toscana-digitale-icon.png" srcset="/images/icone-siti/toscana-digitale-icon@2x.png 2x, /images/icone-siti/toscana-digitale-icon.png 1x" class="rtds-card__logo">
Toscana Digitale
<svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-right" />
</svg>
</a>
</h3>
</div>
</div>
</div>
</li>
<li class="rtds-col">
<div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline rtds-flex rtds-items-center" href="">
<img alt="" width="24" height="24" src="/images/icone-siti/urp-icon.png" srcset="/images/icone-siti/urp-icon@2x.png 2x, /images/icone-siti/urp-icon.png 1x" class="rtds-card__logo">
Ufficio Relazioni con il Pubblico
<svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-right" />
</svg>
</a>
</h3>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<div class="rtds-back-to-top rtds-fixed rtds-bottom-12 rtds-right-6 rtds-transition-all rtds-duration-300">
<a href="#" class="rtds-btn
rtds-btn--icon rtds-btn--s lg:rtds-btn--l rtds-btn--outlined rtds-bg-white rtds-shadow-lg hover:rtds-shadow-xl hover:rtds-scale-110 rtds-transition-all rtds-duration-300"><svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 md:rtds-w-5 md:rtds-h-5 lg:rtds-w-6 lg:rtds-h-6" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-up" />
</svg>
<span class="rtds-sr-only">
Torna in cima alla pagina
</span>
</a>
</div>
</main>
<footer class="rtds-footer rtds-border-t rtds-border-gray-01">
<div class="rtds-logos-area">
<div class="rtds-container rtds-py-6 md:rtds-py-8 rtds-space-y-6">
<h2 class="rtds-content-02 rtds-text-base md:rtds-text-lg rtds-font-bold">Siti collegati</h2>
<div class="rtds-grid md:rtds-flex rtds-gap-4 md:rtds-items-center">
<div class="rtds-flex rtds-flex-wrap rtds-gap-4 md:rtds-gap-6 rtds-items-center lg:rtds-gap-12">
<a class="rtds-site-logo" href="#">
<img class="rtds-w-full rtds-h-full rtds-object-contain rtds-object-left-top" src="/images/toscana-notizie-mono.png" srcset="/images/toscana-notizie-mono.png 1x, /images/toscana-notizie-mono@2x.png 2x" alt="Toscana Notizie" width="99" height="22" />
</a>
<a class="rtds-site-logo" href="#">
<img class="rtds-w-full rtds-h-full rtds-object-contain rtds-object-left-top" src="/images/muoversi-in-toscana.png" alt="Muoversi in Toscana" width="111" height="24" />
</a>
<a class="rtds-site-logo" href="#">
<img class="rtds-w-full rtds-h-full rtds-object-contain rtds-object-left-top" src="/images/toscana-accessibile.png" srcset="/images/toscana-accessibile.png 1x, /images/toscana-accessibile@2x.png 2x" alt="Toscana Accessibile" width="142" height="22" />
</a>
<a class="rtds-site-logo" href="#">
<img class="rtds-w-full rtds-h-full rtds-object-contain rtds-object-left-top" src="/images/giovanisi.png" srcset="/images/giovanisi.png 1x, /images/giovanisi@2x.png 2x" alt="GiovaniSì" width="94" height="28" />
</a>
<a class="rtds-site-logo" href="#">
<img class="rtds-w-full rtds-h-full rtds-object-contain rtds-object-left-top" src="/images/toscana-digitale.png" srcset="/images/toscana-digitale.png 1x, /images/toscana-digitale@2x.png 2x" alt="Toscana Digitale" width="129" height="24" />
</a>
</div>
</div>
</div>
</div>
<div class="rtds-footer__navigation-row rtds-container rtds-grid rtds-gap-x-10 rtds-gap-y-4 md:rtds-flex">
<!-- Right block -->
<div class="rtds-grid rtds-gap-6 md:rtds-gap-3 md:rtds-flex-1">
<!-- Menu footer -->
<nav class="rtds-pb-4 -rtds-ml-4" aria-label="Contatti e utilità">
<ul class="rtds-grid md:rtds-flex rtds-gap-y-3 md:rtds-gap-y-4 rtds-flex-wrap">
<li class="rtds-group md:rtds-border-r md:rtds-border-gray-01 md:last:rtds-border-r-0">
<a href="" class="rtds-link rtds-px-4 rtds-py-2 rtds-text-sm rtds-content-02 rtds-font-bold rtds-uppercase">UFFICI</a>
</li>
<li class="rtds-group md:rtds-border-r md:rtds-border-gray-01 md:last:rtds-border-r-0">
<a href="" class="rtds-link rtds-px-4 rtds-py-2 rtds-text-sm rtds-content-02 rtds-font-bold rtds-uppercase">URP</a>
</li>
<li class="rtds-group md:rtds-border-r md:rtds-border-gray-01 md:last:rtds-border-r-0">
<a href="" class="rtds-link rtds-px-4 rtds-py-2 rtds-text-sm rtds-content-02 rtds-font-bold rtds-uppercase">PEC</a>
</li>
<li class="rtds-group md:rtds-border-r md:rtds-border-gray-01 md:last:rtds-border-r-0">
<a href="" class="rtds-link rtds-px-4 rtds-py-2 rtds-text-sm rtds-content-02 rtds-font-bold rtds-uppercase">MAPPA DEL SITO</a>
</li>
<li class="rtds-group md:rtds-border-r md:rtds-border-gray-01 md:last:rtds-border-r-0">
<a href="" class="rtds-link rtds-px-4 rtds-py-2 rtds-text-sm rtds-content-02 rtds-font-bold rtds-uppercase">INTRANET</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="rtds-border-t rtds-border-gray-01">
<div class="rtds-container">
<!-- Menu footer -->
<nav class="-rtds-ml-4 rtds-py-4 md:rtds-py-6" aria-label="Altre informazioni">
<ul class="rtds-grid md:rtds-flex rtds-gap-y-3 md:rtds-gap-y-4 rtds-flex-wrap">
<li class="rtds-group">
<a href="" class="rtds-link rtds-px-4 rtds-py-2 rtds-text-sm rtds-content-03 rtds-font-bold">Gestione cookies</a>
</li>
<li class="rtds-group">
<a href="" class="rtds-link rtds-px-4 rtds-py-2 rtds-text-sm rtds-content-03 rtds-font-bold">Note legali e copyright</a>
</li>
<li class="rtds-group">
<a href="" class="rtds-link rtds-px-4 rtds-py-2 rtds-text-sm rtds-content-03 rtds-font-bold">Privacy e cookie</a>
</li>
<li class="rtds-group">
<a href="" class="rtds-link rtds-px-4 rtds-py-2 rtds-text-sm rtds-content-03 rtds-font-bold">Dichiarazione di accessibilità</a>
</li>
</ul>
</nav>
</div>
</div>
<!-- Footer bottom bar -->
<div class="rtds-footer__bottom-bar">
<div class="rtds-container rtds-grid rtds-gap-6 md:rtds-flex rtds-items-center rtds-justify-between">
<div class="rtds-footer__bottom-bar-left">
<!-- Utilities and other -->
<div class="-rtds-ml-4 rtds-flex rtds-gap-y-3 rtds-gap-x-5 md:rtds-gap-y-1 rtds-flex-wrap rtds-content-01">
<small class="rtds-py-1 rtds-px-4 md:rtds-py-4 rtds-content-01 rtds-text-sm rtds-font-bold">Partita IVA 00000000000</small>
</div>
</div>
<div class="rtds-footer__bottom-bar-right rtds-px-2 md:rtds-px-0">
<!-- Logos -->
<div class="rtds-site-logo rtds-w-40 rtds-h-auto md:rtds-w-44 lg:rtds-w-auto">
<img class="rtds-w-full rtds-h-full rtds-object-contain rtds-object-left-top" src="/images/regione-toscana-logo-footer.png" srcset="/images/regione-toscana-logo-footer.png 1x, /images/regione-toscana-logo-footer@2x.png 2x" alt="Regione Toscana" width="220" height="65" />
</div>
</div>
</div>
</div>
</footer>
{% extends '@page-regione-layout' %}
{% block content %}
{% render '@sr-only-page-heading-h1', {title: 'Homepage - Regione Toscana'} %}
{% render '@slider--homepage' %}
{% render '@aggiornamenti' %}
{% render '@eventi' %}
{% render '@servizi' %}
{% render '@notizie' %}
{% render '@approfondimenti' %}
{% render '@meteo-toscana' %}
{% render '@siti-web-collegati' %}
{% render '@back-to-top-button' %}
{% endblock content %}
/* No context defined. */
The homepage template is the main page of the website.
Page should always have a main H1 heading, preferably visible, but if not possible, use the sr-only page heading h1 component.
If the CMS provides another way to set a sr-only visibile hidden heading, use that instead.