{"id":12666,"date":"2026-02-17T18:38:34","date_gmt":"2026-02-17T16:38:34","guid":{"rendered":"https:\/\/afostodata.ro\/europeanicons\/?page_id=12666"},"modified":"2026-10-09T15:30:38","modified_gmt":"2026-10-09T13:30:38","slug":"zinedine-zidane","status":"publish","type":"page","link":"https:\/\/afostodata.ro\/europeanicons\/zinedine-zidane\/","title":{"rendered":"Zinedine Zidane"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12666\" class=\"elementor elementor-12666\" 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\/zidane.webp\" class=\"elementor-element elementor-element-7693a71 e-flex e-con-boxed e-con e-parent\" data-id=\"7693a71\" 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-c349256 elementor-widget elementor-widget-html\" data-id=\"c349256\" 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\">Pasiune \u2022 Viziune \u2022 Precizie<\/span>\n    <div class=\"title-container\">\n        <h1 class=\"main-name-solid\">Zinedine<\/h1>\n        <h1 class=\"main-name-stroke\"> Zidane<\/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-49375bb e-flex e-con-boxed e-con e-parent\" data-id=\"49375bb\" 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-aec181d e-con-full e-flex e-con e-child\" data-id=\"aec181d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-55f9196 e-con-full e-flex e-con e-child\" data-id=\"55f9196\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcc5020 elementor-widget elementor-widget-dce-breadcrumbs\" data-id=\"fcc5020\" 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-12666\"><span class=\"bread-current bread-12666\"> Zinedine Zidane<\/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-c0000ad elementor-widget elementor-widget-heading\" data-id=\"c0000ad\" 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\">B\u0103iatul care a f\u0103cut mingea s\u0103 danseze\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-248b963 elementor-widget elementor-widget-text-editor\" data-id=\"248b963\" 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\tZinedine Zidane este unul dintre cei mai importan\u021bi fotbali\u0219ti ai lumii \u0219i un om care a transformat talentul \u00een art\u0103. El a demonstrat c\u0103 elegan\u021ba nu se vede doar \u00een modul \u00een care te \u00eembraci sau vorbe\u0219ti, ci \u0219i \u00een felul \u00een care st\u0103p\u00e2ne\u0219ti mingea.  \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-466c5f8 e-con-full e-flex e-con e-child\" data-id=\"466c5f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd7bb0e elementor-widget elementor-widget-image\" data-id=\"bd7bb0e\" 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\/20-1024x1024.jpg\" class=\"attachment-large size-large wp-image-12480\" alt=\"\" srcset=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20-1024x1024.jpg 1024w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20-300x300.jpg 300w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20-150x150.jpg 150w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20-768x768.jpg 768w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20.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-5208a8e e-flex e-con-boxed e-con e-parent\" data-id=\"5208a8e\" 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-6eb9759 e-con-full e-flex e-con e-child\" data-id=\"6eb9759\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#D62729\" class=\"elementor-element elementor-element-e30a768 elementor-align-justify buton-audio elementor-widget elementor-widget-button\" data-id=\"e30a768\" 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-bed55df e-con-full e-flex e-con e-child\" data-id=\"bed55df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#FA6D12\" class=\"elementor-element elementor-element-f13250e elementor-align-justify buton-citeste elementor-widget elementor-widget-button\" data-id=\"f13250e\" 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-c3043d2 e-con-full e-flex e-con e-child\" data-id=\"c3043d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#F9C70C\" class=\"elementor-element elementor-element-936a818 elementor-align-justify buton-activitati elementor-widget elementor-widget-button\" data-id=\"936a818\" 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-b97eac2 e-con-full e-flex e-con e-child\" data-id=\"b97eac2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#01502B\" class=\"elementor-element elementor-element-236c85f elementor-align-justify buton-vizioneaza elementor-widget elementor-widget-button\" data-id=\"236c85f\" 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-2100785 citeste e-flex e-con-boxed e-con e-parent\" data-id=\"2100785\" 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-97de6a7 elementor-widget elementor-widget-html\" data-id=\"97de6a7\" 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=\"aslan-full-story\">\r\n    <section class=\"story-wrapper\">\r\n        <p class=\"intro-p\">\r\n            Zinedine Zidane este unul dintre cei mai importan\u021bi fotbali\u0219ti ai lumii \u0219i un om care a transformat talentul \u00een art\u0103. El a demonstrat c\u0103 elegan\u021ba nu se vede doar \u00een modul \u00een care te \u00eembraci sau vorbe\u0219ti, ci \u0219i \u00een felul \u00een care st\u0103p\u00e2ne\u0219ti mingea.\r\n        <\/p>\r\n\r\n        <p>Zinedine s-a n\u0103scut \u00een ora\u0219ul Marseille, \u00een anul 1972, \u00eentr-un cartier numit La Castellane. Familia lui venise din Algeria. Tat\u0103l, Smail, muncea din greu \u00een fiecare zi, iar mama, Malika, avea grij\u0103 cu bl\u00e2nde\u021be de copii. \u00cen cas\u0103 se vorbea despre r\u0103bdare \u0219i bun\u0103tate.<\/p>\r\n\r\n        <p>Zinedine nu era cel mai \u00eenalt copil \u0219i nici cel mai g\u0103l\u0103gios, dar \u00eei pl\u0103cea fotbalul. Era lini\u0219tit \u0219i timid. De multe ori st\u0103tea deoparte \u0219i privea jocul \u00eenainte s\u0103 intre pe teren. Dar \u00een clipa \u00een care mingea \u00eei atingea piciorul, totul se schimba. Mingea p\u0103rea fermecat\u0103, \u00eei asculta fiecare mi\u0219care. Zinedine dribla f\u0103r\u0103 grab\u0103, f\u0103r\u0103 gesturi inutile, de parc\u0103 dansa.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            Zidane, paseaz\u0103! strigau ceilal\u021bi copii.\r\n        <\/blockquote>\r\n\r\n        <p>Antrenorii au observat repede b\u0103iatul acela t\u0103cut care vedea jocul mai repede dec\u00e2t to\u021bi ceilal\u021bi. La zece ani a intrat \u00eentr-un club de fotbal, iar la paisprezece ani a trebuit s\u0103 plece departe de familie, \u00eentr-un centru de preg\u0103tire din ora\u0219ul Cannes.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            O s\u0103 ne fie dor de tine, fiul meu\u2026 dar \u0219tiu c\u0103 vei face lucruri mari, i-a spus mama.\r\n        <\/blockquote>\r\n\r\n        <p>Parcursul lui Zidane nu a fost u\u0219or. Pe teren \u0219i \u00een tribune, a fost adesea \u021binta remarcilor rasiste \u0219i a jignirilor. La \u00eenceput, reac\u021biona impulsiv. Era pedepsit, trimis s\u0103 fac\u0103 cur\u0103\u021benie \u0219i mustrat, dar antrenorul i-a spus ceva ce avea s\u0103-i schimbe via\u021ba: \u201etransform\u0103 furia \u00een for\u021b\u0103 ia-o pe teren, nu \u00een conflicte\u201d. \u0218i a\u0219a a f\u0103cut.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            Vreau s\u0103 devin cel mai bun!\r\n        <\/blockquote>\r\n\r\n        <p>La \u0219aptesprezece ani a jucat primul meci serios. Toat\u0103 lumea a r\u0103mas uimit\u0103 de talentul lui. Nu era doar un fotbalist foarte bun, el f\u0103cea jocul s\u0103 par\u0103 frumos, ca o poveste.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            Un comentator sportiv a spus: B\u0103iatul acesta e un geniu!\r\n        <\/blockquote>\r\n\r\n        <p>Cur\u00e2nd, marile echipe au \u00eenceput s\u0103-l doreasc\u0103. A jucat la Bordeaux, apoi a plecat \u00een Italia, la Juventus Torino. Acolo a devenit o adev\u0103rat\u0103 stea. A c\u00e2\u0219tigat campionate \u0219i a impresionat toat\u0103 Europa.<\/p>\r\n\r\n        <div class=\"highlight-block\">\r\n            <p>Dar cel mai important moment \u00eel a\u0219tepta acas\u0103, \u00een tricoul albastru al Fran\u021bei.<\/p>\r\n\r\n            <p>\u00cen anul 1998, Campionatul Mondial s-a desf\u0103\u0219urat chiar \u00een Fran\u021ba. O \u021bar\u0103 \u00eentreag\u0103 \u00ee\u0219i \u021binea r\u0103suflarea. Zinedine, pe care to\u021bi \u00eel numeau deja \u201eZizou\u201d, purta speran\u021bele a milioane de oameni.<\/p>\r\n\r\n            <p>Cont\u0103m pe tine, Zizou!<\/p>\r\n\r\n            <p>A venit apoi marea final\u0103, \u00eempotriva Braziliei. Stadionul era uria\u0219. La un corner, Zinedine s-a ridicat \u00een aer \u0219i a lovit cu capul.<\/p>\r\n\r\n            <p>Gol!<\/p>\r\n\r\n            <p>Pu\u021bin mai t\u00e2rziu, \u00eenc\u0103 un corner, \u00eenc\u0103 un gol.<\/p>\r\n\r\n            <p>Fran\u021ba c\u00e2\u0219tiga pentru prima dat\u0103 Cupa Mondial\u0103.<\/p>\r\n\r\n            <p>Dar, de\u0219i era celebru \u00een toat\u0103 lumea, Zizou a r\u0103mas modest.<\/p>\r\n\r\n            <p>Eu doar \u00eemi fac treaba, spunea el z\u00e2mbind.<\/p>\r\n        <\/div>\r\n\r\n        <p>\u00cen 2001, a urmat transferul la Real Madrid, \u00eentr-o mutare record la acea vreme. Acolo a scris una dintre cele mai frumoase pagini din istoria fotbalului: golul din finala Ligii Campionilor din 2002, un voleu perfect, r\u0103mas \u00een memoria tuturor.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            Chiar \u0219i a\u0219a, povestea sa nu este doar despre victorii.\r\n        <\/blockquote>\r\n\r\n        <p>\u00cen 2006, la ultimul s\u0103u Campionat Mondial, Zidane a ajuns din nou \u00een final\u0103 cu Fran\u021ba. A marcat, a condus echipa, a fost lider.<\/p>\r\n\r\n        <p>Dar \u00een acel meci a avut \u0219i un moment dificil, care a surprins \u00eentreaga lume.<\/p>\r\n\r\n        <p>Fotbalistul a avut un conflict verbal cu un juc\u0103tor italian.<\/p>\r\n\r\n        <p>\u00cen urma schimbului de replici, Zidane l-a lovit pe acesta cu capul \u00een piept.<\/p>\r\n\r\n        <p>Gestul a fost v\u0103zut de arbitru \u0219i sanc\u021bionat cu un cartona\u0219 ro\u0219u, ceea ce a \u00eensemnat eliminarea lui din meci, ultimul din carier\u0103.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            Un moment care a r\u0103mas \u00een istoria fotbalului.\r\n        <\/blockquote>\r\n\r\n        <p>Dup\u0103 ce s-a retras din fotbal, Zinedine a devenit antrenor.<\/p>\r\n\r\n        <div class=\"fame-section\">\r\n            <p>La Real Madrid \u0219i-a condus echipa spre victorii extraordinare \u0219i a c\u00e2\u0219tigat multe premii.<\/p>\r\n\r\n            <p>Ast\u0103zi, Zinedine Zidane este mai mult dec\u00e2t un nume din fotbal.<\/p>\r\n\r\n            <p>Este o lec\u021bie despre disciplin\u0103 \u0219i libertate. Despre elegan\u021b\u0103 \u0219i for\u021b\u0103.<\/p>\r\n        <\/div>\r\n\r\n    <\/section>\r\n<\/article>\r\n\r\n\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');\r\n\r\n.aslan-full-story {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    background-color: transparent;\r\n    font-family: 'Playfair Display', sans-serif;\r\n    color: #003049;\r\n    line-height: 1.8;\r\n}\r\n\r\n.story-wrapper p {\r\n    margin-bottom: 25px;\r\n    font-size: 1.15rem;\r\n    text-align: justify;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n\/* Drop Cap Stilizat *\/\r\n.intro-p::first-letter {\r\n    float: left;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 5rem;\r\n    line-height: 1;\r\n    padding-right: 15px;\r\n    color: #D62828;\r\n    font-weight: 900;\r\n}\r\n\r\n\/* Dialogue \/ Quotes *\/\r\n.story-quote {\r\n    margin: 40px 0;\r\n    padding: 20px 40px;\r\n    border-left: 6px solid #FB6C13;\r\n    background-color: rgba(245, 224, 183, 0.4);\r\n    font-family: 'Playfair Display', serif;\r\n    font-style: italic;\r\n    font-size: 1.35rem;\r\n    border-radius: 0 15px 15px 0;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* Caseta evidentiata pentru Coupe du Monde *\/\r\n.highlight-block {\r\n    margin: 50px 0;\r\n    padding: 40px;\r\n    background-color: #004F2D;\r\n    color: #F5E0B7;\r\n    border-radius: 20px;\r\n    box-shadow: 15px 15px 0 #F9C80E;\r\n}\r\n\r\n.highlight-block p {\r\n    color: #ffffff;\r\n    margin-bottom: 20px;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n\/* Caseta Real Madrid *\/\r\n.fame-section {\r\n    margin: 60px 0;\r\n    padding: 35px;\r\n    border: 3px solid #003049;\r\n    border-radius: 15px;\r\n    background: radial-gradient(#F5E0B7 1px, transparent 1px);\r\n    background-size: 20px 20px;\r\n}\r\n\r\n.fame-section p {\r\n    font-weight: 700;\r\n    color: #003049;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* Concluzie Final\u0103 *\/\r\n.conclusion-box {\r\n    margin-top: 80px;\r\n    padding: 40px;\r\n    background-color: #003049;\r\n    color: #F5E0B7 !important;\r\n    text-align: center;\r\n    border-radius: 5px;\r\n    font-weight: 700 !important;\r\n    font-size: 1.3rem !important;\r\n    border-bottom: 8px solid #F9C80E;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .intro-p::first-letter {\r\n        font-size: 3.5rem;\r\n    }\r\n\r\n    .story-quote {\r\n        padding: 20px;\r\n        font-size: 1.15rem;\r\n    }\r\n\r\n    .highlight-block {\r\n        padding: 25px;\r\n        box-shadow: 8px 8px 0 #F9C80E;\r\n    }\r\n}\r\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-c7f5d07 activitati e-flex e-con-boxed e-con e-parent\" data-id=\"c7f5d07\" 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-c308062 elementor-widget elementor-widget-html\" data-id=\"c308062\" 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 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; 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-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\/* Anii *\/\n.itext-year-row { display: flex; align-items: center; gap: 14px; border: 1.5px solid #eee; border-radius: 12px; padding: 12px 16px; margin-bottom: 10px; transition: border-color 0.2s, background 0.2s; }\n.itext-year-text { flex: 1 1 auto; color: #003049; line-height: 1.5; }\n.itext-year-input { flex: 0 0 110px; width: 110px !important; max-width: 110px; padding: 10px; border: 1.5px solid #ddd; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size: 1rem; text-align: center; color: #003049; }\n.itext-year-input:focus { outline: none; border-color: #FB6C13; }\n.itext-year-row.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-year-row.no { border-color: #D62828; background: #fbeaea; }\n\/* Enigme *\/\n.itext-enigma-item { border: 1.5px solid #eee; border-radius: 12px; padding: 14px 18px; margin-bottom: 12px; }\n.itext-enigma-head { font-weight: 600; color: #003049; margin-bottom: 8px; }\n.itext-enigma-code { font-family: monospace; background: #f6f8fa; padding: 8px 12px; border-radius: 8px; display: inline-block; margin-bottom: 10px; color: #003049; letter-spacing: 1px; font-size: 0.95rem; }\n.itext-enigma-hint { color: #666; font-size: 0.9rem; margin: 6px 0 10px; }\n.itext-enigma-input { width: 100%; padding: 11px 14px; border: 1.5px solid #ddd; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #003049; }\n.itext-enigma-input:focus { outline: none; border-color: #FB6C13; }\n.itext-enigma-input.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-enigma-input.no { border-color: #D62828; background: #fbeaea; }\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; 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; } .itext-year-input { flex: 0 0 90px; width: 90px !important; max-width: 90px; } }\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 zidaneData = [\n        { q: \"Din ce \u021bar\u0103 provenea familia lui Zidane?\", a: [\"Maroc\", \"Tunisia\", \"Egipt\", \"Algeria\"], c: 3 },\n        { q: \"Ce spuneau oamenii despre felul \u00een care juca fotbal?\", a: [\"C\u0103 alerga foarte repede\", \"C\u0103 mingea p\u0103rea s\u0103 danseze la picioarele lui\", \"C\u0103 marca doar din lovituri libere\", \"C\u0103 nu pasa niciodat\u0103\"], c: 1 },\n        { q: \"La ce v\u00e2rst\u0103 a intrat \u00eentr-un club de fotbal?\", a: [\"8 ani\", \"10 ani\", \"12 ani\", \"15 ani\"], c: 1 },\n        { q: \"Cum era poreclit Zidane?\", a: [\"Zizou\", \"Zizi\", \"Zed\", \"Zino\"], c: 0 },\n        { q: \"\u00cempotriva c\u0103rei echipe a jucat Fran\u021ba finala Cupei Mondiale din 1998?\", a: [\"Germania\", \"Italia\", \"Argentina\", \"Brazilia\"], c: 3 },\n        { q: \"C\u00e2te goluri a marcat Zidane \u00een finala Cupei Mondiale din 1998?\", a: [\"Niciunul\", \"Un gol\", \"Dou\u0103 goluri\", \"Trei goluri\"], c: 2 },\n        { q: \"La ce mare club a jucat Zidane dup\u0103 perioada petrecut\u0103 la Juventus?\", a: [\"Barcelona\", \"Manchester United\", \"Real Madrid\", \"Bayern M\u00fcnchen\"], c: 2 },\n        { q: \"Ce a devenit Zidane dup\u0103 retragerea din fotbal?\", a: [\"Arbitru\", \"Comentator sportiv\", \"Antrenor\", \"Medic sportiv\"], c: 2 },\n        { q: \"Ce ne \u00eenva\u021b\u0103 povestea lui Zinedine Zidane?\", a: [\"C\u0103 doar talentul conteaz\u0103\", \"C\u0103 munca, r\u0103bdarea \u0219i modestia sunt la fel de importante ca talentul\", \"C\u0103 succesul vine peste noapte\", \"C\u0103 trebuie s\u0103 fii bogat pentru a reu\u0219i\"], c: 1 },\n        { q: \"Ce premiu important a c\u00e2\u0219tigat Zidane \u00een cariera sa?\", a: [\"Gheata de Aur\", \"Balonul de Aur\", \"Cupa Davis\", \"Premiul Laureus pentru antrenor\"], c: 1 }\n    ];\n\n    let score = 0;\n    let currentIdx = 0;\n    const TOTAL = zidaneData.length;\n\n    \/\/ \u2500\u2500 Imagini Enigma \u2500\u2500\n    const ENIGMA_CORRECT = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20.jpg\";\n    const ENIGMA_WRONG   = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/1.jpg\";\n\n    \/\/ \u2500\u2500 Date \u201e\u00cen\u021belegerea textului\" \u2014 Zidane \u2500\u2500\n    const IT_IMG = ENIGMA_CORRECT;\n    const IT_PDF  = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Zidane-IT-RO.pdf\";\n    const IT_PDF2 = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Zidane_ENIGME_romana.pdf\";\n    const IT_FISA = { nume: [\"zidane\"], prenume: [\"zinedine\", \"zizou\"], an: [\"1972\"], loc: [\"marseille\", \"marsilia\"] };\n    const IT_FISA_LABELS = { nume: \"Nume:\", prenume: \"Prenume:\", an: \"Anul na\u0219terii:\", loc: \"Locul na\u0219terii:\" };\n    const IT_AF = [\n        { t: \"Zidane nu pasa niciodat\u0103 mingea.\", correct: false },\n        { t: \"Zidane a devenit rapid vedet\u0103.\", correct: false },\n        { t: \"Pentru a reu\u0219i, sportivul s-a antrenat din greu.\", correct: true }\n    ];\n    const IT_KW_VALORI = [\n        [\"rabdare\"], [\"bunatate\", \"buna\"], [\"munca\", \"munci\", \"harnic\"], [\"modest\", \"modestie\"], [\"disciplin\"], [\"respect\"]\n    ];\n    const IT_KW_TRASATURI = [\n        [\"linistit\", \"timid\", \"calm\", \"tacut\"], [\"talent\", \"geniu\"], [\"modest\"],\n        [\"determinat\", \"ambiti\", \"hotarat\"], [\"perseveren\", \"munci\", \"munca\"], [\"elegant\"], [\"rabdare\"]\n    ];\n    const IT_YEARS = [\n        { t: \"Prima Cup\u0103 Mondial\u0103\", year: \"1998\" },\n        { t: \"Intrarea \u00een primul club de fotbal\", year: \"1982\" },\n        { t: \"Primul meci ca profesionist\", year: \"1989\" },\n        { t: \"Victoria de la Euro\", year: \"2000\" },\n        { t: \"A doua Cup\u0103 Mondial\u0103\", year: \"2006\" }\n    ];\n    const IT_ENIGME = [\n        { id: \"en-oras\", head: \"a) Ora\u0219ul\", code: \"43.296174 N,  5.369953 E\", hint: \"\", accept: [\"marseille\", \"marsilia\"] },\n        { id: \"en-sport\", head: \"b) Sportul\", code: \"6 - 15 - 15 - 20 - 2 - 1 - 12 - 12\", hint: \"Indiciu: A=1, B=2, C=3 \u2026 (fiecare num\u0103r este o liter\u0103).\", accept: [\"fotbal\", \"football\", \"footbal\"] },\n        { id: \"en-pers\", head: \"c) Personajul principal\", code: \"\", hint: \"Rezolv\u0103 rebusul din fi\u0219a PDF (Fi\u0219a 2) \u0219i scrie personajul principal.\", accept: [\"zinedinezidane\", \"zidane\"] }\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-explorers-game.lovable.app\" width=\"100%\" height=\"800\" style=\"border:0;display:block;border-radius:16px;\" allowfullscreen loading=\"lazy\" title=\"Joc de asociere \u2013 Zinedine Zidane\"><\/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\">\u201eTata ne-a \u00eenv\u0103\u021bat c\u0103 un imigrant trebuie s\u0103 munceasc\u0103 de dou\u0103 ori mai mult dec\u00e2t oricine.\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 Zinedine Zidane<\/h2>\n                <img decoding=\"async\" src=\"${ENIGMA_CORRECT}\" alt=\"Zinedine Zidane\">\n                <span class=\"enigma-playlist-label\">Pove\u0219ti de succes<\/span>\n                <p>Elevii creeaz\u0103 o scurt\u0103 poveste despre un elev, muncitor, om de \u0219tiin\u021b\u0103, artist sau sportiv imigrant.<\/p>\n                <p>Povestea ar trebui s\u0103 includ\u0103: o provocare, un obstacol dep\u0103\u0219it, un moment de cump\u0103n\u0103 \u0219i un rezultat de succes. Pove\u0219tile se prezint\u0103 apoi \u00een clas\u0103.<\/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\">B\u0103iatul care f\u0103cea mingea s\u0103 danseze<\/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=\"Zinedine Zidane\">\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 valorile transmise \u00een familie \u0219i tr\u0103s\u0103turile de caracter.<\/p>\n                    <div class=\"itext-cols\">\n                        <div>\n                            <div class=\"itext-col-title pasiuni\">Valori<\/div>\n                            <textarea class=\"itext-textarea\" id=\"it-valori\" 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>Valori transmise \u00een familie:<\/strong> munca (tat\u0103l muncea din greu), r\u0103bdarea, bun\u0103tatea, modestia, respectul.<br>\n                        <strong>Tr\u0103s\u0103turi de caracter:<\/strong> lini\u0219tit \u0219i timid, talentat (un geniu), modest, ambi\u021bios\/determinat, perseverent, elegant, calm (a transformat furia \u00een for\u021b\u0103).\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. Scrie anii \u00een care au avut loc evenimentele!<\/div>\n                    <p class=\"itext-instruction\">Scrie \u00een dreptul fiec\u0103rui eveniment anul corect.<\/p>\n                    ${IT_YEARS.map((e) => `\n                        <div class=\"itext-year-row\">\n                            <div class=\"itext-year-text\">${e.t}<\/div>\n                            <input class=\"itext-year-input\" data-year=\"${e.year}\" type=\"text\" inputmode=\"numeric\" placeholder=\"An\">\n                        <\/div>`).join('')}\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckYears()\">Verific\u0103 anii<\/button>\n                    <button class=\"itext-btn secondary\" data-label=\"Vezi anii\" onclick=\"window.itextToggleExamples('ex-years', this)\">Vezi anii<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"years-msg\"><\/div>\n                    <div class=\"itext-examples\" id=\"ex-years\">\n                        ${IT_YEARS.map(e => `<strong>${e.t}:<\/strong> ${e.year}<br>`).join('')}\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-navy\">5. Fi\u0219\u0103 de enigme<\/div>\n                    <p class=\"itext-instruction\">Dezleag\u0103 enigmele pentru a descoperi personajul principal.<\/p>\n                    ${IT_ENIGME.map(e => `\n                        <div class=\"itext-enigma-item\">\n                            <div class=\"itext-enigma-head\">${e.head}<\/div>\n                            ${e.code ? `<span class=\"itext-enigma-code\">${e.code}<\/span>` : ''}\n                            ${e.hint ? `<p class=\"itext-enigma-hint\">${e.hint}<\/p>` : ''}\n                            <input class=\"itext-enigma-input\" id=\"${e.id}\" type=\"text\" autocomplete=\"off\" placeholder=\"R\u0103spunsul t\u0103u...\">\n                        <\/div>`).join('')}\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckEnigme()\">Verific\u0103 enigmele<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"enigme-msg\"><\/div>\n                <\/div>\n\n                <div class=\"itext-download\">\n                    <p class=\"itext-download-text\">Fi\u0219ele activit\u0103\u021bii \u00een format PDF:<\/p>\n                    <a href=\"${IT_PDF}\" target=\"_blank\" rel=\"noopener noreferrer\" download class=\"itext-btn itext-btn-download\">\ud83d\udcc4 Fi\u0219a 1 \u2014 \u00cen\u021belegerea textului<\/a>\n                    <a href=\"${IT_PDF2}\" target=\"_blank\" rel=\"noopener noreferrer\" download class=\"itext-btn itext-btn-download secondary\">\ud83d\udcc4 Fi\u0219a 2 \u2014 Enigme<\/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 vTxt = document.getElementById('it-valori').value;\n        const tTxt = document.getElementById('it-trasaturi').value;\n        const msg = document.getElementById('descopera-msg');\n        if (!vTxt.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 v = itextCountGroups(vTxt, IT_KW_VALORI);\n        const t = itextCountGroups(tTxt, IT_KW_TRASATURI);\n        const ok = v >= 1 && t >= 2;\n        msg.style.color = ok ? '#004F2D' : '#B26A00';\n        msg.innerHTML = ok\n            ? `\u2705 Bravo! Ai identificat ${v} valoare\/valori \u0219i ${t} tr\u0103s\u0103turi din text.`\n            : `\ud83d\udd0e Ai g\u0103sit ${v} valoare\/valori \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.itextCheckYears = function() {\n        const rows = document.querySelectorAll('.itext-year-row');\n        let ok = 0, answered = 0;\n        rows.forEach(row => {\n            const inp = row.querySelector('.itext-year-input');\n            row.classList.remove('ok', 'no');\n            if (!inp.value.trim()) return;\n            answered++;\n            if (inp.value.trim() === inp.dataset.year) { ok++; row.classList.add('ok'); }\n            else row.classList.add('no');\n        });\n        const msg = document.getElementById('years-msg');\n        if (answered === 0) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Completeaz\u0103 anii mai \u00eent\u00e2i.';\n            return;\n        }\n        const allOk = ok === rows.length;\n        msg.style.color = allOk ? '#004F2D' : '#B26A00';\n        msg.innerText = allOk\n            ? '\u2705 Perfect! Ai scris corect to\u021bi anii.'\n            : `\ud83d\udd0e Ai ${ok}\/${rows.length} corec\u021bi. Corecteaz\u0103-i pe cei ro\u0219ii (apas\u0103 \u201eVezi anii\u201d dac\u0103 ai nevoie).`;\n    };\n\n    window.itextCheckEnigme = function() {\n        let ok = 0, answered = 0;\n        IT_ENIGME.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 = itextStrip(inp.value);\n            const good = e.accept.some(a => val === itextStrip(a));\n            inp.classList.add(good ? 'ok' : 'no');\n            if (good) ok++;\n        });\n        const msg = document.getElementById('enigme-msg');\n        if (answered === 0) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Dezleag\u0103 enigmele mai \u00eent\u00e2i.';\n            return;\n        }\n        const allOk = ok === IT_ENIGME.length;\n        msg.style.color = allOk ? '#004F2D' : '#B26A00';\n        msg.innerText = allOk\n            ? '\u2705 Bravo! Ai dezlegat toate enigmele \u2014 personajul este Zinedine Zidane!'\n            : `\ud83d\udd0e Ai ${ok}\/${IT_ENIGME.length} corecte. Mai \u00eencearc\u0103 la cele 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\">\ud83c\udfaf<\/div>\n                <h2>Quiz Zidane<\/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 = zidaneData[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 = zidaneData[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 ? \"\ud83e\udd47\" : score >= 5 ? \"\ud83c\udfaf\" : \"\ud83d\udcaa\";\n        const msg = isPerfect \n            ? \"Excelent! Cuno\u0219ti perfect povestea lui Zinedine Zidane.\" \n            : score >= 7 \n                ? \"Bravo! Ai o cultur\u0103 general\u0103 solid\u0103 despre marele fotbalist.\"\n                : \"Ai finalizat provocarea. Mai cite\u0219te pu\u021bin \u0219i \u00eencearc\u0103 din nou!\";\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-0bdcdac audio e-flex e-con-boxed e-con e-parent\" data-id=\"0bdcdac\" 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-489c48b elementor-widget elementor-widget-heading\" data-id=\"489c48b\" 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-5a10126 elementor-widget elementor-widget-afd_audio_player\" data-id=\"5a10126\" 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\\\/Zinedine-Zidane-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>Pasiune \u2022 Viziune \u2022 Precizie Zinedine Zidane Acas\u0103 &gt; Zinedine Zidane B\u0103iatul care a f\u0103cut mingea s\u0103 danseze Zinedine Zidane este unul dintre cei mai importan\u021bi fotbali\u0219ti ai lumii \u0219i un om care a transformat talentul \u00een art\u0103. El a demonstrat c\u0103 elegan\u021ba nu se vede doar \u00een modul \u00een care te \u00eembraci sau vorbe\u0219ti, [&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-12666","page","type-page","status-publish","hentry"],"acf":[],"lang":"ro","translations":{"ro":12666,"en":13468,"el":13659,"it":13862,"fr":14112},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/12666","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=12666"}],"version-history":[{"count":37,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/12666\/revisions"}],"predecessor-version":[{"id":17553,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/12666\/revisions\/17553"}],"wp:attachment":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/media?parent=12666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}