{"id":34671,"date":"2026-07-27T14:49:32","date_gmt":"2026-07-27T14:49:32","guid":{"rendered":"https:\/\/ccib.cinemaartaarad.ro\/?page_id=34671"},"modified":"2026-07-27T15:38:05","modified_gmt":"2026-07-27T15:38:05","slug":"presedintii-camerei-de-comert","status":"publish","type":"page","link":"https:\/\/ccib.cinemaartaarad.ro\/?page_id=34671","title":{"rendered":"Pre\u0219edin\u021bii Camerei de Comer\u021b"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"34671\" class=\"elementor elementor-34671\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ebfa38 e-con e-atomic-element e-flexbox-base e-a803294 \" data-id=\"2ebfa38\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2ebfa38\">\n    \t\t<div class=\"elementor-element elementor-element-13ab025 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"13ab025\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"ccib-tl\" class=\"ccib-tl-root\">\r\n  <style>\r\n    #ccib-tl{\r\n      --navy-950:#071a35; --navy-900:#0c2547; --navy-800:#123568; --navy-700:#1a4278; --navy-600:#28578f;\r\n      --gold-700:#8a651b; --gold-600:#a8791f; --gold-500:#c89b3c; --gold-300:#e6c878; --gold-100:#f4e6bd;\r\n      --paper:#f4efe2; --paper-dim:#e9e1cb; --ink:#17203a; --ink-soft:#4a5578;\r\n      box-sizing:border-box; position:relative; overflow:hidden;\r\n      background:linear-gradient(180deg,var(--navy-950) 0%, var(--navy-900) 45%, var(--navy-800) 100%);\r\n      color:var(--paper); font-family:'CCIBBody',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\r\n      padding:0; margin:0; width:100%; isolation:isolate;\r\n    }\r\n    #ccib-tl, #ccib-tl *{ box-sizing:border-box; }\r\n    #ccib-tl *{ margin:0; padding:0; }\r\n\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700;9..144,900&family=Public+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');\r\n    #ccib-tl{ font-family:'Public Sans',-apple-system,sans-serif; }\r\n    #ccib-tl .ccib-f-display{ font-family:'Fraunces','Georgia',serif; }\r\n    #ccib-tl .ccib-f-mono{ font-family:'IBM Plex Mono',monospace; }\r\n\r\n    \/* ---------- ambient background ---------- *\/\r\n    #ccib-tl .ccib-tl-bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }\r\n    #ccib-tl .ccib-tl-glow{\r\n      position:absolute; width:70vw; height:70vw; max-width:900px; max-height:900px; border-radius:50%;\r\n      background:radial-gradient(circle, rgba(200,155,60,.16) 0%, rgba(200,155,60,0) 60%);\r\n      top:-20%; left:-10%; animation:ccibDrift 22s ease-in-out infinite alternate;\r\n    }\r\n    #ccib-tl .ccib-tl-glow.b{\r\n      top:auto; bottom:-25%; right:-15%; left:auto;\r\n      background:radial-gradient(circle, rgba(40,87,143,.35) 0%, rgba(40,87,143,0) 60%);\r\n      animation-duration:28s; animation-delay:-6s;\r\n    }\r\n    @keyframes ccibDrift{ from{ transform:translate(0,0) scale(1);} to{ transform:translate(4%,6%) scale(1.08);} }\r\n\r\n    #ccib-tl .ccib-mote{\r\n      position:absolute; border-radius:50%; background:var(--gold-300); opacity:.35;\r\n      animation:ccibFloat linear infinite;\r\n    }\r\n    @keyframes ccibFloat{\r\n      0%{ transform:translateY(0) translateX(0); opacity:0; }\r\n      10%{ opacity:.5;}\r\n      90%{ opacity:.4;}\r\n      100%{ transform:translateY(-120vh) translateX(20px); opacity:0; }\r\n    }\r\n\r\n    \/* ---------- hero ---------- *\/\r\n    #ccib-tl .ccib-tl-hero{\r\n      position:relative; z-index:2; text-align:center; padding:76px 24px 56px;\r\n      display:flex; flex-direction:column; align-items:center; gap:18px;\r\n    }\r\n    #ccib-tl .ccib-tl-eyebrow{\r\n      font-family:'IBM Plex Mono',monospace; font-size:12.5px; letter-spacing:.22em; text-transform:uppercase;\r\n      color:var(--gold-300); opacity:0; animation:ccibRise .7s .1s ease forwards;\r\n      border:1px solid rgba(230,200,120,.35); padding:7px 16px; border-radius:100px;\r\n    }\r\n    #ccib-tl .ccib-tl-title{\r\n      font-size:clamp(32px,6vw,58px); line-height:1.08; font-weight:700; letter-spacing:-.01em;\r\n      max-width:820px; opacity:0; animation:ccibRise .8s .25s ease forwards;\r\n    }\r\n    #ccib-tl .ccib-tl-title em{\r\n      font-style:italic; font-weight:500; color:var(--gold-300); position:relative; display:inline-block;\r\n    }\r\n    #ccib-tl .ccib-tl-title .ccib-underline{\r\n      position:absolute; left:0; bottom:-4px; height:3px; width:100%;\r\n      background:linear-gradient(90deg,var(--gold-500),var(--gold-300));\r\n      transform-origin:left; transform:scaleX(0); animation:ccibDraw 1s 1.05s cubic-bezier(.65,0,.35,1) forwards;\r\n      border-radius:3px;\r\n    }\r\n    @keyframes ccibDraw{ to{ transform:scaleX(1);} }\r\n    #ccib-tl .ccib-tl-subtitle{\r\n      max-width:600px; font-size:16.5px; line-height:1.6; color:rgba(244,239,226,.75);\r\n      opacity:0; animation:ccibRise .8s .4s ease forwards;\r\n    }\r\n    #ccib-tl .ccib-tl-stats{\r\n      display:flex; gap:clamp(20px,5vw,56px); margin-top:14px; flex-wrap:wrap; justify-content:center;\r\n      opacity:0; animation:ccibRise .8s .55s ease forwards;\r\n    }\r\n    #ccib-tl .ccib-tl-stat{ text-align:center; min-width:86px; }\r\n    #ccib-tl .ccib-tl-stat .num{\r\n      font-family:'Fraunces',serif; font-weight:700; font-size:clamp(28px,4vw,40px); color:var(--gold-300);\r\n      display:block; font-variant-numeric:tabular-nums;\r\n    }\r\n    #ccib-tl .ccib-tl-stat .lab{\r\n      font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:rgba(244,239,226,.55); display:block; margin-top:2px;\r\n    }\r\n    @keyframes ccibRise{ from{ opacity:0; transform:translateY(16px);} to{ opacity:1; transform:translateY(0);} }\r\n\r\n    \/* ---------- era sections ---------- *\/\r\n    #ccib-tl .ccib-tl-era{ position:relative; z-index:2; padding:10px 20px 30px; max-width:960px; margin:0 auto; }\r\n    #ccib-tl .ccib-tl-era-head{\r\n      display:flex; align-items:baseline; justify-content:center; gap:12px; margin-bottom:44px; flex-wrap:wrap; text-align:center;\r\n    }\r\n    #ccib-tl .ccib-tl-era-head h2{\r\n      font-family:'Fraunces',serif; font-weight:600; font-size:clamp(20px,3vw,28px); color:var(--paper);\r\n    }\r\n    #ccib-tl .ccib-tl-era-head span{\r\n      font-family:'IBM Plex Mono',monospace; font-size:13px; color:var(--gold-300); letter-spacing:.05em;\r\n      border-left:1px solid rgba(230,200,120,.35); padding-left:12px;\r\n    }\r\n\r\n    #ccib-tl .ccib-tl-spine{ position:relative; padding:6px 0 6px; }\r\n    #ccib-tl .ccib-tl-spine::before{\r\n      content:''; position:absolute; left:50%; top:0; bottom:0; width:2px; transform:translateX(-50%);\r\n      background:linear-gradient(180deg, transparent, rgba(230,200,120,.5) 6%, rgba(230,200,120,.5) 94%, transparent);\r\n    }\r\n    #ccib-tl .ccib-tl-spine::after{\r\n      content:''; position:absolute; left:50%; top:0; width:2px; transform:translateX(-50%);\r\n      background:linear-gradient(180deg, var(--gold-300), var(--gold-500));\r\n      height:var(--fill,0%); transition:height .15s linear; box-shadow:0 0 10px rgba(230,200,120,.7);\r\n    }\r\n\r\n    #ccib-tl .ccib-tl-card{\r\n      position:relative; width:calc(50% - 34px); margin-bottom:30px; display:flex; align-items:center; gap:16px;\r\n      opacity:0; transition:opacity .5s ease, transform .5s cubic-bezier(.2,.9,.25,1); transition-delay:var(--d,0ms);\r\n    }\r\n    #ccib-tl .ccib-tl-card.ccib-left{ margin-left:0; margin-right:auto; flex-direction:row; transform:translateX(-26px); }\r\n    #ccib-tl .ccib-tl-card.ccib-right{ margin-left:auto; margin-right:0; flex-direction:row-reverse; text-align:right; transform:translateX(26px); }\r\n    #ccib-tl .ccib-tl-card.ccib-in{ opacity:1; transform:translateX(0); }\r\n\r\n    #ccib-tl .ccib-tl-seal{\r\n      flex:none; width:52px; height:52px; border-radius:50%; position:relative;\r\n      background:radial-gradient(circle at 32% 28%, var(--gold-300), var(--gold-600) 70%);\r\n      display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(0,0,0,.35), inset 0 0 0 2px rgba(255,255,255,.15);\r\n      transform:scale(0) rotate(-25deg); transition:transform .5s cubic-bezier(.34,1.56,.64,1); transition-delay:calc(var(--d,0ms) + 80ms);\r\n    }\r\n    #ccib-tl .ccib-tl-card.ccib-in .ccib-tl-seal{ transform:scale(1) rotate(0deg); }\r\n    #ccib-tl .ccib-tl-seal span{\r\n      font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:15px; color:var(--navy-950);\r\n    }\r\n    #ccib-tl .ccib-tl-seal i{\r\n      position:absolute; inset:-6px; border:1px dashed rgba(23,32,58,.4); border-radius:50%;\r\n    }\r\n    #ccib-tl .ccib-tl-card:hover .ccib-tl-seal{ transform:scale(1.08) rotate(-4deg); }\r\n\r\n    #ccib-tl .ccib-tl-content{\r\n      background:rgba(244,239,226,.06); border:1px solid rgba(230,200,120,.18); border-radius:14px;\r\n      padding:14px 18px; backdrop-filter:blur(2px); flex:1; transition:background .3s ease, border-color .3s ease, transform .3s ease;\r\n    }\r\n    #ccib-tl .ccib-tl-card:hover .ccib-tl-content{\r\n      background:rgba(244,239,226,.11); border-color:rgba(230,200,120,.45); transform:translateY(-2px);\r\n    }\r\n    #ccib-tl .ccib-tl-content h3{\r\n      font-family:'Fraunces',serif; font-weight:600; font-size:16.5px; color:var(--paper); line-height:1.3;\r\n    }\r\n    #ccib-tl .ccib-tl-content .ccib-tl-years{\r\n      font-family:'IBM Plex Mono',monospace; font-size:12.5px; color:var(--gold-300); margin-top:4px; letter-spacing:.02em;\r\n    }\r\n\r\n    \/* ---------- gap section ---------- *\/\r\n    #ccib-tl .ccib-tl-gap{\r\n      position:relative; z-index:2; max-width:640px; margin:10px auto 40px; padding:0 20px; text-align:center;\r\n    }\r\n    #ccib-tl .ccib-tl-gap-line{\r\n      height:70px; margin:0 auto; width:2px;\r\n      background:repeating-linear-gradient(180deg, rgba(244,239,226,.35) 0 6px, transparent 6px 14px);\r\n    }\r\n    #ccib-tl .ccib-tl-gap-card{\r\n      border:1px dashed rgba(244,239,226,.3); border-radius:14px; padding:22px 24px; background:rgba(6,15,30,.35);\r\n      position:relative; overflow:hidden;\r\n    }\r\n    #ccib-tl .ccib-tl-gap-card::before{\r\n      content:''; position:absolute; inset:0; background:linear-gradient(120deg, transparent 30%, rgba(230,200,120,.06) 50%, transparent 70%);\r\n      animation:ccibSheen 5s linear infinite;\r\n    }\r\n    @keyframes ccibSheen{ 0%{ transform:translateX(-100%);} 100%{ transform:translateX(100%);} }\r\n    #ccib-tl .ccib-tl-gap-stamp{\r\n      font-family:'IBM Plex Mono',monospace; font-weight:600; letter-spacing:.12em; font-size:13px;\r\n      color:rgba(244,239,226,.65); border:1px solid rgba(244,239,226,.35); display:inline-block; padding:6px 14px;\r\n      border-radius:6px; transform:rotate(-3deg); margin-bottom:12px; opacity:.85;\r\n    }\r\n    #ccib-tl .ccib-tl-gap-card p{ font-size:14.5px; line-height:1.6; color:rgba(244,239,226,.68); position:relative; }\r\n\r\n    \/* ---------- footer ---------- *\/\r\n    #ccib-tl .ccib-tl-footer{\r\n      position:relative; z-index:2; text-align:center; padding:36px 20px 54px; color:rgba(244,239,226,.5);\r\n      font-size:12.5px; letter-spacing:.05em; font-family:'IBM Plex Mono',monospace;\r\n    }\r\n    #ccib-tl .ccib-tl-footer strong{ color:var(--gold-300); }\r\n\r\n    \/* ---------- responsive ---------- *\/\r\n    @media (max-width:720px){\r\n      #ccib-tl .ccib-tl-spine::before, #ccib-tl .ccib-tl-spine::after{ left:20px; }\r\n      #ccib-tl .ccib-tl-card, #ccib-tl .ccib-tl-card.ccib-left, #ccib-tl .ccib-tl-card.ccib-right{\r\n        width:100%; margin-left:0; margin-right:0; flex-direction:row; text-align:left; padding-left:0;\r\n        transform:translateX(0) translateY(18px);\r\n      }\r\n      #ccib-tl .ccib-tl-card.ccib-in{ transform:translateX(0) translateY(0); }\r\n      #ccib-tl .ccib-tl-seal{ width:42px; height:42px; margin-left:0; }\r\n      #ccib-tl .ccib-tl-spine{ padding-left:44px; }\r\n      #ccib-tl .ccib-tl-content{ text-align:left !important; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion:reduce){\r\n      #ccib-tl *{ animation:none !important; transition:none !important; }\r\n      #ccib-tl .ccib-tl-hero > *, #ccib-tl .ccib-tl-card{ opacity:1 !important; transform:none !important; }\r\n      #ccib-tl .ccib-tl-seal{ transform:none !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"ccib-tl-bg\">\r\n    <div class=\"ccib-tl-glow\"><\/div>\r\n    <div class=\"ccib-tl-glow b\"><\/div>\r\n  <\/div>\r\n\r\n  <header class=\"ccib-tl-hero\">\r\n    <span class=\"ccib-tl-eyebrow\">Camera de Comer\u021b \u0219i Industrie a Municipiului Bucure\u0219ti<\/span>\r\n    <h1 class=\"ccib-tl-title ccib-f-display\">Cei care au condus <em>Camera<span class=\"ccib-underline\"><\/span><\/em><\/h1>\r\n    <p class=\"ccib-tl-subtitle\">De la primul birou ales \u00een 1868, prin \u00eentreruperea impus\u0103 de regimul comunist, p\u00e2n\u0103 la re\u00eenfiin\u021barea din 1990 \u2014 25 de pre\u0219edin\u021bi au dus mai departe vocea comer\u021bului bucure\u0219tean.<\/p>\r\n    <div class=\"ccib-tl-stats\">\r\n      <div class=\"ccib-tl-stat\"><span class=\"num\" data-target=\"25\">0<\/span><span class=\"lab\">Pre\u0219edin\u021bi<\/span><\/div>\r\n      <div class=\"ccib-tl-stat\"><span class=\"num\" data-target=\"1868\">0<\/span><span class=\"lab\">An \u00eenfiin\u021bare<\/span><\/div>\r\n      <div class=\"ccib-tl-stat\"><span class=\"num\" data-target=\"2\">0<\/span><span class=\"lab\">Epoci istorice<\/span><\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <section class=\"ccib-tl-era\">\r\n    <div class=\"ccib-tl-era-head\">\r\n      <h2 class=\"ccib-f-display\">Era Regal\u0103 &amp; Interbelic\u0103<\/h2>\r\n      <span class=\"ccib-f-mono\">1868 \u2013 1941<\/span>\r\n    <\/div>\r\n    <div class=\"ccib-tl-spine\" data-spine>\r\n        <article class=\"ccib-tl-card ccib-tl-left\" style=\"--d:0ms\">\r\n          <div class=\"ccib-tl-seal\"><span>01<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>MIRON S. VLASTO<\/h3>\r\n            <div class=\"ccib-tl-years\">1868 \u2013 1871<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-right\" style=\"--d:90ms\">\r\n          <div class=\"ccib-tl-seal\"><span>02<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>CONSTANTIN D. ATHANASIU<\/h3>\r\n            <div class=\"ccib-tl-years\">1871 \u2013 1881<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-left\" style=\"--d:180ms\">\r\n          <div class=\"ccib-tl-seal\"><span>03<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>\u0218TEFAN IOANID<\/h3>\r\n            <div class=\"ccib-tl-years\">1881 \u2013 1887<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-right\" style=\"--d:270ms\">\r\n          <div class=\"ccib-tl-seal\"><span>04<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>IOAN V. SOCEC<\/h3>\r\n            <div class=\"ccib-tl-years\">1887 \u2013 1890<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-left\" style=\"--d:360ms\">\r\n          <div class=\"ccib-tl-seal\"><span>05<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>ION MARGHILOMAN<\/h3>\r\n            <div class=\"ccib-tl-years\">1890 \u2013 1892<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-right\" style=\"--d:450ms\">\r\n          <div class=\"ccib-tl-seal\"><span>06<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>J. P. BALANOLU<\/h3>\r\n            <div class=\"ccib-tl-years\">1892 \u2013 1896<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-left\" style=\"--d:0ms\">\r\n          <div class=\"ccib-tl-seal\"><span>07<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>GRIGORE CAP\u0218A<\/h3>\r\n            <div class=\"ccib-tl-years\">1896<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-right\" style=\"--d:90ms\">\r\n          <div class=\"ccib-tl-seal\"><span>08<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>DUMITRU MARINESCU-BRAGADIRU<\/h3>\r\n            <div class=\"ccib-tl-years\">1896<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-left\" style=\"--d:180ms\">\r\n          <div class=\"ccib-tl-seal\"><span>09<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>GEORGE G. ASSAN<\/h3>\r\n            <div class=\"ccib-tl-years\">1896 \u2013 1909<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-right\" style=\"--d:270ms\">\r\n          <div class=\"ccib-tl-seal\"><span>10<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>DUMITRU HAGI THEODORAKI<\/h3>\r\n            <div class=\"ccib-tl-years\">1909 \u2013 1917; 1922 \u2013 1923<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-left\" style=\"--d:360ms\">\r\n          <div class=\"ccib-tl-seal\"><span>11<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>DUMITRU D. BRAGADIRU<\/h3>\r\n            <div class=\"ccib-tl-years\">1917 \u2013 1918<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-right\" style=\"--d:450ms\">\r\n          <div class=\"ccib-tl-seal\"><span>12<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>NICULAE ZANE<\/h3>\r\n            <div class=\"ccib-tl-years\">1918 \u2013 1922<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-left\" style=\"--d:0ms\">\r\n          <div class=\"ccib-tl-seal\"><span>13<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>\u0218TEFAN CERCHEZ<\/h3>\r\n            <div class=\"ccib-tl-years\">1923 \u2013 1929<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-right\" style=\"--d:90ms\">\r\n          <div class=\"ccib-tl-seal\"><span>14<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>THEODOR V. ORGHIDAN<\/h3>\r\n            <div class=\"ccib-tl-years\">1929 \u2013 1933<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-left\" style=\"--d:180ms\">\r\n          <div class=\"ccib-tl-seal\"><span>15<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>CHRISTACHE D. STAICOVICI<\/h3>\r\n            <div class=\"ccib-tl-years\">1933 \u2013 1935<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-right\" style=\"--d:270ms\">\r\n          <div class=\"ccib-tl-seal\"><span>16<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>CONSTANTIN C. ORGHIDAN<\/h3>\r\n            <div class=\"ccib-tl-years\">1935<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-left\" style=\"--d:360ms\">\r\n          <div class=\"ccib-tl-seal\"><span>17<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>CHRISTU D. STAICOVICI<\/h3>\r\n            <div class=\"ccib-tl-years\">1935 \u2013 1936<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-right\" style=\"--d:450ms\">\r\n          <div class=\"ccib-tl-seal\"><span>18<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>CHRISTIAN PENNESCU \u2013 KERTSCH<\/h3>\r\n            <div class=\"ccib-tl-years\">1936 \u2013 1941<\/div>\r\n          <\/div>\r\n        <\/article>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"ccib-tl-gap\">\r\n    <div class=\"ccib-tl-gap-line\"><\/div>\r\n    <div class=\"ccib-tl-gap-card\">\r\n      <span class=\"ccib-tl-gap-stamp\">1941 \u2014 1990<\/span>\r\n      <p>Aproape cinci decenii, activitatea Camerei este \u00eentrerupt\u0103 \u00een perioada regimului comunist. Comer\u021bul liber tace \u2014 arhiva \u00ee\u0219i reia firul abia \u00een 1990.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <section class=\"ccib-tl-era\">\r\n    <div class=\"ccib-tl-era-head\">\r\n      <h2 class=\"ccib-f-display\">Era Modern\u0103<\/h2>\r\n      <span class=\"ccib-f-mono\">1990 \u2013 2021<\/span>\r\n    <\/div>\r\n    <div class=\"ccib-tl-spine\" data-spine>\r\n        <article class=\"ccib-tl-card ccib-tl-left\" style=\"--d:0ms\">\r\n          <div class=\"ccib-tl-seal\"><span>19<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>AUREL GHIBU\u021aIU<\/h3>\r\n            <div class=\"ccib-tl-years\">1990 \u2013 1996<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-right\" style=\"--d:90ms\">\r\n          <div class=\"ccib-tl-seal\"><span>20<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>GEORGE COJOCARU<\/h3>\r\n            <div class=\"ccib-tl-years\">1996 \u2013 2005<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-left\" style=\"--d:180ms\">\r\n          <div class=\"ccib-tl-seal\"><span>21<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>VICTOR BABIUC<\/h3>\r\n            <div class=\"ccib-tl-years\">februarie \u2013 aprilie 2005<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-right\" style=\"--d:270ms\">\r\n          <div class=\"ccib-tl-seal\"><span>22<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>\u0218TEFAN D. POPA<\/h3>\r\n            <div class=\"ccib-tl-years\">2005 \u2013 2008<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-left\" style=\"--d:360ms\">\r\n          <div class=\"ccib-tl-seal\"><span>23<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>ION P\u00c2RGARU<\/h3>\r\n            <div class=\"ccib-tl-years\">iunie \u2013 iulie 2008<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-right\" style=\"--d:450ms\">\r\n          <div class=\"ccib-tl-seal\"><span>24<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>SORIN DIMITRIU<\/h3>\r\n            <div class=\"ccib-tl-years\">2008 \u2013 2019<\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ccib-tl-card ccib-tl-left\" style=\"--d:0ms\">\r\n          <div class=\"ccib-tl-seal\"><span>25<\/span><i><\/i><\/div>\r\n          <div class=\"ccib-tl-content\">\r\n            <h3>COSTIC\u0102 T. MUSTA\u021a\u0102<\/h3>\r\n            <div class=\"ccib-tl-years\">interimar, 2019 \u2013 2021<\/div>\r\n          <\/div>\r\n        <\/article>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <footer class=\"ccib-tl-footer\">\r\n    <strong>CCIB<\/strong> \u00b7 Camera de Comer\u021b \u0219i Industrie a Municipiului Bucure\u0219ti \u00b7 1868 \u2014 ast\u0103zi\r\n  <\/footer>\r\n\r\n  <script>\r\n  (function(){\r\n    var root = document.getElementById('ccib-tl');\r\n    if(!root) return;\r\n\r\n    \/* floating motes *\/\r\n    var bg = root.querySelector('.ccib-tl-bg');\r\n    for(var i=0;i<16;i++){\r\n      var m = document.createElement('div');\r\n      var s = 2 + Math.random()*3;\r\n      m.className = 'ccib-mote';\r\n      m.style.width = s+'px'; m.style.height = s+'px';\r\n      m.style.left = (Math.random()*100)+'%';\r\n      m.style.bottom = '-5%';\r\n      m.style.animationDuration = (14 + Math.random()*16)+'s';\r\n      m.style.animationDelay = (-Math.random()*20)+'s';\r\n      bg.appendChild(m);\r\n    }\r\n\r\n    \/* count-up stats *\/\r\n    var counted = false;\r\n    function countUp(){\r\n      if(counted) return; counted = true;\r\n      root.querySelectorAll('.ccib-tl-stat .num').forEach(function(el){\r\n        var target = parseInt(el.getAttribute('data-target'),10);\r\n        var start = null, dur = 1100;\r\n        function step(ts){\r\n          if(!start) start = ts;\r\n          var p = Math.min(1,(ts-start)\/dur);\r\n          var eased = 1 - Math.pow(1-p,3);\r\n          el.textContent = Math.round(target*eased);\r\n          if(p<1) requestAnimationFrame(step);\r\n        }\r\n        requestAnimationFrame(step);\r\n      });\r\n    }\r\n\r\n    \/* reveal cards + spine fill *\/\r\n    var cards = root.querySelectorAll('.ccib-tl-card');\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(e){\r\n        if(e.isIntersecting){ e.target.classList.add('ccib-in'); }\r\n      });\r\n    }, {threshold:.35, rootMargin:'0px 0px -8% 0px'});\r\n    cards.forEach(function(c){ io.observe(c); });\r\n\r\n    var hero = root.querySelector('.ccib-tl-hero');\r\n    var heroIo = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(e){ if(e.isIntersecting) countUp(); });\r\n    }, {threshold:.4});\r\n    heroIo.observe(hero);\r\n\r\n    function updateSpines(){\r\n      root.querySelectorAll('[data-spine]').forEach(function(sp){\r\n        var r = sp.getBoundingClientRect();\r\n        var vh = window.innerHeight;\r\n        var total = r.height;\r\n        var visible = Math.min(total, Math.max(0, vh*0.75 - r.top));\r\n        var pct = total>0 ? Math.min(100,(visible\/total)*100) : 0;\r\n        sp.style.setProperty('--fill', pct+'%');\r\n      });\r\n    }\r\n    window.addEventListener('scroll', updateSpines, {passive:true});\r\n    window.addEventListener('resize', updateSpines);\r\n    updateSpines();\r\n  })();\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Camera de Comer\u021b \u0219i Industrie a Municipiului Bucure\u0219ti Cei care au condus Camera De la primul birou ales \u00een 1868,&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-34671","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/pages\/34671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34671"}],"version-history":[{"count":4,"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/pages\/34671\/revisions"}],"predecessor-version":[{"id":34675,"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/pages\/34671\/revisions\/34675"}],"wp:attachment":[{"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}