{"id":83,"date":"2026-09-13T16:15:41","date_gmt":"2026-09-13T14:15:41","guid":{"rendered":"https:\/\/www.neroverde.it\/?page_id=83"},"modified":"2026-09-27T18:23:44","modified_gmt":"2026-09-27T16:23:44","slug":"home","status":"publish","type":"page","link":"https:\/\/www.neroverde.it\/","title":{"rendered":"Home"},"content":{"rendered":"<p>[slihoart posts_per_page=&#8221;4&#8243; ids=&#8221;461&#8243;]<\/p>\n\n\n<section class=\"griglia-categorie\">\r\n    \r\n    <!-- Card 1 -->\r\n     <a href=\"\/?post_type=cultura\" class=\"card-categoria\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.neroverde.it\/wp-content\/uploads\/2026\/09\/Cultura-1-min.webp\" alt=\"Cultura\">\r\n        <div class=\"card-overlay\">\r\n            <h3>Cultura<\/h3>\r\n        <\/div>\r\n    <\/a>\r\n\t\r\n\t<!-- Card 2  -->\r\n\t    <a href=\"\/?post_type=shopping\" class=\"card-categoria\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.neroverde.it\/wp-content\/uploads\/2026\/09\/Negozi-2-min-scaled.webp\" alt=\"Shopping\">\r\n        <div class=\"card-overlay\">\r\n            <h3>Shopping<\/h3>\r\n        <\/div>\r\n    <\/a>\r\n\t\r\n    <!-- Card 3 -->\r\n    <a href=\"https:\/\/www.gransassolagapark.it\/dormire.php?page=2&amp;comune=66049\" class=\"card-categoria\" target=\"_blank\" rel=\"noopener\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.neroverde.it\/wp-content\/uploads\/2026\/09\/Ospitalita-scaled.webp\" alt=\"Ospitalit\u00e0\">\r\n        <div class=\"card-overlay\">\r\n            <h3>Ospitalit\u00e0<\/h3>\r\n        <\/div>\r\n    <\/a>\r\n\r\n\t<!-- Card 4 -->\r\n\t    <a href=\"\/?post_type=sorsi_e_morsi\" class=\"card-categoria\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.neroverde.it\/wp-content\/uploads\/2026\/09\/Sorsi-e-Morsi-min-scaled.webp\" alt=\"Sorsi e Morsi\">\r\n        <div class=\"card-overlay\">\r\n            <h3>Sorsi e Morsi<\/h3>\r\n        <\/div>\r\n    <\/a> \r\n  \r\n<\/section>\n\n\n    \r\n    <div class=\"hosli-wrapper\" id=\"hosli-main\" style=\"--hosli-height: 520px; --hosli-overlay-op: 0.88;\">\r\n        <div class=\"hosli-slides-container\">\r\n                        <div class=\"hosli-slide active\" data-index=\"0\">\r\n                <div class=\"hosli-bg\" style=\"background-image: url('https:\/\/www.neroverde.it\/wp-content\/uploads\/2026\/09\/Tour-della-citta.webp');\"><\/div>\r\n                <div class=\"hosli-overlay\"><\/div>\r\n                \r\n                <div class=\"hosli-content\">\r\n                    <h2 class=\"hosli-title\">Tour della citt\u00e0<\/h2>\r\n\r\n                    <div class=\"hosli-action-wrap\" style=\"margin-top: 24px;\">\r\n                        <a href=\"https:\/\/www.neroverde.it\/?tag_cultura=tour-della-citta\" class=\"hosli-btn\">\r\n                            <span>Scopri di pi\u00f9<\/span>\r\n                            <svg class=\"hosli-arrow-icon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"hosli-slide \" data-index=\"1\">\r\n                <div class=\"hosli-bg\" style=\"background-image: url('https:\/\/www.neroverde.it\/wp-content\/uploads\/2026\/09\/quarto-santa-maria-paganica.png');\"><\/div>\r\n                <div class=\"hosli-overlay\"><\/div>\r\n                \r\n                <div class=\"hosli-content\">\r\n                    <h2 class=\"hosli-title\">Quarto di Santa Maria<\/h2>\r\n\r\n                    <div class=\"hosli-action-wrap\" style=\"margin-top: 24px;\">\r\n                        <a href=\"https:\/\/www.neroverde.it\/?tag_cultura=quarto-di-santa-maria\" class=\"hosli-btn\">\r\n                            <span>Scopri di pi\u00f9<\/span>\r\n                            <svg class=\"hosli-arrow-icon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"hosli-slide \" data-index=\"2\">\r\n                <div class=\"hosli-bg\" style=\"background-image: url('https:\/\/www.neroverde.it\/wp-content\/uploads\/2026\/09\/quarto-san-marciano-310x403-1.png');\"><\/div>\r\n                <div class=\"hosli-overlay\"><\/div>\r\n                \r\n                <div class=\"hosli-content\">\r\n                    <h2 class=\"hosli-title\">Quarto di San Marciano<\/h2>\r\n\r\n                    <div class=\"hosli-action-wrap\" style=\"margin-top: 24px;\">\r\n                        <a href=\"https:\/\/www.neroverde.it\/?tag_cultura=quarto-di-san-marciano\" class=\"hosli-btn\">\r\n                            <span>Scopri di pi\u00f9<\/span>\r\n                            <svg class=\"hosli-arrow-icon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"hosli-slide \" data-index=\"3\">\r\n                <div class=\"hosli-bg\" style=\"background-image: url('https:\/\/www.neroverde.it\/wp-content\/uploads\/2026\/09\/quarto-san-pietro-coppito.png');\"><\/div>\r\n                <div class=\"hosli-overlay\"><\/div>\r\n                \r\n                <div class=\"hosli-content\">\r\n                    <h2 class=\"hosli-title\">Quarto di San Pietro<\/h2>\r\n\r\n                    <div class=\"hosli-action-wrap\" style=\"margin-top: 24px;\">\r\n                        <a href=\"https:\/\/www.neroverde.it\/?tag_cultura=quarto-di-san-pietro\" class=\"hosli-btn\">\r\n                            <span>Scopri di pi\u00f9<\/span>\r\n                            <svg class=\"hosli-arrow-icon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"hosli-slide \" data-index=\"4\">\r\n                <div class=\"hosli-bg\" style=\"background-image: url('https:\/\/www.neroverde.it\/wp-content\/uploads\/2026\/09\/quarto-santa-giusta-310x403-1.png');\"><\/div>\r\n                <div class=\"hosli-overlay\"><\/div>\r\n                \r\n                <div class=\"hosli-content\">\r\n                    <h2 class=\"hosli-title\">Quarto di Santa Giusta<\/h2>\r\n\r\n                    <div class=\"hosli-action-wrap\" style=\"margin-top: 24px;\">\r\n                        <a href=\"https:\/\/www.neroverde.it\/?tag_cultura=quarto-di-santa-giusta\" class=\"hosli-btn\">\r\n                            <span>Scopri di pi\u00f9<\/span>\r\n                            <svg class=\"hosli-arrow-icon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <\/div>\r\n\r\n        <!-- Frecce di navigazione -->\r\n        <button type=\"button\" class=\"hosli-arrow hosli-prev\" onclick=\"moveHosli(-1)\" aria-label=\"Precedente\">&#10094;<\/button>\r\n        <button type=\"button\" class=\"hosli-arrow hosli-next\" onclick=\"moveHosli(1)\" aria-label=\"Successivo\">&#10095;<\/button>\r\n\r\n        <!-- Pallini indicatori -->\r\n        <div class=\"hosli-dots\">\r\n                            <button type=\"button\" class=\"hosli-dot active\" onclick=\"goToHosli(0)\" aria-label=\"Vai a slide 1\"><\/button>\r\n                            <button type=\"button\" class=\"hosli-dot \" onclick=\"goToHosli(1)\" aria-label=\"Vai a slide 2\"><\/button>\r\n                            <button type=\"button\" class=\"hosli-dot \" onclick=\"goToHosli(2)\" aria-label=\"Vai a slide 3\"><\/button>\r\n                            <button type=\"button\" class=\"hosli-dot \" onclick=\"goToHosli(3)\" aria-label=\"Vai a slide 4\"><\/button>\r\n                            <button type=\"button\" class=\"hosli-dot \" onclick=\"goToHosli(4)\" aria-label=\"Vai a slide 5\"><\/button>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n            <style>\r\n            .hosli-wrapper { \r\n                position: relative; \r\n                width: 100%; \r\n                max-width: 1280px; \r\n                height: var(--hosli-height, 520px); \r\n                border-radius: 20px; \r\n                overflow: hidden; \r\n                box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18); \r\n                margin: 30px auto; \r\n                \/* Sfondo base del contenitore che sfuma dal bianco in alto al grigio scuro in basso *\/\r\n                background: linear-gradient(180deg, #ffffff 0%, #2f343a 45%, #181b1d 100%); \r\n                touch-action: pan-y; \r\n            }\r\n            .hosli-slides-container { position: relative; width: 100%; height: 100%; }\r\n            .hosli-slide { \r\n                position: absolute; \r\n                top: 0; \r\n                left: 0; \r\n                width: 100%; \r\n                height: 100%; \r\n                opacity: 0; \r\n                visibility: hidden; \r\n                transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.8s; \r\n                z-index: 1; \r\n            }\r\n            .hosli-slide.active { opacity: 1; visibility: visible; z-index: 2; }\r\n            \r\n            \/* Mostra l'intera immagine senza tagli (contain) *\/\r\n            .hosli-bg { \r\n                position: absolute; \r\n                top: 0; \r\n                left: 0; \r\n                width: 100%; \r\n                height: 100%; \r\n                background-size: contain; \r\n                background-repeat: no-repeat;\r\n                background-position: center center; \r\n            }\r\n\r\n            \/* Overlay con gradiente trasparente\/bianco in alto e grigio scuro coprente in basso *\/\r\n            .hosli-overlay { \r\n                position: absolute; \r\n                inset: 0; \r\n                background: linear-gradient(\r\n                    180deg, \r\n                    rgba(255, 255, 255, 0.15) 0%, \r\n                    rgba(30, 33, 36, 0.20) 40%, \r\n                    rgba(20, 22, 24, calc(var(--hosli-overlay-op, 0.88) * 0.8)) 70%,\r\n                    rgba(15, 17, 18, var(--hosli-overlay-op, 0.88)) 100%\r\n                ); \r\n                pointer-events: none; \r\n            }\r\n\r\n            .hosli-content { \r\n                position: absolute; \r\n                bottom: 45px; \r\n                left: 55px; \r\n                right: 70px; \r\n                color: #ffffff; \r\n                transform: translateY(25px); \r\n                opacity: 0; \r\n                transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) 0.25s, opacity 0.7s ease 0.25s; \r\n                z-index: 3; \r\n                max-width: 800px; \r\n            }\r\n            .hosli-slide.active .hosli-content { transform: translateY(0); opacity: 1; }\r\n\r\n            .hosli-title { \r\n                font-size: 42px; \r\n                font-weight: 800; \r\n                margin: 0; \r\n                color: #ffffff; \r\n                text-shadow: 0 4px 15px rgba(0, 0, 0, 0.85); \r\n                line-height: 1.15; \r\n                letter-spacing: -0.5px; \r\n            }\r\n\r\n            .hosli-action-wrap { display: flex; align-items: center; }\r\n            .hosli-btn { \r\n                display: inline-flex; \r\n                align-items: center; \r\n                gap: 8px; \r\n                background: #2e7d32; \r\n                color: #ffffff !important; \r\n                padding: 13px 28px; \r\n                border-radius: 50px; \r\n                font-size: 15px; \r\n                font-weight: 700; \r\n                text-decoration: none !important; \r\n                letter-spacing: 0.5px; \r\n                transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); \r\n                box-shadow: 0 6px 20px rgba(46, 125, 50, 0.45); \r\n            }\r\n            .hosli-arrow-icon { \r\n                transition: transform 0.25s ease; \r\n            }\r\n            .hosli-btn:hover { \r\n                background: #ffffff; \r\n                color: #1b5e20 !important; \r\n                box-shadow: 0 8px 24px rgba(255, 255, 255, 0.35); \r\n                transform: translateY(-3px); \r\n            }\r\n            .hosli-btn:hover .hosli-arrow-icon { \r\n                transform: translateX(4px); \r\n                stroke: #1b5e20; \r\n            }\r\n\r\n            .hosli-arrow { \r\n                position: absolute; \r\n                top: 50%; \r\n                transform: translateY(-50%); \r\n                background: rgba(0,0,0,0.5); \r\n                color: white; \r\n                border: 1px solid rgba(255,255,255,0.3); \r\n                width: 48px; \r\n                height: 48px; \r\n                display: flex; \r\n                align-items: center; \r\n                justify-content: center; \r\n                border-radius: 50%; \r\n                cursor: pointer; \r\n                font-size: 18px; \r\n                z-index: 10; \r\n                transition: 0.25s ease; \r\n                backdrop-filter: blur(8px); \r\n            }\r\n            .hosli-arrow:hover { \r\n                background: #2e7d32; \r\n                border-color: #2e7d32; \r\n                transform: translateY(-50%) scale(1.08); \r\n            }\r\n            .hosli-prev { left: 24px; }\r\n            .hosli-next { right: 24px; }\r\n\r\n            .hosli-dots { \r\n                position: absolute; \r\n                bottom: 30px; \r\n                right: 50px; \r\n                z-index: 10; \r\n                display: flex; \r\n                gap: 8px; \r\n            }\r\n            .hosli-dot { \r\n                width: 10px; \r\n                height: 10px; \r\n                border: none; \r\n                padding: 0; \r\n                background: rgba(255,255,255,0.5); \r\n                border-radius: 50%; \r\n                cursor: pointer; \r\n                transition: all 0.3s ease; \r\n            }\r\n            .hosli-dot.active { \r\n                background: #4caf50; \r\n                width: 28px; \r\n                border-radius: 12px; \r\n            }\r\n\r\n            @media (max-width: 768px) {\r\n                .hosli-wrapper { \r\n                    height: 240px; \r\n                    border-radius: 12px; \r\n                    margin: 15px auto; \r\n                }\r\n                .hosli-title { font-size: 20px; margin-bottom: 0; }\r\n                .hosli-action-wrap { margin-top: 14px !important; }\r\n                .hosli-content { left: 20px; right: 20px; bottom: 25px; }\r\n                .hosli-arrow { display: none; }\r\n                .hosli-dots { right: auto; left: 20px; bottom: 12px; }\r\n                .hosli-btn { padding: 8px 18px; font-size: 12px; }\r\n            }\r\n        <\/style>\r\n        \r\n        <script>\r\n            let currentHosli = 0;\r\n            let hosliTimer;\r\n            let hosliSlides;\r\n            let hosliDots;\r\n\r\n            function showHosli(index) {\r\n                if(!hosliSlides || hosliSlides.length === 0) return;\r\n                hosliSlides.forEach(slide => slide.classList.remove('active'));\r\n                if(hosliDots) hosliDots.forEach(dot => dot.classList.remove('active'));\r\n                \r\n                currentHosli = (index + hosliSlides.length) % hosliSlides.length;\r\n                \r\n                hosliSlides[currentHosli].classList.add('active');\r\n                if(hosliDots && hosliDots[currentHosli]) hosliDots[currentHosli].classList.add('active');\r\n            }\r\n\r\n            function moveHosli(step) {\r\n                showHosli(currentHosli + step);\r\n                resetHosliTimer();\r\n            }\r\n\r\n            function goToHosli(index) {\r\n                showHosli(index);\r\n                resetHosliTimer();\r\n            }\r\n\r\n            function resetHosliTimer() {\r\n                clearInterval(hosliTimer);\r\n                hosliTimer = setInterval(() => { showHosli(currentHosli + 1); }, 6500);\r\n            }\r\n\r\n            document.addEventListener(\"DOMContentLoaded\", () => {\r\n                hosliSlides = document.querySelectorAll('.hosli-slide');\r\n                hosliDots = document.querySelectorAll('.hosli-dot');\r\n                \r\n                if (hosliSlides.length > 0) {\r\n                    resetHosliTimer();\r\n                }\r\n                \r\n                const sliderMain = document.getElementById('hosli-main');\r\n                let startX = 0;\r\n                let endX = 0;\r\n\r\n                if (sliderMain) {\r\n                    sliderMain.addEventListener('touchstart', function(e) {\r\n                        startX = e.changedTouches[0].screenX;\r\n                    }, {passive: true});\r\n\r\n                    sliderMain.addEventListener('touchend', function(e) {\r\n                        endX = e.changedTouches[0].screenX;\r\n                        handleHosliSwipe();\r\n                    }, {passive: true});\r\n\r\n                    sliderMain.addEventListener('mouseenter', () => clearInterval(hosliTimer));\r\n                    sliderMain.addEventListener('mouseleave', () => resetHosliTimer());\r\n                }\r\n\r\n                function handleHosliSwipe() {\r\n                    let swipeThreshold = 45;\r\n                    if (startX - endX > swipeThreshold) {\r\n                        moveHosli(1);\r\n                    }\r\n                    if (endX - startX > swipeThreshold) {\r\n                        moveHosli(-1);\r\n                    }\r\n                }\r\n            });\r\n        <\/script>\r\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-83","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.neroverde.it\/index.php?rest_route=\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.neroverde.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.neroverde.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.neroverde.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.neroverde.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=83"}],"version-history":[{"count":5,"href":"https:\/\/www.neroverde.it\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":611,"href":"https:\/\/www.neroverde.it\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions\/611"}],"wp:attachment":[{"href":"https:\/\/www.neroverde.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}