{"id":12638,"date":"2026-02-17T18:31:30","date_gmt":"2026-02-17T16:31:30","guid":{"rendered":"https:\/\/afostodata.ro\/europeanicons\/?page_id=12638"},"modified":"2026-10-09T15:31:46","modified_gmt":"2026-10-09T13:31:46","slug":"sofoklis-sophocles","status":"publish","type":"page","link":"https:\/\/afostodata.ro\/europeanicons\/sofoklis-sophocles\/","title":{"rendered":"Sofoklis (Sophocles)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12638\" class=\"elementor elementor-12638\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-dce-background-overlay-color=\"#FC6C13\" data-dce-background-image-url=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/sofocle.webp\" class=\"elementor-element elementor-element-468f988 e-flex e-con-boxed e-con e-parent\" data-id=\"468f988\" 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-422623b elementor-widget elementor-widget-html\" data-id=\"422623b\" 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\">Tragic \u2022 Reflec\u021bie \u2022 Eternitate<\/span>\n    <div class=\"title-container\">\n        <h1 class=\"main-name-solid\">Sofocle<\/h1>\n        <h1 class=\"main-name-stroke\"> <\/h1>\n    <\/div>\n    \n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@900&family=Playfair+Display:wght@900&display=swap');\n\n.eminescu-header-light {\n    text-align: center;\n    padding: 60px 20px;\n    font-family: 'Montserrat', sans-serif;\n    background: transparent; \n}\n\n\/* Eticheta de sus cu galbenul specific #F9C70C *\/\n.reveal-tag {\n    display: block;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 10px;\n    color: #F9C70C;\n    font-size: 0.85rem;\n    margin-bottom: 15px;\n    opacity: 0;\n    animation: dropFadeEminescu 0.8s ease forwards;\n}\n\n.title-container {\n    display: block;\n    line-height: 0.8;\n}\n\n\/* Textul solid - Alb pur *\/\n.main-name-solid {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(3.5rem, 15vw, 10rem);\n    margin: 0;\n    color: #ffffff;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: slideUpEminescu 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.4s;\n}\n\n\/* Textul cu contur - Alb pur *\/\n.main-name-stroke {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(3.5rem, 15vw, 10rem);\n    margin: 0;\n    color: transparent;\n    -webkit-text-stroke: 2px #ffffff;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: slideUpEminescu 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.6s,\n               subtleFloatEminescu 5s ease-in-out infinite 1.6s;\n}\n\n\/* Linia ro\u0219ie de accent *\/\n.header-red-line {\n    width: 0;\n    height: 6px;\n    background: #D62828;\n    margin: 30px auto 0;\n    animation: expandLineEminescu 1.2s ease-out forwards 1.4s;\n}\n\n\/* --- ANIMA\u021aII --- *\/\n\n@keyframes dropFadeEminescu {\n    from { opacity: 0; transform: translateY(-30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes slideUpEminescu {\n    from { opacity: 0; transform: translateY(80px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes expandLineEminescu {\n    from { width: 0; }\n    to { width: 220px; }\n}\n\n@keyframes subtleFloatEminescu {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n}\n\n\/* Optimizare mobil *\/\n@media (max-width: 768px) {\n    .reveal-tag { letter-spacing: 4px; font-size: 0.7rem; }\n    .main-name-stroke { -webkit-text-stroke: 1px #ffffff; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-dce-background-color=\"#F7E0B8\" class=\"elementor-element elementor-element-735e04c e-flex e-con-boxed e-con e-parent\" data-id=\"735e04c\" 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-bf39233 e-con-full e-flex e-con e-child\" data-id=\"bf39233\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-db61c42 e-con-full e-flex e-con e-child\" data-id=\"db61c42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bac469b elementor-widget elementor-widget-dce-breadcrumbs\" data-id=\"bac469b\" 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-12638\"><span class=\"bread-current bread-12638\"> Sofoklis (Sophocles)<\/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-1b39b2f elementor-widget elementor-widget-heading\" data-id=\"1b39b2f\" 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\">Maestrul tragediei grece\u0219ti\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c17f82c elementor-widget elementor-widget-text-editor\" data-id=\"c17f82c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Sofocle a fost unul dintre cei mai mari dramaturgi ai Antichit\u0103\u021bii, autor al unor capodopere precum <\/span><i><span style=\"font-weight: 400;\">Oedip rege<\/span><\/i><span style=\"font-weight: 400;\"> \u0219i <\/span><i><span style=\"font-weight: 400;\">Antigona<\/span><\/i><span style=\"font-weight: 400;\"> prin care a explorat destinul, moralitatea \u0219i conflictul dintre legea uman\u0103 \u0219i cea divin\u0103.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9e9c24 e-con-full e-flex e-con e-child\" data-id=\"f9e9c24\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c0ece6 elementor-widget elementor-widget-image\" data-id=\"0c0ece6\" 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\/9-1024x1024.jpg\" class=\"attachment-large size-large wp-image-12479\" alt=\"\" srcset=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/9-1024x1024.jpg 1024w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/9-300x300.jpg 300w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/9-150x150.jpg 150w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/9-768x768.jpg 768w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/9.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-76047d7 e-flex e-con-boxed e-con e-parent\" data-id=\"76047d7\" 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-44283ae e-con-full e-flex e-con e-child\" data-id=\"44283ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#D62729\" class=\"elementor-element elementor-element-ed8e58b elementor-align-justify buton-audio elementor-widget elementor-widget-button\" data-id=\"ed8e58b\" 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-3f3f1d2 e-con-full e-flex e-con e-child\" data-id=\"3f3f1d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#FA6D12\" class=\"elementor-element elementor-element-d0d2570 elementor-align-justify buton-citeste elementor-widget elementor-widget-button\" data-id=\"d0d2570\" 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-9285ce0 e-con-full e-flex e-con e-child\" data-id=\"9285ce0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#F9C70C\" class=\"elementor-element elementor-element-00396d8 elementor-align-justify buton-activitati elementor-widget elementor-widget-button\" data-id=\"00396d8\" 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-19978ea e-con-full e-flex e-con e-child\" data-id=\"19978ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#01502B\" class=\"elementor-element elementor-element-015f79c elementor-align-justify buton-vizioneaza elementor-widget elementor-widget-button\" data-id=\"015f79c\" 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-41727b1 citeste e-flex e-con-boxed e-con e-parent\" data-id=\"41727b1\" data-element_type=\"container\" data-e-type=\"container\" id=\"citeste\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c504ee elementor-widget elementor-widget-html\" data-id=\"3c504ee\" 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            Acum mul\u021bi, mul\u021bi ani, pe str\u0103zile Atenei antice, acolo unde vocile se \u00eempleteau cu sunetele agorei \u0219i ale teatrelor, s-a n\u0103scut Sofocle, cel care avea s\u0103 \u00eei ofere omenirii pove\u0219ti mai puternice dec\u00e2t timpul. \u00cen jurul anului 496 \u00ee.Hr., copilul \u00ee\u0219i c\u0103uta chemarea \u00eentr-un ora\u0219 ce devenea centrul g\u00e2ndirii lumii.\n        <\/p>\n\n        <p>N\u0103scut \u00eentr-o familie \u00eenst\u0103rit\u0103, Sofocle a primit o educa\u021bie aleas\u0103. Se spune c\u0103, dup\u0103 victoria de la Salamina, el a fost cel care a condus corul tinerilor ce celebrau triumful Atenei. Dincolo de talentul muzical, Sofocle avea o capacitate rar\u0103 de a observa oamenii, de a le asculta temerile \u0219i de a le \u00een\u021belege dorin\u021bele cele mai ad\u00e2nci.<\/p>\n\n        <p>Pentru el, teatrul nu era doar divertisment, ci un dialog despre destin. C\u00e2nd a ap\u0103rut prima dat\u0103 la concursurile dramatice, l-a \u00eenfruntat pe marele Eschil. Victoria t\u00e2n\u0103rului Sofocle a marcat \u00eenceputul unei noi epoci \u00een art\u0103, \u00een care personajele au \u00eenceput s\u0103 semene tot mai mult cu oamenii reali.<\/p>\n\n        <blockquote class=\"dialogue\">\n            Sofocle a revolu\u021bionat tragedia: a introdus al treilea actor pe scen\u0103 \u0219i decorurile pictate. El nu prezenta eroi perfec\u021bi, ci oameni vii care luptau cu frica, cu puterea \u0219i, mai ales, cu ei \u00een\u0219i\u0219i.\n        <\/blockquote>\n\n        <div class=\"historical-moment\">\n            <p>\u00cen 468 \u00ee.Hr., Sofocle a c\u00e2\u0219tigat prima sa victorie dintr-un \u0219ir legendar de 24. Din pana lui s-au n\u0103scut figuri care refuz\u0103 s\u0103 moar\u0103, provoc\u00e2nd mintea uman\u0103 de milenii.<\/p>\n\n            <p class=\"announcement\">\n                Antigona, Oedip \u0219i Electra: personaje care au explorat \u00eentrebarea etern\u0103 a destinului. Poate omul s\u0103 scape de ceea ce \u00eei este scris sau eforturile sale \u00eel conduc exact acolo unde se teme cel mai mult?\n            <\/p>\n        <\/div>\n\n        <p>\u00cen special <em>Oedip rege<\/em> este considerat\u0103 una dintre cele mai importante opere din toate timpurile. Sofocle a explorat prin ea limitele libert\u0103\u021bii umane, transform\u00e2nd scena \u00eentr-o oglind\u0103 a sufletului \u00een fa\u021ba inevitabilului.<\/p>\n\n        <p>Pe l\u00e2ng\u0103 via\u021ba artistic\u0103, Sofocle a fost un cet\u0103\u021bean activ al Atenei, servind ca strateg al\u0103turi de Pericle. Credea cu t\u0103rie c\u0103 un om nu trebuie s\u0103 r\u0103m\u00e2n\u0103 indiferent fa\u021b\u0103 de cetatea sa. \u00cen ciuda faimei imense, a r\u0103mas un spirit calm \u0219i \u00een\u021belept, scriind peste o sut\u0103 de tragedii p\u00e2n\u0103 la sf\u00e2r\u0219itul vie\u021bii sale \u00een 406 \u00ee.Hr.<\/p>\n\n        <p>Atena a pierdut atunci o voce care \u00eenv\u0103\u021base s\u0103 vorbeasc\u0103 despre lucrurile pe care oamenii se tem s\u0103 le \u00eenfrunte. Ast\u0103zi, operele sale continu\u0103 s\u0103 c\u0103l\u0103toreasc\u0103 dincolo de grani\u021bele Greciei, vorbind fiec\u0103rui om care caut\u0103 adev\u0103rul.<\/p>\n\n        <p class=\"conclusion-text\">\n            Povestea lui Sofocle ne \u00eenva\u021b\u0103 c\u0103 adev\u0103rata m\u0103re\u021bie const\u0103 \u00een curajul de a c\u0103uta dreptatea \u0219i de a r\u0103m\u00e2ne \u00een picioare, demn, \u00een fa\u021ba propriului destin.\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', serif;\n    line-height: 1.8;\n    color: #1a1a1a; \/* Un negru mai discret pentru text clasic *\/\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 - Stil Grec Antic *\/\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: #8B4513; \/* Maro teracot\u0103, specific ceramicii grece\u0219ti *\/\n    font-weight: 900;\n}\n\n\/* Stilizare Citat \/ Dialog *\/\n.dialogue {\n    margin: 40px 0;\n    padding: 20px 40px;\n    border-left: 5px solid #DAA520; \/* Auriu antic *\/\n    background-color: rgba(218, 165, 32, 0.1); \n    font-style: italic;\n    font-family: 'Playfair Display', serif;\n    font-size: 1.3rem;\n}\n\n\/* Moment Istoric (Tragedia) *\/\n.historical-moment {\n    margin: 50px 0;\n    padding: 40px;\n    background-color: #2c3e50; \/* Un albastru-gri sobru, ca piatra templelor *\/\n    color: #ecf0f1;\n    border-radius: 15px;\n    box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n}\n\n.historical-moment p {\n    color: #ecf0f1;\n    text-align: left;\n}\n\n.announcement {\n    border-top: 1px solid #DAA520;\n    padding-top: 20px;\n    font-weight: 700;\n    color: #DAA520 !important;\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: #5d4037; \/* Maro \u00eenchis, elegant *\/\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-0ccbf23 activitati e-flex e-con-boxed e-con e-parent\" data-id=\"0ccbf23\" data-element_type=\"container\" data-e-type=\"container\" id=\"activitati\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b28fa81 elementor-widget elementor-widget-html\" data-id=\"b28fa81\" 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.enigma-result ol { text-align: left; max-width: 520px; margin: 0 auto; color: #333; line-height: 1.7; font-size: clamp(0.95rem, 2.5vw, 1.12rem); }\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-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-textarea.plain { border-top: 1.5px solid #ddd; border-radius: 12px; margin-bottom: 12px; min-height: 60px; }\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 sophoclesData = [\n        { q: \"1. Unde s-a n\u0103scut Sofocle?\", a: [\"La Sparta\", \"La Colona, l\u00e2ng\u0103 Atena\", \"La Roma\", \"La Alexandria\"], c: 1 },\n        { q: \"2. \u00cen ce perioad\u0103 s-a n\u0103scut?\", a: [\"Secolul I \u00ee.Hr.\", \"\u00cen jurul anului 496 \u00ee.Hr.\", \"Secolul V d.Hr.\", \"\u00cen anul 300 \u00ee.Hr.\"], c: 1 },\n        { q: \"3. Ce i-a oferit familia sa?\", a: [\"Putere politic\u0103\", \"O avere mare\", \"O educa\u021bie bun\u0103\", \"O carier\u0103 militar\u0103\"], c: 2 },\n        { q: \"4. Ce \u00eel diferen\u021bia \u00eenc\u0103 din tinere\u021be?\", a: [\"For\u021ba fizic\u0103\", \"Dorin\u021ba de putere\", \"Capacitatea de a observa oamenii\", \"Ambi\u021bia de a deveni rege\"], c: 2 },\n        { q: \"5. Ce rol a avut dup\u0103 victoria de la Salamina?\", a: [\"A fost soldat\", \"A condus corul tinerilor\", \"A fost general\", \"A scris o carte\"], c: 1 },\n        { q: \"6. Ce reprezenta teatrul \u00een Atena antic\u0103?\", a: [\"Doar divertisment\", \"Activitate religioas\u0103\", \"Mod de g\u00e2ndire \u0219i dialog despre via\u021b\u0103\", \"Competi\u021bie sportiv\u0103\"], c: 2 },\n        { q: \"7. Ce inova\u021bie a adus \u00een teatru?\", a: [\"Decoruri mai mari\", \"Muzic\u0103 live\", \"Al treilea actor pe scen\u0103\", \"Costume colorate\"], c: 2 },\n        { q: \"8. Cum sunt personajele lui Sofocle?\", a: [\"Perfec\u021bi \u0219i invincibili\", \"Simpli \u0219i f\u0103r\u0103 conflicte\", \"Umane \u0219i pline de contradic\u021bii\", \"Doar eroi legendari\"], c: 2 },\n        { q: \"9. Ce tem\u0103 exploreaz\u0103 \u201eOedip rege\u201d?\", a: [\"R\u0103zboiul\", \"Dragostea\", \"Destinul \u0219i libertatea omului\", \"Politica\"], c: 2 },\n        { q: \"10. Ce a f\u0103cut pe l\u00e2ng\u0103 activitatea teatral\u0103?\", a: [\"A fost comerciant\", \"A fost filosof\", \"A participat la via\u021ba politic\u0103 ca strateg\", \"A fost profesor\"], c: 2 }\n    ];\n\n    let score = 0;\n    let currentIdx = 0;\n    const TOTAL = sophoclesData.length;\n\n    \/\/ \u2500\u2500 Imagini Enigma \u2500\u2500\n    const ENIGMA_CORRECT = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/9.jpg\";\n    const ENIGMA_WRONG   = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/19.jpg\";\n\n    \/\/ \u2500\u2500 Date \u201e\u00cen\u021belegerea textului\" \u2014 Sofocle \u2500\u2500\n    const IT_IMG = ENIGMA_CORRECT;\n    const IT_PDF = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Sofocla-IT-RO.pdf\";\n    const IT_FISA = { nume: [\"sofocle\", \"sophocles\"], prenume: [\"sofocle\", \"sophocles\"], an: [\"496\", \"496ihr\"], loc: [\"colona\", \"atena\"] };\n    const IT_FISA_LABELS = { nume: \"Nume:\", prenume: \"Prenume:\", an: \"Anul na\u0219terii:\", loc: \"Locul na\u0219terii:\" };\n    const IT_AF = [\n        { t: \"Sofocle a fost autorul tragediei \u201eAntigona\u201d.\", correct: true },\n        { t: \"Piesele lui Sofocle \u00eei \u00eendeamn\u0103 pe cititori s\u0103 reflecteze asupra drept\u0103\u021bii \u0219i responsabilit\u0103\u021bii.\", correct: true },\n        { t: \"\u00cen copil\u0103rie, Sofocle \u00ee\u0219i dorea s\u0103 devin\u0103 navigator \u0219i nu a fost interesat de teatru.\", correct: false }\n    ];\n    const IT_KW_PERSONAJE = [ [\"antigona\"], [\"oedip\", \"oedipus\"], [\"electra\"] ];\n    const IT_KW_TRASATURI = [\n        [\"observ\", \"perceptiv\"], [\"talent\"], [\"intelept\", \"intelepciune\"], [\"calm\"],\n        [\"inovator\", \"revolutionar\", \"revolutiona\"], [\"civic\", \"cetatean\", \"strateg\", \"implicat\"],\n        [\"curaj\"], [\"demn\", \"demnitate\"], [\"empatic\", \"empatie\"]\n    ];\n    const IT_KW_MOTIVE = [\n        [\"treilea actor\", \"al treilea actor\", \"trei actori\"],\n        [\"decor\"],\n        [\"oameni reali\", \"oameni vii\", \"reali\", \"umane\", \"contradictii\", \"vii\", \"personaje reale\"],\n        [\"destin\", \"libertate\"],\n        [\"oglinda\", \"suflet\"]\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:\/\/smart-match-adventure.lovable.app\" width=\"100%\" height=\"800\" style=\"border:0;display:block;border-radius:16px;\" allowfullscreen loading=\"lazy\" title=\"Joc de asociere \u2013 Sophocles\"><\/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\">\u201eNu este o sl\u0103biciune s\u0103 \u00eenve\u021bi din gre\u0219eli.\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 Sofocle<\/h2>\n                <img decoding=\"async\" src=\"${ENIGMA_CORRECT}\" alt=\"Sofocle\">\n                <span class=\"enigma-playlist-label\">C\u0103l\u0103toria de \u00eenv\u0103\u021bare<\/span>\n                <p>Da\u021bi fiec\u0103rui elev o fi\u0219\u0103 \u00eemp\u0103r\u021bit\u0103 \u00een trei sec\u021biuni:<\/p>\n                <ol>\n                    <li>o gre\u0219eal\u0103 pe care am f\u0103cut-o;<\/li>\n                    <li>ce am \u00eenv\u0103\u021bat din ea;<\/li>\n                    <li>ce a\u0219 face diferit.<\/li>\n                <\/ol>\n                <p>Elevii explic\u0103 cum ar gestiona o situa\u021bie asem\u0103n\u0103toare \u00een viitor. Sublinia\u021bi c\u0103 \u00eemp\u0103rt\u0103\u0219irea este voluntar\u0103 \u0219i\n\nc\u0103 accentul este pe \u00eenv\u0103\u021bare,\n\nnu pe judecat\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\">Maestrul tragediei grece\u0219ti<\/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=\"Sofocle\">\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 numele unor personaje create de Sofocle \u0219i tr\u0103s\u0103turile lui de caracter.<\/p>\n                    <div class=\"itext-cols\">\n                        <div>\n                            <div class=\"itext-col-title pasiuni\">Personaje<\/div>\n                            <textarea class=\"itext-textarea\" id=\"it-personaje\" 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>Personaje create de Sofocle:<\/strong> Antigona, Oedip (din \u201eOedip rege\u201d) \u0219i Electra.<br>\n                        <strong>Tr\u0103s\u0103turi de caracter:<\/strong> bun observator al oamenilor, talentat, \u00een\u021belept, calm, inovator (a revolu\u021bionat tragedia), implicat civic (strateg al\u0103turi de Pericle), curajos, demn.\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 motivele pentru care Sofocle a revolu\u021bionat tragedia \u00een vremea sa.<\/p>\n                    <textarea class=\"itext-textarea plain it-real\" placeholder=\"1. ...\"><\/textarea>\n                    <textarea class=\"itext-textarea plain it-real\" placeholder=\"2. ...\"><\/textarea>\n                    <textarea class=\"itext-textarea plain it-real\" placeholder=\"3. ...\"><\/textarea>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckMotive()\">Verific\u0103 r\u0103spunsul<\/button>\n                    <button class=\"itext-btn secondary\" data-label=\"Vezi exemple de r\u0103spuns\" onclick=\"window.itextToggleExamples('ex-motive', this)\">Vezi exemple de r\u0103spuns<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"motive-msg\"><\/div>\n                    <div class=\"itext-examples\" id=\"ex-motive\">\n                        <strong>Motive pentru care a revolu\u021bionat tragedia:<\/strong><br>\n                        \u2022 a introdus al treilea actor pe scen\u0103;<br>\n                        \u2022 a introdus decorurile pictate;<br>\n                        \u2022 personajele sale nu mai erau eroi perfec\u021bi, ci oameni vii, reali, plini de contradic\u021bii (care luptau cu frica, cu puterea \u0219i cu ei \u00een\u0219i\u0219i).\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 pTxt = document.getElementById('it-personaje').value;\n        const tTxt = document.getElementById('it-trasaturi').value;\n        const msg = document.getElementById('descopera-msg');\n        if (!pTxt.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 p = itextCountGroups(pTxt, IT_KW_PERSONAJE);\n        const t = itextCountGroups(tTxt, IT_KW_TRASATURI);\n        const ok = p >= 2 && t >= 2;\n        msg.style.color = ok ? '#004F2D' : '#B26A00';\n        msg.innerHTML = ok\n            ? `\u2705 Bravo! Ai identificat ${p} personaje \u0219i ${t} tr\u0103s\u0103turi din text.`\n            : `\ud83d\udd0e Ai g\u0103sit ${p} personaj\/personaje \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.itextCheckMotive = function() {\n        const all = Array.from(document.querySelectorAll('.it-real')).map(x => x.value).join(' ');\n        const msg = document.getElementById('motive-msg');\n        if (!all.trim()) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Scrie mai \u00eent\u00e2i cel pu\u021bin un motiv.';\n            return;\n        }\n        const n = itextCountGroups(all, IT_KW_MOTIVE);\n        const ok = n >= 3;\n        msg.style.color = ok ? '#004F2D' : '#B26A00';\n        msg.innerHTML = ok\n            ? `\u2705 Excelent! Ai g\u0103sit ${n} motive din text.`\n            : `\ud83d\udd0e Ai g\u0103sit ${n} motiv\/motive. Mai caut\u0103 cel pu\u021bin ${Math.max(1, 3 - n)} pentru a completa cerin\u021ba.`;\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 exemplele' : 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\udfad<\/div>\n                <h2>Quiz Sofocle<\/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 = sophoclesData[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 = sophoclesData[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 ? \"\u2728\" : \"\ud83d\udcaa\";\n        const msg = isPerfect \n            ? \"Nota 10! E\u0219ti un adev\u0103rat expert \u00een istoria teatrului antic.\" \n            : score >= 7 \n                ? \"Excelent! Cuno\u0219ti foarte bine via\u021ba marelui dramaturg.\"\n                : \"Bravo! Ai terminat provocarea despre p\u0103rintele tragediei elene.\";\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-0d08dbb audio e-flex e-con-boxed e-con e-parent\" data-id=\"0d08dbb\" data-element_type=\"container\" data-e-type=\"container\" id=\"audio\">\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-e9e2b32 elementor-widget elementor-widget-heading\" data-id=\"e9e2b32\" 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-86925a5 elementor-widget elementor-widget-afd_audio_player\" data-id=\"86925a5\" 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\\\/SOFOCLE-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>Tragic \u2022 Reflec\u021bie \u2022 Eternitate Sofocle Acas\u0103 &gt; Sofoklis (Sophocles) Maestrul tragediei grece\u0219ti Sofocle a fost unul dintre cei mai mari dramaturgi ai Antichit\u0103\u021bii, autor al unor capodopere precum Oedip rege \u0219i Antigona prin care a explorat destinul, moralitatea \u0219i conflictul dintre legea uman\u0103 \u0219i cea divin\u0103. ASCULT\u0102 CITE\u0218TE ACTIVIT\u0102\u021aI Vizioneaz\u0103 Acum mul\u021bi, mul\u021bi ani, [&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-12638","page","type-page","status-publish","hentry"],"acf":[],"lang":"ro","translations":{"ro":12638,"en":13509,"el":13614,"it":13873,"fr":14199},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/12638","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=12638"}],"version-history":[{"count":34,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/12638\/revisions"}],"predecessor-version":[{"id":17587,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/12638\/revisions\/17587"}],"wp:attachment":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/media?parent=12638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}