{"id":16,"date":"2026-04-07T09:38:41","date_gmt":"2026-04-07T09:38:41","guid":{"rendered":"https:\/\/valledelcelonetechtour.it\/?page_id=16"},"modified":"2026-04-07T13:10:03","modified_gmt":"2026-04-07T13:10:03","slug":"home","status":"publish","type":"page","link":"https:\/\/valledelcelonetechtour.it\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f04845 e-flex e-con-boxed e-con e-parent\" data-id=\"6f04845\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72394f8 elementor-widget elementor-widget-html\" data-id=\"72394f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Contenitore principale verde *\/\r\n.qr-scanner-box {\r\n    background-color: #214534; \/* Verde scuro ripreso dalla tua immagine *\/\r\n    border-radius: 24px;\r\n    padding: 35px 20px;\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\r\n    font-family: 'Inter', sans-serif;\r\n    cursor: pointer;\r\n    transition: transform 0.2s ease; \/* Effetto morbido al tocco *\/\r\n}\r\n\r\n\/* Animazione quando si clicca (utile da mobile) *\/\r\n.qr-scanner-box:active {\r\n    transform: scale(0.96);\r\n}\r\n\r\n\/* Stile del Titolo *\/\r\n.qr-title {\r\n    color: #ffffff;\r\n    font-size: 22px;\r\n    font-weight: 800; \/* Molto marcato *\/\r\n    margin: 0 0 10px 0;\r\n    letter-spacing: 0.5px;\r\n    \/* Ricreo quel leggero effetto di contorno\/ombra arancione visibile nella foto *\/\r\n    text-shadow: 1px 1px 0px #bc6c25, -1px 0px 0px #bc6c25; \r\n}\r\n\r\n\/* Stile del Sottotitolo *\/\r\n.qr-subtitle {\r\n    color: #ffffff;\r\n    font-size: 14px;\r\n    line-height: 1.4;\r\n    margin: 0;\r\n    font-weight: 400;\r\n}\r\n<\/style>\r\n\r\n<div class=\"qr-scanner-box\">\r\n  \r\n    \r\n    <h2 class=\"qr-title\">INQUADRA QR CODE<\/h2>\r\n    <p class=\"qr-subtitle\">Scansiona i totem nei borghi per attivare video<br>e audio guide su YouTube<\/p>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e0f3fb elementor-widget elementor-widget-html\" data-id=\"4e0f3fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Intestazione della sezione *\/\r\n    .explore-header {\r\n        padding: 20px 20px 10px;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n    .explore-header span {\r\n        color: #bc6c25;\r\n        font-size: 11px;\r\n        font-weight: 800;\r\n        letter-spacing: 1.5px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* Contenitore Carosello *\/\r\n    .borghi-carousel {\r\n        display: flex;\r\n        gap: 15px;\r\n        overflow-x: auto;\r\n        padding: 10px 20px 30px;\r\n        scroll-snap-type: x mandatory;\r\n        -webkit-overflow-scrolling: touch;\r\n    }\r\n    .borghi-carousel::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n    \/* Card singola *\/\r\n    .borgo-card {\r\n        background: #ffffff;\r\n        min-width: 180px; \/* Leggermente pi\u00f9 larga per far risaltare le foto *\/\r\n        border-radius: 24px;\r\n        padding: 10px;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n        scroll-snap-align: start;\r\n        text-decoration: none;\r\n        transition: transform 0.2s ease;\r\n    }\r\n\r\n    \/* Box Immagine Realistica *\/\r\n    .borgo-img-wrapper {\r\n        width: 100%;\r\n        height: 120px; \/* Altezza fissa per le foto *\/\r\n        border-radius: 18px;\r\n        overflow: hidden; \/* Taglia l'immagine se \u00e8 pi\u00f9 grande *\/\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .borgo-img-wrapper img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover; \/* Fondamentale: adatta la foto senza schiacciarla *\/\r\n        display: block;\r\n    }\r\n\r\n    \/* Testo del Borgo *\/\r\n    .borgo-name {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 17px;\r\n        font-weight: 900;\r\n        color: #1b4332;\r\n        margin: 5px 0 8px 5px;\r\n        text-align: left; \/* Allineamento a sinistra pi\u00f9 moderno *\/\r\n    }\r\n<\/style>\r\n\r\n<div class=\"explore-header\">\r\n    <span>Esplora la Valle<\/span>\r\n<\/div>\r\n\r\n<div class=\"borghi-carousel\">\r\n    \r\n    <a href=\"https:\/\/valledelcelonetechtour.it\/?page_id=55\" class=\"borgo-card\">\r\n        <div class=\"borgo-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/valledelcelonetechtour.it\/wp-content\/uploads\/2026\/04\/Castelluccio-Valmaggiore-9-1.jpg\" alt=\"Castelluccio Valmaggiore\">\r\n        <\/div>\r\n        <div class=\"borgo-name\">Castelluccio<\/div>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/valledelcelonetechtour.it\/?page_id=76\" class=\"borgo-card\">\r\n        <div class=\"borgo-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/valledelcelonetechtour.it\/wp-content\/uploads\/2026\/04\/131509031-cd277ee8-c6bb-4c2d-b9de-b1693d3c6cfe-1.jpg\" alt=\"Celle di San Vito\">\r\n        <\/div>\r\n        <div class=\"borgo-name\">Celle S. Vito<\/div>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/valledelcelonetechtour.it\/?page_id=88\" class=\"borgo-card\">\r\n        <div class=\"borgo-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/valledelcelonetechtour.it\/wp-content\/uploads\/2026\/04\/panorama_de_faeto-village-1024x615-1.jpg\" alt=\"Faeto\">\r\n        <\/div>\r\n        <div class=\"borgo-name\">Faeto<\/div>\r\n    <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f0eb4b e-flex e-con-boxed e-con e-parent\" data-id=\"2f0eb4b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0a3020 elementor-widget elementor-widget-html\" data-id=\"d0a3020\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Intestazione Sezione *\/\r\n    .events-header {\r\n        padding: 20px 20px 10px;\r\n        font-family: 'Inter', sans-serif;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n    .events-header span {\r\n        color: #bc6c25;\r\n        font-size: 11px;\r\n        font-weight: 800;\r\n        letter-spacing: 1.5px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* Contenitore Carosello *\/\r\n    .events-carousel {\r\n        display: flex;\r\n        gap: 15px;\r\n        overflow-x: auto;\r\n        padding: 10px 20px 30px;\r\n        scroll-snap-type: x mandatory;\r\n        -webkit-overflow-scrolling: touch;\r\n    }\r\n    .events-carousel::-webkit-scrollbar { display: none; }\r\n\r\n    \/* Card Evento *\/\r\n    .event-card {\r\n        min-width: 280px;\r\n        height: 190px;\r\n        border-radius: 28px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        scroll-snap-align: start;\r\n        text-decoration: none;\r\n        display: flex;\r\n        align-items: flex-end;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.06); \/* Ombra pi\u00f9 delicata *\/\r\n        background: #ffffff; \/* Sfondo di sicurezza bianco *\/\r\n    }\r\n\r\n    \/* Immagine di Sfondo *\/\r\n    .event-card img {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        object-fit: cover;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* SFUMATURA BIANCA (Invece che nera) *\/\r\n    .event-overlay {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        \/* Va dal trasparente al bianco pieno *\/\r\n        background: linear-gradient(to bottom, rgba(255,255,255,0) 10%, rgba(255,255,255,0.95) 85%);\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Testi SCURI (per contrasto sul bianco) *\/\r\n    .event-info {\r\n        position: relative;\r\n        z-index: 3;\r\n        padding: 20px;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n    .event-date {\r\n        font-size: 10px;\r\n        color: #bc6c25; \/* Arancione per la data *\/\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        margin-bottom: 5px;\r\n        display: block;\r\n    }\r\n    .event-info h4 {\r\n        margin: 0;\r\n        font-size: 18px;\r\n        font-weight: 800;\r\n        line-height: 1.2;\r\n        color: #1b4332; \/* Verde bosco scuro per il titolo *\/\r\n    }\r\n<\/style>\r\n\r\n<div class=\"events-header\">\r\n    <span>Cosa fare?<\/span>\r\n<\/div>\r\n\r\n<div class=\"events-carousel\">\r\n    \r\n    <a href=\"URL_ARTICOLO\" class=\"event-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/valledelcelonetechtour.it\/wp-content\/uploads\/2026\/04\/png-clipart-sad-face-emoji-symbol-computer-icons-arrow-sad-emoji-miscellaneous-face-removebg-preview.png\" alt=\"Evento\">\r\n        <div class=\"event-overlay\"><\/div>\r\n        <div class=\"event-info\" style=\"\">\r\n            <h4>Al momento non ci sono eventi...<\/h4>\r\n        <\/div>\r\n    <\/a>\r\n    \r\n   <!-- <a href=\"URL_ARTICOLO\" class=\"event-card\">\r\n        <img decoding=\"async\" src=\"URL_IMMAGINE\" alt=\"Evento\">\r\n        <div class=\"event-overlay\"><\/div>\r\n        <div class=\"event-info\">\r\n            <span class=\"event-date\">Castelluccio \u2022 12 Ago<\/span>\r\n            <h4>Sagra della Pasta fatta a mano<\/h4>\r\n        <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"URL_ARTICOLO\" class=\"event-card\">\r\n        <img decoding=\"async\" src=\"URL_IMMAGINE\" alt=\"Evento\">\r\n        <div class=\"event-overlay\"><\/div>\r\n        <div class=\"event-info\">\r\n            <span class=\"event-date\">Faeto \u2022 15 Ago<\/span>\r\n            <h4>Festa del Bosco e del Prosciutto<\/h4>\r\n        <\/div>\r\n    <\/a>\r\n    -->\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>INQUADRA QR CODE Scansiona i totem nei borghi per attivare videoe audio guide su YouTube Esplora la Valle Castelluccio Celle S. Vito Faeto Cosa fare? Al momento non ci sono eventi&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/valledelcelonetechtour.it\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valledelcelonetechtour.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/valledelcelonetechtour.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/valledelcelonetechtour.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valledelcelonetechtour.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":25,"href":"https:\/\/valledelcelonetechtour.it\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/valledelcelonetechtour.it\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/valledelcelonetechtour.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}