{"id":12,"date":"2021-12-23T10:23:58","date_gmt":"2021-12-23T09:23:58","guid":{"rendered":"https:\/\/demosites.royal-elementor-addons.com\/nature-v1\/?page_id=12"},"modified":"2026-07-29T18:15:27","modified_gmt":"2026-07-29T16:15:27","slug":"home-nature-v1","status":"publish","type":"page","link":"https:\/\/www.museofungoceva.it\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nMuseo del Fungo di Ceva \u2013 Home<\/title>\n\n<!-- ==================================================================\n MUSEO DEL FUNGO DI CEVA \u2014 Homepage v3.0 \"Sottobosco\"\n Da incollare in WordPress: tutto ci\u00f2 che sta tra i marker\n \u2b07 INIZIO \/ \u2b06 FINE (link font + style + div #mf + script).\n CSS interamente scopato sotto #mf \u2192 nessun conflitto col tema.\n ================================================================== -->\n\n<!-- \u2b07\u2b07\u2b07 INIZIO BLOCCO DA INCOLLARE \u2b07\u2b07\u2b07 -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* =========================================================\n MUSEO DEL FUNGO DI CEVA \u2014 concept \"Sottobosco\"\n Tutto scopato sotto #mf\n ========================================================= *\/\n\n#mf {\n \/* palette bosco *\/\n --bosco: #0E1F16;\n --bosco-2: #14291C;\n --bosco-3: #1B3626;\n --verde: #2F6B4C;\n --muschio: #5FA079;\n --ambra: #E0A44A;\n --ambra-hi: #F2C87E;\n --crema: #F4EFE4;\n --crema-2: #EAE3D3;\n --nebbia: #9DB0A2; \/* testo muted su scuro *\/\n --inch: #1A1A17; \/* testo su chiaro *\/\n --inch-mut: #5C5A4E;\n\n --line-dark: rgba(255,255,255,.1);\n --radius: 20px;\n\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\n color: var(--crema);\n background: var(--bosco);\n line-height: 1.65;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n overflow-x: hidden;\n}\n\n#mf *, #mf *::before, #mf *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n#mf h1, #mf h2, #mf h3 {\n font-family: 'Fraunces', Georgia, serif;\n font-optical-sizing: auto;\n line-height: 1.04;\n letter-spacing: -.02em;\n font-weight: 500;\n}\n#mf .em { font-style: italic; font-weight: 400; color: var(--ambra); }\n\n\/* etichette mono = \"schedatura museale\" *\/\n#mf .tag {\n font-family: 'Space Mono', monospace;\n font-size: .72rem;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--ambra);\n font-weight: 700;\n display: inline-flex;\n align-items: center;\n gap: .6rem;\n}\n#mf .tag::before {\n content: '';\n width: 22px; height: 1px;\n background: var(--ambra);\n opacity: .8;\n}\n\n\/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\n#mf .btn {\n display: inline-flex;\n align-items: center;\n gap: .6rem;\n padding: .95rem 1.9rem;\n text-decoration: none;\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: .9rem;\n border-radius: 999px;\n transition: transform .3s cubic-bezier(.2,.8,.2,1), background .3s, box-shadow .3s, color .3s;\n cursor: pointer;\n border: 1px solid transparent;\n}\n#mf .btn svg { transition: transform .3s ease; }\n#mf .btn:hover svg { transform: translateX(4px); }\n\n#mf .btn-amber { background: var(--ambra); color: #2A1B06; box-shadow: 0 12px 30px -10px rgba(224,164,74,.6); }\n#mf .btn-amber:hover { background: var(--ambra-hi); transform: translateY(-3px); }\n\n#mf .btn-line { background: transparent; color: var(--crema); border-color: rgba(244,239,228,.35); }\n#mf .btn-line:hover { border-color: var(--ambra); color: var(--ambra); transform: translateY(-3px); }\n\n#mf .btn-green { background: var(--verde); color: #fff; box-shadow: 0 12px 30px -10px rgba(47,107,76,.6); }\n#mf .btn-green:hover { background: #3a825d; transform: translateY(-3px); }\n\n#mf a:focus-visible, #mf button:focus-visible {\n outline: 3px solid var(--ambra-hi);\n outline-offset: 3px;\n border-radius: 8px;\n}\n\n\/* =========================================================\n HERO \u2014 split asimmetrico\n ========================================================= *\/\n#mf .hero {\n position: relative;\n min-height: 100svh;\n display: flex;\n align-items: center;\n background: var(--bosco);\n overflow: hidden;\n}\n\/* rete miceliale di sfondo *\/\n#mf .hero-myc {\n position: absolute;\n inset: 0;\n z-index: 0;\n opacity: .5;\n pointer-events: none;\n}\n#mf .hero-myc path, #mf .hero-myc line { stroke: var(--muschio); stroke-width: 1; fill: none; opacity: .22; }\n#mf .hero-myc circle { fill: var(--ambra); opacity: .35; }\n\n\/* spore fluttuanti *\/\n#mf .spores { position: absolute; inset: 0; z-index: 1; pointer-events: none; }\n\n#mf .hero-inner {\n position: relative;\n z-index: 2;\n max-width: 1280px;\n margin: 0 auto;\n width: 100%;\n padding: 7rem 2.5rem 5rem;\n display: grid;\n grid-template-columns: 1.05fr .95fr;\n gap: 4rem;\n align-items: center;\n}\n\n#mf .hero-copy > * {\n opacity: 0;\n transform: translateY(22px);\n transition: opacity .9s ease, transform .9s cubic-bezier(.2,.8,.2,1);\n}\n#mf .hero.in .hero-copy > * { opacity: 1; transform: none; }\n#mf .hero.in .hero-copy > *:nth-child(1) { transition-delay: .15s; }\n#mf .hero.in .hero-copy > *:nth-child(2) { transition-delay: .3s; }\n#mf .hero.in .hero-copy > *:nth-child(3) { transition-delay: .45s; }\n#mf .hero.in .hero-copy > *:nth-child(4) { transition-delay: .6s; }\n#mf .hero.in .hero-copy > *:nth-child(5) { transition-delay: .75s; }\n\n#mf .hero h1 {\n font-size: clamp(3rem, 6.5vw, 5.6rem);\n margin: 1.5rem 0;\n color: var(--crema);\n}\n#mf .hero-sub {\n font-size: clamp(1.02rem, 1.3vw, 1.18rem);\n line-height: 1.8;\n color: var(--nebbia);\n max-width: 440px;\n margin-bottom: 2.4rem;\n}\n#mf .hero-btns { display: flex; gap: .9rem; flex-wrap: wrap; margin-bottom: 2.6rem; }\n#mf .hero-coords {\n font-family: 'Space Mono', monospace;\n font-size: .72rem;\n letter-spacing: .1em;\n color: var(--nebbia);\n display: flex;\n gap: 1.6rem;\n flex-wrap: wrap;\n border-top: 1px solid var(--line-dark);\n padding-top: 1.4rem;\n}\n#mf .hero-coords b { color: var(--ambra); font-weight: 700; }\n\n\/* pannello immagine a destra *\/\n#mf .hero-media {\n position: relative;\n height: 74vh;\n min-height: 460px;\n border-radius: 26px;\n overflow: hidden;\n box-shadow: 0 40px 90px -30px rgba(0,0,0,.7);\n opacity: 0;\n transform: translateY(30px) scale(.98);\n transition: all 1s cubic-bezier(.2,.8,.2,1) .5s;\n}\n#mf .hero.in .hero-media { opacity: 1; transform: none; }\n#mf .hero-slide {\n position: absolute;\n inset: 0;\n background-size: cover;\n background-position: center;\n opacity: 0;\n transform: scale(1.04);\n transition: opacity 1.6s ease;\n}\n#mf .hero-slide.active { opacity: 1; animation: mf-kb 9s ease-out forwards; }\n@keyframes mf-kb { from { transform: scale(1.04); } to { transform: scale(1.14); } }\n#mf .hero-media::after {\n content: '';\n position: absolute; inset: 0;\n background: linear-gradient(180deg, rgba(14,31,22,.15) 0%, rgba(14,31,22,.05) 50%, rgba(14,31,22,.5) 100%);\n pointer-events: none;\n}\n#mf .hero-media-tag {\n position: absolute;\n left: 1.4rem; bottom: 1.4rem;\n z-index: 3;\n font-family: 'Space Mono', monospace;\n font-size: .68rem;\n letter-spacing: .1em;\n color: var(--crema);\n background: rgba(14,31,22,.55);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n padding: .5rem .9rem;\n border-radius: 999px;\n border: 1px solid rgba(244,239,228,.2);\n}\n#mf .hero-dots {\n position: absolute;\n right: 1.4rem; bottom: 1.4rem;\n z-index: 3;\n display: flex; gap: 7px;\n}\n#mf .hero-dot {\n width: 8px; height: 8px; border-radius: 50%;\n background: rgba(244,239,228,.45);\n border: none; cursor: pointer; padding: 0;\n transition: all .3s;\n}\n#mf .hero-dot.active { background: var(--ambra); transform: scale(1.4); }\n\n#mf .hero-scroll {\n position: absolute;\n bottom: 1.8rem; left: 2.5rem;\n z-index: 2;\n display: flex; align-items: center; gap: 10px;\n font-family: 'Space Mono', monospace;\n font-size: .62rem; letter-spacing: .2em; text-transform: uppercase;\n color: var(--nebbia);\n}\n#mf .hero-scroll .ln {\n width: 46px; height: 1px;\n background: linear-gradient(to right, var(--ambra), transparent);\n animation: mf-scroll 2s ease-in-out infinite;\n}\n@keyframes mf-scroll { 0%,100% { transform: scaleX(1); opacity: .5; } 50% { transform: scaleX(.5); transform-origin: left; opacity: 1; } }\n\n\/* =========================================================\n SEZIONI: base\n ========================================================= *\/\n#mf section { position: relative; }\n#mf .wrap { max-width: 1180px; margin: 0 auto; }\n\n\/* WIP \u2014 avviso *\/\n#mf .wip { background: var(--bosco-2); padding: 2.6rem 2.5rem; }\n#mf .wip-inner {\n max-width: 1000px; margin: 0 auto;\n display: grid; grid-template-columns: auto 1fr; gap: 1.6rem; align-items: center;\n border: 1px solid var(--line-dark);\n border-left: 3px solid var(--ambra);\n border-radius: 16px;\n padding: 1.8rem 2.2rem;\n background: rgba(255,255,255,.02);\n}\n#mf .wip-icon { width: 46px; height: 46px; border-radius: 12px; background: rgba(224,164,74,.14); color: var(--ambra); display: grid; place-items: center; flex-shrink: 0; }\n#mf .wip h2 { font-family: 'Space Mono', monospace; font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ambra); margin-bottom: .5rem; font-weight: 700; }\n#mf .wip p { color: var(--nebbia); font-size: .92rem; line-height: 1.8; }\n\n\/* STATS *\/\n#mf .stats { background: var(--bosco); padding: 5.5rem 2.5rem; }\n#mf .stats-grid { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }\n#mf .stat { text-align: center; padding: 0 1rem; position: relative; opacity: 0; transform: translateY(24px); transition: all .7s ease; }\n#mf .stat.in { opacity: 1; transform: none; }\n#mf .stat:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 20%; height: 60%; width: 1px; background: var(--line-dark); }\n#mf .stat-num { font-family: 'Fraunces', serif; font-size: clamp(2.6rem, 4.2vw, 3.8rem); font-weight: 500; color: var(--ambra); line-height: 1; margin-bottom: .6rem; }\n#mf .stat-label { font-family: 'Space Mono', monospace; font-size: .68rem; text-transform: uppercase; letter-spacing: .12em; color: var(--nebbia); }\n\n\/* ESPLORA \u2014 radura chiara *\/\n#mf .explore { background: var(--crema); color: var(--inch); padding: 8rem 2.5rem; }\n#mf .explore .tag { color: var(--verde); }\n#mf .explore .tag::before { background: var(--verde); }\n#mf .explore-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.1fr; gap: 5rem; align-items: center; }\n#mf .explore-text { opacity: 0; transform: translateX(-28px); transition: all .9s ease; }\n#mf .explore-text.in { opacity: 1; transform: none; }\n#mf .explore-text h2 { font-size: clamp(2.1rem, 3.6vw, 3.4rem); margin: 1rem 0 1.3rem; color: var(--inch); }\n#mf .explore-text p { color: var(--inch-mut); font-size: 1rem; line-height: 1.9; margin-bottom: 2rem; }\n#mf .features { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2.4rem; }\n#mf .feature { display: flex; align-items: center; gap: .85rem; font-size: .95rem; font-weight: 600; color: var(--verde); font-family: 'Inter', sans-serif; }\n#mf .feature-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--ambra); flex-shrink: 0; box-shadow: 0 0 0 4px rgba(224,164,74,.2); }\n\n#mf .explore-imgs { position: relative; min-height: 480px; opacity: 0; transform: translateX(28px); transition: all .9s ease .2s; }\n#mf .explore-imgs.in { opacity: 1; transform: none; }\n#mf .eimg { position: absolute; background-size: cover; background-position: center; border-radius: var(--radius); box-shadow: 0 30px 70px -24px rgba(20,41,28,.4); }\n#mf .eimg-main { inset: 40px 0 0 60px; z-index: 1; }\n#mf .eimg-tl { width: 50%; height: 46%; top: 0; left: 0; z-index: 2; border: 5px solid var(--crema); }\n#mf .eimg-br { width: 42%; height: 38%; bottom: 0; right: 0; z-index: 2; border: 5px solid var(--crema); }\n\n\/* QUOTE \u2014 buio profondo *\/\n#mf .quote { background: var(--bosco); padding: 7.5rem 2.5rem; overflow: hidden; }\n#mf .quote-myc { position: absolute; inset: 0; opacity: .4; pointer-events: none; }\n#mf .quote-myc path { stroke: var(--muschio); stroke-width: 1; fill: none; opacity: .18; }\n#mf .quote-myc circle { fill: var(--ambra); opacity: .3; }\n#mf .quote-inner { position: relative; max-width: 860px; margin: 0 auto; text-align: center; opacity: 0; transform: translateY(20px); transition: all .9s ease; }\n#mf .quote-inner.in { opacity: 1; transform: none; }\n#mf .quote-mark { font-family: 'Fraunces', serif; font-size: 5.5rem; line-height: .5; color: var(--ambra); opacity: .5; margin-bottom: 1.4rem; }\n#mf .quote p { font-family: 'Fraunces', serif; font-size: clamp(1.3rem, 2vw, 1.7rem); line-height: 1.6; font-style: italic; font-weight: 400; color: var(--crema); margin-bottom: 2rem; }\n#mf .quote-author { font-family: 'Space Mono', monospace; font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: var(--ambra); font-weight: 700; }\n\n\/* VIDEO \u2014 radura chiara *\/\n#mf .video-section { background: var(--crema-2); color: var(--inch); padding: 7.5rem 2.5rem; }\n#mf .video-inner { max-width: 1080px; margin: 0 auto; }\n#mf .video-head { text-align: center; margin-bottom: 2.6rem; }\n#mf .video-head .tag { color: var(--verde); }\n#mf .video-head .tag::before { background: var(--verde); }\n#mf .video-head h3 { font-size: clamp(1.9rem, 3vw, 2.6rem); margin: 1rem 0 .5rem; color: var(--inch); }\n#mf .video-head p { color: var(--inch-mut); font-size: .98rem; }\n#mf .video-wrap { position: relative; border-radius: 24px; overflow: hidden; box-shadow: 0 40px 90px -30px rgba(20,41,28,.45); opacity: 0; transform: scale(.97); transition: all .9s ease; }\n#mf .video-wrap.in { opacity: 1; transform: none; }\n#mf .video-wrap video { width: 100%; height: auto; display: block; background: #000; }\n\n\/* TIMELINE \u2014 radura chiara, sequenza cronologica *\/\n#mf .timeline { background: var(--crema); color: var(--inch); padding: 8rem 2.5rem; }\n#mf .timeline .tag { color: var(--verde); }\n#mf .timeline .tag::before { background: var(--verde); }\n#mf .timeline-inner { max-width: 940px; margin: 0 auto; }\n#mf .timeline-header { margin-bottom: 4.5rem; opacity: 0; transform: translateY(20px); transition: all .8s ease; }\n#mf .timeline-header.in { opacity: 1; transform: none; }\n#mf .timeline h2 { font-size: clamp(2.1rem, 3.6vw, 3.1rem); margin: 1rem 0 1.1rem; color: var(--inch); }\n#mf .timeline-intro { font-size: 1.02rem; line-height: 1.85; color: var(--inch-mut); max-width: 700px; }\n\n#mf .tl-track { position: relative; padding-left: 2.6rem; }\n#mf .tl-track::before { content: ''; position: absolute; left: 9px; top: 8px; bottom: 8px; width: 2px; background: linear-gradient(to bottom, var(--verde), var(--muschio) 55%, var(--ambra)); }\n#mf .tl-item { position: relative; padding: 0 0 3.4rem 2.4rem; opacity: 0; transform: translateX(20px); transition: all .8s ease; }\n#mf .tl-item.in { opacity: 1; transform: none; }\n#mf .tl-item:last-child { padding-bottom: 0; }\n#mf .tl-dot { position: absolute; left: -2.6rem; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--verde); border: 4px solid var(--crema); box-shadow: 0 0 0 3px var(--verde); }\n#mf .tl-item:last-child .tl-dot { background: var(--ambra); box-shadow: 0 0 0 3px var(--ambra), 0 0 0 8px rgba(224,164,74,.22); animation: mf-pulse 2.4s ease-in-out infinite; }\n@keyframes mf-pulse { 0%,100% { box-shadow: 0 0 0 3px var(--ambra), 0 0 0 8px rgba(224,164,74,.22); } 50% { box-shadow: 0 0 0 3px var(--ambra), 0 0 0 14px rgba(224,164,74,0); } }\n#mf .tl-year { font-family: 'Space Mono', monospace; font-size: .78rem; font-weight: 700; color: var(--verde); letter-spacing: .08em; margin-bottom: .7rem; }\n#mf .tl-item:last-child .tl-year { color: var(--ambra); }\n#mf .tl-card { background: var(--white, #fff); border: 1px solid var(--crema-2); border-radius: 16px; padding: 1.9rem 2.1rem; box-shadow: 0 2px 8px rgba(20,41,28,.05); transition: transform .35s ease, box-shadow .35s ease; }\n#mf .tl-card:hover { transform: translateX(6px); box-shadow: 0 16px 40px -14px rgba(20,41,28,.22); }\n#mf .tl-card h3 { font-size: 1.35rem; margin-bottom: .7rem; color: var(--inch); }\n#mf .tl-card p { color: var(--inch-mut); line-height: 1.85; font-size: .94rem; }\n\n\/* EVENTO \u2014 buio drammatico *\/\n#mf .event { background: var(--bosco-2); padding: 7.5rem 2.5rem; overflow: hidden; }\n#mf .event::before { content: ''; position: absolute; top: -140px; right: -120px; width: 440px; height: 440px; border-radius: 50%; background: radial-gradient(circle, rgba(224,164,74,.16), transparent 70%); pointer-events: none; }\n#mf .event-inner { position: relative; max-width: 980px; margin: 0 auto; opacity: 0; transform: translateY(20px); transition: all .9s ease; }\n#mf .event-inner.in { opacity: 1; transform: none; }\n#mf .event-badge { display: inline-block; padding: .45rem 1.1rem; font-family: 'Space Mono', monospace; font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; background: var(--ambra); color: #2A1B06; border-radius: 999px; margin-bottom: 1.5rem; font-weight: 700; }\n#mf .event h2 { font-size: clamp(2.2rem, 3.8vw, 3.3rem); color: var(--crema); margin-bottom: 1.3rem; }\n#mf .event p { color: var(--nebbia); font-size: 1rem; line-height: 1.9; margin-bottom: 2rem; max-width: 820px; }\n#mf .event-meta { display: flex; gap: 2.2rem; flex-wrap: wrap; margin-bottom: 2.2rem; }\n#mf .event-meta-item { display: flex; align-items: center; gap: .55rem; color: var(--crema); font-family: 'Space Mono', monospace; font-size: .82rem; }\n#mf .event-meta-item svg { color: var(--ambra); flex-shrink: 0; }\n\n\/* INVITO \u2014 radura di chiusura *\/\n#mf .invite { background: var(--crema); color: var(--inch); padding: 7.5rem 2.5rem; }\n#mf .invite-inner { max-width: 1040px; margin: 0 auto; display: grid; grid-template-columns: 170px 1fr; gap: 3.2rem; align-items: center; background: #fff; border-radius: 22px; padding: 3.2rem 3.6rem; box-shadow: 0 30px 70px -28px rgba(20,41,28,.28); opacity: 0; transform: translateY(20px); transition: all .9s ease; }\n#mf .invite-inner.in { opacity: 1; transform: none; }\n#mf .invite-logo img { width: 100%; border-radius: 14px; display: block; }\n#mf .invite h2 { font-size: clamp(1.8rem, 2.6vw, 2.5rem); margin-bottom: 1.1rem; color: var(--inch); }\n#mf .invite p { color: var(--inch-mut); font-size: .96rem; line-height: 1.85; margin-bottom: 2rem; }\n\n\/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n@media (max-width: 980px) {\n #mf .hero-inner { grid-template-columns: 1fr; gap: 2.5rem; padding-top: 6rem; }\n #mf .hero-media { height: 52vh; min-height: 340px; order: 2; }\n #mf .hero-sub { max-width: none; }\n #mf .hero-scroll { display: none; }\n #mf .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 2.5rem 1rem; }\n #mf .stat:nth-child(2)::after { display: none; }\n #mf .explore-grid { grid-template-columns: 1fr; gap: 3rem; }\n #mf .explore-imgs { min-height: 380px; }\n #mf .invite-inner { grid-template-columns: 1fr; padding: 2.6rem 2rem; text-align: center; }\n #mf .invite-logo { max-width: 130px; margin: 0 auto; }\n #mf .wip-inner { grid-template-columns: 1fr; text-align: left; }\n}\n@media (max-width: 560px) {\n #mf .hero-inner { padding-left: 1.5rem; padding-right: 1.5rem; }\n #mf .stats-grid { grid-template-columns: repeat(2, 1fr); }\n #mf .stat::after { display: none !important; }\n #mf .eimg-tl, #mf .eimg-br { display: none; }\n #mf .eimg-main { inset: 0; }\n #mf .event-meta { flex-direction: column; gap: .9rem; }\n #mf .explore, #mf .quote, #mf .video-section, #mf .timeline, #mf .event, #mf .invite { padding: 5rem 1.5rem; }\n}\n\n\/* movimento ridotto *\/\n@media (prefers-reduced-motion: reduce) {\n #mf * { animation: none !important; transition: opacity .3s ease !important; }\n #mf [class*=\"in\"] { transform: none !important; }\n #mf .hero-slide.active { transform: scale(1); }\n #mf .spores { display: none; }\n}\n<\/style>\n\n<div id=\"mf\">\n\n <!-- ============ HERO ============ -->\n <section class=\"hero\">\n <!-- rete miceliale -->\n <svg class=\"hero-myc\" viewBox=\"0 0 1440 900\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\">\n <path d=\"M-50 260 C 220 200, 380 420, 620 340 S 980 220, 1200 360 S 1500 300, 1520 300\"\/>\n <path d=\"M-50 560 C 260 620, 420 440, 700 520 S 1050 640, 1250 520 S 1500 560, 1520 560\"\/>\n <path d=\"M120 -20 C 200 200, 60 380, 260 520 S 420 780, 320 920\"\/>\n <path d=\"M760 -20 C 820 220, 700 380, 900 540 S 1080 800, 980 920\"\/>\n <path d=\"M1180 -20 C 1240 200, 1120 400, 1300 560 S 1420 820, 1360 920\"\/>\n <circle cx=\"620\" cy=\"340\" r=\"4\"\/><circle cx=\"700\" cy=\"520\" r=\"4\"\/>\n <circle cx=\"260\" cy=\"520\" r=\"3\"\/><circle cx=\"900\" cy=\"540\" r=\"3\"\/>\n <circle cx=\"1200\" cy=\"360\" r=\"4\"\/><circle cx=\"1250\" cy=\"520\" r=\"3\"\/>\n <circle cx=\"1300\" cy=\"560\" r=\"3\"\/>\n <\/svg>\n <canvas class=\"spores\" aria-hidden=\"true\"><\/canvas>\n\n <div class=\"hero-inner\">\n <div class=\"hero-copy\">\n <span class=\"tag\">Ceva \u00b7 Piemonte \u00b7 Fondato nel 1577<\/span>\n <h1>Museo del <span class=\"em\">Fungo<\/span><br>di Ceva<\/h1>\n <p class=\"hero-sub\">Una collezione unica tra storia, micologia e paesaggio. Scopri l'affascinante mondo dei funghi in un percorso che unisce scienza, tradizione e bellezza naturale.<\/p>\n <div class=\"hero-btns\">\n <a class=\"btn btn-amber\" href=\"https:\/\/www.museofungoceva.it\/index.php\/contact\/\">\n Contattaci\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <a class=\"btn btn-line\" href=\"#esplora\">Scopri di pi\u00f9<\/a>\n <\/div>\n <div class=\"hero-coords\">\n <span>LAT <b>44.39\u00b0 N<\/b><\/span>\n <span>LON <b>8.03\u00b0 E<\/b><\/span>\n <span>EX CONVENTO DEI <b>CAPPUCCINI<\/b><\/span>\n <\/div>\n <\/div>\n\n <div class=\"hero-media\">\n <div class=\"hero-slide active\" style=\"background-image:url('https:\/\/www.museofungoceva.it\/wp-content\/uploads\/2026\/07\/57f4374d-3350-687b-128b-bfe0f3559730.jpeg')\"><\/div>\n <div class=\"hero-slide\" style=\"background-image:url('https:\/\/www.museofungoceva.it\/wp-content\/uploads\/2026\/07\/c4e56c96-c813-103c-e69f-952418afb39b.jpeg')\"><\/div>\n <div class=\"hero-slide\" style=\"background-image:url('https:\/\/www.museofungoceva.it\/wp-content\/uploads\/2026\/07\/5cfc4b43-5558-dabb-2152-b30f672a653a.jpeg')\"><\/div>\n <span class=\"hero-media-tag\">EXHIBITIO \u00b7 CEVA<\/span>\n <div class=\"hero-dots\">\n <button class=\"hero-dot active\" data-i=\"0\" aria-label=\"Slide 1\"><\/button>\n <button class=\"hero-dot\" data-i=\"1\" aria-label=\"Slide 2\"><\/button>\n <button class=\"hero-dot\" data-i=\"2\" aria-label=\"Slide 3\"><\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-scroll\"><span>Scorri<\/span><span class=\"ln\"><\/span><\/div>\n <\/section>\n\n <!-- ============ WIP ============ -->\n <section class=\"wip\">\n <div class=\"wip-inner\">\n <div class=\"wip-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 6v6l4 2\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\n <\/div>\n <div>\n <h2>Allestimento in corso<\/h2>\n <p>Mentre vi accogliamo nel cuore della nostra tradizione e passione per il mondo fungino, il museo \u00e8 attualmente in fase di realizzazione e allestimento interno. Stiamo lavorando con dedizione per creare un'esperienza immersiva che vi porter\u00e0 nel magico mondo dei funghi: collezioni rare, installazioni interattive e i segreti del regno fungino come mai prima d'ora.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ============ STATS ============ -->\n <section class=\"stats\">\n <div class=\"stats-grid\">\n <div class=\"stat\"><div class=\"stat-num\" data-count=\"400\" data-suffix=\"+\">400+<\/div><div class=\"stat-label\">Anni di storia<\/div><\/div>\n <div class=\"stat\"><div class=\"stat-num\" data-count=\"1000\" data-suffix=\"+\">1000+<\/div><div class=\"stat-label\">Specie fungine<\/div><\/div>\n <div class=\"stat\"><div class=\"stat-num\" data-count=\"50\" data-suffix=\"+\">50+<\/div><div class=\"stat-label\">Eventi annuali<\/div><\/div>\n <div class=\"stat\"><div class=\"stat-num\" data-count=\"5000\" data-suffix=\"+\">5000+<\/div><div class=\"stat-label\">Visitatori<\/div><\/div>\n <\/div>\n <\/section>\n\n <!-- ============ ESPLORA ============ -->\n <section class=\"explore\" id=\"esplora\">\n <div class=\"explore-grid\">\n <div class=\"explore-text\">\n <span class=\"tag\">Esplora<\/span>\n <h2>Il mondo dei funghi, da vicino<\/h2>\n <p>Il Museo del Fungo di Ceva ti invita a immergerti nella cultura, nella scienza e nella storia dei funghi. Da esemplari rari a installazioni artistiche, la nostra collezione offre una visione profonda e affascinante di questi organismi straordinari.<\/p>\n <div class=\"features\">\n <div class=\"feature\"><div class=\"feature-dot\"><\/div>Collezioni rare e uniche<\/div>\n <div class=\"feature\"><div class=\"feature-dot\"><\/div>Percorsi interattivi e didattici<\/div>\n <div class=\"feature\"><div class=\"feature-dot\"><\/div>Guide esperte di micologia<\/div>\n <\/div>\n <a class=\"btn btn-green\" href=\"https:\/\/www.museofungoceva.it\/index.php\/contact\/\">\n Dove siamo?\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <div class=\"explore-imgs\">\n <div class=\"eimg eimg-main\" style=\"background-image:url('https:\/\/www.museofungoceva.it\/wp-content\/uploads\/2023\/08\/Progetto-senza-titolo-2-2048x1365.png')\"><\/div>\n <div class=\"eimg eimg-tl\" style=\"background-image:url('https:\/\/www.museofungoceva.it\/wp-content\/uploads\/2023\/08\/3.png')\"><\/div>\n <div class=\"eimg eimg-br\" style=\"background-image:url('https:\/\/www.museofungoceva.it\/wp-content\/uploads\/2023\/08\/2.png')\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ============ QUOTE ============ -->\n <section class=\"quote\">\n <svg class=\"quote-myc\" viewBox=\"0 0 1440 500\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\">\n <path d=\"M-50 120 C 300 60, 500 260, 760 180 S 1150 80, 1520 200\"\/>\n <path d=\"M-50 360 C 320 420, 520 240, 780 320 S 1160 440, 1520 320\"\/>\n <circle cx=\"760\" cy=\"180\" r=\"4\"\/><circle cx=\"780\" cy=\"320\" r=\"3\"\/><circle cx=\"500\" cy=\"260\" r=\"3\"\/>\n <\/svg>\n <div class=\"quote-inner\">\n <div class=\"quote-mark\">\"<\/div>\n <p>I funghi sono i tessitori silenziosi del sottobosco, misteriosi e affascinanti. Ogni specie racconta una storia di evoluzione, simbiosi e adattamento. Nel loro silenzio, rivelano i segreti dell'equilibrio naturale e la magia della vita che sboccia nei luoghi pi\u00f9 inaspettati.<\/p>\n <div class=\"quote-author\">Antica saggezza micologica<\/div>\n <\/div>\n <\/section>\n\n <!-- ============ VIDEO ============ -->\n <section class=\"video-section\">\n <div class=\"video-inner\">\n <div class=\"video-head\">\n <span class=\"tag\">Video<\/span>\n <h3>Scopri il nostro museo<\/h3>\n <p>Un viaggio visivo attraverso le collezioni e il territorio che ci circonda<\/p>\n <\/div>\n <div class=\"video-wrap\">\n <video controls playsinline preload=\"metadata\">\n <source src=\"https:\/\/www.museofungoceva.it\/wp-content\/uploads\/2023\/08\/Progetto-senza-titolo-online-video-cutter.com_.mp4\" type=\"video\/mp4\">\n Il tuo browser non supporta il video.\n <\/video>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ============ TIMELINE ============ -->\n <section class=\"timeline\">\n <div class=\"timeline-inner\">\n <div class=\"timeline-header\">\n <span class=\"tag\">La storia<\/span>\n <h2>Il convento dei Cappuccini di Ceva<\/h2>\n <p class=\"timeline-intro\">Un percorso attraverso quattro secoli di storia, dalla fondazione rinascimentale fino alla trasformazione contemporanea in museo.<\/p>\n <\/div>\n <div class=\"tl-track\">\n\n <div class=\"tl-item\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-year\">1577 \u2014 1582<\/div>\n <div class=\"tl-card\">\n <h3>Fondazione del convento<\/h3>\n <p>Eleonora della Rovere dona delle terre nella parte orientale della citt\u00e0 ai padri Cappuccini di Genova. Con il sostegno dei fedeli e della pubblica amministrazione locale, nel 1582 vengono completati i lavori di costruzione del convento e della sua chiesa.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"tl-item\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-year\">1612 \u2014 1866<\/div>\n <div class=\"tl-card\">\n <h3>Periodo tumultuoso<\/h3>\n <p>Il Duca Carlo Emanuele I di Savoia stabilisce nuove regole per l'accoglienza dei monaci. La struttura subisce danni e restauri significativi. Nel 1802 il monastero viene temporaneamente trasformato in orfanotrofio femminile. Nel 1866 la legge Siccardi porta alla chiusura definitiva.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"tl-item\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-year\">1903 \u2014 1912<\/div>\n <div class=\"tl-card\">\n <h3>Rinascita e restauri<\/h3>\n <p>Grazie a don Eugenio Michelotti e alle donazioni dei cittadini cebani, i fabbricati storici vengono riscattati e restituiti alla vita religiosa. Nel 1912 i cappuccini piemontesi si reinsediano definitivamente, ripristinando le antiche tradizioni monastiche.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"tl-item\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-year\">Oggi<\/div>\n <div class=\"tl-card\">\n <h3>La fine di un'epoca e un nuovo inizio<\/h3>\n <p>Dopo oltre 400 anni di presenza spirituale, nel 2012 il convento chiude come casa religiosa. La sua preziosa eredit\u00e0 continua a vivere nel Museo del Fungo, che celebra la biodiversit\u00e0 locale e la ricca cultura della micologia del territorio.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ============ EVENTO ============ -->\n <section class=\"event\">\n <div class=\"event-inner\">\n <div class=\"event-badge\">Evento estivo<\/div>\n <h2>Un libro in giardino<\/h2>\n <p>Nel cuore di Ceva, immerso nel suggestivo Giardino botanico \"Frate Francesco Maria Bono\", si tiene annualmente la rassegna letteraria \"Un Libro in Giardino\". Autori di varia provenienza condividono i loro lavori in un vivace dibattito culturale organizzato dal Gruppo Micologico Cebano, dal Museo del Fungo e dall'associazione \"Ceva nella Storia\".<\/p>\n <div class=\"event-meta\">\n <div class=\"event-meta-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n Giugno \u2014 Settembre\n <\/div>\n <div class=\"event-meta-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n Giardino Botanico, Ceva\n <\/div>\n <\/div>\n <a class=\"btn btn-amber\" href=\"https:\/\/www.museofungoceva.it\/index.php\/unlibroingiardino\/\">\n Scopri di pi\u00f9\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/section>\n\n <!-- ============ INVITO ============ -->\n <section class=\"invite\">\n <div class=\"invite-inner\">\n <div class=\"invite-logo\">\n <img decoding=\"async\" src=\"https:\/\/www.museofungoceva.it\/wp-content\/uploads\/2023\/08\/Progetto-senza-titolo-2-1.png\" alt=\"Gruppo Micologico Cebano\" loading=\"lazy\">\n <\/div>\n <div>\n <span class=\"tag\" style=\"color:var(--verde);margin-bottom:.9rem;\">Gruppo Micologico Cebano<\/span>\n <h2>Il mondo sotterraneo dei funghi<\/h2>\n <p>Il Gruppo Micologico Cebano \u00e8 un'associazione di appassionati e studiosi dedicati alla conoscenza, alla tutela e alla valorizzazione del patrimonio micologico del territorio. Attraverso escursioni guidate, corsi di formazione e attivit\u00e0 divulgative, il gruppo promuove una cultura responsabile del mondo fungino.<\/p>\n <a class=\"btn btn-green\" href=\"https:\/\/www.gruppomicologicocebano.it\/\" target=\"_blank\" rel=\"noopener\">\n Visita il sito del Gruppo Micologico\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n<\/div>\n\n<script>\n(function () {\n var root = document.getElementById('mf');\n if (!root) return;\n var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n \/* ---- Hero slideshow ---- *\/\n var slides = root.querySelectorAll('.hero-slide');\n var dots = root.querySelectorAll('.hero-dot');\n var cur = 0, timer;\n function goTo(n) {\n slides[cur].classList.remove('active'); dots[cur].classList.remove('active');\n cur = n;\n slides[cur].classList.add('active'); dots[cur].classList.add('active');\n }\n function restart() { clearInterval(timer); timer = setInterval(function(){ goTo((cur+1)%slides.length); }, 6000); }\n dots.forEach(function (d) { d.addEventListener('click', function(){ goTo(+d.dataset.i); restart(); }); });\n restart();\n\n \/* ---- Hero entrance ---- *\/\n requestAnimationFrame(function(){ setTimeout(function(){ root.querySelector('.hero').classList.add('in'); }, 80); });\n\n \/* ---- Scroll reveal + counter ---- *\/\n var io = new IntersectionObserver(function (entries) {\n entries.forEach(function (e) {\n if (e.isIntersecting) {\n e.target.classList.add('in');\n if (e.target.classList.contains('stat')) countUp(e.target);\n io.unobserve(e.target);\n }\n });\n }, { threshold: .18, rootMargin: '0px 0px -40px 0px' });\n\n ['.stat','.explore-text','.explore-imgs','.quote-inner','.video-wrap','.timeline-header','.tl-item','.event-inner','.invite-inner']\n .forEach(function (sel){ root.querySelectorAll(sel).forEach(function(el){ io.observe(el); }); });\n\n root.querySelectorAll('.stat').forEach(function(el,i){ el.style.transitionDelay = (i*.12)+'s'; });\n root.querySelectorAll('.tl-item').forEach(function(el,i){ el.style.transitionDelay = (i*.1)+'s'; });\n\n function countUp(stat) {\n var el = stat.querySelector('.stat-num');\n if (!el || !el.dataset.count) return;\n var target = parseInt(el.dataset.count,10), suffix = el.dataset.suffix||'';\n if (reduce) { el.textContent = target.toLocaleString('it-IT')+suffix; return; }\n var start=null, dur=1400;\n (function step(ts){\n if(!start) start=ts;\n var p=Math.min((ts-start)\/dur,1), eased=1-Math.pow(1-p,3);\n el.textContent = Math.floor(eased*target).toLocaleString('it-IT')+suffix;\n if(p<1) requestAnimationFrame(step); else el.textContent = target.toLocaleString('it-IT')+suffix;\n })(0);\n }\n\n \/* ---- Smooth scroll ---- *\/\n root.querySelectorAll('a[href^=\"#\"]').forEach(function (a) {\n a.addEventListener('click', function (e) {\n var t = document.querySelector(this.getAttribute('href'));\n if (t) { e.preventDefault(); t.scrollIntoView({ behavior:'smooth', block:'start' }); }\n });\n });\n\n \/* ---- Spore fluttuanti (canvas) ---- *\/\n if (!reduce) {\n var cv = root.querySelector('.spores');\n var hero = root.querySelector('.hero');\n if (cv && cv.getContext) {\n var ctx = cv.getContext('2d'), W, H, parts = [];\n function resize() {\n W = cv.width = hero.offsetWidth;\n H = cv.height = hero.offsetHeight;\n var n = Math.min(46, Math.round(W\/32));\n parts = [];\n for (var i=0;i<n;i++) parts.push({\n x: Math.random()*W, y: Math.random()*H,\n r: Math.random()*1.8+.6,\n s: Math.random()*.35+.12,\n d: (Math.random()-.5)*.25,\n a: Math.random()*.5+.2\n });\n }\n function draw() {\n ctx.clearRect(0,0,W,H);\n for (var i=0;i<parts.length;i++){\n var p=parts[i];\n p.y-=p.s; p.x+=p.d;\n if(p.y<-6){ p.y=H+6; p.x=Math.random()*W; }\n if(p.x<-6) p.x=W+6; if(p.x>W+6) p.x=-6;\n ctx.beginPath();\n ctx.arc(p.x,p.y,p.r,0,6.283);\n ctx.fillStyle='rgba(242,200,126,'+p.a+')';\n ctx.fill();\n }\n raf=requestAnimationFrame(draw);\n }\n var raf;\n resize(); draw();\n window.addEventListener('resize', resize);\n }\n }\n\n})();\n<\/script>\n\n<!-- \u2b06\u2b06\u2b06 FINE BLOCCO DA INCOLLARE \u2b06\u2b06\u2b06 -->\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Museo del Fungo di Ceva \u2013 Home Ceva \u00b7 Piemonte \u00b7 Fondato nel 1577 Museo del Fungodi Ceva Una collezione unica tra storia, micologia e paesaggio. Scopri l’affascinante mondo dei funghi in un percorso che unisce scienza, tradizione e bellezza naturale. Contattaci Scopri di pi\u00f9 LAT 44.39\u00b0 N LON 8.03\u00b0 E EX CONVENTO DEI CAPPUCCINI […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.museofungoceva.it\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.museofungoceva.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.museofungoceva.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.museofungoceva.it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.museofungoceva.it\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":113,"href":"https:\/\/www.museofungoceva.it\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":1543,"href":"https:\/\/www.museofungoceva.it\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/1543"}],"wp:attachment":[{"href":"https:\/\/www.museofungoceva.it\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}