<header class="n7-header shadow-md" id="siteHeader" aria-label="Header del sito">
<!-- Top bar -->
<div class="n7-top-bar flex items-center py-1 md:py-2 px-4 n7-background-gray-02 hidden lg:flex">
<div class="n7-top-bar__container xl:container mx-auto flex items-center lg:flex-1">
<div class="n7-top-bar__navigation grid lg:flex items-center gap-2 lg:gap-8">
<!-- LINK CERTIFICAZIONE ISO -->
<a href="" class="n7-link gap-2 p-0 text-xs lg:text-sm n7-content-01">
<img src="/images/iso-27001.png" alt="ISO 27001" width="75" height="38">
Certificazione ISO/IEC 27001
</a>
<!-- Secondary nav/menu component -->
<nav aria-label="Secondaria">
<ul class="n7-secondary-navigation lg:flex gap-4">
<li class="">
<a href="" class="n7-link p-2 text-xs lg:text-sm n7-content-01">voce 1</a>
</li>
<li class="">
<a href="" class="n7-link p-2 text-xs lg:text-sm n7-content-01">voce 2</a>
</li>
</ul>
</nav>
</div>
<div class="n7-top-bar__utilities-area ml-auto">
<!-- Search component -->
<div class="hidden lg:block">
<button type="button" id="searchModalTrigger" class="n7-btn n7-btn--secondary n7-btn--icon rounded-full w-6 h-6 md:w-10 md:h-10">
<span class="sr-only">Cerca nel sito di Artea - apri la modale</span>
<svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--magnifying-glass" />
</svg>
</button>
<!-- Search Modal -->
<div id="searchModal" class="fixed items-center content-center inset-0 bg-black bg-opacity-50 overflow-y-auto h-full w-full" style="display:none;" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="modalTitle">
<div class="relative h-full lg:h-full lg:w-full mx-auto p-6 lg:p-16 shadow-lg bg-white">
<div class="container px-16 grid gap-14">
<div class="flex justify-between items-center">
<h2 id="modalTitle" class="text-3xl md:text-5xl lg:text-6xl">Cerca nel sito di Artea</h2>
<button id="closeModal" class="n7-btn n7-btn--icon border-0 hover:n7-background-primary hover:text-white">
<span class="sr-only">Chiudi</span>
<svg class="inline-block align-middle fill-current w-8 h-8" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--x-mark" />
</svg>
</button>
</div>
<div class="modal-content">
<form role="search" class="flex gap-2">
<div class="n7-input-field grid gap-3 flex-1">
<label for="inputSearch" class="block text-sm font-medium n7-content-03">Cerca servizi, informazioni, aiuti...</label>
<div class="n7-input flex items-center relative">
<svg class="inline-block align-middle fill-current w-6 h-6 absolute left-4 n7-content-placeholder" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--magnifying-glass" />
</svg>
<input id="inputSearch" class="w-full border-2 n7-border-gray-01 text-sm n7-input-placeholder py-3 px-4 border n7-border-gray-01 rounded-lg pl-12 " type="search" placeholder="Cerca">
</div>
</div>
<button type="button" class="n7-btn
n7-btn--primary
n7-btn--primary self-end">
Cerca nel sito
<svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 ml-2 transition-all duration-200 ease-out transform group-hover:translate-x-1" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--chevron-right" />
</svg>
</button>
</form>
</div><!-- /END MODAL CONTENT -->
</div>
</div>
</div>
</div><!--/ END SEARCH WRAPPER -->
</div><!--/ END TOP BAR UTILITIES -->
</div>
</div><!-- /END TOPBAR -->
<!-- Main heading -->
<div class="n7-main-heading bg-white flex items-center px-4 py-2 lg:p-4 border-b n7-border-primary lg:border-b-0">
<div class="xl:container mx-auto flex items-center flex-1">
<div class="flex items-center n7-branding site-branding lg:max-w-[35.7%]">
<a class="n7-site-logo site-logo flex w-10 h-10 md:flex-1 md:w-auto md:h-auto md:max-w-[124px] lg:max-w-[248px]" href="#">
<img class="w-full h-full object-cover md:object-contain object-left-top" src="/images/regione-toscana.png" alt="Alt logo image" width="248" height="81" />
</a>
<span class="w-4 h-10 md:w-10 md:h-20 bg-no-repeat bg-left-top bg-cover" style="background-image: url('/images/vertical-divider.svg')"></span>
<a class="n7-site-logo site-logo flex w-46 h-10 md:flex-1 md:w-auto md:h-auto md:max-w-[124px] lg:max-w-[248px]" href="#">
<img class="w-full h-full object-contain object-left-top" src="/images/artea.png" alt="Alt logo image" width="248" height="81" />
</a>
</div>
<div class="flex-1 lg:ml-auto lg:justify-end">
<nav class="n7-primary-navigation flex lg:justify-end" aria-label="Principale" id="siteNavWrapper">
<button type="button" class="n7-btn
n7-btn--only-text rounded-0 lg:hidden ml-auto n7-btn--icon group" aria-expanded="false" aria-controls="mainNavPanel" id="mobileNavToggle">
<svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 m-0 p-0 transition-all duration-200 ease-out transform group-hover:translate-none is-show-menu group-aria-expanded:hidden" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--bars-3" />
</svg>
<svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 m-0 p-0 transition-all duration-200 ease-out transform group-hover:translate-none is-close-menu hidden group-aria-expanded:inline-block" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--x-mark" />
</svg>
<span class="sr-only is-show-menu group-aria-expanded:hidden">
Menu
</span>
<span class="sr-only is-close-menu hidden group-aria-expanded:block">
Chiudi menu
</span>
</button>
<!-- Mobile panel -->
<div class="n7-primary-navigation__panel flex-col bg-white transition-all invisible w-[88%] lg:w-auto fixed lg:static lg:visible top-[--header-height] bottom-0 left-[12%] lg:left-0 border-l n7-border-primary lg:border-l-0 overflow-y-auto" id="mainNavPanel">
<!-- Main nav -->
<div class="n7-primary-navigation__module is-main lg:border-b-0">
<ul class="n7-primary-navigation__list lg:flex lg:justify-end gap-4 xl:gap-8 has-dropdown-menu">
<li class="n7-dropdown-menu n7-primary-navigation__item">
<button class="n7-dropdown-menu__trigger dropdown-trigger group w-full flex items-center p-3 gap-2 text-sm lg:text-base font-medium hover:underline focus:n7-content-primary aria-expanded:n7-background-gray-02 lg:aria-expanded:bg-white aria-expanded:n7-content-01" aria-expanded="false" aria-controls="submenumenu-01">
Menu item 1<svg class="inline-block align-middle fill-current w-5 h-5 ml-auto transition-all n7-dropdown-menu__trigger-icon group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--chevron-down" />
</svg>
</button>
<ul class="n7-dropdown-menu__list hidden lg:absolute border border-t-0 n7-border-gray-01 lg:border-t lg:rounded lg:shadow-md lg:w-52 border-r-0 border-l-0 lg:border-r lg:border-l " id="submenumenu-01">
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
voce 1
</a>
</li>
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
voce 2
</a>
</li>
</ul>
</li>
<li class="n7-dropdown-menu n7-primary-navigation__item">
<button class="n7-dropdown-menu__trigger dropdown-trigger group w-full flex items-center p-3 gap-2 text-sm lg:text-base font-medium hover:underline focus:n7-content-primary aria-expanded:n7-background-gray-02 lg:aria-expanded:bg-white aria-expanded:n7-content-01" aria-expanded="false" aria-controls="submenumenu-02">
Menu item 2<svg class="inline-block align-middle fill-current w-5 h-5 ml-auto transition-all n7-dropdown-menu__trigger-icon group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--chevron-down" />
</svg>
</button>
<ul class="n7-dropdown-menu__list hidden lg:absolute border border-t-0 n7-border-gray-01 lg:border-t lg:rounded lg:shadow-md lg:w-52 border-r-0 border-l-0 lg:border-r lg:border-l " id="submenumenu-02">
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
Item label 1
</a>
</li>
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
Item label 3
</a>
</li>
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
Item label 4
</a>
</li>
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
Item label 5
</a>
</li>
</ul>
</li>
<li class="n7-dropdown-menu n7-primary-navigation__item">
<button class="n7-dropdown-menu__trigger dropdown-trigger group w-full flex items-center p-3 gap-2 text-sm lg:text-base font-medium hover:underline focus:n7-content-primary aria-expanded:n7-background-gray-02 lg:aria-expanded:bg-white aria-expanded:n7-content-01" aria-expanded="false" aria-controls="submenumenu-03">
Menu item 3<svg class="inline-block align-middle fill-current w-5 h-5 ml-auto transition-all n7-dropdown-menu__trigger-icon group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--chevron-down" />
</svg>
</button>
<ul class="n7-dropdown-menu__list hidden lg:absolute border border-t-0 n7-border-gray-01 lg:border-t lg:rounded lg:shadow-md lg:w-52 border-r-0 border-l-0 lg:border-r lg:border-l " id="submenumenu-03">
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
Item label 1
</a>
</li>
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
Item label 3
</a>
</li>
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
Item label 4
</a>
</li>
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
Item label 5
</a>
</li>
</ul>
</li>
<li class="n7-dropdown-menu n7-primary-navigation__item">
<button class="n7-dropdown-menu__trigger dropdown-trigger group w-full flex items-center p-3 gap-2 text-sm lg:text-base font-medium hover:underline focus:n7-content-primary aria-expanded:n7-background-gray-02 lg:aria-expanded:bg-white aria-expanded:n7-content-01" aria-expanded="false" aria-controls="submenumenu-04">
Menu item 4<svg class="inline-block align-middle fill-current w-5 h-5 ml-auto transition-all n7-dropdown-menu__trigger-icon group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--chevron-down" />
</svg>
</button>
<ul class="n7-dropdown-menu__list hidden lg:absolute border border-t-0 n7-border-gray-01 lg:border-t lg:rounded lg:shadow-md lg:w-52 border-r-0 border-l-0 lg:border-r lg:border-l " id="submenumenu-04">
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
Item label 1
</a>
</li>
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
Item label 3
</a>
</li>
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
Item label 4
</a>
</li>
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
Item label 5
</a>
</li>
</ul>
</li>
<!-- only link item -->
<li class="n7-primary-navigation__item">
<a href="" class="w-full flex items-center p-3 gap-2 text-sm lg:text-base font-medium hover:underline focus:n7-content-primary">
Voce 1
</a>
</li>
</ul>
</div>
<!-- Mobile search in panel -->
<div class="n7-primary-navigation__module is-main lg:hidden">
<form role="search" class="flex items-end p-3">
<div class="n7-input-field grid gap-3 flex-1">
<label for="inputSearchMobile" class="block text-sm font-medium n7-content-03">Cerca servizi, informazioni, aiuti...</label>
<div class="n7-input flex items-center relative">
<svg class="inline-block align-middle fill-current w-6 h-6 absolute left-4 n7-content-placeholder" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--magnifying-glass" />
</svg>
<input id="inputSearchMobile" class="w-full border-2 n7-border-gray-01 text-sm n7-input-placeholder py-3 px-4 border n7-border-gray-01 rounded-l-lg rounded-r-none pl-12 " type="search" placeholder="Cerca">
</div>
</div>
<button type="button" class="n7-btn n7-btn--secondary n7-btn--icon w-12 h-12">
<span class="sr-only">Cerca</span>
<svg class="inline-block align-middle fill-current w-5 h-5" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--magnifying-glass" />
</svg>
</button>
</form>
</div>
</div>
<div class="n7-primary-navigation__backdrop bg-black/25 top-[--header-height] lg:hidden"></div>
</nav>
</div>
</div>
</div>
</header>
<main id="mainContent" class="n7-background-gray-02">
<section class="n7-hero grid relative bg-cover bg-center bg-no-repeat min-h-[25rem] h-full md:min-h-[33rem] lg:h-[85vh] md:max-h-[66rem] lg:max-h-[45rem]" style="background-image: url('/images/hero-background.jpg');">
<div class="overlay bg-black/10 row-span-full col-span-full"></div>
<div class="xl:container grid gap-6 lg:gap-10 items-center content-center px-8 py-12 n7-content-inverse row-span-full col-span-full lg:pr-[25%] xl:pr-[33%]">
<h1 class="text-4xl md:text-5xl xl:text-6xl font-regular mb-4 text-shadow">
<span class="block pb-12 md:pb-8 w-full max-w-[412px]"><img src="/images/logo-artea-transparent.svg" width="412" height="94"><span class="sr-only">artea</span></span>
<span class="block">Agenzia Regionale Toscana per le Erogazioni in Agricoltura</span>
</h1>
<p class="text-base md:text-md xl:text-xl text-shadow">
Dal 1999 eroga gli aiuti, i premi e i contributi previsti all’insieme degli operatori del settore agricolo, grazie ai Fondi europei FEAGA (Fondo Europeo Agricolo di Garanzia) e FEASR (Fondo Europeo Agricolo per lo Sviluppo Rurale).
</p>
<!-- HERO ACTIONS -->
<div class="n7-hero__actions">
<a href="#" class="n7-btn
n7-btn--outline bg-white border-0">
Scopri gli aiuti
<svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 ml-2 transition-all duration-200 ease-out transform group-hover:translate-x-1" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--chevron-right" />
</svg>
</a>
</div>
<!-- /END HERO ACTIONS -->
</div>
</section>
<section class="py-8 md:py-12 xl:px-16">
<div class="n7-container">
<div class="flex items-center gap-2 pb-8">
<h2 class="text-3xl md:text-4xl">Avvisi</h2>
<span class="w-4 h-8 md:w-6 md:h-12 bg-no-repeat bg-left-top bg-cover" style="background-image: url('/images/vertical-divider.svg')"></span>
<a href="" class="n7-link ">Consulta tutti gli avvisi
<svg class="inline-block align-middle fill-current w-1e h-1e ml-2" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--chevron-right" />
</svg>
</a>
</div>
<div class="grid gap-6 md:grid-cols-2 xl:grid-cols-6 n7-grid--2-3">
<article class="n7-card
is-card-fullclickable transition hover:shadow-lg group">
<div class="grid gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-4">
<h3 class="n7-card__title text-xl md:text-2xl">
<a class="hover:underline group-hover:underline" href="">
Componente card esempio
</a>
</h3>
<div class="flex items-baseline justify-between">
<div class="n7-card__date text-sm">
<time datetime="2023-09-30">30.09.2023</time>
</div>
</div>
</div>
<ul class="flex gap-2 flex-wrap mt-auto" aria-label="Categorie">
<li><span class="n7-chip n7-chip--sm">Label</span></li>
<li><span class="n7-chip n7-chip--sm">Label</span></li>
<li><span class="n7-chip n7-chip--sm">Label</span></li>
<li><span class="n7-chip n7-chip--sm">Label</span></li>
</ul>
</div>
</article>
<article class="n7-card
is-card-fullclickable transition hover:shadow-lg group">
<div class="grid gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-4">
<h3 class="n7-card__title text-xl md:text-2xl">
<a class="hover:underline group-hover:underline" href="">
Componente card esempio
</a>
</h3>
<div class="flex items-baseline justify-between">
<div class="n7-card__date text-sm">
<time datetime="2023-09-30">30.09.2023</time>
</div>
</div>
</div>
<ul class="flex gap-2 flex-wrap mt-auto" aria-label="Categorie">
<li><span class="n7-chip n7-chip--sm">Label</span></li>
<li><span class="n7-chip n7-chip--sm">Label</span></li>
<li><span class="n7-chip n7-chip--sm">Label</span></li>
<li><span class="n7-chip n7-chip--sm">Label</span></li>
</ul>
</div>
</article>
<article class="n7-card
is-card-fullclickable transition hover:shadow-lg group">
<div class="grid gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-4">
<h3 class="n7-card__title text-xl md:text-2xl">
<a class="hover:underline group-hover:underline" href="">
Componente card esempio
</a>
</h3>
<div class="flex items-baseline justify-between">
<div class="n7-card__date text-sm">
<time datetime="2023-09-30">30.09.2023</time>
</div>
</div>
</div>
<ul class="flex gap-2 flex-wrap mt-auto" aria-label="Categorie">
<li><span class="n7-chip n7-chip--sm">Label</span></li>
<li><span class="n7-chip n7-chip--sm">Label</span></li>
<li><span class="n7-chip n7-chip--sm">Label</span></li>
<li><span class="n7-chip n7-chip--sm">Label</span></li>
</ul>
</div>
</article>
<article class="n7-card
is-card-fullclickable transition hover:shadow-lg group">
<div class="grid gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-4">
<h3 class="n7-card__title text-xl md:text-2xl">
<a class="hover:underline group-hover:underline" href="">
Componente card esempio
</a>
</h3>
<div class="flex items-baseline justify-between">
<div class="n7-card__date text-sm">
<time datetime="2023-09-30">30.09.2023</time>
</div>
</div>
</div>
<ul class="flex gap-2 flex-wrap mt-auto" aria-label="Categorie">
<li><span class="n7-chip n7-chip--sm">Label</span></li>
<li><span class="n7-chip n7-chip--sm">Label</span></li>
<li><span class="n7-chip n7-chip--sm">Label</span></li>
<li><span class="n7-chip n7-chip--sm">Label</span></li>
</ul>
</div>
</article>
<article class="n7-card
is-card-fullclickable transition hover:shadow-lg group">
<div class="grid gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-4">
<h3 class="n7-card__title text-xl md:text-2xl">
<a class="hover:underline group-hover:underline" href="">
Componente card esempio
</a>
</h3>
<div class="flex items-baseline justify-between">
<div class="n7-card__date text-sm">
<time datetime="2023-09-30">30.09.2023</time>
</div>
</div>
</div>
<ul class="flex gap-2 flex-wrap mt-auto" aria-label="Categorie">
<li><span class="n7-chip n7-chip--sm">Label</span></li>
<li><span class="n7-chip n7-chip--sm">Label</span></li>
<li><span class="n7-chip n7-chip--sm">Label</span></li>
<li><span class="n7-chip n7-chip--sm">Label</span></li>
</ul>
</div>
</article>
</div>
</div>
</section>
<section class="py-8 md:py-12 xl:px-16">
<div class="n7-container">
<div class="gap-2 pb-8">
<h2 class="text-3xl md:text-4xl">Scadenze</h2>
</div>
<div class="grid md:grid-cols-2 bg-white md:py-6 px-5">
<article class="n7-card px-2 md:py-0 md:px-4 border-b md:border-r md:border-b-0 last-of-type:border-b-0 md:last-of-type:border-r-0 n7-border-gray-01
is-card-fullclickable transition group">
<div class="grid gap-2 md:gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-4">
<h3 class="n7-card__title text-lg md:text-xl md:text-2xl font-bold">
<a class="hover:underline group-hover:underline" href="">
Termine 30.11.2023
</a>
</h3>
</div>
<p class="n7-card__excerpt md:text-base">
Testo aggiuntivo da configurazione
</p>
</div>
</article>
<article class="n7-card px-2 md:py-0 md:px-4 border-b md:border-r md:border-b-0 last-of-type:border-b-0 md:last-of-type:border-r-0 n7-border-gray-01
is-card-fullclickable transition group">
<div class="grid gap-2 md:gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-4">
<h3 class="n7-card__title text-lg md:text-xl md:text-2xl font-bold">
<a class="hover:underline group-hover:underline" href="">
Termine 30.11.2023
</a>
</h3>
</div>
<p class="n7-card__excerpt md:text-base">
Testo aggiuntivo da configurazione
</p>
</div>
</article>
</div>
</div>
</section>
<section class="grid relative xl:mt-16">
<div class="w-full bg-no-repeat bg-cover bg-[center_top] absolute top-0 right-0 left-0 bottom-0 md:bottom-[33%]" style="background-image: url('/images/aiuti-bg.svg');"></div>
<div class="n7-container-sm py-8 md:py-10 lg:py-14 xl:px-[5%] grid gap-8 z-10">
<div class="grid gap-6 justify-items-center text-white">
<h2 class="text-3xl md:text-5xl">Aiuti per l’agricoltura</h2>
<p class="text-md md:text-xl max-w-screen-sm text-center">Tutte le informazioni, la normativa e la documentazione sui fondi comunitari, nazionali e regionali </p>
</div>
<div class="grid md:grid-cols-2 gap-5">
<article class="n7-card n7-background-gray-01 rounded-md shadow-md transition hover:shadow-lg
md:grid-cols-[min-content_1fr]
is-card-fullclickable transition hover:shadow-lg group">
<div class="n7-card__image w-12 md:w-16 lg:w-24 h-12 md:h-16 lg:h-24
">
<img class="object-scale-down w-full h-full" alt="Fondo Europeo Agricolo di Garanzia" src="/images/eu-european-union.png" />
</div>
<div class="grid gap-2.5 md:gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
<h3 class="n7-card__title text-lg md:text-xl font-bold">
<a class="hover:underline group-hover:underline" href="">
FEAGA<br> Fondo Europeo Agricolo di Garanzia
</a>
</h3>
<div class="flex items-baseline justify-between">
<div class="n7-card__categories">
<span class="n7-category n7-content-placeholder">
Categoria
</span>
</div>
</div>
</div>
<p class="n7-card__excerpt text-base md:text-lg n7-content-03">
Testo aggiuntivo da configurazione
</p>
</div>
</article>
<article class="n7-card n7-background-gray-01 rounded-md shadow-md transition hover:shadow-lg
md:grid-cols-[min-content_1fr]
is-card-fullclickable transition hover:shadow-lg group">
<div class="n7-card__image w-12 md:w-16 lg:w-24 h-12 md:h-16 lg:h-24
">
<img class="object-scale-down w-full h-full" alt="Fondo europeo agricolo per lo sviluppo rurale" src="/images/Psr-progamma-sviluppo-rurale.png" />
</div>
<div class="grid gap-2.5 md:gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
<h3 class="n7-card__title text-lg md:text-xl font-bold">
<a class="hover:underline group-hover:underline" href="">
FEASR-PSR<br> Fondo europeo agricolo per lo sviluppo rurale
</a>
</h3>
<div class="flex items-baseline justify-between">
<div class="n7-card__categories">
<span class="n7-category n7-content-placeholder">
Categoria
</span>
</div>
</div>
</div>
<p class="n7-card__excerpt text-base md:text-lg n7-content-03">
Testo aggiuntivo da configurazione
</p>
</div>
</article>
<article class="n7-card n7-background-gray-01 rounded-md shadow-md transition hover:shadow-lg
md:grid-cols-[min-content_1fr]
is-card-fullclickable transition hover:shadow-lg group">
<div class="n7-card__image w-12 md:w-16 lg:w-24 h-12 md:h-16 lg:h-24
">
<img class="object-scale-down w-full h-full" alt="Fondo per lo sviluppo e la coesione" src="/images/Fsc-fondo-per-lo-sviluppo-e-coesione.png" />
</div>
<div class="grid gap-2.5 md:gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
<h3 class="n7-card__title text-lg md:text-xl font-bold">
<a class="hover:underline group-hover:underline" href="">
FSC<br> Fondo per lo sviluppo e la coesione
</a>
</h3>
<div class="flex items-baseline justify-between">
<div class="n7-card__categories">
<span class="n7-category n7-content-placeholder">
Categoria
</span>
</div>
</div>
</div>
<p class="n7-card__excerpt text-base md:text-lg n7-content-03">
Testo aggiuntivo da configurazione
</p>
</div>
</article>
<article class="n7-card n7-background-gray-01 rounded-md shadow-md transition hover:shadow-lg
md:grid-cols-[min-content_1fr]
is-card-fullclickable transition hover:shadow-lg group">
<div class="n7-card__image w-12 md:w-16 lg:w-24 h-12 md:h-16 lg:h-24
">
<img class="object-scale-down w-full h-full" alt="Piano Regionale Agricolo Forestale" src="/images/rt-regione-toscana.png" />
</div>
<div class="grid gap-2.5 md:gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
<h3 class="n7-card__title text-lg md:text-xl font-bold">
<a class="hover:underline group-hover:underline" href="">
PRAF<br> Piano Regionale Agricolo Forestale
</a>
</h3>
<div class="flex items-baseline justify-between">
<div class="n7-card__categories">
<span class="n7-category n7-content-placeholder">
Categoria
</span>
</div>
</div>
</div>
<p class="n7-card__excerpt text-base md:text-lg n7-content-03">
Testo aggiuntivo da configurazione
</p>
</div>
</article>
</div>
<div class="text-center py-2">
<button type="button" class="n7-btn
n7-btn--primary
n7-btn--primary">
Vedi tutti
<span class="sr-only"> gli aiuti</span><svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 ml-2 transition-all duration-200 ease-out transform group-hover:translate-x-1" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--chevron-right" />
</svg>
</button>
</div>
</div>
</section>
<section class="py-8 md:py-12 xl:px-16">
<div class="n7-container">
<div class="gap-2 pb-8">
<h2 class="text-3xl md:text-4xl">Come fare per</h2>
</div>
<div class="grid gap-6 md:grid-cols-3 lg:grid-cols-5 md:py-6">
<article class="n7-card transition hover:shadow-lg
is-card-fullclickable transition hover:shadow-lg group">
<div class="w-24 h-24 p-6 rounded-full bg-brand-lighter">
<svg class="inline-block align-middle fill-current w-12 h-12" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#outline--information-circle" />
</svg>
</div>
<div class="grid gap-2.5 md:gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
<h3 class="n7-card__title text-lg md:text-xl font-bold">
<a class="hover:underline group-hover:underline" href="">
Presentare una domanda di aiuto
<span class="sr-only">: Read more</span>
</a>
</h3>
<div class="flex items-baseline justify-between">
<div class="n7-card__categories">
<span class="n7-category n7-content-placeholder">
Categoria
</span>
</div>
</div>
</div>
<a href="" tabindex="-1" aria-hidden="true" class="n7-link ">Read more
<svg class="inline-block align-middle fill-current w-1e h-1e ml-2" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--arrow-up-right" />
</svg>
</a>
</div>
</article>
<article class="n7-card transition hover:shadow-lg
is-card-fullclickable transition hover:shadow-lg group">
<div class="w-24 h-24 p-6 rounded-full bg-brand-lighter">
<svg class="inline-block align-middle fill-current w-12 h-12" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#outline--document-magnifying-glass" />
</svg>
</div>
<div class="grid gap-2.5 md:gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
<h3 class="n7-card__title text-lg md:text-xl font-bold">
<a class="hover:underline group-hover:underline" href="">
Verificare lo stato della pratica
<span class="sr-only">: Read more</span>
</a>
</h3>
<div class="flex items-baseline justify-between">
<div class="n7-card__categories">
<span class="n7-category n7-content-placeholder">
Categoria
</span>
</div>
</div>
</div>
<a href="" tabindex="-1" aria-hidden="true" class="n7-link ">Read more
<svg class="inline-block align-middle fill-current w-1e h-1e ml-2" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--arrow-up-right" />
</svg>
</a>
</div>
</article>
<article class="n7-card transition hover:shadow-lg
is-card-fullclickable transition hover:shadow-lg group">
<div class="w-24 h-24 p-6 rounded-full bg-brand-lighter">
<svg class="inline-block align-middle fill-current w-12 h-12" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#outline--wallet" />
</svg>
</div>
<div class="grid gap-2.5 md:gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
<h3 class="n7-card__title text-lg md:text-xl font-bold">
<a class="hover:underline group-hover:underline" href="">
Conoscere l’iter del pagamento
<span class="sr-only">: Read more</span>
</a>
</h3>
<div class="flex items-baseline justify-between">
<div class="n7-card__categories">
<span class="n7-category n7-content-placeholder">
Categoria
</span>
</div>
</div>
</div>
<a href="" tabindex="-1" aria-hidden="true" class="n7-link ">Read more
<svg class="inline-block align-middle fill-current w-1e h-1e ml-2" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--arrow-up-right" />
</svg>
</a>
</div>
</article>
<article class="n7-card transition hover:shadow-lg
is-card-fullclickable transition hover:shadow-lg group">
<div class="w-24 h-24 p-6 rounded-full bg-brand-lighter">
<svg class="inline-block align-middle fill-current w-12 h-12" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#outline--document-text" />
</svg>
</div>
<div class="grid gap-2.5 md:gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
<h3 class="n7-card__title text-lg md:text-xl font-bold">
<a class="hover:underline group-hover:underline" href="">
Accedere alla documentazione e modulistica
<span class="sr-only">: Read more</span>
</a>
</h3>
<div class="flex items-baseline justify-between">
<div class="n7-card__categories">
<span class="n7-category n7-content-placeholder">
Categoria
</span>
</div>
</div>
</div>
<a href="" tabindex="-1" aria-hidden="true" class="n7-link ">Read more
<svg class="inline-block align-middle fill-current w-1e h-1e ml-2" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--arrow-up-right" />
</svg>
</a>
</div>
</article>
<article class="n7-card transition hover:shadow-lg
is-card-fullclickable transition hover:shadow-lg group">
<div class="w-24 h-24 p-6 rounded-full bg-brand-lighter">
<svg class="inline-block align-middle fill-current w-12 h-12" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#outline--folder-open" />
</svg>
</div>
<div class="grid gap-2.5 md:gap-4">
<div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
<h3 class="n7-card__title text-lg md:text-xl font-bold">
<a class="hover:underline group-hover:underline" href="">
Accedere alle banche dati
<span class="sr-only">: Read more</span>
</a>
</h3>
<div class="flex items-baseline justify-between">
<div class="n7-card__categories">
<span class="n7-category n7-content-placeholder">
Categoria
</span>
</div>
</div>
</div>
<a href="" tabindex="-1" aria-hidden="true" class="n7-link ">Read more
<svg class="inline-block align-middle fill-current w-1e h-1e ml-2" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--arrow-up-right" />
</svg>
</a>
</div>
</article>
</div>
</div>
</section>
<div class="rounded bg-white fixed right-2 bottom-2 z-10 shadow-md">
<a href="#siteHeader" class="n7-btn
n7-btn--icon n7-btn--outline bg-white border-0" id="backToTopButton"><svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 transition-all duration-200 ease-out transform group-hover:translate-x-1" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--arrow-up" />
</svg>
<span class="sr-only">
Torna alla navigazione principale
</span>
</a>
</div>
</main>
<footer class="n7-footer mt-auto bg-white border-t n7-border-brand-dark">
<div class="n7-footer__navigation-row grid gap-4 md:flex xl:container md:px-5 py-6">
<!-- Left block -->
<div class="grid gap-3 px-5 md:px-0 pb-4 md:pb-0 border-b md:border-b-0 n7-border-gray-01">
<!-- Logo -->
<div class="n7-site-logo site-logo flex mb-1 w-48 h-12 md:w-64 md:h-20">
<img class="w-full h-full object-contain object-left-top" src="/images/logo-footer.png" alt="Artea - Agenzia regionale per le erogazioni in agricoltura" width="247" height="80" />
</div>
<!-- Info e contatti -->
<address class="grid gap-3 n7-content-03 text-sm">
<p>Via Ruggero Bardazzi 19/2150127 - Firenze</p>
<p>Email: <a class="n7-link n7-link--sm n7-link--underline text-current" href="mailto:email@email.com">email@email.com</a></p>
<p>Pec: <a class="n7-link n7-link--sm n7-link--underline text-current" href="mailto:email@email.com">email@email.com</a></p>
<p>Codice fiscale: 05096020481</p>
</address>
</div>
<!-- Right block -->
<div class="grid gap-6 md:gap-3 md:justify-end md:flex-1">
<!-- Menu footer -->
<nav class="pb-4 border-b md:border-b-0 n7-border-gray-01" aria-label="Contatti e segnalazioni">
<ul class="flex gap-y-3 md:gap-y-4 flex-wrap">
<li class="group md:border-r n7-border-gray-01 md:last:border-r-0">
<a href="" class="n7-link px-4 md:px-6 md:py-2 group:last:md:pr-0 text-sm md:text-md lg:text-lg n7-content-03">Contatti</a>
</li>
<li class="group md:border-r n7-border-gray-01 md:last:border-r-0">
<a href="" class="n7-link px-4 md:px-6 md:py-2 group:last:md:pr-0 text-sm md:text-md lg:text-lg n7-content-03">Amministrazione</a>
</li>
<li class="group md:border-r n7-border-gray-01 md:last:border-r-0">
<a href="" class="n7-link px-4 md:px-6 md:py-2 group:last:md:pr-0 text-sm md:text-md lg:text-lg n7-content-03">Segnala illeciti o irregolarità </a>
</li>
</ul>
</nav>
<div class="md:text-right self-end grid gap-3 px-5 md:px-0">
<p class="text-sm font-bold">ARTEA partecipa agli open data di Regione Toscana</p>
<a href="" class="n7-link n7-link--sm text-sm md:justify-end">https://opentoscana.com <svg class="inline-block align-middle fill-current w-4 h-4 ml-1" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--arrow-right-on-rectangle" />
</svg>
</a>
</div>
</div>
</div>
<!-- Footer bottom bar -->
<div class="n7-footer__bottom-bar border-t n7-border-gray-01 px-2 md:px-5 py-6">
<div class="xl:container grid gap-6 md:flex items-center">
<!-- Utilities and other -->
<nav aria-label="Utilità ">
<ul class="flex gap-y-3 gap-x-5 md:gap-y-1 flex-wrap">
<li>
<a href="" class="n7-link py-1 px-3 md:py-4 n7-content-03 text-xs md:text-sm md:text-md">Gestione cookies</a>
</li>
<li>
<a href="" class="n7-link py-1 px-3 md:py-4 n7-content-03 text-xs md:text-sm md:text-md">Note legali e copyright</a>
</li>
<li>
<a href="" class="n7-link py-1 px-3 md:py-4 n7-content-03 text-xs md:text-sm md:text-md">Privacy e cookie</a>
</li>
<li>
<a href="" class="n7-link py-1 px-3 md:py-4 n7-content-03 text-xs md:text-sm md:text-md">Dichiarazione di accessibilità </a>
</li>
</ul>
</nav>
<!-- Logos -->
<div class="pl-0 md:ml-auto px-2 md:px-0">
<div class="n7-site-logo site-logo flex w-40 h-auto md:w-44 lg:w-[223px]">
<img class="w-full h-full object-contain object-left-top" src="/images/regione-toscana-footer.png" alt="Regione Toscana" width="223" height="76" />
</div>
</div>
</div>
</div>
</footer>
{% extends '@page-layout' %}
{% block mainClasses %}n7-background-gray-02{% endblock mainClasses %}
{% block content %}
{% render '@hero--fullimg' %}
{% render '@sezione-avvisi' %}
{% render '@sezione-scadenze' %}
{% render '@sezione-aiuti' %}
{% render '@sezione-come-fare-per' %}
{% endblock content %}
/* No context defined. */
No notes defined.