{"id":13771,"date":"2026-02-17T18:39:09","date_gmt":"2026-02-17T16:39:09","guid":{"rendered":"https:\/\/afostodata.ro\/europeanicons\/?page_id=13771"},"modified":"2026-10-08T14:08:00","modified_gmt":"2026-10-08T12:08:00","slug":"caravaggio","status":"publish","type":"page","link":"https:\/\/afostodata.ro\/europeanicons\/it\/caravaggio\/","title":{"rendered":"Caravaggio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13771\" class=\"elementor elementor-13771\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-dce-background-overlay-color=\"#FC6C13\" data-dce-background-image-url=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/caravagio.webp\" class=\"elementor-element elementor-element-a9fb5da e-flex e-con-boxed e-con e-parent\" data-id=\"a9fb5da\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e966772 elementor-widget elementor-widget-html\" data-id=\"e966772\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"eminescu-header-light\">\n    <span class=\"reveal-tag\">PASSIONE \u2022 CONTRASTO \u2022 MAESTRIA<\/span>\n    <div class=\"title-container\">\n        <h1 class=\"main-name-solid\">Caravaggio<\/h1>\n        <h1 class=\"main-name-stroke\"> <\/h1>\n    <\/div>\n    \n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@900&family=Playfair+Display:wght@900&display=swap');\n\n.eminescu-header-light {\n    text-align: center;\n    padding: 60px 20px;\n    font-family: 'Montserrat', sans-serif;\n    background: transparent; \n}\n\n\/* Eticheta de sus cu galbenul specific #F9C70C *\/\n.reveal-tag {\n    display: block;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 10px;\n    color: #F9C70C;\n    font-size: 0.85rem;\n    margin-bottom: 15px;\n    opacity: 0;\n    animation: dropFadeEminescu 0.8s ease forwards;\n}\n\n.title-container {\n    display: block;\n    line-height: 0.8;\n}\n\n\/* Textul solid - Alb pur *\/\n.main-name-solid {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(3.5rem, 15vw, 10rem);\n    margin: 0;\n    color: #ffffff;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: slideUpEminescu 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.4s;\n}\n\n\/* Textul cu contur - Alb pur *\/\n.main-name-stroke {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(3.5rem, 15vw, 10rem);\n    margin: 0;\n    color: transparent;\n    -webkit-text-stroke: 2px #ffffff;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: slideUpEminescu 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.6s,\n               subtleFloatEminescu 5s ease-in-out infinite 1.6s;\n}\n\n\/* Linia ro\u0219ie de accent *\/\n.header-red-line {\n    width: 0;\n    height: 6px;\n    background: #D62828;\n    margin: 30px auto 0;\n    animation: expandLineEminescu 1.2s ease-out forwards 1.4s;\n}\n\n\/* --- ANIMA\u021aII --- *\/\n\n@keyframes dropFadeEminescu {\n    from { opacity: 0; transform: translateY(-30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes slideUpEminescu {\n    from { opacity: 0; transform: translateY(80px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes expandLineEminescu {\n    from { width: 0; }\n    to { width: 220px; }\n}\n\n@keyframes subtleFloatEminescu {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n}\n\n\/* Optimizare mobil *\/\n@media (max-width: 768px) {\n    .reveal-tag { letter-spacing: 4px; font-size: 0.7rem; }\n    .main-name-stroke { -webkit-text-stroke: 1px #ffffff; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-dce-background-color=\"#F7E0B8\" class=\"elementor-element elementor-element-98192f0 e-flex e-con-boxed e-con e-parent\" data-id=\"98192f0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ec5627c e-con-full e-flex e-con e-child\" data-id=\"ec5627c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d48c774 e-con-full e-flex e-con e-child\" data-id=\"d48c774\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85689f7 elementor-widget elementor-widget-dce-breadcrumbs\" data-id=\"85689f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dce-breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul><li class=\"item-home\"><a class=\"bread-link bread-home\" href=\"https:\/\/afostodata.ro\/europeanicons\" title=\"Casa\">Casa<\/a><\/li><li class=\"separator separator-home\"> <span class=\"dce-separator\"> &gt; <\/span> <\/li><li class=\"item-current item-13771\"><span class=\"bread-current bread-13771\"> Caravaggio<\/span><\/li><\/ul>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-dce-title-color=\"#012F4A\" class=\"elementor-element elementor-element-f403bf4 elementor-widget elementor-widget-heading\" data-id=\"f403bf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Il \u201cpoeta\u201d delle luci e delle ombre\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da0e6d5 elementor-widget elementor-widget-text-editor\" data-id=\"da0e6d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Se vi volete inoltrare tra le luci e le ombre siete nel posto giusto; infatti qui vi parleremo di un personaggio famoso proprio per la sua abilit\u00e0 di usare queste ultime in modo spettacolare e grandioso, e di rappresentare la realt\u00e0 in maniera rivoluzionaria.\u00a0<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec07449 e-con-full e-flex e-con e-child\" data-id=\"ec07449\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41bbb23 elementor-widget elementor-widget-image\" data-id=\"41bbb23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/14-1024x1024.jpg\" class=\"attachment-large size-large wp-image-12472\" alt=\"\" srcset=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/14-1024x1024.jpg 1024w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/14-300x300.jpg 300w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/14-150x150.jpg 150w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/14-768x768.jpg 768w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/14.jpg 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-dce-background-color=\"#F7E0B8\" class=\"elementor-element elementor-element-9b70a56 e-flex e-con-boxed e-con e-parent\" data-id=\"9b70a56\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3983198 e-con-full e-flex e-con e-child\" data-id=\"3983198\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#D62729\" class=\"elementor-element elementor-element-0b6522d elementor-align-justify buton-audio elementor-widget elementor-widget-button\" data-id=\"0b6522d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">ASCOLTARE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d275db e-con-full e-flex e-con e-child\" data-id=\"0d275db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#FA6D12\" class=\"elementor-element elementor-element-22478fc elementor-align-justify buton-citeste elementor-widget elementor-widget-button\" data-id=\"22478fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">LEGGERE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ff00ca e-con-full e-flex e-con e-child\" data-id=\"7ff00ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#F9C70C\" class=\"elementor-element elementor-element-6362c7f elementor-align-justify buton-activitati elementor-widget elementor-widget-button\" data-id=\"6362c7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#activitati\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">ATTIVIT\u00c0<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-611016f e-con-full e-flex e-con e-child\" data-id=\"611016f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#01502B\" class=\"elementor-element elementor-element-ba1a538 elementor-align-justify buton-vizioneaza elementor-widget elementor-widget-button\" data-id=\"ba1a538\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm elementor-animation-shrink\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Guarda<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-dce-background-color=\"#EBEFF2\" class=\"elementor-element elementor-element-e7b4bc3 citeste e-flex e-con-boxed e-con e-parent\" data-id=\"e7b4bc3\" data-element_type=\"container\" data-e-type=\"container\" id=\"citeste\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f58a787 elementor-widget elementor-widget-html\" data-id=\"f58a787\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<article class=\"nadia-story-container\">\n    <section class=\"story-content\">\n\n        <p class=\"intro-paragraph\">\n            Se vi volete inoltrare tra le luci e le ombre siete nel posto giusto; infatti qui vi parleremo di un personaggio famoso proprio per la sua abilit\u00e0 di usare queste ultime in modo spettacolare e grandioso, e di rappresentare la realt\u00e0 in maniera rivoluzionaria.\n        <\/p>\n\n        <p>\n            Caravaggio \u00e8 stato molto pi\u00f9 di un semplice pittore: \u00e8 stato un \"poeta\" della realt\u00e0, che ha vissuto la propria vita sul filo tagliente tra splendore e oscurit\u00e0, tra palazzi sfarzosi e prigioni maleodoranti. Ma dietro questa facciata da \"duellante\", si nascondeva un uomo che vedeva il mondo in modo diverso da tutti gli altri. Non voleva dipingere la perfezione, ma la verit\u00e0, anche quando era sporca, povera o dolorosa.\n        <\/p>\n\n        <p>\n            Ma partiamo dal principio. Michelangelo Merisi nasce a Milano nel 1571, e solo all\u2019et\u00e0 di 7 anni si trasferisce a Caravaggio, luogo d\u2019origine dei genitori, per sfuggire alla peste. Si chiama Michelangelo poich\u00e9 probabilmente nasce il 29 settembre, giorno di San Michele Arcangelo; invece il soprannome di \u201cCaravaggio\u201d serve per distinguerlo da un altro mirabile artista dell\u2019epoca, Michelangelo Buonarroti.\n        <\/p>\n\n        <p>\n            Fin dalla giovinezza, il carattere di Merisi si rivela \"pepato\" e irrequieto. Dopo la perdita del padre a causa della peste, entra dodicenne nella bottega di Simone Peterzano a Milano, dove rimane per circa quattro anni. Qui apprende i principi della pittura veneta e lombarda, che diventano le fondamenta del suo stile rivoluzionario.\n        <\/p>\n\n        <div class=\"historical-moment\">\n            <p>\n                Ritroviamo il nostro pittore sicuramente a Roma nella primavera del 1596, e sappiamo che studia nelle botteghe dei maestri Lorenzo Carli e Cavalier d\u2019Arpino. Questi primi anni a Roma saranno molto difficili, nonostante il sostegno e la protezione della marchesa Costanza Colonna, il suo \u201cangelo custode\u201d.\n            <\/p>\n\n            <p class=\"announcement\">\n                Durante questo primo periodo romano la tavolozza di Caravaggio \u00e8 ancora chiara e luminosa; la svolta artistica avviene grazie all'incontro con il Cardinale Francesco Maria Del Monte, che lo ospita a Palazzo Madama. Caravaggio trasforma il suo studio in una sorta di camera oscura teatrale: dipinge in stanze adombrate, con un'unica finestra alta da cui piove un raggio di luce violentissimo che \"scolpisce\" i protagonisti nel buio. Questa tecnica del chiaroscuro non \u00e8 solo estetica: la luce rappresenta la grazia divina che irrompe nell'oscurit\u00e0 del peccato, come si vede magistralmente ne La Vocazione di San Matteo di San Luigi dei Francesi.\n            <\/p>\n        <\/div>\n\n        <blockquote class=\"dialogue\">\n            Caravaggio per\u00f2 ha un carattere estremamente turbolento, irascibile e violento.\n        <\/blockquote>\n\n        <p>\n            \u00c8 noto per la facilit\u00e0 con cui passa dalle parole ai fatti. La sua \"furia\" lo porta a frequenti risse nelle osterie romane, spesso per futili motivi. Inoltre, non accetta facilmente le regole sociali e artistiche del suo tempo. Questo \u201cspirito libero\" lo rende una figura tanto ammirata per il genio quanto temuta per l'imprevedibilit\u00e0. Ci sono diversi episodi legati al suo carattere, come la rissa scatenata per un piatto di carciofi serviti male o l\u2019aggressione a un notaio colpevole di aver rivolto complimenti alla sua modella preferita, Fillide Melandroni; oppure quando malmena e percuote con un bastone Girolamo Stampa, un nobile ospite del cardinale. Ma le risse, le violenze e gli schiamazzi aumentano; spesso il pittore viene arrestato e condotto nelle carceri di Tor di Nona, ad esempio quando diffonde un libello con poesie diffamatorie sul pittore Giovanni Baglione. E, ironia della sorte, proprio il Baglione, suo acerrimo nemico, scriver\u00e0 in seguito la biografia di Caravaggio e dipinger\u00e0 delle opere imitando il suo stile!\n            <\/p>\n            <p>\n            \n            Tra gli aspetti pi\u00f9 rivoluzionari del Merisi vi \u00e8 l'uso dei modelli. A ricordarcelo \u00e8 lo scandalo suscitato da La morte della Vergine (ora al Louvre), per cui il pittore utilizza il cadavere di una prostituta ripescato dal fiume Tevere per la raffigurazione della Madonna: il corpo gonfio e pallido \u00e8 di un realismo crudo, che i frati dell'epoca giudicano indecoroso, e che rifiutano.\n        <\/p>\n\n        <blockquote class=\"dialogue\">\n            La vita di Caravaggio cambia drasticamente il 28 maggio 1606. Durante una brutta rissa per una partita di pallacorda, uccide Ranuccio Tomassoni.\n        <\/blockquote>\n\n        <p>\n            Condannato a morte, \u00e8 costretto a fuggire da Roma, iniziando un peregrinaggio disperato tra Napoli, Malta e la Sicilia.\n        <\/p>\n\n        <div class=\"historical-moment\">\n            <p>\n                Anche in esilio, il suo genio non si spegne e continua a dipingere capolavori, mentre la pennellata si sfalda e diventa sintetica, veloce e drammatica.\n            <\/p>\n        <\/div>\n\n        <p>\n            Caravaggio muore il 18 luglio 1610, a soli 38 anni, sulla spiaggia di Porto Ercole, mentre cerca disperatamente di tornare a Roma per ricevere la grazia papale. Il suo decesso rimane avvolto nel mistero: le ipotesi vanno dalla malaria alla setticemia, fino alla vendetta dei Cavalieri di Malta. Tragicamente, la grazia era stata firmata da Papa Borghese solo pochi giorni prima della sua morte.\n        <\/p>\n\n        <p>\n            Lo stile di Caravaggio avr\u00e0 un'influenza cos\u00ec importante sull'arte barocca, tanto da dare vita a una corrente artistica detta \u201ccaravaggismo\u201d. Oggi resta un artista incredibilmente moderno; con lui l\u2019arte smette di essere un\u2019imitazione del bello, ma diventa un\u2019indagine sull\u2019essere umano, nelle sue contraddizioni e nella sua fragilit\u00e0. I suoi capolavori, dipinti a cavallo del \u2018600, che cambiano la storia della pittura, catapultano lo spettatore dentro al quadro, regalandogli cos\u00ec un nuovo ruolo attivo.\n        <\/p>\n\n    <\/section>\n<\/article>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');\n\n.nadia-story-container {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 40px 20px;\n    font-family: 'Playfair Display', serif;\n    line-height: 1.8;\n    color: #003049;\n}\n\n.story-content p {\n    margin-bottom: 25px;\n    font-size: 1.15rem;\n    text-align: justify;\n}\n\n.intro-paragraph::first-letter {\n    float: left;\n    font-family: 'Playfair Display', serif;\n    font-size: 4.5rem;\n    line-height: 1;\n    padding-right: 15px;\n    color: #D62828;\n    font-weight: 900;\n}\n\n.dialogue {\n    margin: 40px 0;\n    padding: 20px 40px;\n    border-left: 5px solid #FB6C13;\n    background-color: rgba(245, 224, 183, 0.3);\n    font-style: italic;\n    font-family: 'Playfair Display', serif;\n    font-size: 1.3rem;\n}\n\n.historical-moment {\n    margin: 50px 0;\n    padding: 40px;\n    background-color: #003049;\n    color: #F5E0B7;\n    border-radius: 15px;\n    box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n}\n\n.historical-moment p {\n    color: #F5E0B7;\n    text-align: left;\n}\n\n.announcement {\n    border-top: 1px solid #F9C80E;\n    padding-top: 20px;\n    font-weight: 700;\n    color: #F9C80E !important;\n    font-size: 1.4rem !important;\n    text-align: center !important;\n}\n\n.conclusion-text {\n    margin-top: 60px;\n    padding: 30px;\n    background-color: #432818;\n    color: white;\n    font-weight: 700;\n    text-align: center;\n    border-radius: 10px;\n    font-size: 1.25rem !important;\n}\n\n@media (max-width: 768px) {\n    .nadia-story-container { padding: 20px; }\n    .intro-paragraph::first-letter { font-size: 3.5rem; }\n    .dialogue { padding: 15px 25px; font-size: 1.15rem; }\n    .announcement { font-size: 1.1rem !important; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d5fad8 activitati e-flex e-con-boxed e-con e-parent\" data-id=\"3d5fad8\" data-element_type=\"container\" data-e-type=\"container\" id=\"activitati\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-049ebce elementor-widget elementor-widget-html\" data-id=\"049ebce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\n\n<div class=\"activity-hub-premium\" id=\"IconsHub\">\n    <div id=\"hub-menu\" class=\"hub-screen active-screen\">\n        <div class=\"hub-header\">\n            <h2 class=\"playfair-main-title\">Attivit\u00e0<\/h2>\n        <\/div>\n        <div class=\"elegant-grid-5\">\n            <div class=\"elegant-card featured-quiz\" onclick=\"launchActivity('quiz')\">\n                <div class=\"card-icon-wrapper\">\ud83c\udfaf<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Quiz<\/h3>\n                    <span class=\"elegant-btn\">Inizia<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('x')\">\n                <div class=\"card-icon-wrapper\">\ud83e\udde9<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Enigma<\/h3>\n                    <span class=\"elegant-btn\">Vedi<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('y')\">\n                <div class=\"card-icon-wrapper\">\ud83d\udcda<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Comprensione del testo<\/h3>\n                    <span class=\"elegant-btn\">Vedi<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('z')\">\n                <div class=\"card-icon-wrapper\">\ud83d\udd52\ufe0f<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Cronologia<\/h3>\n                    <span class=\"elegant-btn\">Vedi<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('w')\">\n                <div class=\"card-icon-wrapper\">\ud83c\udfae<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Game<\/h3>\n                    <span class=\"elegant-btn\">Vedi<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div id=\"activity-stage\" class=\"hub-screen\" style=\"display:none;\">\n        <button onclick=\"backToMenu()\" class=\"btn-back-elegant\">\u2190 Torna al menu<\/button>\n        <div id=\"activity-content-loader\" class=\"content-stage-box\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap');\n*, *::before, *::after { box-sizing: border-box; }\n.activity-hub-premium { max-width: 1200px; margin: 60px auto; padding: 0 16px; font-family: 'Montserrat', sans-serif; color: #003049; scroll-margin-top: 120px; }\n.playfair-main-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 4vw, 3.2rem); font-weight: 700; text-align: center; margin-bottom: 60px; line-height: 1.2; text-transform: none; }\n.hub-screen { opacity: 0; transition: all 0.5s ease; display: none; }\n.active-screen { display: block !important; opacity: 1 !important; }\n.elegant-grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }\n.elegant-card { background: #ffffff; border-radius: 25px; padding: 50px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; cursor: pointer; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); box-shadow: 0 5px 25px rgba(0, 48, 73, 0.05); border: 1px solid rgba(0, 48, 73, 0.08); -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.elegant-card:hover { transform: translateY(-12px); box-shadow: 0 25px 50px rgba(0, 48, 73, 0.15); border-color: #FB6C13; }\n.playfair-card-title { font-family: 'Playfair Display', serif; font-size: clamp(1rem, 2vw, 1.5rem); font-weight: 700; margin: 20px 0; text-transform: none; }\n.card-icon-wrapper { font-size: 4rem; margin-bottom: 10px; }\n.elegant-btn { font-size: 0.9rem; font-weight: 600; color: #FB6C13; padding: 10px 35px; border: 1.5px solid #FB6C13; border-radius: 50px; transition: 0.3s; display: inline-block; text-transform: none; }\n.elegant-card:hover .elegant-btn { background: #FB6C13; color: #fff; }\n.featured-quiz { background: #003049; color: #fff; border: none; }\n.featured-quiz .playfair-card-title { color: #fff; }\n.featured-quiz .elegant-btn { color: #F9C80E; border-color: #F9C80E; }\n.featured-quiz:hover .elegant-btn { background: #F9C80E; color: #003049; }\n.content-stage-box { background: #fff; border-radius: 35px; padding: 60px 50px; box-shadow: 0 40px 100px rgba(0,0,0,0.08); min-height: 500px; overflow: hidden; }\n.btn-back-elegant { background: transparent; color: #003049; border: 1.5px solid #003049; padding: 12px 35px; border-radius: 50px; font-weight: 600; cursor: pointer; margin-bottom: 30px; transition: 0.3s; font-family: 'Montserrat', sans-serif; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.btn-back-elegant:hover { background: #003049; color: #fff; }\n.quiz-splash-elegant { text-align: center; padding: 20px 0; display: flex; flex-direction: column; align-items: center; gap: 10px; }\n.quiz-splash-elegant .splash-emoji { font-size: clamp(4rem, 10vw, 7rem); }\n.quiz-splash-elegant h2 { font-family: 'Playfair Display', serif; font-size: clamp(2rem, 6vw, 4rem); margin: 10px 0 30px; text-transform: none; }\n.btn-start-hero { background: #003049; color: #fff; border: none; padding: 20px 60px; border-radius: 60px; font-family: 'Playfair Display', serif; font-size: clamp(1.3rem, 3vw, 2.2rem); cursor: pointer; transition: 0.4s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; max-width: 100%; }\n.btn-start-hero:hover, .btn-start-hero:active { background: #FB6C13; transform: scale(1.05); }\n.quiz-progress-wrap { margin-bottom: 28px; }\n.quiz-progress-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }\n.quiz-progress-label span { font-weight: 600; font-size: 0.85rem; color: #FB6C13; letter-spacing: 0.05em; text-transform: uppercase; }\n.progress-track { width: 100%; height: 8px; background: #f0f0f0; border-radius: 99px; overflow: hidden; }\n.progress-fill { height: 100%; background: linear-gradient(90deg, #FB6C13, #F9C80E); border-radius: 99px; transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1); }\n.quiz-q-box { width: 100%; }\n.quiz-question-text { font-family: 'Playfair Display', serif; font-size: clamp(1.2rem, 3vw, 2rem); font-weight: 700; color: #003049; margin-bottom: 30px; line-height: 1.35; word-break: break-word; hyphens: auto; }\n#opts-wrap { display: flex; flex-direction: column; gap: 12px; }\n.opt-btn-elegant { width: 100%; padding: 18px 24px; border: 1.5px solid #e8e8e8; border-radius: 18px; font-family: 'Montserrat', sans-serif; font-weight: 500; cursor: pointer; text-align: left; font-size: clamp(0.9rem, 2vw, 1.1rem); transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s; background: #fff; color: #003049; line-height: 1.4; word-break: break-word; -webkit-tap-highlight-color: transparent; touch-action: manipulation; -webkit-text-size-adjust: 100%; }\n.opt-btn-elegant:hover:not(:disabled) { background: #003049 !important; color: #fff !important; border-color: #003049 !important; transform: translateX(4px); }\n.opt-btn-elegant:active:not(:disabled) { transform: scale(0.98); }\n.correct-style { background: #004F2D !important; color: #fff !important; border-color: #004F2D !important; }\n.wrong-style { background: #D62828 !important; color: #fff !important; border-color: #D62828 !important; }\n.quiz-result-box { text-align: center; padding: 10px 0 20px; display: flex; flex-direction: column; align-items: center; gap: 16px; }\n.quiz-result-emoji { font-size: clamp(3.5rem, 10vw, 6rem); }\n.quiz-result-score { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 5vw, 3.2rem); font-weight: 900; color: #003049; margin: 0; }\n.quiz-result-msg { font-size: clamp(0.95rem, 2.5vw, 1.4rem); color: #555; margin: 0 0 10px; max-width: 500px; line-height: 1.5; }\n.btn-retry { background: #003049; color: #fff; border: none; padding: 16px 50px; border-radius: 60px; font-family: 'Playfair Display', serif; font-size: clamp(1.1rem, 2.5vw, 1.6rem); cursor: pointer; transition: 0.4s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; max-width: 100%; display: inline-block; }\n.btn-retry:hover, .btn-retry:active { background: #FB6C13; transform: scale(1.05); }\n\n\/* \u2500\u2500\u2500 ENIGMA \u2500\u2500\u2500 *\/\n.enigma-stage { width: 100%; text-align: center; }\n.enigma-quote { font-family: 'Playfair Display', serif; font-size: clamp(1.3rem, 3.5vw, 2.3rem); font-weight: 700; color: #003049; line-height: 1.4; max-width: 720px; margin: 0 auto 12px; text-align: center !important; }\n.enigma-question { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 700; color: #004F2D; font-size: clamp(1.05rem, 2.8vw, 1.6rem); margin: 0 auto 35px; max-width: 720px; text-align: center !important; }\n.enigma-choices { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 620px; margin: 0 auto; }\n.enigma-choice { border: 4px solid transparent; border-radius: 20px; overflow: hidden; cursor: pointer; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s, opacity 0.3s; background: #fff; padding: 0; line-height: 0; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.enigma-choice img { width: 100%; height: auto; display: block; aspect-ratio: 1 \/ 1; object-fit: cover; }\n.enigma-choice:hover:not(.locked) { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 48, 73, 0.2); border-color: #FB6C13; }\n.enigma-choice.locked { pointer-events: none; }\n.enigma-choice.correct-pick { border-color: #004F2D; box-shadow: 0 0 0 4px rgba(0,79,45,0.25); }\n.enigma-choice.wrong-pick { border-color: #D62828; box-shadow: 0 0 0 4px rgba(214,40,40,0.25); }\n.enigma-choice.dim { opacity: 0.4; }\n.enigma-feedback { margin-top: 30px; }\n.enigma-wrong-msg { color: #D62828; font-family: 'Playfair Display', serif; font-weight: 700; font-size: clamp(1.2rem, 3vw, 1.8rem); margin: 0 0 18px; }\n.enigma-result { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 10px 0; }\n.enigma-result-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 5vw, 3.2rem); font-weight: 900; color: #003049; margin: 0; }\n.enigma-result img { width: min(320px, 80%); border-radius: 20px; box-shadow: 0 15px 40px rgba(0,48,73,0.2); }\n.enigma-playlist-label { font-weight: 600; letter-spacing: 0.1em; color: #FB6C13; text-transform: uppercase; font-size: 1rem; font-family: 'Playfair Display', serif; font-style: italic; }\n.enigma-result p { color: #333; font-size: clamp(0.95rem, 2.5vw, 1.2rem); line-height: 1.6; max-width: 620px; margin: 0; }\n.enigma-result ul { text-align: left; max-width: 560px; margin: 0 auto; color: #333; line-height: 1.7; font-size: clamp(0.95rem, 2.5vw, 1.12rem); }\n.enigma-result .enigma-subhead { font-weight: 700; color: #003049; margin: 6px auto 0; max-width: 620px; }\n\n\/* \u2500\u2500\u2500 READING COMPREHENSION \u2500\u2500\u2500 *\/\n.itext-wrap { width: 100%; max-width: 800px; margin: 0 auto; }\n.itext-main-title { font-family: 'Playfair Display', serif; font-size: clamp(1.5rem, 4vw, 2.4rem); font-weight: 900; color: #003049; text-align: center; margin: 0 0 6px; line-height: 1.25; }\n.itext-subtitle { text-align: center; color: #FB6C13; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; font-size: 0.9rem; margin: 0 0 40px; }\n.itext-section { margin-bottom: 48px; }\n.itext-section-head { color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: clamp(1rem, 2.5vw, 1.25rem); padding: 14px 22px; border-radius: 12px; margin-bottom: 22px; }\n.itext-head-green { background: #2E6B4F; }\n.itext-head-red { background: #D62828; }\n.itext-head-orange { background: #FB6C13; }\n.itext-head-navy { background: #003049; }\n.itext-instruction { color: #333; font-size: clamp(0.95rem, 2.2vw, 1.15rem); margin: 0 0 20px; line-height: 1.5; }\n.itext-fisa { display: flex; gap: 24px; align-items: flex-start; flex-wrap: wrap; }\n.itext-fisa img { width: 160px; border-radius: 14px; flex-shrink: 0; box-shadow: 0 10px 25px rgba(0,48,73,0.15); }\n.itext-fisa-fields { flex: 1; min-width: 240px; display: flex; flex-direction: column; gap: 14px; }\n.itext-field-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }\n.itext-field-row label { font-weight: 600; color: #003049; min-width: 130px; }\n.itext-input { flex: 1; min-width: 140px; padding: 12px 16px; border: 1.5px solid #ddd; border-radius: 12px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #003049; transition: border-color 0.2s, background 0.2s; -webkit-text-size-adjust: 100%; }\n.itext-input:focus { outline: none; border-color: #FB6C13; }\n.itext-input.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-input.no { border-color: #D62828; background: #fbeaea; }\n.itext-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n.itext-col-title { text-align: center; color: #fff; font-weight: 600; padding: 10px; border-radius: 12px 12px 0 0; }\n.itext-col-title.pasiuni { background: #FB6C13; }\n.itext-col-title.trasaturi { background: #F9C80E; color: #003049; }\n.itext-textarea { width: 100%; min-height: 130px; padding: 14px; border: 1.5px solid #ddd; border-top: none; border-radius: 0 0 12px 12px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #003049; resize: vertical; line-height: 1.6; }\n.itext-textarea:focus { outline: none; border-color: #FB6C13; }\n.itext-af-row { display: flex; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid #eee; flex-wrap: wrap; }\n.itext-af-text { flex: 1; min-width: 200px; color: #003049; line-height: 1.5; }\n.itext-af-btns { display: flex; gap: 10px; }\n.itext-af-btn { width: 52px; height: 52px; border-radius: 50%; border: 2px solid #003049; background: #fff; color: #003049; font-weight: 700; font-size: 1.2rem; cursor: pointer; transition: 0.2s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.itext-af-btn:hover:not(:disabled) { background: #003049; color: #fff; }\n.itext-af-btn.af-correct { background: #004F2D !important; color: #fff !important; border-color: #004F2D !important; }\n.itext-af-btn.af-wrong { background: #D62828 !important; color: #fff !important; border-color: #D62828 !important; }\n.itext-list-row { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }\n.itext-list-num { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; background: #003049; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }\n.itext-list-input { flex: 1; padding: 12px 16px; border: 1.5px solid #ddd; border-radius: 12px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #003049; }\n.itext-list-input:focus { outline: none; border-color: #FB6C13; }\n.itext-list-input.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-list-input.no { border-color: #D62828; background: #fbeaea; }\n.itext-btn { background: #003049; color: #fff; border: none; padding: 12px 32px; border-radius: 50px; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 1rem; cursor: pointer; transition: 0.3s; margin-top: 18px; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.itext-btn:hover { background: #FB6C13; }\n.itext-btn.secondary { background: transparent; color: #003049; border: 1.5px solid #003049; margin-left: 10px; }\n.itext-btn.secondary:hover { background: #003049; color: #fff; }\n.itext-examples { margin-top: 16px; background: #f6f8fa; border-left: 4px solid #FB6C13; border-radius: 0 12px 12px 0; padding: 16px 20px; color: #333; line-height: 1.7; display: none; }\n.itext-examples.show { display: block; }\n.itext-examples strong { color: #003049; }\n.itext-feedback-msg { margin-top: 14px; font-weight: 600; font-size: 1.05rem; line-height: 1.5; }\n.itext-download { text-align: center; margin-top: 10px; padding-top: 32px; border-top: 1px solid #eee; }\n.itext-download-text { color: #555; margin: 0 0 16px; font-size: 1.05rem; }\n.itext-btn-download { display: inline-block; text-decoration: none; margin-top: 10px; }\n\n\/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\n@media (max-width: 1024px) { .elegant-grid-5 { grid-template-columns: repeat(3, 1fr); } }\n@media (max-width: 768px) { .elegant-grid-5 { grid-template-columns: repeat(2, 1fr); } .content-stage-box { padding: 30px 20px; border-radius: 20px; } .btn-back-elegant { padding: 10px 24px; font-size: 0.9rem; } }\n@media (max-width: 560px) { .itext-cols { grid-template-columns: 1fr; } .itext-fisa img { width: 130px; margin: 0 auto; } .itext-btn.secondary { margin-left: 0; margin-top: 12px; } }\n@media (max-width: 480px) { .elegant-grid-5 { grid-template-columns: 1fr; } .activity-hub-premium { margin: 30px auto; } .content-stage-box { padding: 24px 16px; border-radius: 16px; min-height: auto; } .opt-btn-elegant { padding: 15px 18px; border-radius: 14px; } .enigma-choices { gap: 14px; } }\n<\/style>\n\n<script>\n(function() {\n    const QUIZ_DATA = [\n        { q: \"1. Dove \u00e8 nato Caravaggio?\", a: [\"A Roma\", \"A Milano\", \"A Venezia\"], c: 1 },\n        { q: \"2. Qual \u00e8 il suo vero nome?\", a: [\"Leonardo da Vinci\", \"Michelangelo Buonarroti\", \"Michelangelo Merisi\"], c: 2 },\n        { q: \"3. Perch\u00e9 gli \u00e8 stato dato il nome Michelangelo?\", a: [\"Da un pittore famoso\", \"Dal giorno di San Michele Arcangelo\", \"Dal padre\"], c: 1 },\n        { q: \"4. Cosa lo ha costretto a lasciare Milano da bambino?\", a: [\"Una guerra\", \"Una carestia\", \"La peste\"], c: 2 },\n        { q: \"5. A che et\u00e0 entr\u00f2 nella bottega di Simone Peterzano?\", a: [\"12 anni\", \"14 anni\", \"16 anni\"], c: 0 },\n        { q: \"6. In quale citt\u00e0 si trovava nel 1596?\", a: [\"Firenze\", \"Roma\", \"Napoli\"], c: 1 },\n        { q: \"7. Chi lo sostenne e lo ospit\u00f2 a Roma?\", a: [\"Il Papa\", \"Un re\", \"Il cardinale Francesco Maria Del Monte\"], c: 2 },\n        { q: \"8. Quale tecnica rese famosa la sua pittura?\", a: [\"Il chiaroscuro\", \"L'affresco\", \"Il mosaico\"], c: 0 },\n        { q: \"9. Cosa accadde nel 1606?\", a: [\"Divenne famoso\", \"Dipinse un capolavoro\", \"Uccise un uomo e fugg\u00ec da Roma\"], c: 2 },\n        { q: \"10. A che et\u00e0 mor\u00ec Caravaggio?\", a: [\"38 anni\", \"50 anni\", \"60 anni\"], c: 0 }\n    ];\n    const LABELS = [\"A\", \"B\", \"C\", \"D\"];\n    const TOTAL = QUIZ_DATA.length;\n    const QUIZ_TITLE = \"Quiz su Caravaggio\";\n    const QUIZ_SPLASH_EMOJI = \"\ud83c\udfa8\";\n    const QUIZ_LABEL = \"Domanda\";\n    const ACTIVITY_LABEL = \"Attivit\u00e0\";\n    const SOON_LABEL = \"Disponibile a breve...\";\n    const START_LABEL = \"Inizia\";\n    const RETRY_LABEL = \"Riprova\";\n    function msgFinal(s) { return s === TOTAL ? \"Punteggio perfetto! Sei un esperto dell'arte e della vita di Michelangelo Merisi da Caravaggio.\" : s >= 7 ? \"Ottimo! Conosci molto bene la vita del grande artista.\" : \"Bel tentativo! Caravaggio resta un personaggio affascinante da studiare.\"; }\n    function emoji(s) { return s === TOTAL ? \"\ud83c\udfc6\" : s >= 7 ? \"\ud83e\udd47\" : s >= 5 ? \"\ud83c\udfaf\" : \"\ud83d\udcaa\"; }\n\n    let score = 0, currentIdx = 0;\n\n    \/\/ \u2500\u2500 Enigma images \u2500\u2500\n    const ENIGMA_CORRECT = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/14.jpg\";\n    const ENIGMA_WRONG   = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/1.jpg\";\n\n    \/\/ \u2500\u2500 Reading Comprehension data \u2014 Caravaggio \u2500\u2500\n    const IT_IMG = ENIGMA_CORRECT;\n    const IT_PDF = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Intelegerea-textului-in-IT-1.pdf\";\n    \/\/ Fi\u0219\u0103 matched by keyword inclusion (forgiving with Italian inflection)\n    const IT_FISA = {\n        cognome:    [\"merisi\", \"caravaggio\"],\n        nome:       [\"michelangelo\"],\n        anno:       [\"1571\"],\n        professione:[\"pittor\", \"artist\"]\n    };\n    const IT_FISA_LABELS = { cognome: \"Cognome:\", nome: \"Nome:\", anno: \"Anno di nascita:\", professione: \"Professione:\" };\n    const IT_AF = [\n        { t: \"Caravaggio \u00e8 diventato famoso per il modo in cui usava la luce e l'ombra nei suoi dipinti.\", correct: true },\n        { t: \"Caravaggio \u00e8 uno dei pi\u00f9 importanti pittori dello stile barocco.\", correct: true },\n        { t: \"L'artista \u00e8 stato per un periodo il protetto del cardinale Francesco Maria Del Monte.\", correct: true }\n    ];\n    \/\/ Section 2, column 1 \u2014 PLACES connected to his life\/training (accept ANY place in the text)\n    const IT_KW_REASONS = [\n        [\"milano\"], [\"caravaggio\"], [\"roma\"], [\"napoli\"], [\"malta\"], [\"sicilia\"], [\"palazzo madama\", \"palazzo\"]\n    ];\n    \/\/ Section 2, column 2 \u2014 CHARACTER TRAITS\n    const IT_KW_TRASATURI = [\n        [\"turbolent\", \"irrequiet\"], [\"irascibil\", \"coller\"], [\"violent\"], [\"ribell\", \"spirito libero\", \"libero\"],\n        [\"pepat\"], [\"geni\"], [\"rivoluzionar\"], [\"imprevedibil\"], [\"realis\", \"verita\"]\n    ];\n    \/\/ Section 4 \u2014 three elements that define the chiaroscuro technique (accept ANY named in the text)\n    const IT_ITEMS = [\n        [\"luce\"],\n        [\"ombra\"],\n        [\"contrast\"],\n        [\"dramma\", \"drammatic\", \"teatral\"],\n        [\"buio\", \"oscurit\", \"scuro\", \"adombrat\"],\n        [\"realis\", \"verita\", \"realta\"]\n    ];\n    const IT_ITEM_ROWS = 3;\n    const IT_ITEM_MIN = 3;\n\n    function itextNorm(s) { return (s || \"\").normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '').toLowerCase(); }\n    function itextCountGroups(text, groups) {\n        const t = itextNorm(text);\n        let n = 0;\n        groups.forEach(variants => { if (variants.some(v => t.includes(itextNorm(v)))) n++; });\n        return n;\n    }\n\n    window.launchActivity = function(type) {\n        document.getElementById('IconsHub').scrollIntoView({ behavior: 'smooth', block: 'start' });\n        document.getElementById('hub-menu').classList.remove('active-screen');\n        setTimeout(() => {\n            document.getElementById('hub-menu').style.display = 'none';\n            const stage = document.getElementById('activity-stage');\n            stage.style.display = 'block';\n            setTimeout(() => stage.classList.add('active-screen'), 50);\n            if(type === 'quiz') { score = 0; currentIdx = 0; window.showQuizIntro(); }\n            else if(type === 'x') { window.showEnigma(); }\n            else if(type === 'y') { window.showTextComprehension(); }\n            else if(type === 'w') { document.getElementById('activity-content-loader').innerHTML = '<style>@media (max-width:768px){#activity-content-loader .ei-game{margin:-30px -20px;}#activity-content-loader .ei-game iframe{height:calc(100svh - 110px);min-height:560px;border-radius:0 !important;}}@media (max-width:480px){#activity-content-loader .ei-game{margin:-24px -16px;}}<\/style><div class=\"ei-game\"><iframe src=\"https:\/\/spark-match-fun.lovable.app\" width=\"100%\" height=\"800\" style=\"border:0;display:block;border-radius:16px;\" allowfullscreen loading=\"lazy\" title=\"Gioco degli abbinamenti \u2013 Caravaggio\"><\/iframe><\/div>'; }\n            else { document.getElementById('activity-content-loader').innerHTML = `<h2 class=\"playfair-main-title\">${ACTIVITY_LABEL} ${type.toUpperCase()}<\/h2><p style=\"text-align:center;\">${SOON_LABEL}<\/p>`; }\n        }, 500);\n    };\n\n    window.backToMenu = function() {\n        document.getElementById('IconsHub').scrollIntoView({ behavior: 'smooth', block: 'start' });\n        document.getElementById('activity-stage').classList.remove('active-screen');\n        setTimeout(() => {\n            document.getElementById('activity-stage').style.display = 'none';\n            const menu = document.getElementById('hub-menu');\n            menu.style.display = 'block';\n            setTimeout(() => menu.classList.add('active-screen'), 50);\n        }, 500);\n    };\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 ENIGMA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    window.showEnigma = function() {\n        const loader = document.getElementById('activity-content-loader');\n        const options = [\n            { img: ENIGMA_CORRECT, correct: true },\n            { img: ENIGMA_WRONG,   correct: false }\n        ];\n        if (Math.random() < 0.5) options.reverse();\n\n        loader.innerHTML = `\n            <div class=\"enigma-stage\">\n                <p class=\"enigma-quote\">\u00abL'arte nasce dalla luce e dall'ombra.\u00bb<\/p>\n                <p class=\"enigma-question\">Chi pensi possa averlo detto?<\/p>\n                <div class=\"enigma-choices\">\n                    ${options.map((o, i) => `\n                        <div class=\"enigma-choice\" data-correct=\"${o.correct}\" onclick=\"window.enigmaChoose(this)\">\n                            <img decoding=\"async\" src=\"${o.img}\" alt=\"Personalit\u00e0 ${i + 1}\" loading=\"lazy\">\n                        <\/div>`).join('')}\n                <\/div>\n                <div class=\"enigma-feedback\" id=\"enigma-feedback\"><\/div>\n            <\/div>`;\n    };\n\n    window.enigmaChoose = function(el) {\n        const choices = document.querySelectorAll('.enigma-choice');\n        const isCorrect = el.dataset.correct === 'true';\n        choices.forEach(c => c.classList.add('locked'));\n\n        if (isCorrect) {\n            el.classList.add('correct-pick');\n            choices.forEach(c => { if (c !== el) c.classList.add('dim'); });\n            setTimeout(() => window.showEnigmaResult(), 800);\n        } else {\n            el.classList.add('wrong-pick');\n            choices.forEach(c => { if (c !== el) c.classList.add('dim'); });\n            document.getElementById('enigma-feedback').innerHTML = `\n                <p class=\"enigma-wrong-msg\">\u274c Sbagliato! Riprova.<\/p>\n                <button class=\"btn-retry\" onclick=\"window.showEnigma()\">Riprova<\/button>`;\n        }\n    };\n\n    window.showEnigmaResult = function() {\n        document.getElementById('activity-content-loader').innerHTML = `\n            <div class=\"enigma-result\">\n                <h2 class=\"enigma-result-title\">\u00c8 Caravaggio<\/h2>\n                <img decoding=\"async\" src=\"${ENIGMA_CORRECT}\" alt=\"Caravaggio\">\n                <span class=\"enigma-playlist-label\">Disegno con luce e ombra<\/span>\n                <p>Creerai un disegno realistico di un oggetto semplice usando solo luce e ombra per mostrare la forma, ispirandoti a come artisti come Leonardo da Vinci e Caravaggio usavano il contrasto per dare vita alle opere d'arte.<\/p>\n                <button class=\"btn-retry\" onclick=\"window.showEnigma()\">Gioca di nuovo<\/button>\n            <\/div>`;\n\n        if (typeof confetti === 'function') {\n            confetti({ particleCount: 90, spread: 75, origin: { y: 0.6 }, colors: ['#FB6C13', '#F9C80E', '#003049'] });\n        }\n    };\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 READING COMPREHENSION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    window.showTextComprehension = function() {\n        const loader = document.getElementById('activity-content-loader');\n        const fisaRows = Object.keys(IT_FISA).map(k =>\n            `<div class=\"itext-field-row\"><label>${IT_FISA_LABELS[k]}<\/label><input class=\"itext-input\" id=\"fisa-${k}\" type=\"text\" autocomplete=\"off\"><\/div>`\n        ).join('');\n\n        loader.innerHTML = `\n            <div class=\"itext-wrap\">\n                <h2 class=\"itext-main-title\">Il maestro della luce e dell'ombra<\/h2>\n                <p class=\"itext-subtitle\">Comprensione del testo \u00b7 Caravaggio<\/p>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-green\">1. Scheda del personaggio<\/div>\n                    <p class=\"itext-instruction\">Completa la scheda seguente, in base alla storia.<\/p>\n                    <div class=\"itext-fisa\">\n                        <img decoding=\"async\" src=\"${IT_IMG}\" alt=\"Caravaggio\">\n                        <div class=\"itext-fisa-fields\">${fisaRows}<\/div>\n                    <\/div>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckFisa()\">Controlla la scheda<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"fisa-msg\"><\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-red\">2. Scopri nel testo!<\/div>\n                    <p class=\"itext-instruction\">Ricava dal testo i luoghi in cui ha scoperto le opere dei grandi maestri e i tratti caratteriali dell'artista.<\/p>\n                    <div class=\"itext-cols\">\n                        <div>\n                            <div class=\"itext-col-title pasiuni\">Luoghi<\/div>\n                            <textarea class=\"itext-textarea\" id=\"it-pasiuni\" placeholder=\"Scrivi qui...\"><\/textarea>\n                        <\/div>\n                        <div>\n                            <div class=\"itext-col-title trasaturi\">Tratti caratteriali<\/div>\n                            <textarea class=\"itext-textarea\" id=\"it-trasaturi\" placeholder=\"Scrivi qui...\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckDescopera()\">Controlla la risposta<\/button>\n                    <button class=\"itext-btn secondary\" data-label=\"Vedi risposte di esempio\" onclick=\"window.itextToggleExamples('ex-descopera', this)\">Vedi risposte di esempio<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"descopera-msg\"><\/div>\n                    <div class=\"itext-examples\" id=\"ex-descopera\">\n                        <strong>Luoghi:<\/strong> Milano (bottega di Simone Peterzano), Caravaggio, Roma (botteghe di Lorenzo Carli e del Cavalier d'Arpino, Palazzo Madama), Napoli, Malta e la Sicilia.<br>\n                        <strong>Tratti caratteriali:<\/strong> turbolento e irrequieto, irascibile, violento, ribelle \/ spirito libero, dal carattere \"pepato\", geniale, rivoluzionario, imprevedibile, in cerca della verit\u00e0.\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-red\">3. Vero o falso?<\/div>\n                    <div id=\"itext-af-list\">\n                        ${IT_AF.map((item, i) => `\n                            <div class=\"itext-af-row\">\n                                <div class=\"itext-af-text\">${item.t}<\/div>\n                                <div class=\"itext-af-btns\">\n                                    <button class=\"itext-af-btn\" onclick=\"window.itextAF(this, ${i}, true)\">V<\/button>\n                                    <button class=\"itext-af-btn\" onclick=\"window.itextAF(this, ${i}, false)\">F<\/button>\n                                <\/div>\n                            <\/div>`).join('')}\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-navy\">4. Completa con informazioni dal testo!<\/div>\n                    <p class=\"itext-instruction\">Ricava dal testo tre elementi che definiscono la tecnica del chiaroscuro.<\/p>\n                    ${Array.from({length: IT_ITEM_ROWS}).map((_, i) => `\n                        <div class=\"itext-list-row\">\n                            <div class=\"itext-list-num\">${i + 1}<\/div>\n                            <input class=\"itext-list-input\" id=\"item-${i}\" type=\"text\" autocomplete=\"off\" placeholder=\"La tua risposta...\">\n                        <\/div>`).join('')}\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckItems()\">Controlla le risposte<\/button>\n                    <button class=\"itext-btn secondary\" data-label=\"Vedi esempi\" onclick=\"window.itextToggleExamples('ex-items', this)\">Vedi esempi<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"items-msg\"><\/div>\n                    <div class=\"itext-examples\" id=\"ex-items\">\n                        <strong>Elementi del chiaroscuro (tre qualsiasi sono corretti):<\/strong> la luce, l'ombra, il contrasto, la drammaticit\u00e0 (teatralit\u00e0), il buio \/ l'oscurit\u00e0, il realismo (la verit\u00e0).\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-download\">\n                    <p class=\"itext-download-text\">Vuoi lavorare la scheda anche su carta?<\/p>\n                    <a href=\"${IT_PDF}\" target=\"_blank\" rel=\"noopener noreferrer\" download class=\"itext-btn itext-btn-download\">\ud83d\udcc4 Scarica la scheda PDF<\/a>\n                <\/div>\n            <\/div>`;\n    };\n\n    window.itextCheckFisa = function() {\n        let allOk = true, filled = 0;\n        Object.keys(IT_FISA).forEach(k => {\n            const inp = document.getElementById('fisa-' + k);\n            const val = itextNorm(inp.value).trim();\n            if (val) filled++;\n            const ok = val && IT_FISA[k].some(a => val.includes(itextNorm(a)));\n            inp.classList.remove('ok', 'no');\n            inp.classList.add(ok ? 'ok' : 'no');\n            if (!ok) allOk = false;\n        });\n        const msg = document.getElementById('fisa-msg');\n        if (filled === 0) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Completa prima i campi.';\n            document.querySelectorAll('.itext-input').forEach(i => i.classList.remove('no'));\n            return;\n        }\n        msg.style.color = allOk ? '#004F2D' : '#D62828';\n        msg.innerText = allOk ? '\u2705 Perfetto! Hai completato correttamente la scheda.' : '\u274c Controlla i campi in rosso e riprova.';\n    };\n\n    window.itextCheckDescopera = function() {\n        const rTxt = document.getElementById('it-pasiuni').value;\n        const tTxt = document.getElementById('it-trasaturi').value;\n        const msg = document.getElementById('descopera-msg');\n        if (!rTxt.trim() && !tTxt.trim()) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Scrivi prima le tue risposte nelle caselle.';\n            return;\n        }\n        const r = itextCountGroups(rTxt, IT_KW_REASONS);\n        const t = itextCountGroups(tTxt, IT_KW_TRASATURI);\n        const ok = r >= 1 && t >= 2;\n        msg.style.color = ok ? '#004F2D' : '#B26A00';\n        msg.innerHTML = ok\n            ? `\u2705 Bravo! Hai individuato ${r} luogo\/luoghi e ${t} tratti caratteriali dal testo.`\n            : `\ud83d\udd0e Hai trovato ${r} luogo\/luoghi e ${t} tratti. Rileggi il testo e riprova (clicca \u00abVedi risposte di esempio\u00bb se ti serve aiuto).`;\n    };\n\n    window.itextCheckItems = function() {\n        const used = [];\n        let ok = 0, filled = 0;\n        for (let i = 0; i < IT_ITEM_ROWS; i++) {\n            const inp = document.getElementById('item-' + i);\n            inp.classList.remove('ok', 'no');\n            if (!inp.value.trim()) continue;\n            filled++;\n            const val = itextNorm(inp.value);\n            let matched = -1;\n            IT_ITEMS.forEach((g, gi) => { if (matched === -1 && used.indexOf(gi) === -1 && g.some(f => val.includes(itextNorm(f)))) matched = gi; });\n            if (matched >= 0) { used.push(matched); ok++; inp.classList.add('ok'); }\n            else inp.classList.add('no');\n        }\n        const msg = document.getElementById('items-msg');\n        if (filled === 0) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Scrivi prima le tue risposte.';\n            return;\n        }\n        const allOk = ok >= IT_ITEM_MIN;\n        msg.style.color = allOk ? '#004F2D' : '#B26A00';\n        msg.innerText = allOk\n            ? '\u2705 Bravo! Hai trovato tre elementi del chiaroscuro citati nel testo.'\n            : `\ud83d\udd0e Ne hai riconosciuti ${ok}\/${IT_ITEM_MIN}. Controlla quelli in rosso (clicca \u00abVedi esempi\u00bb se ti serve aiuto).`;\n    };\n\n    window.itextAF = function(btn, idx, chosen) {\n        const row = btn.closest('.itext-af-row');\n        const btns = row.querySelectorAll('.itext-af-btn');\n        btns.forEach(b => b.disabled = true);\n        const correct = IT_AF[idx].correct;\n        if (chosen === correct) {\n            btn.classList.add('af-correct');\n        } else {\n            btn.classList.add('af-wrong');\n            btns.forEach(b => { if (b.innerText === (correct ? 'V' : 'F')) b.classList.add('af-correct'); });\n        }\n    };\n\n    window.itextToggleExamples = function(id, btn) {\n        const box = document.getElementById(id);\n        box.classList.toggle('show');\n        btn.innerText = box.classList.contains('show') ? 'Nascondi' : btn.dataset.label;\n    };\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 QUIZ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    window.showQuizIntro = function() {\n        score = 0; currentIdx = 0;\n        document.getElementById('activity-content-loader').innerHTML = `\n            <div class=\"quiz-splash-elegant\">\n                <div class=\"splash-emoji\">${QUIZ_SPLASH_EMOJI}<\/div>\n                <h2>${QUIZ_TITLE}<\/h2>\n                <button onclick=\"window.startQuizNow()\" class=\"btn-start-hero\">${START_LABEL}<\/button>\n            <\/div>`;\n    };\n\n    window.startQuizNow = function() { renderNextQ(); };\n\n    function renderProgressBar(current, total) {\n        const pct = Math.round((current \/ total) * 100);\n        return `<div class=\"quiz-progress-wrap\">\n            <div class=\"quiz-progress-label\"><span>${QUIZ_LABEL} ${current + 1} \/ ${total}<\/span><span>${pct}%<\/span><\/div>\n            <div class=\"progress-track\"><div class=\"progress-fill\" style=\"width:${pct}%\"><\/div><\/div>\n        <\/div>`;\n    }\n\n    function renderNextQ() {\n        const data = QUIZ_DATA[currentIdx];\n        const loader = document.getElementById('activity-content-loader');\n        loader.innerHTML = `<div class=\"quiz-q-box\">${renderProgressBar(currentIdx, TOTAL)}<p class=\"quiz-question-text\">${data.q}<\/p><div id=\"opts-wrap\"><\/div><\/div>`;\n        requestAnimationFrame(() => {\n            const fill = loader.querySelector('.progress-fill');\n            if (fill) { const t = fill.style.width; fill.style.width = '0%'; requestAnimationFrame(() => { fill.style.width = t; }); }\n        });\n        data.a.forEach((opt, i) => {\n            const b = document.createElement('button');\n            b.className = 'opt-btn-elegant';\n            b.innerText = `${LABELS[i]}. ${opt}`;\n            b.onclick = () => validateAns(i, b);\n            document.getElementById('opts-wrap').appendChild(b);\n        });\n    }\n\n    function validateAns(idx, btn) {\n        const correct = QUIZ_DATA[currentIdx].c;\n        document.querySelectorAll('.opt-btn-elegant').forEach(b => { b.disabled = true; });\n        if(idx === correct) { score++; btn.classList.add('correct-style'); }\n        else { btn.classList.add('wrong-style'); document.querySelectorAll('.opt-btn-elegant')[correct].classList.add('correct-style'); }\n        setTimeout(() => { currentIdx++; if(currentIdx < TOTAL) renderNextQ(); else showFinalResult(); }, 1300);\n    }\n\n    function showFinalResult() {\n        const loader = document.getElementById('activity-content-loader');\n        loader.innerHTML = `<div class=\"quiz-result-box\">\n            <div class=\"quiz-result-emoji\">${emoji(score)}<\/div>\n            <p class=\"quiz-result-score\">Punteggio: ${score} \/ ${TOTAL}<\/p>\n            <p class=\"quiz-result-msg\">${msgFinal(score)}<\/p>\n            <button onclick=\"window.showQuizIntro()\" class=\"btn-retry\">${RETRY_LABEL}<\/button>\n        <\/div>`;\n        if(score === TOTAL) {\n            const end = Date.now() + 4000;\n            (function frame() {\n                confetti({ particleCount: 3, angle: 60, spread: 55, origin: { x: 0 }, colors: ['#FB6C13', '#F9C80E', '#003049'] });\n                confetti({ particleCount: 3, angle: 120, spread: 55, origin: { x: 1 }, colors: ['#FB6C13', '#F9C80E', '#003049'] });\n                if (Date.now() < end) requestAnimationFrame(frame);\n            }());\n        }\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d78807 e-flex e-con-boxed e-con e-parent\" data-id=\"8d78807\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div data-dce-title-color=\"#012F4A\" class=\"elementor-element elementor-element-f00e8b3 elementor-widget elementor-widget-heading\" data-id=\"f00e8b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Audio<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6da854e elementor-widget elementor-widget-afd_audio_player\" data-id=\"6da854e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"afd_audio_player.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div\n        class=\"afd-ap\"\n        id=\"afd-ap-1\"\n        style=\"--afd-ap-color: #bc1823\"\n        data-tracks='[{&quot;src&quot;:&quot;https:\\\/\\\/afostodata.ro\\\/europeanicons\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/CARAVAGGIO-v1-1.mp3&quot;,&quot;title&quot;:&quot;&quot;,&quot;subtitle&quot;:&quot;&quot;}]'\n        data-autoplay=\"0\"\n    >\n        <div class=\"afd-ap__bar\">\n            \n            <button class=\"afd-ap__btn afd-ap__btn--play\" type=\"button\" aria-label=\"Play\">\n                <svg class=\"afd-ap__icon-play\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7L8 5z\" fill=\"currentColor\"\/><\/svg>\n                <svg class=\"afd-ap__icon-pause\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" hidden><path d=\"M6 5h4v14H6zM14 5h4v14h-4z\" fill=\"currentColor\"\/><\/svg>\n            <\/button>\n\n            \n            <div class=\"afd-ap__meta\">\n                                    <span class=\"afd-ap__sub\"><\/span>\n                                <span class=\"afd-ap__title\">\n                                    <\/span>\n            <\/div>\n\n            <div class=\"afd-ap__progress\">\n                <span class=\"afd-ap__time afd-ap__time--now\">0:00<\/span>\n                <div class=\"afd-ap__scrub\" role=\"slider\" aria-label=\"Pozi\u021bie\" tabindex=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                    <div class=\"afd-ap__scrub-fill\"><\/div>\n                    <div class=\"afd-ap__scrub-thumb\"><\/div>\n                <\/div>\n                <span class=\"afd-ap__time afd-ap__time--total\">0:00<\/span>\n            <\/div>\n\n                            <div class=\"afd-ap__speed\">\n                    <button class=\"afd-ap__btn afd-ap__btn--speed\" type=\"button\" aria-haspopup=\"menu\" aria-expanded=\"false\" aria-label=\"Vitez\u0103\">\n                        <span class=\"afd-ap__speed-label\">1\u00d7<\/span>\n                    <\/button>\n                    <div class=\"afd-ap__speed-menu\" role=\"menu\" hidden>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"0.5\">0.5\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"0.75\">0.75\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"1\" class=\"is-active\">1\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"1.25\">1.25\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"1.5\">1.5\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"2\">2\u00d7<\/button>\n                    <\/div>\n                <\/div>\n            \n            \n            <audio class=\"afd-ap__audio\" preload=\"metadata\"><\/audio>\n        <\/div>\n\n            <\/div>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PASSIONE \u2022 CONTRASTO \u2022 MAESTRIA Caravaggio Casa &gt; Caravaggio Il \u201cpoeta\u201d delle luci e delle ombre Se vi volete inoltrare tra le luci e le ombre siete nel posto giusto; infatti qui vi parleremo di un personaggio famoso proprio per la sua abilit\u00e0 di usare queste ultime in modo spettacolare e grandioso, e di rappresentare [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13771","page","type-page","status-publish","hentry"],"acf":[],"lang":"it","translations":{"it":13771,"en":13478,"ro":12672,"el":13675,"fr":14125},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/13771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/comments?post=13771"}],"version-history":[{"count":58,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/13771\/revisions"}],"predecessor-version":[{"id":18156,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/13771\/revisions\/18156"}],"wp:attachment":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/media?parent=13771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}