Visual Fluency \u2013 Impara l'inglese guardando<\/title>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fontsource\/open-sans@5.0.8\/index.css\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fontsource\/roboto@5.0.8\/index.css\">\r\n<\/head>\r\n<body style=\"margin:0;padding:0;background-color:#fdf6ec;color:#2c3e50;font-family:'Open Sans',Arial,Verdana,sans-serif;line-height:1.6;font-size:19px;\">\r\n\r\n\r\n<header id=\"siteHeader\" style=\"background-color:#fcfbf8;border-bottom:1px solid rgba(45,45,45,0.1);position:sticky;top:0;z-index:9999;font-family:'Open Sans',sans-serif;width:100%;\">\r\n <div style=\"max-width:1280px;margin:0 auto;padding:16px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;\">\r\n\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/\" style=\"display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/1200x\/6b\/fe\/7d\/6bfe7dce374e5efb690241ef2e2ad367.jpg\" alt=\"Logo Prof. Di Fazio\" style=\"width:50px;height:50px;border-radius:9999px;object-fit:cover;box-shadow:0 4px 10px rgba(0,0,0,0.12);border:2px solid #fcfbf8;outline:2px solid rgba(198,93,58,0.25);\">\r\n <div style=\"display:flex;flex-direction:column;line-height:1.15;\">\r\n <span style=\"font-family:'Open Sans',sans-serif;font-weight:700;font-size:20px;color:#2d2d2d;letter-spacing:-0.01em;\">Prof. Di Fazio<\/span>\r\n <span style=\"font-family:'Roboto',sans-serif;font-weight:500;font-size:12px;color:#c65d3a;letter-spacing:0.03em;text-transform:uppercase;margin-top:2px;\">docente di Inglese<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <nav id=\"desktopNav\" style=\"display:flex;align-items:center;gap:24px;flex-shrink:0;\">\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/\" class=\"nav-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:15px;color:#2d2d2d;text-decoration:none;padding:8px 2px;white-space:nowrap;transition:color 0.25s ease;\">Homepage<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=41\" class=\"nav-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:15px;color:#2d2d2d;text-decoration:none;padding:8px 2px;white-space:nowrap;transition:color 0.25s ease;\">Libreria<\/a>\r\n <a href=\"#visual\" class=\"nav-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:15px;color:#2d2d2d;text-decoration:none;padding:8px 2px;white-space:nowrap;transition:color 0.25s ease;\">Visual<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=238\" class=\"nav-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:15px;color:#2d2d2d;text-decoration:none;padding:8px 2px;white-space:nowrap;transition:color 0.25s ease;\">Street Talk<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=147\" class=\"nav-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:15px;color:#2d2d2d;text-decoration:none;padding:8px 2px;white-space:nowrap;transition:color 0.25s ease;\">Quiz<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=98\" class=\"nav-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:15px;color:#2d2d2d;text-decoration:none;padding:8px 2px;white-space:nowrap;transition:color 0.25s ease;\">Privacy Policy<\/a>\r\n <\/nav>\r\n\r\n <button id=\"mobileMenuToggle\" aria-label=\"Apri menu\" style=\"display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:10001;\">\r\n <span style=\"display:block;width:24px;height:2px;background:#2d2d2d;margin:5px 0;border-radius:2px;\"><\/span>\r\n <span style=\"display:block;width:24px;height:2px;background:#2d2d2d;margin:5px 0;border-radius:2px;\"><\/span>\r\n <span style=\"display:block;width:24px;height:2px;background:#2d2d2d;margin:5px 0;border-radius:2px;\"><\/span>\r\n <\/button>\r\n <\/div>\r\n<\/header>\r\n\r\n\r\n<div id=\"mobileNavOverlay\" style=\"position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:#fcfbf8;box-shadow:-5px 0 20px rgba(0,0,0,0.1);z-index:10000;transition:right 0.3s ease;padding:80px 2rem 2rem;display:flex;flex-direction:column;gap:1.5rem;box-sizing:border-box;\">\r\n <button id=\"mobileNavClose\" aria-label=\"Chiudi menu\" style=\"position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#2d2d2d;\">\u2715<\/button>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/\" class=\"mobile-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:18px;color:#2d2d2d;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.05);\">Homepage<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=41\" class=\"mobile-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:18px;color:#2d2d2d;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.05);\">Libreria<\/a>\r\n <a href=\"#visual\" class=\"mobile-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:18px;color:#2d2d2d;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.05);\">Visual<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=238\" class=\"mobile-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:18px;color:#2d2d2d;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.05);\">Street Talk<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=147\" class=\"mobile-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:18px;color:#2d2d2d;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.05);\">Quiz<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=98\" class=\"mobile-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:18px;color:#2d2d2d;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.05);\">Privacy Policy<\/a>\r\n<\/div>\r\n\r\n\r\n<header id=\"visual\" style=\"background-color:#fdf6ec;background-image:linear-gradient(135deg,#fdf6ec 0%,#f7ede0 100%);padding:70px 24px 60px;text-align:center;border-bottom:3px solid #e8e2d5;\">\r\n\r\n <div style=\"display:inline-block;background-color:#ffffff;border:2px solid #e8a0a0;border-radius:999px;padding:8px 24px;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#e8a0a0;margin-bottom:24px;\">\r\n \u25b6 Video lezioni di inglese\r\n <\/div>\r\n\r\n <h1 style=\"font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,8vw,82px);font-weight:900;line-height:1;letter-spacing:-2px;margin:0 0 22px 0;color:#2c3e50;white-space:nowrap;\">\r\n Visual Fluency\r\n <\/h1>\r\n\r\n <p style=\"margin:0 auto;max-width:720px;font-size:24px;color:#4a5a70;line-height:1.5;\">\r\n Le regole di inglese spiegate <strong style=\"color:#e8a0a0;\">in pochi secondi<\/strong>, con esempi chiari e frasi vere.\r\n <\/p>\r\n <p style=\"margin:14px auto 0 auto;max-width:720px;font-size:19px;color:#7a8699;line-height:1.5;\">\r\n Guarda. Capisci. Usa. Niente libri, niente noia.\r\n <\/p>\r\n\r\n <div style=\"margin-top:36px;\">\r\n <span style=\"display:inline-block;background-color:#ffffff;border:2px solid #e8e2d5;padding:10px 22px;border-radius:999px;font-size:17px;font-weight:600;color:#4a5a70;margin:5px;\">\r\n \ud83c\udfa5 Video brevi\r\n <\/span>\r\n <span style=\"display:inline-block;background-color:#ffffff;border:2px solid #e8e2d5;padding:10px 22px;border-radius:999px;font-size:17px;font-weight:600;color:#4a5a70;margin:5px;\">\r\n \ud83d\udcd0 Formato originale\r\n <\/span>\r\n <\/div>\r\n<\/header>\r\n\r\n\r\n<section style=\"background-color:#ffffff;border-top:3px solid #e8e2d5;border-bottom:3px solid #e8e2d5;padding:60px 24px;\">\r\n <div style=\"max-width:1000px;margin:0 auto;\">\r\n\r\n <h2 style=\"font-family:Georgia,serif;font-size:38px;font-weight:900;letter-spacing:-1px;margin:0 0 30px 0;color:#2c3e50;text-align:center;\">\r\n \u2728 Come funziona\r\n <\/h2>\r\n\r\n <div style=\"display:flex;flex-wrap:wrap;gap:24px;justify-content:center;\">\r\n\r\n <div style=\"flex:1;min-width:260px;background-color:#fdf6ec;border:2px solid #e8e2d5;border-radius:20px;padding:30px;\">\r\n <div style=\"font-size:44px;margin-bottom:14px;\">\ud83c\udfac<\/div>\r\n <h3 style=\"font-size:22px;font-weight:800;margin:0 0 10px 0;color:#2c3e50;\">Guarda<\/h3>\r\n <p style=\"font-size:17px;color:#4a5a70;margin:0;line-height:1.6;\">Ogni video dura da 30 a 90 secondi. Il tempo di un caff\u00e8.<\/p>\r\n <\/div>\r\n\r\n <div style=\"flex:1;min-width:260px;background-color:#fdf6ec;border:2px solid #e8e2d5;border-radius:20px;padding:30px;\">\r\n <div style=\"font-size:44px;margin-bottom:14px;\">\ud83d\udca1<\/div>\r\n <h3 style=\"font-size:22px;font-weight:800;margin:0 0 10px 0;color:#2c3e50;\">Capisci<\/h3>\r\n <p style=\"font-size:17px;color:#4a5a70;margin:0;line-height:1.6;\">Info grafiche, esempi e sottotitoli: tutto per farti capire al primo colpo.<\/p>\r\n <\/div>\r\n\r\n <div style=\"flex:1;min-width:260px;background-color:#fdf6ec;border:2px solid #e8e2d5;border-radius:20px;padding:30px;\">\r\n <div style=\"font-size:44px;margin-bottom:14px;\">\ud83d\udde3\ufe0f<\/div>\r\n <h3 style=\"font-size:22px;font-weight:800;margin:0 0 10px 0;color:#2c3e50;\">Usa<\/h3>\r\n <p style=\"font-size:17px;color:#4a5a70;margin:0;line-height:1.6;\">Ripeti ad alta voce. Il segreto \u00e8 usare la lingua, non solo studiarla.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<main style=\"max-width:1250px;margin:0 auto;padding:70px 24px;\">\r\n\r\n <div style=\"text-align:center;margin-bottom:44px;\">\r\n <h2 style=\"font-family:Georgia,serif;font-size:40px;font-weight:900;letter-spacing:-1px;margin:0 0 10px 0;color:#2c3e50;\">\r\n \ud83d\udcfa Video Tutorial\r\n <\/h2>\r\n <p style=\"font-size:19px;color:#7a8699;margin:0;\">\r\n Clicca su una card per guardare il video.\r\n <\/p>\r\n <\/div>\r\n\r\n <div id=\"videoGrid\" style=\"display:flex;flex-wrap:wrap;gap:22px;justify-content:center;\">\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"grammatica\" data-video=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/1_condi.mp4\" data-poster=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/1_conci_cover.jpeg\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/1_conci_cover.jpeg');background-size:cover;background-position:center;background-color:#e8a0a0;\">\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <h3 style=\"font-size:18px;font-weight:800;color:#2c3e50;margin:0;line-height:1.3;\">First Conditional<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"grammatica\" data-video=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/2_condi_video.mp4\" data-poster=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/2_condi_cover.jpeg\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/2_condi_cover.jpeg');background-size:cover;background-position:center;background-color:#a8c8a0;\">\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <h3 style=\"font-size:18px;font-weight:800;color:#2c3e50;margin:0;line-height:1.3;\">Second Conditional<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"grammatica\" data-video=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/3_condi_video.mp4\" data-poster=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/3_condi_cover.jpeg\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/3_condi_cover.jpeg');background-size:cover;background-position:center;background-color:#f0c674;\">\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <h3 style=\"font-size:18px;font-weight:800;color:#2c3e50;margin:0;line-height:1.3;\">Third Conditional<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"grammatica\" data-video=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/futuro_video.mp4\" data-poster=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/will_vs_going_to_cover.jpg\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/will_vs_going_to_cover.jpg');background-size:cover;background-position:center;background-color:#e0d0ec;\">\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <h3 style=\"font-size:18px;font-weight:800;color:#2c3e50;margin:0;line-height:1.3;\">Will vs Going to<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"grammatica\" data-video=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/simple%20past%20vs%20prese.%20perf.mp4\" data-poster=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/past%20simple%20vs%20pres.%20perf._%20cover.jpg\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/past%20simple%20vs%20pres.%20perf._%20cover.jpg');background-size:cover;background-position:center;background-color:#c8dcea;\">\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <h3 style=\"font-size:18px;font-weight:800;color:#2c3e50;margin:0;line-height:1.3;\">Simple Past vs Pres. Perfect<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"grammatica\" data-video=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/mustn%27t_vs_don%27t_have_to.mp4\" data-poster=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/mustn%27t_vs_don%27t_have_to_cover.jpg\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/mustn%27t_vs_don%27t_have_to_cover.jpg');background-size:cover;background-position:center;background-color:#f0d5e0;\">\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <h3 style=\"font-size:18px;font-weight:800;color:#2c3e50;margin:0;line-height:1.3;\">Mustn't vs Don't have to<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"grammatica\" data-video=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/past_progressive_video.mp4\" data-poster=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/past_progressive_cover.jpg\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/past_progressive_cover.jpg');background-size:cover;background-position:center;background-color:#f5e2c8;\">\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <h3 style=\"font-size:18px;font-weight:800;color:#2c3e50;margin:0;line-height:1.3;\">Past Progressive<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"vocab\" data-video=\"\" data-poster=\"\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background:linear-gradient(160deg,#d0e8e0,#88c8b8);display:flex;align-items:center;justify-content:center;\">\r\n <span style=\"font-size:64px;opacity:0.9;\">\u25b6<\/span>\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <span style=\"position:absolute;bottom:12px;left:12px;background-color:rgba(255,255,255,0.9);color:#4a9888;font-size:12px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;text-transform:uppercase;\">Vocab<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <p style=\"font-size:16px;color:#7a8699;margin:0;line-height:1.5;font-style:italic;\">Coming soon<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n<\/main>\r\n\r\n\r\n<section style=\"background-color:#f2ece4;border-top:3px solid #e0d6c8;border-bottom:3px solid #e0d6c8;padding:70px 24px;\">\r\n <div style=\"max-width:1100px;margin:0 auto;\">\r\n\r\n <div style=\"text-align:center;margin-bottom:44px;\">\r\n <h2 style=\"font-family:Georgia,serif;font-size:40px;font-weight:900;letter-spacing:-1px;margin:0 0 10px 0;color:#2c3e50;\">\r\n \ud83c\udfa8 Grammar Visually\r\n <\/h2>\r\n <p style=\"font-size:20px;color:#6b7a8d;margin:0;\">\r\n La grammatica inglese illustrata\r\n <\/p>\r\n <\/div>\r\n\r\n <div style=\"display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:flex-start;\">\r\n\r\n \r\n <div style=\"width:220px;background-color:#ffffff;border:2px solid #e0d6c8;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px rgba(44,62,80,0.06);transition:transform 0.25s,box-shadow 0.25s;\" onmouseenter=\"this.style.transform='translateY(-6px)';this.style.boxShadow='0 14px 30px rgba(44,62,80,0.18)'\" onmouseleave=\"this.style.transform='';this.style.boxShadow='0 4px 12px rgba(44,62,80,0.06)'\">\r\n <div style=\"width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/grammar_visually_card_1.jpg');background-size:cover;background-position:center;background-color:#e8dcd0;\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"width:220px;background-color:#ffffff;border:2px solid #e0d6c8;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px rgba(44,62,80,0.06);transition:transform 0.25s,box-shadow 0.25s;\" onmouseenter=\"this.style.transform='translateY(-6px)';this.style.boxShadow='0 14px 30px rgba(44,62,80,0.18)'\" onmouseleave=\"this.style.transform='';this.style.boxShadow='0 4px 12px rgba(44,62,80,0.06)'\">\r\n <div style=\"width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/grammar_visually_card_2.jpg');background-size:cover;background-position:center;background-color:#d4c5b0;\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"width:220px;background-color:#ffffff;border:2px solid #e0d6c8;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px rgba(44,62,80,0.06);transition:transform 0.25s,box-shadow 0.25s;\" onmouseenter=\"this.style.transform='translateY(-6px)';this.style.boxShadow='0 14px 30px rgba(44,62,80,0.18)'\" onmouseleave=\"this.style.transform='';this.style.boxShadow='0 4px 12px rgba(44,62,80,0.06)'\">\r\n <div style=\"width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/plurals.jpg');background-size:cover;background-position:center;background-color:#c8bfb0;\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"width:220px;background-color:#ffffff;border:2px solid #e0d6c8;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px rgba(44,62,80,0.06);transition:transform 0.25s,box-shadow 0.25s;\" onmouseenter=\"this.style.transform='translateY(-6px)';this.style.boxShadow='0 14px 30px rgba(44,62,80,0.18)'\" onmouseleave=\"this.style.transform='';this.style.boxShadow='0 4px 12px rgba(44,62,80,0.06)'\">\r\n <div style=\"width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/like_%2B_ing.jpg');background-size:cover;background-position:center;background-color:#d0c8b8;\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer style=\"background-color:#2c3e50;color:#ffffff;padding:60px 24px 40px;text-align:center;\">\r\n <div style=\"max-width:900px;margin:0 auto;\">\r\n\r\n <h2 style=\"font-family:Georgia,serif;font-size:38px;font-weight:900;letter-spacing:-1px;margin:0 0 16px 0;color:#ffffff;\">\r\n \ud83d\udcec Hai una domanda?\r\n <\/h2>\r\n\r\n <p style=\"font-size:20px;color:#d8dde5;margin:0 0 28px 0;line-height:1.5;\">\r\n Scrivimi per suggerire un argomento, chiedere chiarimenti o segnalare un errore.\r\n <\/p>\r\n\r\n <a href=\"mailto:profdonatodifazio@gmail.com?subject=Visual%20Fluency%20-%20Contatto&body=Ciao%20Prof.%20Di%20Fazio%2C%0A%0A\" style=\"display:inline-block;padding:18px 40px;border-radius:999px;font-weight:800;font-size:19px;text-decoration:none;background-color:#e8a0a0;color:#ffffff;\">\r\n \u2709\ufe0f profdonatodifazio@gmail.com\r\n <\/a>\r\n\r\n <div style=\"margin-top:44px;padding-top:30px;border-top:1px solid #4a5a70;\">\r\n <p style=\"font-size:19px;color:#d8dde5;margin:0 0 8px 0;\">\r\n <strong style=\"color:#ffffff;\">Prof. Donato Di Fazio<\/strong>\r\n <\/p>\r\n <p style=\"font-size:17px;color:#a8b0c0;margin:0;\">\r\n Visual Fluency \u00b7 Anno Scolastico 2026\/27\r\n <\/p>\r\n <p style=\"font-size:15px;color:#7a8699;margin:20px 0 0 0;\">\r\n Fatto con <span style=\"color:#e8a0a0;\">\u2665<\/span> per chi vuole imparare l'inglese divertendosi.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/footer>\r\n\r\n\r\n<div id=\"videoModal\" style=\"display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(44,62,80,0.85);z-index:9999;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;\">\r\n\r\n <div id=\"modalBox\" style=\"background-color:#ffffff;border-radius:24px;width:100%;max-width:520px;max-height:95vh;overflow-y:auto;padding:24px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.4);box-sizing:border-box;\">\r\n\r\n <button id=\"closeModal\" style=\"position:absolute;top:14px;right:14px;background-color:#fdf6ec;border:2px solid #e8e2d5;color:#2c3e50;font-size:22px;font-weight:800;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;\">\r\n \u2715\r\n <\/button>\r\n\r\n <div id=\"videoWrapper\" style=\"background-color:#fdf6ec;border-radius:16px;margin-bottom:20px;overflow:hidden;position:relative;width:100%;\">\r\n <div id=\"videoLoader\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fdf6ec;color:#7a8699;font-size:17px;\">\r\n \u23f3 Caricamento video\u2026\r\n <\/div>\r\n <video id=\"modalVideo\" controls playsinline preload=\"metadata\" style=\"width:100%;display:block;background-color:#000;\">\r\n <p style=\"padding:30px;text-align:center;color:#7a8699;font-size:17px;\">\r\n \u23f3 Nessun video caricato per questa card.\r\n <\/p>\r\n <\/video>\r\n <\/div>\r\n\r\n <div id=\"modalCategory\" style=\"display:inline-block;background-color:#fdf6ec;color:#e8a0a0;font-size:13px;font-weight:800;padding:5px 14px;border-radius:999px;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;\">\r\n CATEGORIA\r\n <\/div>\r\n\r\n <p id=\"modalDescription\" style=\"font-size:17px;color:#4a5a70;margin:0;line-height:1.6;\">\r\n Coming soon\r\n <\/p>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function () {\r\n 'use strict';\r\n\r\n var mobileMenuToggle = document.getElementById('mobileMenuToggle');\r\n var mobileNavOverlay = document.getElementById('mobileNavOverlay');\r\n var mobileNavClose = document.getElementById('mobileNavClose');\r\n var desktopNav = document.getElementById('desktopNav');\r\n\r\n function openMobileMenu() {\r\n mobileNavOverlay.style.right = '0';\r\n document.body.style.overflow = 'hidden';\r\n }\r\n function closeMobileMenu() {\r\n mobileNavOverlay.style.right = '-100%';\r\n document.body.style.overflow = '';\r\n }\r\n\r\n if (mobileMenuToggle) mobileMenuToggle.addEventListener('click', openMobileMenu);\r\n if (mobileNavClose) mobileNavClose.addEventListener('click', closeMobileMenu);\r\n\r\n document.querySelectorAll('.mobile-link').forEach(function (link) {\r\n link.addEventListener('click', closeMobileMenu);\r\n });\r\n\r\n document.addEventListener('keydown', function (event) {\r\n if (event.key === 'Escape' && mobileNavOverlay.style.right === '0px') {\r\n closeMobileMenu();\r\n }\r\n });\r\n\r\n function checkScreenSize() {\r\n if (window.innerWidth <= 900) {\r\n desktopNav.style.display = 'none';\r\n mobileMenuToggle.style.display = 'block';\r\n } else {\r\n desktopNav.style.display = 'flex';\r\n mobileMenuToggle.style.display = 'none';\r\n }\r\n }\r\n checkScreenSize();\r\n window.addEventListener('resize', checkScreenSize);\r\n\r\n document.querySelectorAll('.nav-link').forEach(function (link) {\r\n link.addEventListener('mouseenter', function () { link.style.color = '#c65d3a'; });\r\n link.addEventListener('mouseleave', function () { link.style.color = '#2d2d2d'; });\r\n });\r\n\r\n var modal = document.getElementById('videoModal');\r\n var modalBox = document.getElementById('modalBox');\r\n var modalVideo = document.getElementById('modalVideo');\r\n var modalDesc = document.getElementById('modalDescription');\r\n var modalCat = document.getElementById('modalCategory');\r\n var videoWrapper = document.getElementById('videoWrapper');\r\n var videoLoader = document.getElementById('videoLoader');\r\n var closeBtn = document.getElementById('closeModal');\r\n var cards = document.querySelectorAll('.video-card');\r\n\r\n function openModal(card) {\r\n var titleEl = card.querySelector('h3');\r\n var descEl = card.querySelector('p');\r\n var desc = descEl ? descEl.innerText : (titleEl ? titleEl.innerText : 'Coming soon');\r\n var cat = card.getAttribute('data-cat') || '';\r\n var videoSrc = card.getAttribute('data-video') || '';\r\n var poster = card.getAttribute('data-poster') || '';\r\n\r\n modalDesc.innerText = desc;\r\n\r\n var catLabels = {\r\n 'grammatica': 'Grammatica',\r\n 'idioms': 'Frasi idiomatiche',\r\n 'phrasal': 'Phrasal Verbs',\r\n 'vocab': 'Vocabolario',\r\n 'extra': 'Extra'\r\n };\r\n modalCat.innerText = catLabels[cat] || cat || 'Video';\r\n\r\n videoWrapper.style.aspectRatio = '9 \/ 16';\r\n videoWrapper.style.height = '';\r\n modalBox.style.maxWidth = '520px';\r\n\r\n videoLoader.style.display = 'flex';\r\n modalVideo.style.display = 'none';\r\n\r\n if (videoSrc) {\r\n if (poster) modalVideo.setAttribute('poster', poster);\r\n modalVideo.src = videoSrc;\r\n\r\n modalVideo.onloadedmetadata = function () {\r\n var w = modalVideo.videoWidth;\r\n var h = modalVideo.videoHeight;\r\n\r\n if (w && h) {\r\n var ar = w \/ h;\r\n videoWrapper.style.aspectRatio = w + ' \/ ' + h;\r\n\r\n if (ar >= 1) {\r\n modalBox.style.maxWidth = '780px';\r\n } else {\r\n modalBox.style.maxWidth = '520px';\r\n }\r\n }\r\n\r\n videoLoader.style.display = 'none';\r\n modalVideo.style.display = 'block';\r\n };\r\n\r\n setTimeout(function () {\r\n if (videoLoader.style.display !== 'none') {\r\n videoLoader.style.display = 'none';\r\n modalVideo.style.display = 'block';\r\n }\r\n }, 4000);\r\n\r\n modalVideo.style.display = 'block';\r\n } else {\r\n modalVideo.removeAttribute('src');\r\n videoLoader.style.display = 'none';\r\n modalVideo.style.display = 'none';\r\n }\r\n\r\n modal.style.display = 'flex';\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeModal() {\r\n modal.style.display = 'none';\r\n try { modalVideo.pause(); } catch (e) {}\r\n modalVideo.removeAttribute('src');\r\n modalVideo.load();\r\n modalVideo.onloadedmetadata = null;\r\n document.body.style.overflow = '';\r\n }\r\n\r\n cards.forEach(function (card) {\r\n card.addEventListener('click', function () { openModal(card); });\r\n card.addEventListener('mouseenter', function () {\r\n card.style.transform = 'translateY(-6px)';\r\n card.style.boxShadow = '0 14px 30px rgba(44,62,80,0.18)';\r\n });\r\n card.addEventListener('mouseleave', function () {\r\n card.style.transform = '';\r\n card.style.boxShadow = '0 4px 12px rgba(44,62,80,0.06)';\r\n });\r\n });\r\n\r\n closeBtn.addEventListener('click', closeModal);\r\n modal.addEventListener('click', function (e) {\r\n if (e.target === modal) closeModal();\r\n });\r\n document.addEventListener('keydown', function (e) {\r\n if (e.key === 'Escape' && modal.style.display === 'flex') closeModal();\r\n });\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Visual Fluency \u2013 Impara l’inglese guardando Prof. Di Fazio docente di Inglese Homepage Libreria Visual Street Talk Quiz Privacy Policy […]<\/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-424","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/pages\/424","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=424"}],"version-history":[{"count":67,"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/pages\/424\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/pages\/424\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nVisual Fluency \u2013 Impara l'inglese guardando<\/title>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fontsource\/open-sans@5.0.8\/index.css\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fontsource\/roboto@5.0.8\/index.css\">\r\n<\/head>\r\n<body style=\"margin:0;padding:0;background-color:#fdf6ec;color:#2c3e50;font-family:'Open Sans',Arial,Verdana,sans-serif;line-height:1.6;font-size:19px;\">\r\n\r\n\r\n<header id=\"siteHeader\" style=\"background-color:#fcfbf8;border-bottom:1px solid rgba(45,45,45,0.1);position:sticky;top:0;z-index:9999;font-family:'Open Sans',sans-serif;width:100%;\">\r\n <div style=\"max-width:1280px;margin:0 auto;padding:16px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;\">\r\n\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/\" style=\"display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/1200x\/6b\/fe\/7d\/6bfe7dce374e5efb690241ef2e2ad367.jpg\" alt=\"Logo Prof. Di Fazio\" style=\"width:50px;height:50px;border-radius:9999px;object-fit:cover;box-shadow:0 4px 10px rgba(0,0,0,0.12);border:2px solid #fcfbf8;outline:2px solid rgba(198,93,58,0.25);\">\r\n <div style=\"display:flex;flex-direction:column;line-height:1.15;\">\r\n <span style=\"font-family:'Open Sans',sans-serif;font-weight:700;font-size:20px;color:#2d2d2d;letter-spacing:-0.01em;\">Prof. Di Fazio<\/span>\r\n <span style=\"font-family:'Roboto',sans-serif;font-weight:500;font-size:12px;color:#c65d3a;letter-spacing:0.03em;text-transform:uppercase;margin-top:2px;\">docente di Inglese<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <nav id=\"desktopNav\" style=\"display:flex;align-items:center;gap:24px;flex-shrink:0;\">\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/\" class=\"nav-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:15px;color:#2d2d2d;text-decoration:none;padding:8px 2px;white-space:nowrap;transition:color 0.25s ease;\">Homepage<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=41\" class=\"nav-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:15px;color:#2d2d2d;text-decoration:none;padding:8px 2px;white-space:nowrap;transition:color 0.25s ease;\">Libreria<\/a>\r\n <a href=\"#visual\" class=\"nav-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:15px;color:#2d2d2d;text-decoration:none;padding:8px 2px;white-space:nowrap;transition:color 0.25s ease;\">Visual<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=238\" class=\"nav-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:15px;color:#2d2d2d;text-decoration:none;padding:8px 2px;white-space:nowrap;transition:color 0.25s ease;\">Street Talk<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=147\" class=\"nav-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:15px;color:#2d2d2d;text-decoration:none;padding:8px 2px;white-space:nowrap;transition:color 0.25s ease;\">Quiz<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=98\" class=\"nav-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:15px;color:#2d2d2d;text-decoration:none;padding:8px 2px;white-space:nowrap;transition:color 0.25s ease;\">Privacy Policy<\/a>\r\n <\/nav>\r\n\r\n <button id=\"mobileMenuToggle\" aria-label=\"Apri menu\" style=\"display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:10001;\">\r\n <span style=\"display:block;width:24px;height:2px;background:#2d2d2d;margin:5px 0;border-radius:2px;\"><\/span>\r\n <span style=\"display:block;width:24px;height:2px;background:#2d2d2d;margin:5px 0;border-radius:2px;\"><\/span>\r\n <span style=\"display:block;width:24px;height:2px;background:#2d2d2d;margin:5px 0;border-radius:2px;\"><\/span>\r\n <\/button>\r\n <\/div>\r\n<\/header>\r\n\r\n\r\n<div id=\"mobileNavOverlay\" style=\"position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:#fcfbf8;box-shadow:-5px 0 20px rgba(0,0,0,0.1);z-index:10000;transition:right 0.3s ease;padding:80px 2rem 2rem;display:flex;flex-direction:column;gap:1.5rem;box-sizing:border-box;\">\r\n <button id=\"mobileNavClose\" aria-label=\"Chiudi menu\" style=\"position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#2d2d2d;\">\u2715<\/button>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/\" class=\"mobile-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:18px;color:#2d2d2d;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.05);\">Homepage<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=41\" class=\"mobile-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:18px;color:#2d2d2d;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.05);\">Libreria<\/a>\r\n <a href=\"#visual\" class=\"mobile-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:18px;color:#2d2d2d;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.05);\">Visual<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=238\" class=\"mobile-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:18px;color:#2d2d2d;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.05);\">Street Talk<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=147\" class=\"mobile-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:18px;color:#2d2d2d;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.05);\">Quiz<\/a>\r\n <a href=\"https:\/\/www.profdifaziodonato.it\/?page_id=98\" class=\"mobile-link\" style=\"font-family:'Open Sans',sans-serif;font-weight:600;font-size:18px;color:#2d2d2d;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.05);\">Privacy Policy<\/a>\r\n<\/div>\r\n\r\n\r\n<header id=\"visual\" style=\"background-color:#fdf6ec;background-image:linear-gradient(135deg,#fdf6ec 0%,#f7ede0 100%);padding:70px 24px 60px;text-align:center;border-bottom:3px solid #e8e2d5;\">\r\n\r\n <div style=\"display:inline-block;background-color:#ffffff;border:2px solid #e8a0a0;border-radius:999px;padding:8px 24px;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#e8a0a0;margin-bottom:24px;\">\r\n \u25b6 Video lezioni di inglese\r\n <\/div>\r\n\r\n <h1 style=\"font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,8vw,82px);font-weight:900;line-height:1;letter-spacing:-2px;margin:0 0 22px 0;color:#2c3e50;white-space:nowrap;\">\r\n Visual Fluency\r\n <\/h1>\r\n\r\n <p style=\"margin:0 auto;max-width:720px;font-size:24px;color:#4a5a70;line-height:1.5;\">\r\n Le regole di inglese spiegate <strong style=\"color:#e8a0a0;\">in pochi secondi<\/strong>, con esempi chiari e frasi vere.\r\n <\/p>\r\n <p style=\"margin:14px auto 0 auto;max-width:720px;font-size:19px;color:#7a8699;line-height:1.5;\">\r\n Guarda. Capisci. Usa. Niente libri, niente noia.\r\n <\/p>\r\n\r\n <div style=\"margin-top:36px;\">\r\n <span style=\"display:inline-block;background-color:#ffffff;border:2px solid #e8e2d5;padding:10px 22px;border-radius:999px;font-size:17px;font-weight:600;color:#4a5a70;margin:5px;\">\r\n \ud83c\udfa5 Video brevi\r\n <\/span>\r\n <span style=\"display:inline-block;background-color:#ffffff;border:2px solid #e8e2d5;padding:10px 22px;border-radius:999px;font-size:17px;font-weight:600;color:#4a5a70;margin:5px;\">\r\n \ud83d\udcd0 Formato originale\r\n <\/span>\r\n <\/div>\r\n<\/header>\r\n\r\n\r\n<section style=\"background-color:#ffffff;border-top:3px solid #e8e2d5;border-bottom:3px solid #e8e2d5;padding:60px 24px;\">\r\n <div style=\"max-width:1000px;margin:0 auto;\">\r\n\r\n <h2 style=\"font-family:Georgia,serif;font-size:38px;font-weight:900;letter-spacing:-1px;margin:0 0 30px 0;color:#2c3e50;text-align:center;\">\r\n \u2728 Come funziona\r\n <\/h2>\r\n\r\n <div style=\"display:flex;flex-wrap:wrap;gap:24px;justify-content:center;\">\r\n\r\n <div style=\"flex:1;min-width:260px;background-color:#fdf6ec;border:2px solid #e8e2d5;border-radius:20px;padding:30px;\">\r\n <div style=\"font-size:44px;margin-bottom:14px;\">\ud83c\udfac<\/div>\r\n <h3 style=\"font-size:22px;font-weight:800;margin:0 0 10px 0;color:#2c3e50;\">Guarda<\/h3>\r\n <p style=\"font-size:17px;color:#4a5a70;margin:0;line-height:1.6;\">Ogni video dura da 30 a 90 secondi. Il tempo di un caff\u00e8.<\/p>\r\n <\/div>\r\n\r\n <div style=\"flex:1;min-width:260px;background-color:#fdf6ec;border:2px solid #e8e2d5;border-radius:20px;padding:30px;\">\r\n <div style=\"font-size:44px;margin-bottom:14px;\">\ud83d\udca1<\/div>\r\n <h3 style=\"font-size:22px;font-weight:800;margin:0 0 10px 0;color:#2c3e50;\">Capisci<\/h3>\r\n <p style=\"font-size:17px;color:#4a5a70;margin:0;line-height:1.6;\">Info grafiche, esempi e sottotitoli: tutto per farti capire al primo colpo.<\/p>\r\n <\/div>\r\n\r\n <div style=\"flex:1;min-width:260px;background-color:#fdf6ec;border:2px solid #e8e2d5;border-radius:20px;padding:30px;\">\r\n <div style=\"font-size:44px;margin-bottom:14px;\">\ud83d\udde3\ufe0f<\/div>\r\n <h3 style=\"font-size:22px;font-weight:800;margin:0 0 10px 0;color:#2c3e50;\">Usa<\/h3>\r\n <p style=\"font-size:17px;color:#4a5a70;margin:0;line-height:1.6;\">Ripeti ad alta voce. Il segreto \u00e8 usare la lingua, non solo studiarla.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<main style=\"max-width:1250px;margin:0 auto;padding:70px 24px;\">\r\n\r\n <div style=\"text-align:center;margin-bottom:44px;\">\r\n <h2 style=\"font-family:Georgia,serif;font-size:40px;font-weight:900;letter-spacing:-1px;margin:0 0 10px 0;color:#2c3e50;\">\r\n \ud83d\udcfa Video Tutorial\r\n <\/h2>\r\n <p style=\"font-size:19px;color:#7a8699;margin:0;\">\r\n Clicca su una card per guardare il video.\r\n <\/p>\r\n <\/div>\r\n\r\n <div id=\"videoGrid\" style=\"display:flex;flex-wrap:wrap;gap:22px;justify-content:center;\">\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"grammatica\" data-video=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/1_condi.mp4\" data-poster=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/1_conci_cover.jpeg\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/1_conci_cover.jpeg');background-size:cover;background-position:center;background-color:#e8a0a0;\">\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <h3 style=\"font-size:18px;font-weight:800;color:#2c3e50;margin:0;line-height:1.3;\">First Conditional<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"grammatica\" data-video=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/2_condi_video.mp4\" data-poster=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/2_condi_cover.jpeg\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/2_condi_cover.jpeg');background-size:cover;background-position:center;background-color:#a8c8a0;\">\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <h3 style=\"font-size:18px;font-weight:800;color:#2c3e50;margin:0;line-height:1.3;\">Second Conditional<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"grammatica\" data-video=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/3_condi_video.mp4\" data-poster=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/3_condi_cover.jpeg\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/3_condi_cover.jpeg');background-size:cover;background-position:center;background-color:#f0c674;\">\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <h3 style=\"font-size:18px;font-weight:800;color:#2c3e50;margin:0;line-height:1.3;\">Third Conditional<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"grammatica\" data-video=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/futuro_video.mp4\" data-poster=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/will_vs_going_to_cover.jpg\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/will_vs_going_to_cover.jpg');background-size:cover;background-position:center;background-color:#e0d0ec;\">\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <h3 style=\"font-size:18px;font-weight:800;color:#2c3e50;margin:0;line-height:1.3;\">Will vs Going to<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"grammatica\" data-video=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/simple%20past%20vs%20prese.%20perf.mp4\" data-poster=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/past%20simple%20vs%20pres.%20perf._%20cover.jpg\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/past%20simple%20vs%20pres.%20perf._%20cover.jpg');background-size:cover;background-position:center;background-color:#c8dcea;\">\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <h3 style=\"font-size:18px;font-weight:800;color:#2c3e50;margin:0;line-height:1.3;\">Simple Past vs Pres. Perfect<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"grammatica\" data-video=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/mustn%27t_vs_don%27t_have_to.mp4\" data-poster=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/mustn%27t_vs_don%27t_have_to_cover.jpg\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/mustn%27t_vs_don%27t_have_to_cover.jpg');background-size:cover;background-position:center;background-color:#f0d5e0;\">\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <h3 style=\"font-size:18px;font-weight:800;color:#2c3e50;margin:0;line-height:1.3;\">Mustn't vs Don't have to<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"grammatica\" data-video=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/past_progressive_video.mp4\" data-poster=\"https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/past_progressive_cover.jpg\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/past_progressive_cover.jpg');background-size:cover;background-position:center;background-color:#f5e2c8;\">\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <h3 style=\"font-size:18px;font-weight:800;color:#2c3e50;margin:0;line-height:1.3;\">Past Progressive<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"video-card\" data-cat=\"vocab\" data-video=\"\" data-poster=\"\" style=\"width:220px;background-color:#ffffff;border:2px solid #e8e2d5;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 12px rgba(44,62,80,0.06);\">\r\n <div style=\"position:relative;width:100%;aspect-ratio:9\/16;background:linear-gradient(160deg,#d0e8e0,#88c8b8);display:flex;align-items:center;justify-content:center;\">\r\n <span style=\"font-size:64px;opacity:0.9;\">\u25b6<\/span>\r\n <span style=\"position:absolute;top:12px;left:12px;background-color:#ffffff;color:#2c3e50;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;\">9:16<\/span>\r\n <span style=\"position:absolute;bottom:12px;left:12px;background-color:rgba(255,255,255,0.9);color:#4a9888;font-size:12px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:1px;text-transform:uppercase;\">Vocab<\/span>\r\n <\/div>\r\n <div style=\"padding:18px;text-align:center;\">\r\n <p style=\"font-size:16px;color:#7a8699;margin:0;line-height:1.5;font-style:italic;\">Coming soon<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n<\/main>\r\n\r\n\r\n<section style=\"background-color:#f2ece4;border-top:3px solid #e0d6c8;border-bottom:3px solid #e0d6c8;padding:70px 24px;\">\r\n <div style=\"max-width:1100px;margin:0 auto;\">\r\n\r\n <div style=\"text-align:center;margin-bottom:44px;\">\r\n <h2 style=\"font-family:Georgia,serif;font-size:40px;font-weight:900;letter-spacing:-1px;margin:0 0 10px 0;color:#2c3e50;\">\r\n \ud83c\udfa8 Grammar Visually\r\n <\/h2>\r\n <p style=\"font-size:20px;color:#6b7a8d;margin:0;\">\r\n La grammatica inglese illustrata\r\n <\/p>\r\n <\/div>\r\n\r\n <div style=\"display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:flex-start;\">\r\n\r\n \r\n <div style=\"width:220px;background-color:#ffffff;border:2px solid #e0d6c8;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px rgba(44,62,80,0.06);transition:transform 0.25s,box-shadow 0.25s;\" onmouseenter=\"this.style.transform='translateY(-6px)';this.style.boxShadow='0 14px 30px rgba(44,62,80,0.18)'\" onmouseleave=\"this.style.transform='';this.style.boxShadow='0 4px 12px rgba(44,62,80,0.06)'\">\r\n <div style=\"width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/grammar_visually_card_1.jpg');background-size:cover;background-position:center;background-color:#e8dcd0;\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"width:220px;background-color:#ffffff;border:2px solid #e0d6c8;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px rgba(44,62,80,0.06);transition:transform 0.25s,box-shadow 0.25s;\" onmouseenter=\"this.style.transform='translateY(-6px)';this.style.boxShadow='0 14px 30px rgba(44,62,80,0.18)'\" onmouseleave=\"this.style.transform='';this.style.boxShadow='0 4px 12px rgba(44,62,80,0.06)'\">\r\n <div style=\"width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/grammar_visually_card_2.jpg');background-size:cover;background-position:center;background-color:#d4c5b0;\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"width:220px;background-color:#ffffff;border:2px solid #e0d6c8;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px rgba(44,62,80,0.06);transition:transform 0.25s,box-shadow 0.25s;\" onmouseenter=\"this.style.transform='translateY(-6px)';this.style.boxShadow='0 14px 30px rgba(44,62,80,0.18)'\" onmouseleave=\"this.style.transform='';this.style.boxShadow='0 4px 12px rgba(44,62,80,0.06)'\">\r\n <div style=\"width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/plurals.jpg');background-size:cover;background-position:center;background-color:#c8bfb0;\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"width:220px;background-color:#ffffff;border:2px solid #e0d6c8;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px rgba(44,62,80,0.06);transition:transform 0.25s,box-shadow 0.25s;\" onmouseenter=\"this.style.transform='translateY(-6px)';this.style.boxShadow='0 14px 30px rgba(44,62,80,0.18)'\" onmouseleave=\"this.style.transform='';this.style.boxShadow='0 4px 12px rgba(44,62,80,0.06)'\">\r\n <div style=\"width:100%;aspect-ratio:9\/16;background-image:url('https:\/\/www.profdifaziodonato.it\/ddf_online\/visual_grammar\/like_%2B_ing.jpg');background-size:cover;background-position:center;background-color:#d0c8b8;\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer style=\"background-color:#2c3e50;color:#ffffff;padding:60px 24px 40px;text-align:center;\">\r\n <div style=\"max-width:900px;margin:0 auto;\">\r\n\r\n <h2 style=\"font-family:Georgia,serif;font-size:38px;font-weight:900;letter-spacing:-1px;margin:0 0 16px 0;color:#ffffff;\">\r\n \ud83d\udcec Hai una domanda?\r\n <\/h2>\r\n\r\n <p style=\"font-size:20px;color:#d8dde5;margin:0 0 28px 0;line-height:1.5;\">\r\n Scrivimi per suggerire un argomento, chiedere chiarimenti o segnalare un errore.\r\n <\/p>\r\n\r\n <a href=\"mailto:profdonatodifazio@gmail.com?subject=Visual%20Fluency%20-%20Contatto&body=Ciao%20Prof.%20Di%20Fazio%2C%0A%0A\" style=\"display:inline-block;padding:18px 40px;border-radius:999px;font-weight:800;font-size:19px;text-decoration:none;background-color:#e8a0a0;color:#ffffff;\">\r\n \u2709\ufe0f profdonatodifazio@gmail.com\r\n <\/a>\r\n\r\n <div style=\"margin-top:44px;padding-top:30px;border-top:1px solid #4a5a70;\">\r\n <p style=\"font-size:19px;color:#d8dde5;margin:0 0 8px 0;\">\r\n <strong style=\"color:#ffffff;\">Prof. Donato Di Fazio<\/strong>\r\n <\/p>\r\n <p style=\"font-size:17px;color:#a8b0c0;margin:0;\">\r\n Visual Fluency \u00b7 Anno Scolastico 2026\/27\r\n <\/p>\r\n <p style=\"font-size:15px;color:#7a8699;margin:20px 0 0 0;\">\r\n Fatto con <span style=\"color:#e8a0a0;\">\u2665<\/span> per chi vuole imparare l'inglese divertendosi.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/footer>\r\n\r\n\r\n<div id=\"videoModal\" style=\"display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(44,62,80,0.85);z-index:9999;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;\">\r\n\r\n <div id=\"modalBox\" style=\"background-color:#ffffff;border-radius:24px;width:100%;max-width:520px;max-height:95vh;overflow-y:auto;padding:24px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.4);box-sizing:border-box;\">\r\n\r\n <button id=\"closeModal\" style=\"position:absolute;top:14px;right:14px;background-color:#fdf6ec;border:2px solid #e8e2d5;color:#2c3e50;font-size:22px;font-weight:800;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;\">\r\n \u2715\r\n <\/button>\r\n\r\n <div id=\"videoWrapper\" style=\"background-color:#fdf6ec;border-radius:16px;margin-bottom:20px;overflow:hidden;position:relative;width:100%;\">\r\n <div id=\"videoLoader\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fdf6ec;color:#7a8699;font-size:17px;\">\r\n \u23f3 Caricamento video\u2026\r\n <\/div>\r\n <video id=\"modalVideo\" controls playsinline preload=\"metadata\" style=\"width:100%;display:block;background-color:#000;\">\r\n <p style=\"padding:30px;text-align:center;color:#7a8699;font-size:17px;\">\r\n \u23f3 Nessun video caricato per questa card.\r\n <\/p>\r\n <\/video>\r\n <\/div>\r\n\r\n <div id=\"modalCategory\" style=\"display:inline-block;background-color:#fdf6ec;color:#e8a0a0;font-size:13px;font-weight:800;padding:5px 14px;border-radius:999px;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;\">\r\n CATEGORIA\r\n <\/div>\r\n\r\n <p id=\"modalDescription\" style=\"font-size:17px;color:#4a5a70;margin:0;line-height:1.6;\">\r\n Coming soon\r\n <\/p>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function () {\r\n 'use strict';\r\n\r\n var mobileMenuToggle = document.getElementById('mobileMenuToggle');\r\n var mobileNavOverlay = document.getElementById('mobileNavOverlay');\r\n var mobileNavClose = document.getElementById('mobileNavClose');\r\n var desktopNav = document.getElementById('desktopNav');\r\n\r\n function openMobileMenu() {\r\n mobileNavOverlay.style.right = '0';\r\n document.body.style.overflow = 'hidden';\r\n }\r\n function closeMobileMenu() {\r\n mobileNavOverlay.style.right = '-100%';\r\n document.body.style.overflow = '';\r\n }\r\n\r\n if (mobileMenuToggle) mobileMenuToggle.addEventListener('click', openMobileMenu);\r\n if (mobileNavClose) mobileNavClose.addEventListener('click', closeMobileMenu);\r\n\r\n document.querySelectorAll('.mobile-link').forEach(function (link) {\r\n link.addEventListener('click', closeMobileMenu);\r\n });\r\n\r\n document.addEventListener('keydown', function (event) {\r\n if (event.key === 'Escape' && mobileNavOverlay.style.right === '0px') {\r\n closeMobileMenu();\r\n }\r\n });\r\n\r\n function checkScreenSize() {\r\n if (window.innerWidth <= 900) {\r\n desktopNav.style.display = 'none';\r\n mobileMenuToggle.style.display = 'block';\r\n } else {\r\n desktopNav.style.display = 'flex';\r\n mobileMenuToggle.style.display = 'none';\r\n }\r\n }\r\n checkScreenSize();\r\n window.addEventListener('resize', checkScreenSize);\r\n\r\n document.querySelectorAll('.nav-link').forEach(function (link) {\r\n link.addEventListener('mouseenter', function () { link.style.color = '#c65d3a'; });\r\n link.addEventListener('mouseleave', function () { link.style.color = '#2d2d2d'; });\r\n });\r\n\r\n var modal = document.getElementById('videoModal');\r\n var modalBox = document.getElementById('modalBox');\r\n var modalVideo = document.getElementById('modalVideo');\r\n var modalDesc = document.getElementById('modalDescription');\r\n var modalCat = document.getElementById('modalCategory');\r\n var videoWrapper = document.getElementById('videoWrapper');\r\n var videoLoader = document.getElementById('videoLoader');\r\n var closeBtn = document.getElementById('closeModal');\r\n var cards = document.querySelectorAll('.video-card');\r\n\r\n function openModal(card) {\r\n var titleEl = card.querySelector('h3');\r\n var descEl = card.querySelector('p');\r\n var desc = descEl ? descEl.innerText : (titleEl ? titleEl.innerText : 'Coming soon');\r\n var cat = card.getAttribute('data-cat') || '';\r\n var videoSrc = card.getAttribute('data-video') || '';\r\n var poster = card.getAttribute('data-poster') || '';\r\n\r\n modalDesc.innerText = desc;\r\n\r\n var catLabels = {\r\n 'grammatica': 'Grammatica',\r\n 'idioms': 'Frasi idiomatiche',\r\n 'phrasal': 'Phrasal Verbs',\r\n 'vocab': 'Vocabolario',\r\n 'extra': 'Extra'\r\n };\r\n modalCat.innerText = catLabels[cat] || cat || 'Video';\r\n\r\n videoWrapper.style.aspectRatio = '9 \/ 16';\r\n videoWrapper.style.height = '';\r\n modalBox.style.maxWidth = '520px';\r\n\r\n videoLoader.style.display = 'flex';\r\n modalVideo.style.display = 'none';\r\n\r\n if (videoSrc) {\r\n if (poster) modalVideo.setAttribute('poster', poster);\r\n modalVideo.src = videoSrc;\r\n\r\n modalVideo.onloadedmetadata = function () {\r\n var w = modalVideo.videoWidth;\r\n var h = modalVideo.videoHeight;\r\n\r\n if (w && h) {\r\n var ar = w \/ h;\r\n videoWrapper.style.aspectRatio = w + ' \/ ' + h;\r\n\r\n if (ar >= 1) {\r\n modalBox.style.maxWidth = '780px';\r\n } else {\r\n modalBox.style.maxWidth = '520px';\r\n }\r\n }\r\n\r\n videoLoader.style.display = 'none';\r\n modalVideo.style.display = 'block';\r\n };\r\n\r\n setTimeout(function () {\r\n if (videoLoader.style.display !== 'none') {\r\n videoLoader.style.display = 'none';\r\n modalVideo.style.display = 'block';\r\n }\r\n }, 4000);\r\n\r\n modalVideo.style.display = 'block';\r\n } else {\r\n modalVideo.removeAttribute('src');\r\n videoLoader.style.display = 'none';\r\n modalVideo.style.display = 'none';\r\n }\r\n\r\n modal.style.display = 'flex';\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeModal() {\r\n modal.style.display = 'none';\r\n try { modalVideo.pause(); } catch (e) {}\r\n modalVideo.removeAttribute('src');\r\n modalVideo.load();\r\n modalVideo.onloadedmetadata = null;\r\n document.body.style.overflow = '';\r\n }\r\n\r\n cards.forEach(function (card) {\r\n card.addEventListener('click', function () { openModal(card); });\r\n card.addEventListener('mouseenter', function () {\r\n card.style.transform = 'translateY(-6px)';\r\n card.style.boxShadow = '0 14px 30px rgba(44,62,80,0.18)';\r\n });\r\n card.addEventListener('mouseleave', function () {\r\n card.style.transform = '';\r\n card.style.boxShadow = '0 4px 12px rgba(44,62,80,0.06)';\r\n });\r\n });\r\n\r\n closeBtn.addEventListener('click', closeModal);\r\n modal.addEventListener('click', function (e) {\r\n if (e.target === modal) closeModal();\r\n });\r\n document.addEventListener('keydown', function (e) {\r\n if (e.key === 'Escape' && modal.style.display === 'flex') closeModal();\r\n });\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Visual Fluency \u2013 Impara l’inglese guardando Prof. Di Fazio docente di Inglese Homepage Libreria Visual Street Talk Quiz Privacy Policy […]<\/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-424","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/pages\/424","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=424"}],"version-history":[{"count":67,"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/pages\/424\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/pages\/424\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}