{"id":12670,"date":"2026-02-17T18:38:56","date_gmt":"2026-02-17T16:38:56","guid":{"rendered":"https:\/\/afostodata.ro\/europeanicons\/?page_id=12670"},"modified":"2026-10-09T15:27:13","modified_gmt":"2026-10-09T13:27:13","slug":"saint-francisof-assisi","status":"publish","type":"page","link":"https:\/\/afostodata.ro\/europeanicons\/saint-francisof-assisi\/","title":{"rendered":"Saint Francisof Assisi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12670\" class=\"elementor elementor-12670\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-dce-background-overlay-color=\"#003049\" data-dce-background-image-url=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/francisc-sfant.webp\" class=\"elementor-element elementor-element-010bb91 e-flex e-con-boxed e-con e-parent\" data-id=\"010bb91\" 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-4434e78 elementor-widget elementor-widget-html\" data-id=\"4434e78\" 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\">Smerenie \u2022 Compasiune \u2022 Devotament<\/span>\n    <div class=\"title-container\">\n        <h1 class=\"main-name-solid\">Sf\u00e2ntul Francisc\n<\/h1>\n        <h1 class=\"main-name-stroke\"> de Assisi<\/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, 7rem);\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-3135f73 e-flex e-con-boxed e-con e-parent\" data-id=\"3135f73\" 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-a14defa e-con-full e-flex e-con e-child\" data-id=\"a14defa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5e8afb9 e-con-full e-flex e-con e-child\" data-id=\"5e8afb9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fcf636 elementor-widget elementor-widget-dce-breadcrumbs\" data-id=\"4fcf636\" 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=\"Acas\u0103\">Acas\u0103<\/a><\/li><li class=\"separator separator-home\"> <span class=\"dce-separator\"> &gt; <\/span> <\/li><li class=\"item-current item-12670\"><span class=\"bread-current bread-12670\"> Saint Francisof Assisi<\/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-40efcca elementor-widget elementor-widget-heading\" data-id=\"40efcca\" 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\">Sf\u00e2ntul Francisc din Assisi\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0b9155 elementor-widget elementor-widget-text-editor\" data-id=\"a0b9155\" 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>Povestea lui Francisc \u00eencepe \u00een ora\u0219ul Assisi din Italia. Despre acest om special Papa Benedict al XV-lea spunea c\u0103 \u201eeste imaginea lui Cristos\u201d, <strong>persoana care<\/strong> a ales <strong>bun\u0103tatea, pacea \u0219i iubirea pentru oameni \u0219i natur\u0103<\/strong>.<\/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-5045156 e-con-full e-flex e-con e-child\" data-id=\"5045156\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eade0e3 elementor-widget elementor-widget-image\" data-id=\"eade0e3\" 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\/13-1024x1024.jpg\" class=\"attachment-large size-large wp-image-12473\" alt=\"\" srcset=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/13-1024x1024.jpg 1024w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/13-300x300.jpg 300w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/13-150x150.jpg 150w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/13-768x768.jpg 768w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/13.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-3b85973 e-flex e-con-boxed e-con e-parent\" data-id=\"3b85973\" 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-fb35296 e-con-full e-flex e-con e-child\" data-id=\"fb35296\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#D62729\" class=\"elementor-element elementor-element-7efb128 elementor-align-justify buton-audio elementor-widget elementor-widget-button\" data-id=\"7efb128\" 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\"> ASCULT\u0102<\/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-71eba7d e-con-full e-flex e-con e-child\" data-id=\"71eba7d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#FA6D12\" class=\"elementor-element elementor-element-6b28acd elementor-align-justify buton-citeste elementor-widget elementor-widget-button\" data-id=\"6b28acd\" 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\">CITE\u0218TE<\/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-9114a69 e-con-full e-flex e-con e-child\" data-id=\"9114a69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#F9C70C\" class=\"elementor-element elementor-element-a5320cf elementor-align-justify buton-activitati elementor-widget elementor-widget-button\" data-id=\"a5320cf\" 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\">ACTIVIT\u0102\u021aI<\/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-cae2f0a e-con-full e-flex e-con e-child\" data-id=\"cae2f0a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#01502B\" class=\"elementor-element elementor-element-256f280 elementor-align-justify buton-vizioneaza elementor-widget elementor-widget-button\" data-id=\"256f280\" 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\">Vizioneaz\u0103<\/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-7f8e612 citeste e-flex e-con-boxed e-con e-parent\" data-id=\"7f8e612\" 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-6e257e8 elementor-widget elementor-widget-html\" data-id=\"6e257e8\" 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        <p class=\"intro-paragraph\">\n            Povestea lui Francisc \u00eencepe \u00een ora\u0219ul Assisi din Italia. Despre acest om special Papa Benedict al XV-lea spunea c\u0103 \u201eeste imaginea lui Cristos\u201d, persoana care a ales bun\u0103tatea, pacea \u0219i iubirea pentru oameni \u0219i natur\u0103.\n        <\/p>\n\n        <p>Francisc s-a n\u0103scut, cel mai probabil, \u00eentre anii 1181 \u0219i 1182, \u00eentr-o cas\u0103 \u00eenc\u0103rcat\u0103 de stofe pre\u021bioase. Tat\u0103l s\u0103u, Pietro di Bernardone, era un negustor bogat care f\u0103cea avere din comer\u021bul cu Fran\u021ba. C\u00e2nd s-a \u00eentors dintr-o c\u0103l\u0103torie, a decis s\u0103-\u0219i numeasc\u0103 b\u0103iatul \u201eFrancesco\u201d (adic\u0103 \u201efrancezul\u201d) ca pe un omagiu adus \u021b\u0103rii care \u00eel \u00eembog\u0103\u021bise.<\/p>\n\n        <p>Copil fiind, a \u00eenv\u0103\u0163at limba latin\u0103, folosit\u0103 la slujbele biserice\u015fti, dar toat\u0103 via\u021ba a preferat limba vorbit\u0103 de popor, italiana veche, \u015fi \u00een aceast\u0103 limb\u0103 a scris versurile simple \u015fi fermec\u0103toare ale celebrului imn religios \u201eC\u00e2ntecul Fratelui Soare\u201d \u00een care \u00eel sl\u0103ve\u0219te pe Dumnezeu prin intermediul naturii \u0219i al crea\u021biei.<\/p>\n\n        <p>C\u00e2nd avea doar 20 de ani, ora\u0219ele italiene Assisi \u0219i Perugia au intrat \u00een conflict, iar Francisc a fost capturat \u0219i \u00eenchis \u00een Perugia timp de un an. Acolo, dup\u0103 ce a \u00eendurat frigul \u0219i boala, toat\u0103 lumea de m\u0103tase \u0219i lux pe care o cunoscuse a \u00eenceput s\u0103 se estompeze. \u00centre zidurile acelei \u00eenchisori, via\u021ba lui s-a schimbat. \u00cen t\u0103cere \u0219i suferin\u021b\u0103, a \u00een\u021beles c\u0103 bog\u0103\u021bia nu poate aduce fericirea.<\/p>\n\n        <p>Se spune c\u0103, \u00eentr-o zi rece de iarn\u0103, imediat dup\u0103 ce a fost eliberat, t\u00e2n\u0103rul a \u00eent\u00e2lnit un b\u0103tr\u00e2n s\u0103rac \u0219i bolnav care tremura de frig. S-a oprit, l-a privit \u00een ochi \u0219i i-a sim\u021bit durerea ca \u0219i cum ar fi fost a lui. F\u0103r\u0103 s\u0103 spun\u0103 nimic, \u0219i-a scos mantia groas\u0103 de l\u00e2n\u0103 \u0219i a pus-o pe umerii b\u0103tr\u00e2nului. \u00cen acea clip\u0103 a realizat c\u00e2t de important este s\u0103 d\u0103ruie\u0219ti.<\/p>\n\n        <p>Momentul deciziei finale care l-a apropiat de divinitate a venit \u00een micu\u021ba biseric\u0103 San Damiano, \u00een anul 1207, c\u00e2nd a auzit o voce care \u00eei cerea s\u0103 repare casa lui Dumnezeu. Cu hot\u0103r\u00e2rea lui obi\u0219nuit\u0103, Francisc a v\u00e2ndut stofele tat\u0103lui s\u0103u pentru a cump\u0103ra pietre \u0219i c\u0103r\u0103mizi.<\/p>\n\n        <blockquote class=\"dialogue\">\n            \u2014 \u021ai-ai pierdut min\u021bile? a \u00eentrebat Pietro.<br>\n            \u2014 \u00ce\u021bi mul\u021bumesc pentru tot ce mi-ai oferit, dar de acum \u00eenainte m\u0103 voi supune tat\u0103lui meu din ceruri, a r\u0103spuns b\u0103iatul \u0219i apoi i-a \u00eenapoiat hainele elegante celui care \u00eel crescuse.\n        <\/blockquote>\n\n        <p>Datorit\u0103 sincerit\u0103\u021bii sale, Francisc a devenit model \u0219i pentru al\u021bii, fond\u00e2nd ordinul franciscanilor, o comunitate religioas\u0103 care a tr\u0103it \u00een s\u0103r\u0103cie, simplitate, respect pentru natur\u0103 \u0219i pentru toat\u0103 crea\u021bia.<\/p>\n\n        <div class=\"historical-moment\">\n            <p>\u00cen timp ce lumea era zguduit\u0103 de Cruciade, el a decis s\u0103 fac\u0103 un gest de neimaginat. \u00cen anul 1219 a trecut liniile du\u0219mane pentru a-l \u00eent\u00e2lni pe sultanul Malik al-Kamil. G\u0103rzile au vrut s\u0103-l opreasc\u0103, dar au fost impresionate de bl\u00e2nde\u021bea lui. \u00cen fa\u021ba puternicului sultan, Francisc nu a vorbit despre r\u0103zboi, ci despre fraternitate:<\/p>\n\n            <p class=\"announcement\">\n                \u2014 Mare sultan, nu vin ca du\u0219man, ci ca un frate care dore\u0219te s\u0103-\u021bi vorbeasc\u0103 despre pacea pe care doar Dumnezeu o poate d\u0103rui.\n            <\/p>\n\n            <p>Sultanul, mi\u0219cat de curajul lui, l-a primit cu respect \u0219i i-a permis s\u0103 plece \u00een siguran\u021b\u0103. A fost unul dintre primele mari exemple de dialog \u00eentre culturi diferite, dovada c\u0103 vorbele pot fi mai puternice dec\u00e2t sabia.<\/p>\n        <\/div>\n\n        <p>O alt\u0103 \u00eent\u00e2mplare memorabil\u0103 a avut loc \u00een afara zidurilor ora\u0219ului Gubbio, la apus.<\/p>\n\n        <blockquote class=\"dialogue\">\n            \u2014 \u00cenchide\u021bi u\u0219ile! \u00cen p\u0103dure se ascunde un lup monstruos care nu cru\u021b\u0103 pe nimeni, spuneau oamenii cu fric\u0103.\n        <\/blockquote>\n\n        <p>Auzind acestea, Francisc a pornit spre marginea p\u0103durii singur, f\u0103r\u0103 sabie, f\u0103r\u0103 scut. Z\u0103rind animalul, a ridicat m\u00e2na \u0219i a spus:<\/p>\n\n        <div class=\"historical-moment\">\n            <p class=\"announcement\">\n                \u2014 Vino aici, frate Lup. \u00cen numele lui Dumnezeu \u00ee\u021bi poruncesc s\u0103 nu \u00eemi faci r\u0103u nici mie, nici altcuiva.\n            <\/p>\n\n            <p>\u00cencremeni\u021bi de fric\u0103, locuitorii au v\u0103zut cum lupul \u0219i-a plecat capul \u0219i s-a a\u0219ezat la picioarele lui Francisc.<\/p>\n        <\/div>\n\n        <blockquote class=\"dialogue\">\n            \u2014 Frate Lup, ai f\u0103cut mult r\u0103u \u00een aceste \u021binuturi. Dar \u0219tiu de ce: \u021bi-e foame. M\u00e2nia este adesea strig\u0103tul celui care se simte singur \u0219i fl\u0103m\u00e2nd. De ast\u0103zi oamenii \u00ee\u021bi vor da de m\u00e2ncare \u00een fiecare zi, iar tu nu \u00eei vei mai r\u0103ni.\n        <\/blockquote>\n\n        <p>\u00cen acea zi, Gubbio nu a c\u00e2\u0219tigat un r\u0103zboi, dar a \u00eenv\u0103\u021bat o lec\u021bie: \u201emonstrul\u201d este adesea doar cineva care sufer\u0103, iar singura cale de a \u00eenvinge un du\u0219man este s\u0103-l transformi \u00eentr-un frate.<\/p>\n\n        <p>Odat\u0103 cu trecerea anilor, vederea lui Francisc a devenit tot mai slab\u0103. \u00cengrijora\u021bi de starea lui, fra\u021bii franciscani al\u0103turi de care c\u0103uta lini\u0219tea \u0219i medita\u021bia \u00een \u00eenaltul mun\u021bilor, i-au propus s\u0103 coboare \u00eentr-o zon\u0103 mai protejat\u0103.<\/p>\n\n        <blockquote class=\"dialogue\">\n            \u2014 Un singur loc m-a impresionat profund: unde s-a n\u0103scut Isus, la Betleem. A\u0219 vrea s\u0103 retr\u0103iesc acel moment \u0219i s\u0103 rev\u0103d acel loc. Pentru c\u0103 se apropie Cr\u0103ciunul, vreau s\u0103 recre\u0103m scena na\u0219terii Domnului. Face\u021bi exact cum v\u0103 spun!\n        <\/blockquote>\n\n        <p>A\u0219adar, amenajarea \u201eieslei de Cr\u0103ciun\u201d \u00een case \u0219i biserici provine direct de la aceast\u0103 ini\u021biativ\u0103 a Sf\u00e2ntului Francisc. \u00cen tradi\u021bia italian\u0103, obiceiul se nume\u0219te il presepe\/presepio. \u00centocmai dup\u0103 spusele sf\u00e2ntului, fra\u021bii s\u0103i au amenajat o iesle adev\u0103rat\u0103, cu paie, pe care au a\u0219ezat o statuet\u0103 reprezent\u00e2ndu-l pe Pruncul Isus, iar \u00een apropiere au adus animalele din noaptea sf\u00e2nt\u0103 a na\u0219terii Domnului.<\/p>\n\n        <p class=\"conclusion-text\">\n            Francisc a murit \u00een Assisi pe 3 octombrie 1226, dar este s\u0103rb\u0103torit pe 4 octombrie. Ast\u0103zi este patronul Italiei, iar \u00een 1979 Papa Ioan Paul al II-lea l-a proclamat patronul ecologi\u0219tilor. Spiritul s\u0103u tr\u0103ie\u0219te \u0219i prin celebra melodie \u201eDolce \u00e8 sentire\u201d, inspirat\u0103 din \u201eC\u00e2ntecul Fratelui Soare\u201d, interpretat\u0103 de arti\u0219ti precum Andrea Bocelli \u0219i Luciano Pavarotti.\n        <\/p>\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', sans-serif;\n    line-height: 1.8;\n    color: #003049; \/* Dark Blue *\/\n}\n\n.story-content p {\n    margin-bottom: 25px;\n    font-size: 1.15rem;\n    text-align: justify;\n}\n\n\/* Drop Cap Stilizat *\/\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; \/* Red *\/\n    font-weight: 900;\n}\n\n\/* Stilizare Dialoguri *\/\n.dialogue {\n    margin: 40px 0;\n    padding: 20px 40px;\n    border-left: 5px solid #FB6C13; \/* Orange *\/\n    background-color: rgba(245, 224, 183, 0.3); \/* Beige Transparent *\/\n    font-style: italic;\n    font-family: 'Playfair Display', serif;\n    font-size: 1.3rem;\n}\n\n\/* Moment Istoric *\/\n.historical-moment {\n    margin: 50px 0;\n    padding: 40px;\n    background-color: #003049; \/* Dark Blue *\/\n    color: #F5E0B7; \/* Beige *\/\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; \/* Yellow *\/\n    padding-top: 20px;\n    font-weight: 700;\n    color: #F9C80E !important; \/* Yellow *\/\n    font-size: 1.4rem !important;\n    text-align: center !important;\n}\n\n\/* Concluzie *\/\n.conclusion-text {\n    margin-top: 60px;\n    padding: 30px;\n    background-color: #004F2D; \/* Green *\/\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-5807598 activitati e-flex e-con-boxed e-con e-parent\" data-id=\"5807598\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c11eb1 elementor-widget elementor-widget-html\" data-id=\"6c11eb1\" 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    \n    <div id=\"hub-menu\" class=\"hub-screen active-screen\">\n        <div class=\"hub-header\">\n            <h2 class=\"playfair-main-title\">Activit\u0103\u021bi<\/h2>\n        <\/div>\n\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\">Start<\/span>\n                <\/div>\n            <\/div>\n\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\">Vezi<\/span>\n                <\/div>\n            <\/div>\n\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\">\u00cen\u021belegerea textului<\/h3>\n                    <span class=\"elegant-btn\">Vezi<\/span>\n                <\/div>\n            <\/div>\n\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\">Timeline<\/h3>\n                    <span class=\"elegant-btn\">Vezi<\/span>\n                <\/div>\n            <\/div>\n\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\">Vezi<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"activity-stage\" class=\"hub-screen\" style=\"display:none;\">\n        <button onclick=\"backToMenu()\" class=\"btn-back-elegant\">\u2190 \u00cenapoi la meniu<\/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\n*, *::before, *::after { box-sizing: border-box; }\n\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; }\n.hub-screen { opacity: 0; transition: all 0.5s ease; display: none; }\n.active-screen { display: block !important; opacity: 1 !important; }\n\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); }\n.elegant-card:hover { transform: translateY(-12px); box-shadow: 0 25px 50px rgba(0, 48, 73, 0.15); border-color: #FB6C13; }\n.elegant-card, .elegant-card * { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.playfair-card-title { font-family: 'Playfair Display', serif; font-size: clamp(1rem, 2vw, 1.5rem); font-weight: 700; margin: 20px 0; }\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; }\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\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\n\/* \u2500\u2500\u2500 QUIZ \u2500\u2500\u2500 *\/\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; }\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 ease; }\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; width: auto; 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\n\/* \u2500\u2500\u2500 \u00ceN\u021aELEGEREA TEXTULUI \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-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-a4-row label { min-width: 185px; }\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\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; }\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 francisData = [\n        { q: \"1. Unde s-a n\u0103scut Francisc din Assisi?\", a: [\"Roma\", \"Assisi\", \"Floren\u021ba\", \"Napoli\"], c: 1 },\n        { q: \"2. Cu ce se ocupa tat\u0103l lui Francisc?\", a: [\"Era soldat\", \"Era pictor\", \"Era negustor de stofe\", \"Era preot\"], c: 2 },\n        { q: \"3. De ce i-a dat tat\u0103l s\u0103u numele Francesco (\u201efrancezul\u201d)?\", a: [\"Pentru c\u0103 s-a n\u0103scut \u00een Fran\u021ba\", \"Pentru c\u0103 familia tr\u0103ia \u00een Fran\u021ba\", \"Pentru c\u0103 tat\u0103l s\u0103u f\u0103cea comer\u021b cu Fran\u021ba\", \"Pentru c\u0103 mama lui era fran\u021buzoaic\u0103\"], c: 2 },\n        { q: \"4. Ce vis avea Francisc c\u00e2nd era t\u00e2n\u0103r?\", a: [\"S\u0103 devin\u0103 artist\", \"S\u0103 devin\u0103 cavaler\", \"S\u0103 devin\u0103 c\u0103lug\u0103r\", \"S\u0103 devin\u0103 medic\"], c: 1 },\n        { q: \"5. \u00cen ce ora\u0219 a fost \u00eentemni\u021bat Francisc dup\u0103 r\u0103zboi?\", a: [\"Perugia\", \"Milano\", \"Pisa\", \"Siena\"], c: 0 },\n        { q: \"6. Ce gest a f\u0103cut Francisc c\u00e2nd a \u00eent\u00e2lnit un b\u0103tr\u00e2n s\u0103rac care tremura de frig?\", a: [\"I-a dat bani\", \"L-a dus acas\u0103\", \"I-a dat mantia lui\", \"I-a adus m\u00e2ncare\"], c: 2 },\n        { q: \"7. \u00cen ce biseric\u0103 a auzit Francisc chemarea de a \u201erepara casa lui Dumnezeu\u201d?\", a: [\"San Pietro\", \"San Damiano\", \"Santa Maria\", \"San Marco\"], c: 1 },\n        { q: \"8. Cu cine s-a \u00eent\u00e2lnit Francisc \u00een Egipt \u00een timpul cruciadelor?\", a: [\"Un \u00eemp\u0103rat\", \"Un rege\", \"Sultanul Malik al-Kamil\", \"Un general\"], c: 2 },\n        { q: \"9. Unde a fost realizat\u0103 prima scen\u0103 a Na\u0219terii Domnului (presepe)?\", a: [\"Assisi\", \"Roma\", \"Greccio\", \"Napoli\"], c: 2 },\n        { q: \"10. Ce animal a \u00eembl\u00e2nzit Francisc \u00een ora\u0219ul Gubbio?\", a: [\"Un urs\", \"Un lup\", \"Un leu\", \"Un c\u00e2ine\"], c: 1 }\n    ];\n\n    let score = 0;\n    let currentIdx = 0;\n    const TOTAL = francisData.length;\n\n    \/\/ \u2500\u2500 Imagini Enigma \u2500\u2500\n    const ENIGMA_CORRECT = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/13.jpg\";\n    const ENIGMA_WRONG   = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18.jpg\";\n\n    \/\/ \u2500\u2500 Date \u201e\u00cen\u021belegerea textului\" \u2014 Sf. Francisc \u2500\u2500\n    const IT_IMG = ENIGMA_CORRECT;\n    const IT_PDF = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Francisc-IT-RO.pdf\";\n    const IT_FISA = { nume: [\"bernardone\", \"assisi\"], prenume: [\"francisc\", \"francesco\"], an: [\"1181\", \"1182\"], profesie: [\"calugar\", \"frate\", \"sfant\", \"fondator\"] };\n    const IT_FISA_LABELS = { nume: \"Nume:\", prenume: \"Prenume:\", an: \"Anul na\u0219terii:\", profesie: \"Profesie:\" };\n    const IT_AF = [\n        { t: \"Sf\u00e2ntul Francisc a renun\u021bat la bog\u0103\u021bie pentru a duce o via\u021b\u0103 simpl\u0103.\", correct: true },\n        { t: \"\u00cen copil\u0103rie, Francisc \u0219i-a dorit s\u0103 devin\u0103 pictor \u0219i \u0219i-a petrecut via\u021ba realiz\u00e2nd tablouri.\", correct: false },\n        { t: \"Sf\u00e2ntul Francisc din Assisi este cunoscut pentru dragostea fa\u021b\u0103 de natur\u0103 \u0219i animale.\", correct: true }\n    ];\n    const IT_KW_LIMBI = [ [\"latin\"], [\"italian\"] ];\n    const IT_KW_TRASATURI = [\n        [\"bun\", \"bunatate\"], [\"pasnic\", \"pace\"], [\"iubitor\", \"iubire\", \"iubea\"], [\"generos\", \"darui\"],\n        [\"hotarat\", \"hotarar\"], [\"curaj\", \"curajos\"], [\"smerit\", \"smerenie\", \"umil\"],\n        [\"bland\", \"blandete\"], [\"sincer\"], [\"modest\", \"simpl\", \"saracie\", \"sarac\"]\n    ];\n    const IT_A4 = [\n        { id: \"a4-obicei\", label: \"Obicei de iarn\u0103:\", accept: [\"presepe\", \"presepio\", \"iesle\", \"nasterea domnului\", \"scena nasterii\", \"craciun\"] },\n        { id: \"a4-miscare\", label: \"Mi\u0219carea religioas\u0103:\", accept: [\"franciscan\"] },\n        { id: \"a4-animal\", label: \"Animalul \u00eembl\u00e2nzit:\", accept: [\"lup\"] }\n    ];\n\n    function itextNorm(s) { return (s || \"\").normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '').toLowerCase(); }\n    function itextStrip(s) { return itextNorm(s).replace(\/[\u2019'\\s.\\-]\/g, '').trim(); }\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        \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            \n            if(type === 'quiz') {\n                score = 0; currentIdx = 0;\n                window.showQuizIntro();\n            } else if(type === 'x') {\n                window.showEnigma();\n            } else if(type === 'y') {\n                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:\/\/match-master-creator.lovable.app\" width=\"100%\" height=\"800\" style=\"border:0;display:block;border-radius:16px;\" allowfullscreen loading=\"lazy\" title=\"Joc de asociere \u2013 Francesco d\u2019Assisi\"><\/iframe><\/div>'; }\n            else {\n                document.getElementById('activity-content-loader').innerHTML = `<h2 class=\"playfair-main-title\">Activitate ${type.toUpperCase()}<\/h2><p style=\"text-align:center;\">\u00cen cur\u00e2nd...<\/p>`;\n            }\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\">\u201e\u00cencepe prin a face ce este necesar, apoi ce este posibil \u0219i, dintr-o dat\u0103, faci imposibilul.\u201d<\/p>\n                <p class=\"enigma-question\">Cine crezi c\u0103 ar fi putut spune asta?<\/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=\"Personalitate ${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 Gre\u0219it! Mai \u00eencearc\u0103.<\/p>\n                <button class=\"btn-retry\" onclick=\"window.showEnigma()\">Reia<\/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\">Este Francisc de Assisi<\/h2>\n                <img decoding=\"async\" src=\"${ENIGMA_CORRECT}\" alt=\"Sf\u00e2ntul Francisc de Assisi\">\n                <span class=\"enigma-playlist-label\">\u00cenva\u021b\u0103 s\u0103 prioritizezi<\/span>\n                <p>Elevii vor urma sfatul lui Francisc pentru a-\u0219i crea propria schem\u0103 personal\u0103 de prioritizare a obiectivelor \u0219i a nevoilor: mai \u00eent\u00e2i ce este necesar, apoi ce este posibil \u2014 \u0219i, pas cu pas, imposibilul.<\/p>\n                <button class=\"btn-retry\" onclick=\"window.showEnigma()\">Reia enigma<\/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 \u00ceN\u021aELEGEREA TEXTULUI \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\">Apostolul smereniei<\/h2>\n                <p class=\"itext-subtitle\">\u00cen\u021belegerea textului<\/p>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-green\">1. Fi\u0219a personajului<\/div>\n                    <p class=\"itext-instruction\">Completeaz\u0103 urm\u0103toarea fi\u0219\u0103, pe baza pove\u0219tii.<\/p>\n                    <div class=\"itext-fisa\">\n                        <img decoding=\"async\" src=\"${IT_IMG}\" alt=\"Sf\u00e2ntul Francisc de Assisi\">\n                        <div class=\"itext-fisa-fields\">${fisaRows}<\/div>\n                    <\/div>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckFisa()\">Verific\u0103 fi\u0219a<\/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. Descoper\u0103 \u00een text!<\/div>\n                    <p class=\"itext-instruction\">Extrage din text limbile pe care le vorbea sf\u00e2ntul \u0219i tr\u0103s\u0103turile de caracter.<\/p>\n                    <div class=\"itext-cols\">\n                        <div>\n                            <div class=\"itext-col-title pasiuni\">Limbi vorbite<\/div>\n                            <textarea class=\"itext-textarea\" id=\"it-limbi\" placeholder=\"Scrie aici...\"><\/textarea>\n                        <\/div>\n                        <div>\n                            <div class=\"itext-col-title trasaturi\">Tr\u0103s\u0103turi de caracter<\/div>\n                            <textarea class=\"itext-textarea\" id=\"it-trasaturi\" placeholder=\"Scrie aici...\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckDescopera()\">Verific\u0103 r\u0103spunsul<\/button>\n                    <button class=\"itext-btn secondary\" data-label=\"Vezi exemple de r\u0103spuns\" onclick=\"window.itextToggleExamples('ex-descopera', this)\">Vezi exemple de r\u0103spuns<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"descopera-msg\"><\/div>\n                    <div class=\"itext-examples\" id=\"ex-descopera\">\n                        <strong>Limbi vorbite:<\/strong> latina (folosit\u0103 la slujbele biserice\u0219ti) \u0219i italiana veche (limba vorbit\u0103 de popor, \u00een care a scris \u201eC\u00e2ntecul Fratelui Soare\u201d).<br>\n                        <strong>Tr\u0103s\u0103turi de caracter:<\/strong> bun, pa\u0219nic, iubitor, generos, hot\u0103r\u00e2t, curajos, smerit (umil), bl\u00e2nd, sincer, modest.\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-red\">3. Adev\u0103rat sau fals?<\/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)\">A<\/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-orange\">4. Completeaz\u0103 cu informa\u021bii din text!<\/div>\n                    <p class=\"itext-instruction\">Extrage din text un obicei de iarn\u0103 care a r\u0103mas datorit\u0103 sf\u00e2ntului, numele mi\u0219c\u0103rii religioase pe care a ini\u021biat-o \u0219i animalul pe care l-a \u00eembl\u00e2nzit.<\/p>\n                    ${IT_A4.map(e => `\n                        <div class=\"itext-field-row itext-a4-row\"><label>${e.label}<\/label><input class=\"itext-input\" id=\"${e.id}\" type=\"text\" autocomplete=\"off\"><\/div>`).join('')}\n                    <button class=\"itext-btn\" onclick=\"window.itextCheck4()\">Verific\u0103 r\u0103spunsul<\/button>\n                    <button class=\"itext-btn secondary\" data-label=\"Vezi r\u0103spunsurile\" onclick=\"window.itextToggleExamples('ex-a4', this)\">Vezi r\u0103spunsurile<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"a4-msg\"><\/div>\n                    <div class=\"itext-examples\" id=\"ex-a4\">\n                        <strong>Obicei de iarn\u0103:<\/strong> ieslea de Cr\u0103ciun (presepe\/presepio) \u2014 scena Na\u0219terii Domnului.<br>\n                        <strong>Mi\u0219carea religioas\u0103:<\/strong> ordinul franciscanilor.<br>\n                        <strong>Animalul \u00eembl\u00e2nzit:<\/strong> lupul (din Gubbio).\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-download\">\n                    <p class=\"itext-download-text\">Vrei s\u0103 lucrezi fi\u0219a \u0219i pe h\u00e2rtie?<\/p>\n                    <a href=\"${IT_PDF}\" target=\"_blank\" rel=\"noopener noreferrer\" download class=\"itext-btn itext-btn-download\">\ud83d\udcc4 Descarc\u0103 fi\u0219a 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 = itextStrip(inp.value);\n            if (val) filled++;\n            const ok = IT_FISA[k].some(a => val === itextStrip(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 = 'Completeaz\u0103 c\u00e2mpurile mai \u00eent\u00e2i.';\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 Perfect! Ai completat corect fi\u0219a.' : '\u274c Mai verific\u0103 c\u00e2mpurile ro\u0219ii \u0219i \u00eencearc\u0103 din nou.';\n    };\n\n    window.itextCheckDescopera = function() {\n        const lTxt = document.getElementById('it-limbi').value;\n        const tTxt = document.getElementById('it-trasaturi').value;\n        const msg = document.getElementById('descopera-msg');\n        if (!lTxt.trim() && !tTxt.trim()) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Scrie mai \u00eent\u00e2i r\u0103spunsurile \u00een c\u0103su\u021be.';\n            return;\n        }\n        const l = itextCountGroups(lTxt, IT_KW_LIMBI);\n        const t = itextCountGroups(tTxt, IT_KW_TRASATURI);\n        const ok = l >= 2 && t >= 2;\n        msg.style.color = ok ? '#004F2D' : '#B26A00';\n        msg.innerHTML = ok\n            ? `\u2705 Bravo! Ai identificat ${l} limbi \u0219i ${t} tr\u0103s\u0103turi din text.`\n            : `\ud83d\udd0e Ai g\u0103sit ${l} limb\u0103\/limbi \u0219i ${t} tr\u0103s\u0103turi. Mai caut\u0103 \u00een text \u0219i \u00eencearc\u0103 din nou (apas\u0103 \u201eVezi exemple\u201d dac\u0103 ai nevoie de ajutor).`;\n    };\n\n    window.itextCheck4 = function() {\n        let ok = 0, answered = 0;\n        IT_A4.forEach(e => {\n            const inp = document.getElementById(e.id);\n            inp.classList.remove('ok', 'no');\n            if (!inp.value.trim()) return;\n            answered++;\n            const val = itextNorm(inp.value);\n            const good = e.accept.some(a => val.includes(itextNorm(a)));\n            inp.classList.add(good ? 'ok' : 'no');\n            if (good) ok++;\n        });\n        const msg = document.getElementById('a4-msg');\n        if (answered === 0) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Completeaz\u0103 c\u00e2mpurile mai \u00eent\u00e2i.';\n            return;\n        }\n        const allOk = ok === IT_A4.length;\n        msg.style.color = allOk ? '#004F2D' : '#B26A00';\n        msg.innerText = allOk\n            ? '\u2705 Perfect! Ai g\u0103sit toate cele trei informa\u021bii.'\n            : `\ud83d\udd0e Ai ${ok}\/${IT_A4.length} corecte. Mai verific\u0103 c\u00e2mpurile ro\u0219ii.`;\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 ? 'A' : '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') ? 'Ascunde' : 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\">\ud83d\udd4a\ufe0f<\/div>\n                <h2>Quiz Francisc din Assisi<\/h2>\n                <button onclick=\"window.startQuizNow()\" class=\"btn-start-hero\">Start<\/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 `\n            <div class=\"quiz-progress-wrap\">\n                <div class=\"quiz-progress-label\">\n                    <span>\u00centrebarea ${current + 1} \/ ${total}<\/span>\n                    <span>${pct}%<\/span>\n                <\/div>\n                <div class=\"progress-track\">\n                    <div class=\"progress-fill\" style=\"width: ${pct}%\"><\/div>\n                <\/div>\n            <\/div>`;\n    }\n\n    function renderNextQ() {\n        const data = francisData[currentIdx];\n        const loader = document.getElementById('activity-content-loader');\n        const labels = [\"A\", \"B\", \"C\", \"D\"];\n        \n        loader.innerHTML = `\n            <div class=\"quiz-q-box\">\n                ${renderProgressBar(currentIdx, TOTAL)}\n                <p class=\"quiz-question-text\">${data.q}<\/p>\n                <div id=\"opts-wrap\"><\/div>\n            <\/div>`;\n        \n        requestAnimationFrame(() => {\n            const fill = loader.querySelector('.progress-fill');\n            if (fill) {\n                const target = fill.style.width;\n                fill.style.width = '0%';\n                requestAnimationFrame(() => { fill.style.width = target; });\n            }\n        });\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 = francisData[currentIdx].c;\n        const all = document.querySelectorAll('.opt-btn-elegant');\n        all.forEach(b => { b.disabled = true; });\n        \n        if(idx === correct) { score++; btn.classList.add('correct-style'); }\n        else { btn.classList.add('wrong-style'); all[correct].classList.add('correct-style'); }\n        \n        setTimeout(() => {\n            currentIdx++;\n            if(currentIdx < TOTAL) renderNextQ();\n            else showFinalResult();\n        }, 1300);\n    }\n\n    function showFinalResult() {\n        const loader = document.getElementById('activity-content-loader');\n        const isPerfect = score === TOTAL;\n        const emoji = score === TOTAL ? \"\ud83c\udfc6\" : score >= 7 ? \"\u2728\" : score >= 5 ? \"\ud83c\udf3f\" : \"\ud83d\udcaa\";\n        const msg = isPerfect \n            ? \"Excep\u021bional! Cuno\u0219ti perfect via\u021ba Sf\u00e2ntului Francisc.\" \n            : score >= 7 \n                ? \"Foarte bine! Ai \u00eenv\u0103\u021bat multe despre cavalerul p\u0103cii.\"\n                : \"Bun \u00eenceput! Recite\u0219te povestea \u0219i mai \u00eencearc\u0103 o dat\u0103.\";\n\n        loader.innerHTML = `\n            <div class=\"quiz-result-box\">\n                <div class=\"quiz-result-emoji\">${emoji}<\/div>\n                <p class=\"quiz-result-score\">Scor: ${score} \/ ${TOTAL}<\/p>\n                <p class=\"quiz-result-msg\">${msg}<\/p>\n                <button onclick=\"window.showQuizIntro()\" class=\"btn-retry\">Reia testul<\/button>\n            <\/div>`;\n        \n        if(isPerfect) {\n            const duration = 4000;\n            const end = Date.now() + duration;\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-dbb8969 audio e-flex e-con-boxed e-con e-parent\" data-id=\"dbb8969\" 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-bc7048a elementor-widget elementor-widget-heading\" data-id=\"bc7048a\" 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-2bf4750 elementor-widget elementor-widget-afd_audio_player\" data-id=\"2bf4750\" 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\\\/06\\\/Francesco-de-Asisi-master.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>Smerenie \u2022 Compasiune \u2022 Devotament Sf\u00e2ntul Francisc de Assisi Acas\u0103 &gt; Saint Francisof Assisi Sf\u00e2ntul Francisc din Assisi Povestea lui Francisc \u00eencepe \u00een ora\u0219ul Assisi din Italia. Despre acest om special Papa Benedict al XV-lea spunea c\u0103 \u201eeste imaginea lui Cristos\u201d, persoana care a ales bun\u0103tatea, pacea \u0219i iubirea pentru oameni \u0219i natur\u0103. ASCULT\u0102 CITE\u0218TE [&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-12670","page","type-page","status-publish","hentry"],"acf":[],"lang":"ro","translations":{"ro":12670,"en":13483,"el":13683,"it":13787,"fr":14150},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/12670","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=12670"}],"version-history":[{"count":31,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/12670\/revisions"}],"predecessor-version":[{"id":17565,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/12670\/revisions\/17565"}],"wp:attachment":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/media?parent=12670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}