{"id":651,"date":"2026-09-19T06:15:07","date_gmt":"2026-09-19T06:15:07","guid":{"rendered":"https:\/\/www.profdifaziodonato.it\/?page_id=651"},"modified":"2026-09-20T10:14:54","modified_gmt":"2026-09-20T10:14:54","slug":"phonic","status":"publish","type":"page","link":"https:\/\/www.profdifaziodonato.it\/?page_id=651","title":{"rendered":"phonic"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\n\n\n \n \n PROF. DONATO DI FAZIO | Phonics<\/title>\n\n <!-- ============================================================ -->\n <!-- ============ PRECONNECT AI CDN FONT ======================= -->\n <!-- ============================================================ -->\n <link rel=\"preconnect\" href=\"https:\/\/cdn.jsdelivr.net\" crossorigin>\n <link rel=\"preconnect\" href=\"https:\/\/i.pinimg.com\" crossorigin>\n <link rel=\"preconnect\" href=\"https:\/\/www.profdifaziodonato.it\" crossorigin>\n\n <!-- ============================================================ -->\n <!-- ============ INIZIO CODICE MENU HEADER (fornito) =========== -->\n <!-- ============================================================ -->\n\n <!-- 1. Importazione Font Necessari -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fontsource\/open-sans@5.0.8\/index.css\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fontsource\/roboto@5.0.8\/index.css\">\n\n <!-- 2. Stili CSS del Menu -->\n <style>\n \/* Reset base per il menu *\/\n .site-header * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* Variabili colori *\/\n :root {\n --header-bg: #fcfbf8;\n --header-text: #2d2d2d;\n --header-accent: #c65d3a;\n --header-accent-aa: #a8471f;\n }\n\n \/* ============ HEADER CONTAINER ============ *\/\n .site-header {\n background: var(--header-bg);\n border-bottom: 1px solid rgba(45, 45, 45, 0.1);\n position: sticky;\n top: 0;\n z-index: 9999;\n backdrop-filter: blur(12px);\n font-family: 'Open Sans', sans-serif;\n width: 100%;\n }\n\n .site-header-inner {\n max-width: 1280px;\n margin: 0 auto;\n padding: 16px 32px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n }\n\n @media (max-width: 1024px) {\n .site-header-inner { padding: 14px 24px; }\n }\n @media (max-width: 640px) {\n .site-header-inner { padding: 12px 16px; gap: 12px; }\n }\n\n \/* Branding (Logo + Testo) *\/\n .site-brand {\n display: flex;\n align-items: center;\n gap: 12px;\n text-decoration: none;\n flex-shrink: 0;\n }\n \n .site-brand-logo {\n width: 52px;\n height: 52px;\n border-radius: 9999px;\n object-fit: cover;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);\n border: 2px solid var(--header-bg);\n outline: 2px solid rgba(198, 93, 58, 0.25);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n \n .site-brand:hover .site-brand-logo {\n transform: scale(1.05);\n box-shadow: 0 6px 14px rgba(198, 93, 58, 0.3);\n }\n\n @media (max-width: 640px) {\n .site-brand-logo { width: 40px; height: 40px; }\n .site-brand { gap: 8px; }\n }\n\n .site-brand-text {\n display: flex;\n flex-direction: column;\n line-height: 1.15;\n }\n \n .site-brand-name {\n font-family: 'Open Sans', sans-serif;\n font-weight: 700;\n font-size: 1.25rem;\n color: var(--header-text);\n letter-spacing: -0.01em;\n }\n \n .site-brand-role {\n font-family: 'Roboto', sans-serif;\n font-weight: 500;\n font-size: 0.75rem;\n color: var(--header-accent-aa);\n letter-spacing: 0.03em;\n text-transform: uppercase;\n margin-top: 1px;\n }\n\n @media (max-width: 640px) {\n .site-brand-name { font-size: 1rem; }\n .site-brand-role { font-size: 0.65rem; }\n }\n\n \/* Desktop Navigation *\/\n .site-nav {\n display: flex;\n align-items: center;\n gap: 24px;\n flex-shrink: 0;\n }\n\n \/* Desktop e Tablet grande (>900px) *\/\n @media (min-width: 900px) {\n .site-nav a {\n font-family: 'Open Sans', sans-serif;\n font-weight: 600;\n font-size: 0.9rem;\n color: var(--header-text);\n text-decoration: none;\n position: relative;\n padding: 6px 0;\n transition: color 0.25s ease;\n white-space: nowrap;\n }\n .site-nav a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--header-accent);\n transition: width 0.3s ease;\n }\n .site-nav a:hover { color: var(--header-accent); }\n .site-nav a:hover::after { width: 100%; }\n }\n\n \/* Tablet medio\/piccolo (641px - 899px) *\/\n @media (min-width: 641px) and (max-width: 899px) {\n .site-nav { gap: 16px; }\n .site-nav a {\n font-family: 'Open Sans', sans-serif;\n font-weight: 600;\n font-size: 0.82rem;\n color: var(--header-text);\n text-decoration: none;\n position: relative;\n padding: 4px 0;\n transition: color 0.25s ease;\n white-space: nowrap;\n }\n .site-nav a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--header-accent);\n transition: width 0.3s ease;\n }\n .site-nav a:hover { color: var(--header-accent); }\n .site-nav a:hover::after { width: 100%; }\n }\n\n @media (max-width: 640px) {\n .site-header-inner {\n flex-direction: column;\n align-items: flex-start;\n padding: 12px 16px;\n }\n \n .site-brand {\n width: 100%;\n justify-content: flex-start;\n margin-bottom: 8px;\n }\n \n .site-nav {\n display: flex;\n flex-wrap: wrap;\n gap: 12px 20px;\n width: 100%;\n padding-top: 8px;\n border-top: 1px solid rgba(45,45,45,0.05);\n }\n \n .site-nav a {\n font-family: 'Open Sans', sans-serif;\n font-weight: 600;\n font-size: 0.85rem;\n color: var(--header-text);\n text-decoration: none;\n padding: 4px 0;\n }\n .site-nav a:hover { color: var(--header-accent); }\n }\n\n \/* Skip-link accessibilit\u00e0 *\/\n .skip-link {\n position: absolute;\n left: -9999px;\n top: 0;\n background: #0c4a6e;\n color: #ffffff;\n padding: 12px 20px;\n border-radius: 0 0 8px 0;\n font-weight: 700;\n z-index: 100000;\n text-decoration: none;\n }\n .skip-link:focus {\n left: 0;\n }\n\n \/* Focus visibile personalizzato *\/\n a:focus-visible,\n button:focus-visible {\n outline: 2px solid #f59e0b;\n outline-offset: 3px;\n border-radius: 4px;\n }\n <\/style>\n\n <!-- ============================================================ -->\n <!-- ================= FINE CODICE MENU HEADER ================== -->\n <!-- ============================================================ -->\n\n\n <!-- ============================================================ -->\n <!-- ============ STILI CSS DEL BODY (pagina Phonics) =========== -->\n <!-- ============================================================ -->\n <style>\n \/* Reset per il body *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary: #0c4a6e;\n --primary-light: #0ea5e9;\n --accent: #f59e0b;\n --green: #10b981;\n --royal-blue: #1e40af;\n --bg: #f8fafc;\n --card: #ffffff;\n --text: #1e293b;\n --text-light: #64748b;\n --border: #e2e8f0;\n --radius: 20px;\n }\n\n html {\n scroll-behavior: smooth;\n overflow-x: hidden;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n\n \/* Ancora scroll-margin-top per header sticky *\/\n section {\n scroll-margin-top: 90px;\n }\n\n \/* Hero *\/\n .hero {\n background: linear-gradient(135deg, var(--primary) 0%, #0369a1 100%);\n color: white;\n padding: 5rem 1.5rem;\n text-align: center;\n }\n\n .hero h1 {\n font-size: clamp(1.8rem, 5vw, 3rem);\n font-weight: 800;\n line-height: 1.15;\n margin-bottom: 1rem;\n letter-spacing: -0.02em;\n color: #ffffff;\n }\n\n .hero h1 span {\n color: var(--accent);\n }\n\n .hero p {\n font-size: clamp(1rem, 2vw, 1.15rem);\n max-width: 600px;\n margin: 0 auto;\n opacity: 0.9;\n }\n\n \/* Container *\/\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 4rem 1.5rem;\n }\n\n \/* Sezione feature *\/\n .feature {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem;\n align-items: stretch;\n margin-bottom: 3rem;\n min-height: 320px;\n }\n\n .feature:last-child {\n margin-bottom: 0;\n }\n\n .feature.reverse {\n direction: rtl;\n }\n\n .feature.reverse > * {\n direction: ltr;\n }\n\n .feature-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 1rem 0;\n }\n\n .feature-text .tag {\n display: inline-block;\n background: var(--accent);\n color: var(--primary);\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n padding: 0.35rem 0.9rem;\n border-radius: 50px;\n margin-bottom: 1rem;\n width: fit-content;\n }\n\n .feature-text h2 {\n font-size: clamp(1.4rem, 2.5vw, 1.8rem);\n font-weight: 700;\n color: var(--primary);\n line-height: 1.25;\n margin-bottom: 1rem;\n letter-spacing: -0.01em;\n }\n\n .feature-text p {\n color: var(--text-light);\n font-size: clamp(0.95rem, 1.5vw, 1.05rem);\n line-height: 1.7;\n }\n\n .feature-image {\n border-radius: var(--radius);\n overflow: hidden;\n background: var(--card);\n padding: 0.75rem;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: clamp(180px, 40vw, 320px);\n }\n\n .feature-image img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n border-radius: 14px;\n display: block;\n max-height: 100%;\n }\n\n \/* Phonic Lab *\/\n .lab-section {\n background: linear-gradient(135deg, #e0f2fe 0%, #fef3c7 100%);\n padding: 4rem 1.5rem;\n }\n\n .lab-inner {\n max-width: 1100px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n }\n\n .lab-text h2 {\n font-size: clamp(1.8rem, 4vw, 2.8rem);\n font-weight: 800;\n color: var(--primary);\n line-height: 1.1;\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n }\n\n .lab-text h2 span {\n color: var(--accent);\n }\n\n .lab-text p {\n font-size: clamp(1rem, 2vw, 1.2rem);\n color: var(--text-light);\n font-weight: 500;\n margin-bottom: 1.5rem;\n }\n\n .lab-button {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n background: var(--royal-blue);\n color: #ffffff;\n padding: 0.9rem 1.8rem;\n border-radius: 50px;\n font-weight: 700;\n font-size: clamp(0.95rem, 1.6vw, 1.05rem);\n text-decoration: none;\n box-shadow: 0 8px 25px rgba(30, 64, 175, 0.4);\n transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;\n cursor: pointer;\n border: none;\n font-family: inherit;\n }\n\n .lab-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 30px rgba(30, 64, 175, 0.5);\n color: #ffffff;\n }\n\n .lab-button:active,\n .lab-button.clicked {\n background: var(--green);\n color: #ffffff;\n box-shadow: 0 8px 25px rgba(16, 185, 129, 0.5);\n transform: translateY(0);\n }\n\n .lab-button .btn-icon {\n font-size: 1.1rem;\n }\n\n .lab-image {\n border-radius: var(--radius);\n overflow: hidden;\n background: white;\n padding: 0.75rem;\n box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);\n }\n\n .lab-image img {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 14px;\n }\n\n \/* Flip cards *\/\n .cards-section {\n background: linear-gradient(180deg, var(--bg) 0%, #e0f2fe 100%);\n padding: 4rem 1.5rem;\n }\n\n .cards-section h2 {\n font-size: clamp(1.5rem, 3vw, 2rem);\n font-weight: 700;\n color: var(--primary);\n text-align: center;\n margin-bottom: 2.5rem;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n max-width: 700px;\n margin: 0 auto;\n }\n\n .flip-card {\n perspective: 1000px;\n height: 300px;\n cursor: pointer;\n }\n\n .flip-inner {\n position: relative;\n width: 100%;\n height: 100%;\n transition: transform 0.6s;\n transform-style: preserve-3d;\n }\n\n \/* Hover flip solo su dispositivi con mouse *\/\n @media (hover: hover) {\n .flip-card:hover .flip-inner {\n transform: rotateY(180deg);\n }\n }\n\n .flip-front,\n .flip-back {\n position: absolute;\n inset: 0;\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n border-radius: var(--radius);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 1.5rem;\n text-align: center;\n }\n\n .flip-front {\n background: var(--card);\n border: 2px solid var(--border);\n color: var(--primary);\n }\n\n .flip-front .icon {\n font-size: 2.8rem;\n margin-bottom: 0.6rem;\n }\n\n .flip-front h3 {\n font-size: 1.3rem;\n font-weight: 700;\n margin-bottom: 0.3rem;\n }\n\n .flip-front span {\n font-size: 0.95rem;\n color: var(--accent);\n font-weight: 600;\n }\n\n .flip-back {\n background: var(--primary);\n color: white;\n transform: rotateY(180deg);\n justify-content: center;\n padding: 1.4rem 1.6rem;\n text-align: left;\n }\n\n .flip-back h3 {\n font-size: 1.05rem;\n color: var(--accent);\n margin-bottom: 0.9rem;\n text-align: center;\n width: 100%;\n font-weight: 700;\n }\n\n .flip-back ul {\n list-style: none;\n font-size: 0.95rem;\n line-height: 1.85;\n width: 100%;\n }\n\n .flip-back li {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n gap: 0.8rem;\n padding: 0.15rem 0;\n }\n\n .flip-back li .phoneme {\n color: var(--accent);\n font-weight: 700;\n font-family: 'Courier New', monospace;\n font-size: 0.95rem;\n flex-shrink: 0;\n }\n\n .flip-back li .examples {\n color: #e2e8f0;\n font-size: 0.88rem;\n text-align: right;\n }\n\n \/* Video *\/\n .video-section {\n padding: 4rem 1.5rem;\n }\n\n .video-section h2 {\n font-size: clamp(1.5rem, 3vw, 2rem);\n font-weight: 700;\n color: var(--primary);\n text-align: center;\n margin-bottom: 2rem;\n }\n\n .video-wrapper {\n max-width: 800px;\n margin: 0 auto;\n background: var(--card);\n border-radius: var(--radius);\n padding: 1rem;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n }\n\n .video-wrapper video {\n width: 100%;\n border-radius: 14px;\n display: block;\n background: #000;\n aspect-ratio: 16 \/ 9;\n object-fit: cover;\n }\n\n .video-label {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin-top: 1rem;\n padding: 0.6rem 1.1rem;\n background: var(--primary);\n color: white;\n border-radius: 50px;\n font-weight: 600;\n font-size: 0.9rem;\n width: fit-content;\n }\n\n .video-buttons {\n display: flex;\n justify-content: center;\n gap: 0.75rem;\n flex-wrap: wrap;\n margin-top: 1.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .video-btn {\n background: var(--card);\n border: 2px solid var(--primary);\n color: var(--primary);\n padding: 0.6rem 1.4rem;\n border-radius: 50px;\n font-weight: 600;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.2s;\n font-family: inherit;\n }\n\n .video-btn:hover,\n .video-btn.active {\n background: var(--primary);\n color: white;\n }\n\n \/* Bottone \"di pi\u00f9 qui\" a larghezza piena *\/\n .more-link-wrapper {\n max-width: 800px;\n margin: 1.25rem auto 0;\n }\n\n .more-link {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.6rem;\n width: 100%;\n background: linear-gradient(135deg, var(--accent) 0%, #fbbf24 100%);\n color: var(--primary);\n padding: 1rem 1.8rem;\n border-radius: 50px;\n font-weight: 700;\n font-size: clamp(0.95rem, 1.6vw, 1.05rem);\n text-decoration: none;\n text-align: center;\n box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4);\n transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\n cursor: pointer;\n border: none;\n font-family: inherit;\n }\n\n .more-link:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 30px rgba(245, 158, 11, 0.55);\n }\n\n .more-link:active {\n transform: translateY(0);\n box-shadow: 0 6px 18px rgba(245, 158, 11, 0.45);\n }\n\n .more-link .arrow-icon {\n font-size: 1.1rem;\n transition: transform 0.25s ease;\n }\n\n @media (hover: hover) {\n .more-link:hover .arrow-icon {\n transform: translateX(5px);\n }\n }\n\n \/* Tips Carousel *\/\n .tips-section {\n padding: 4rem 1.5rem;\n background: var(--bg);\n overflow: hidden;\n }\n\n .tips-section h2 {\n font-size: clamp(1.5rem, 3vw, 2rem);\n font-weight: 700;\n color: var(--primary);\n text-align: center;\n margin-bottom: 2.5rem;\n }\n\n .carousel-container {\n max-width: 1100px;\n margin: 0 auto;\n position: relative;\n padding: 0 3.5rem;\n }\n\n .carousel-viewport {\n overflow: hidden;\n border-radius: var(--radius);\n }\n\n .carousel-track {\n display: flex;\n gap: 1.5rem;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n will-change: transform;\n }\n\n .carousel-card {\n flex: 0 0 calc((100% - 3rem) \/ 3);\n background: var(--card);\n padding: 1.75rem;\n border-radius: var(--radius);\n border-left: 4px solid var(--green);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n min-height: 170px;\n }\n\n .carousel-card .tip-num {\n font-size: 1.8rem;\n font-weight: 800;\n color: var(--accent);\n line-height: 1;\n min-width: 32px;\n }\n\n .carousel-card strong {\n display: block;\n color: var(--primary);\n font-size: 1.05rem;\n margin-bottom: 0.4rem;\n }\n\n .carousel-card p {\n color: var(--text-light);\n font-size: 0.92rem;\n line-height: 1.6;\n }\n\n .carousel-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 46px;\n height: 46px;\n border-radius: 50%;\n background: var(--primary);\n color: white;\n border: none;\n cursor: pointer;\n font-size: 1.3rem;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 6px 20px rgba(12, 74, 110, 0.3);\n transition: background 0.25s, transform 0.25s;\n z-index: 2;\n font-family: inherit;\n }\n\n .carousel-arrow:hover {\n background: var(--accent);\n color: var(--primary);\n transform: translateY(-50%) scale(1.1);\n }\n\n .carousel-arrow.prev {\n left: 0;\n }\n\n .carousel-arrow.next {\n right: 0;\n }\n\n .carousel-dots {\n display: flex;\n justify-content: center;\n gap: 0.6rem;\n margin-top: 2rem;\n }\n\n .carousel-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #cbd5e1;\n border: none;\n cursor: pointer;\n transition: background 0.25s, transform 0.25s;\n padding: 0;\n }\n\n .carousel-dot.active {\n background: var(--primary);\n transform: scale(1.25);\n }\n\n .carousel-dot:hover {\n background: var(--accent);\n }\n\n \/* Rispetta prefers-reduced-motion *\/\n @media (prefers-reduced-motion: reduce) {\n html {\n scroll-behavior: auto;\n }\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n\n \/* Responsive body *\/\n @media (max-width: 900px) {\n .carousel-card {\n flex: 0 0 calc((100% - 1.5rem) \/ 2);\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 3rem 1.25rem;\n }\n\n .feature {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n min-height: auto;\n margin-bottom: 2.5rem;\n }\n\n .feature.reverse {\n direction: ltr;\n }\n\n .feature-text {\n padding: 0;\n order: 2;\n }\n\n .feature-image {\n order: 1;\n min-height: 220px;\n max-height: 280px;\n }\n\n .hero {\n padding: 3.5rem 1.25rem;\n }\n\n .cards-section,\n .video-section,\n .tips-section,\n .lab-section {\n padding: 3rem 1.25rem;\n }\n\n .flip-card {\n height: 280px;\n }\n\n .video-buttons {\n flex-direction: column;\n align-items: stretch;\n }\n\n .video-btn {\n width: 100%;\n text-align: center;\n }\n\n .more-link {\n width: 100%;\n }\n\n .lab-inner {\n grid-template-columns: 1fr;\n gap: 2rem;\n text-align: center;\n }\n\n .carousel-container {\n padding: 0 3rem;\n }\n\n .carousel-card {\n flex: 0 0 100%;\n }\n\n .carousel-arrow {\n width: 40px;\n height: 40px;\n font-size: 1.1rem;\n }\n }\n\n @media (max-width: 480px) {\n .feature-image {\n min-height: 180px;\n max-height: 240px;\n }\n\n .flip-card {\n height: 270px;\n }\n\n .flip-back ul {\n font-size: 0.88rem;\n }\n\n .flip-back li .examples {\n font-size: 0.82rem;\n }\n\n .carousel-container {\n padding: 0 2.5rem;\n }\n\n .carousel-card {\n padding: 1.4rem;\n }\n\n .lab-button {\n width: 100%;\n justify-content: center;\n }\n }\n <\/style>\n\n <!-- ============================================================ -->\n <!-- ============ STILI CSS DEL FOOTER PREMIUM ================== -->\n <!-- ============================================================ -->\n <style>\n \/* ---------- FOOTER PREMIUM ---------- *\/\n .premium-footer {\n background: #1f2a37;\n color: #f4f1ea;\n padding: 70px 32px 40px;\n border-top: 3px solid #c9a227;\n }\n\n .premium-footer__inner {\n max-width: 1000px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1.4fr;\n gap: clamp(32px, 5vw, 56px);\n align-items: center;\n }\n\n \/* Colonna sinistra: immagine + identit\u00e0 *\/\n .premium-footer__identity {\n text-align: center;\n }\n\n .premium-footer__photo {\n width: 160px;\n height: 160px;\n border-radius: 50%;\n object-fit: cover;\n border: 4px solid #c9a227;\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);\n display: block;\n margin: 0 auto 20px;\n }\n\n .premium-footer__name {\n font-family: Georgia, serif;\n font-size: 22px;\n font-weight: 700;\n letter-spacing: 0.5px;\n color: #ffffff;\n margin-bottom: 6px;\n }\n\n .premium-footer__role {\n font-size: 13px;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: #c9a227;\n }\n\n \/* Colonna destra: testo + bottone *\/\n .premium-footer__contact {\n text-align: left;\n }\n\n .premium-footer__title {\n font-family: Georgia, serif;\n font-size: 32px;\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 16px;\n color: #ffffff;\n }\n\n .premium-footer__text {\n font-size: 17px;\n color: #a9b4c2;\n margin-bottom: 28px;\n max-width: 480px;\n }\n\n .premium-footer__btn {\n display: inline-block;\n padding: 16px 34px;\n border-radius: 999px;\n background: #c9a227;\n color: #1f2a37;\n font-weight: 700;\n font-size: 16px;\n letter-spacing: 0.3px;\n text-decoration: none;\n transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n box-shadow: 0 8px 24px rgba(201, 162, 39, 0.28);\n }\n\n .premium-footer__btn:hover {\n background: #ddb63a;\n transform: translateY(-2px);\n box-shadow: 0 12px 28px rgba(201, 162, 39, 0.42);\n }\n\n \/* ---------- RIGA FINALE ---------- *\/\n .premium-footer__bottom {\n max-width: 1000px;\n margin: 56px auto 0;\n padding-top: 28px;\n border-top: 1px solid #33404f;\n text-align: center;\n font-size: 14px;\n color: #94a3b8;\n }\n\n .premium-footer__bottom .heart {\n color: #c9a227;\n }\n\n \/* ---------- MOBILE ---------- *\/\n @media (max-width: 720px) {\n .premium-footer { padding: 50px 22px 32px; }\n .premium-footer__inner {\n grid-template-columns: 1fr;\n gap: 40px;\n text-align: center;\n }\n .premium-footer__contact { text-align: center; }\n .premium-footer__text { margin-left: auto; margin-right: auto; }\n .premium-footer__title { font-size: 26px; }\n .premium-footer__photo { width: 130px; height: 130px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- Skip-link accessibilit\u00e0 -->\n <a href=\"#main\" class=\"skip-link\">Vai al contenuto<\/a>\n\n <!-- ============================================================ -->\n <!-- ================== INIZIO HEADER (menu) ==================== -->\n <!-- ============================================================ -->\n\n <header class=\"site-header\">\n <div class=\"site-header-inner\">\n \n <!-- SINISTRA: Logo + Nome + Ruolo -->\n <a href=\"https:\/\/www.profdifaziodonato.it\/\" class=\"site-brand\" aria-label=\"Homepage Prof. Di Fazio\">\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/1200x\/6b\/fe\/7d\/6bfe7dce374e5efb690241ef2e2ad367.jpg\" alt=\"Logo Prof. Di Fazio\" class=\"site-brand-logo\">\n <div class=\"site-brand-text\">\n <span class=\"site-brand-name\">Prof. Di Fazio<\/span>\n <span class=\"site-brand-role\">docente di Inglese<\/span>\n <\/div>\n <\/a>\n\n <!-- DESTRA \/ SOTTO: Menu di navigazione -->\n <nav class=\"site-nav\" aria-label=\"Menu principale\">\n <a href=\"https:\/\/www.profdifaziodonato.it\/\">Homepage<\/a>\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=41\">Libreria<\/a>\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=651\">Phonics<\/a>\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=424\" target=\"_blank\" rel=\"noopener\">Visual<\/a>\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=528\">Writing<\/a>\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=238\">Street Talk<\/a>\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=147\">Quiz<\/a>\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=98\">Privacy Policy<\/a>\n <\/nav>\n\n <\/div>\n <\/header>\n\n <!-- ============================================================ -->\n <!-- ==================== FINE HEADER =========================== -->\n <!-- ============================================================ -->\n\n\n <!-- ============================================================ -->\n <!-- ================== INIZIO BODY (contenuto) ================= -->\n <!-- ============================================================ -->\n\n <main id=\"main\">\n\n <!-- Hero -->\n <section class=\"hero\">\n <h1>Impara a leggere con <span>Phonics<\/span><\/h1>\n <p>44 suoni inglesi per leggere e pronunciare meglio. Il metodo delle scuole britanniche.<\/p>\n <\/section>\n\n <!-- Sezioni feature -->\n <div class=\"container\">\n\n <div class=\"feature\">\n <div class=\"feature-text\">\n <span class=\"tag\">Cos'\u00e8<\/span>\n <h2>Suoni e lettere, un legame sistematico<\/h2>\n <p>Il Phonics insegna la relazione tra i suoni della lingua e le lettere che li rappresentano. I bambini imparano a decodificare le parole invece di memorizzarle.<\/p>\n <\/div>\n <div class=\"feature-image\">\n <img src=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/phonic\/img\/Screenshot%202026-09-18%20191933.png\" alt=\"Schema introduttivo del Phonics\" loading=\"lazy\" decoding=\"async\">\n <\/div>\n <\/div>\n\n <div class=\"feature reverse\">\n <div class=\"feature-text\">\n <span class=\"tag\">Come funziona<\/span>\n <h2>Blending e segmenting<\/h2>\n <p>Unire i suoni per leggere (blending) e scomporre le parole per scriverle (segmenting). Due abilit\u00e0 che rendono i bambini lettori autonomi.<\/p>\n <\/div>\n <div class=\"feature-image\">\n <img src=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/phonic\/img\/Screenshot%202026-09-18%20192028.png\" alt=\"Blending e segmenting\" loading=\"lazy\" decoding=\"async\">\n <\/div>\n <\/div>\n\n <div class=\"feature\">\n <div class=\"feature-text\">\n <span class=\"tag\">I fonemi<\/span>\n <h2>44 suoni, oltre 70 grafie<\/h2>\n <p>L'inglese ha circa 44 fonemi ma molti pi\u00f9 modi di scriverli. Il Phonics insegna a riconoscere i pattern per affrontare ogni parola.<\/p>\n <\/div>\n <div class=\"feature-image\">\n <img src=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/phonic\/img\/Screenshot%202026-09-18%20192112.png\" alt=\"I fonemi inglesi\" loading=\"lazy\" decoding=\"async\">\n <\/div>\n <\/div>\n\n <div class=\"feature reverse\">\n <div class=\"feature-text\">\n <span class=\"tag\">Dove si usa<\/span>\n <h2>Dalle scuole inglesi al mondo<\/h2>\n <p>Obbligatorio nel Regno Unito, diffuso in Australia, Nuova Zelanda e USA. In Italia cresce come metodo per l'inglese L2.<\/p>\n <\/div>\n <div class=\"feature-image\">\n <img src=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/phonic\/img\/Screenshot%202026-09-18%20192219.png\" alt=\"Diffusione del Phonics\" loading=\"lazy\" decoding=\"async\">\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- Phonic Lab -->\n <section class=\"lab-section\">\n <div class=\"lab-inner\">\n <div class=\"lab-text\">\n <h2>Phonic <span>Lab<\/span><\/h2>\n <p>Clicca e ascolta i suoni delle lettere<\/p>\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=645\"\n class=\"lab-button\"\n id=\"labButton\"\n target=\"_blank\"\n rel=\"noopener\">\n <span class=\"btn-icon\">\u25b6<\/span> Vai al Phonic Lab\n <\/a>\n <\/div>\n <div class=\"lab-image\">\n <img src=\"https:\/\/i.pinimg.com\/1200x\/1b\/76\/e0\/1b76e04e8ae476c673c332c534541fbf.jpg\" alt=\"Phonic Lab - Clicca e ascolta i suoni delle lettere\" loading=\"lazy\" decoding=\"async\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Flip cards - solo 2 -->\n <section class=\"cards-section\">\n <h2>Esplora i suoni<\/h2>\n <div class=\"cards-grid\">\n\n <div class=\"flip-card\">\n <div class=\"flip-inner\">\n <div class=\"flip-front\">\n <div class=\"icon\">\ud83c\udf4e<\/div>\n <h3>Short Vowels<\/h3>\n <span>a \u00b7 e \u00b7 i \u00b7 o \u00b7 u<\/span>\n <\/div>\n <div class=\"flip-back\">\n <h3>Vocali brevi<\/h3>\n <ul>\n <li><span class=\"phoneme\">\/\u00e6\/<\/span><span class=\"examples\">cat, bat<\/span><\/li>\n <li><span class=\"phoneme\">\/e\/<\/span><span class=\"examples\">bed, pen<\/span><\/li>\n <li><span class=\"phoneme\">\/\u026a\/<\/span><span class=\"examples\">sit, big<\/span><\/li>\n <li><span class=\"phoneme\">\/\u0252\/<\/span><span class=\"examples\">hot, dog<\/span><\/li>\n <li><span class=\"phoneme\">\/\u028c\/<\/span><span class=\"examples\">cup, bus<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flip-card\">\n <div class=\"flip-inner\">\n <div class=\"flip-front\">\n <div class=\"icon\">\ud83d\udd24<\/div>\n <h3>Consonants<\/h3>\n <span>b \u00b7 c \u00b7 d \u00b7 f \u00b7 g<\/span>\n <\/div>\n <div class=\"flip-back\">\n <h3>Consonanti base<\/h3>\n <ul>\n <li><span class=\"phoneme\">\/b\/<\/span><span class=\"examples\">ball, book<\/span><\/li>\n <li><span class=\"phoneme\">\/k\/<\/span><span class=\"examples\">cat, king<\/span><\/li>\n <li><span class=\"phoneme\">\/d\/<\/span><span class=\"examples\">dog, door<\/span><\/li>\n <li><span class=\"phoneme\">\/f\/<\/span><span class=\"examples\">fish, fan<\/span><\/li>\n <li><span class=\"phoneme\">\/g\/<\/span><span class=\"examples\">goat, game<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <!-- Video -->\n <section class=\"video-section\">\n <h2>Fai pratica<\/h2>\n <div class=\"video-wrapper\">\n <video id=\"mainVideo\" controls poster=\"https:\/\/i.pinimg.com\/736x\/eb\/c4\/42\/ebc442269521161bd74c5752f4562eb1.jpg\">\n <source src=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/phonic\/video\/opw_sb3_u01_a_e.mp4\" type=\"video\/mp4\">\n Il tuo browser non supporta la riproduzione di video.\n <\/video>\n <div class=\"video-label\">\n <span>\ud83c\udfa7<\/span> <span id=\"currentVideoLabel\">a_e (come in \"cake\")<\/span>\n <\/div>\n <\/div>\n <div class=\"video-buttons\">\n <button class=\"video-btn active\" data-src=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/phonic\/video\/opw_sb3_u01_a_e.mp4\" data-label=\"a_e (come in "cake")\">a_e<\/button>\n <button class=\"video-btn\" data-src=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/phonic\/video\/opw_sb3_u01_ake.mp4\" data-label=\"ake (come in "bake")\">ake<\/button>\n <button class=\"video-btn\" data-src=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/phonic\/video\/opw_sb3_u01_ame.mp4\" data-label=\"ame (come in "game")\">ame<\/button>\n <\/div>\n\n <!-- Bottone \"di pi\u00f9 qui\" a larghezza piena -->\n <div class=\"more-link-wrapper\">\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=697\"\n class=\"more-link\"\n target=\"_blank\"\n rel=\"noopener\"\n aria-label=\"Scopri di pi\u00f9 sul Phonics\">\n <span>di pi\u00f9 qui<\/span>\n <span class=\"arrow-icon\">\u2192<\/span>\n <\/a>\n <\/div>\n <\/section>\n\n <!-- Tips Carousel -->\n <section class=\"tips-section\">\n <h2>Consigli pratici<\/h2>\n\n <div class=\"carousel-container\" id=\"carousel\">\n <button class=\"carousel-arrow prev\" id=\"prevBtn\" aria-label=\"Precedente\">\u2039<\/button>\n\n <div class=\"carousel-viewport\">\n <div class=\"carousel-track\" id=\"carouselTrack\">\n\n <div class=\"carousel-card\">\n <span class=\"tip-num\">1<\/span>\n <div>\n <strong>Suoni puri<\/strong>\n <p>Di' \/m\/ non \"muh\". Senza vocale finale il blending \u00e8 pi\u00f9 facile.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"carousel-card\">\n <span class=\"tip-num\">2<\/span>\n <div>\n <strong>Blending quotidiano<\/strong>\n <p>Unisci i suoni: \/k\/-\/a\/-\/t\/ \u2192 cat. Prima lento, poi sempre pi\u00f9 veloce.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"carousel-card\">\n <span class=\"tip-num\">3<\/span>\n <div>\n <strong>Attenzione ai digrafi<\/strong>\n <p>\"sh\", \"ch\", \"th\" sono un solo suono. Non separarli mai.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"carousel-card\">\n <span class=\"tip-num\">4<\/span>\n <div>\n <strong>Poco e spesso<\/strong>\n <p>5 minuti al giorno battono un'ora a settimana. La costanza crea automatismo.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"carousel-card\">\n <span class=\"tip-num\">5<\/span>\n <div>\n <strong>Gioca con i suoni<\/strong>\n <p>\"I spy\" con i suoni iniziali, memory di lettere e immagini, cacce al tesoro fonetiche.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"carousel-card\">\n <span class=\"tip-num\">6<\/span>\n <div>\n <strong>Scrivi i suoni<\/strong>\n <p>La memoria motoria rafforza il legame tra fonema e grafema.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <button class=\"carousel-arrow next\" id=\"nextBtn\" aria-label=\"Successivo\">\u203a<\/button>\n <\/div>\n\n <div class=\"carousel-dots\" id=\"carouselDots\"><\/div>\n <\/section>\n\n <\/main>\n\n <!-- ============================================================ -->\n <!-- ====================== FINE BODY =========================== -->\n <!-- ============================================================ -->\n\n\n <!-- ============================================================ -->\n <!-- ============ INIZIO FOOTER PREMIUM \/ CONTATTI ============== -->\n <!-- ============================================================ -->\n\n <footer class=\"premium-footer\">\n <div class=\"premium-footer__inner\">\n\n <!-- Colonna sinistra: foto + identit\u00e0 -->\n <div class=\"premium-footer__identity\">\n <img\n class=\"premium-footer__photo\"\n src=\"https:\/\/i.pinimg.com\/1200x\/40\/2b\/7d\/402b7db9c3c2c6abf29a4c3292433790.jpg\"\n alt=\"Prof. Donato Di Fazio\"\n loading=\"lazy\"\n decoding=\"async\">\n <p class=\"premium-footer__name\">Prof. Donato Di Fazio<\/p>\n <p class=\"premium-footer__role\">Anno Scolastico 2026\/27<\/p>\n <\/div>\n\n <!-- Colonna destra: contatto -->\n <div class=\"premium-footer__contact\">\n <h2 class=\"premium-footer__title\">\ud83d\udcec Hai una domanda?<\/h2>\n <p class=\"premium-footer__text\">\n Scrivimi per suggerire un argomento, chiedere chiarimenti o segnalare un errore.\n <\/p>\n <a class=\"premium-footer__btn\"\n href=\"mailto:profdonatodifazio@gmail.com?subject=Visual%20Fluency%20-%20Contatto&body=Ciao%20Prof.%20Di%20Fazio%2C%0A%0A\">\n \u2709\ufe0f profdonatodifazio@gmail.com\n <\/a>\n <\/div>\n\n <\/div>\n\n <!-- Riga finale -->\n <div class=\"premium-footer__bottom\">\n Fatto con <span class=\"heart\">\u2665<\/span> per chi vuole imparare l'inglese divertendosi.\n <\/div>\n <\/footer>\n\n <!-- ============================================================ -->\n <!-- ============== FINE FOOTER PREMIUM \/ CONTATTI ============== -->\n <!-- ============================================================ -->\n\n\n <!-- ============================================================ -->\n <!-- ============== SCRIPT (funzionalit\u00e0 pagina) ================ -->\n <!-- ============================================================ -->\n <script>\n document.addEventListener('DOMContentLoaded', function () {\n\n \/* ===== Video switcher ===== *\/\n const video = document.getElementById('mainVideo');\n const source = video.querySelector('source');\n const label = document.getElementById('currentVideoLabel');\n const buttons = document.querySelectorAll('.video-btn');\n\n buttons.forEach(btn => {\n btn.addEventListener('click', function () {\n buttons.forEach(b => b.classList.remove('active'));\n this.classList.add('active');\n source.setAttribute('src', this.dataset.src);\n video.load();\n label.textContent = this.dataset.label;\n });\n });\n\n \/* ===== Bottone Royal Blue -> Verde al click ===== *\/\n const labButton = document.getElementById('labButton');\n if (labButton) {\n labButton.addEventListener('click', function () {\n this.classList.add('clicked');\n setTimeout(() => {\n this.classList.remove('clicked');\n }, 2000);\n });\n }\n\n \/* ===== Tips Carousel ===== *\/\n const track = document.getElementById('carouselTrack');\n const prevBtn = document.getElementById('prevBtn');\n const nextBtn = document.getElementById('nextBtn');\n const dotsContainer = document.getElementById('carouselDots');\n const carousel = document.getElementById('carousel');\n\n const cards = Array.from(track.children);\n const total = cards.length;\n\n let currentIndex = 0;\n let autoPlayTimer = null;\n const AUTOPLAY_DELAY = 3000;\n\n \/* Rispetta prefers-reduced-motion: disabilita autoplay *\/\n const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n function getVisibleCount() {\n const w = window.innerWidth;\n if (w <= 768) return 1;\n if (w <= 900) return 2;\n return 3;\n }\n\n function getMaxIndex() {\n return Math.max(0, total - getVisibleCount());\n }\n\n function buildDots() {\n dotsContainer.innerHTML = '';\n const maxIdx = getMaxIndex();\n for (let i = 0; i <= maxIdx; i++) {\n const dot = document.createElement('button');\n dot.className = 'carousel-dot';\n dot.setAttribute('aria-label', 'Vai alla posizione ' + (i + 1));\n if (i === currentIndex) dot.classList.add('active');\n dot.addEventListener('click', () => {\n currentIndex = i;\n updateCarousel();\n });\n dotsContainer.appendChild(dot);\n }\n }\n\n function updateCarousel() {\n const maxIdx = getMaxIndex();\n if (currentIndex > maxIdx) currentIndex = maxIdx;\n if (currentIndex < 0) currentIndex = 0;\n\n const cardWidth = cards[0].getBoundingClientRect().width;\n const gap = parseFloat(getComputedStyle(track).gap) || 0;\n const offset = (cardWidth + gap) * currentIndex;\n\n track.style.transform = `translateX(-${offset}px)`;\n\n const dots = dotsContainer.querySelectorAll('.carousel-dot');\n dots.forEach((d, i) => {\n d.classList.toggle('active', i === currentIndex);\n });\n }\n\n function next() {\n const maxIdx = getMaxIndex();\n currentIndex = currentIndex >= maxIdx ? 0 : currentIndex + 1;\n updateCarousel();\n }\n\n function prev() {\n const maxIdx = getMaxIndex();\n currentIndex = currentIndex <= 0 ? maxIdx : currentIndex - 1;\n updateCarousel();\n }\n\n function startAutoPlay() {\n if (prefersReducedMotion) return;\n stopAutoPlay();\n autoPlayTimer = setInterval(next, AUTOPLAY_DELAY);\n }\n\n function stopAutoPlay() {\n if (autoPlayTimer) {\n clearInterval(autoPlayTimer);\n autoPlayTimer = null;\n }\n }\n\n nextBtn.addEventListener('click', () => {\n next();\n startAutoPlay();\n });\n\n prevBtn.addEventListener('click', () => {\n prev();\n startAutoPlay();\n });\n\n carousel.addEventListener('mouseenter', stopAutoPlay);\n carousel.addEventListener('mouseleave', startAutoPlay);\n\n carousel.addEventListener('touchstart', stopAutoPlay, { passive: true });\n carousel.addEventListener('touchend', () => {\n setTimeout(startAutoPlay, 1500);\n });\n\n buildDots();\n updateCarousel();\n startAutoPlay();\n\n let resizeTimeout;\n window.addEventListener('resize', () => {\n clearTimeout(resizeTimeout);\n resizeTimeout = setTimeout(() => {\n currentIndex = 0;\n buildDots();\n updateCarousel();\n }, 150);\n });\n\n });\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PROF. DONATO DI FAZIO | Phonics Vai al contenuto Prof. Di Fazio docente di Inglese Homepage Libreria Phonics Visual Writing […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-651","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/pages\/651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=651"}],"version-history":[{"count":34,"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/pages\/651\/revisions"}],"predecessor-version":[{"id":765,"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/pages\/651\/revisions\/765"}],"wp:attachment":[{"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}