{"id":34428,"date":"2026-07-14T04:11:07","date_gmt":"2026-07-14T04:11:07","guid":{"rendered":"https:\/\/ccib.cinemaartaarad.ro\/?page_id=34428"},"modified":"2026-07-14T04:14:42","modified_gmt":"2026-07-14T04:14:42","slug":"istorie","status":"publish","type":"page","link":"https:\/\/ccib.cinemaartaarad.ro\/?page_id=34428","title":{"rendered":"Istorie"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nPovestea Palatului CCIB | Istoric & Arhitectur\u0103<\/title>\r\n<meta name=\"description\" content=\"De la audien\u021ba lui George G. Assan la Regele Carol I, p\u00e2n\u0103 la bijuteria arhitectonic\u0103 de azi \u2014 povestea complet\u0103 a Palatului Camerei de Comer\u021b \u0219i Industrie a Municipiului Bucure\u0219ti.\">\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700;9..144,800&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#ccib-palat-poveste{\r\n --navy-900:#0a2540; --navy-800:#0e3159; --navy-700:#123c6c;\r\n --blue-600:#1b5fa8; --blue-500:#2e7cc2;\r\n --gold-500:#c9a24b; --gold-600:#b3892f; --gold-100:#f5ecd8;\r\n --gray-50:#f6f7f9; --gray-100:#eef1f4; --gray-200:#e2e7ec;\r\n --ink-900:#16202b; --ink-600:#51606d; --ink-400:#8b98a3; --white:#ffffff;\r\n --shadow-sm:0 2px 10px rgba(10,37,64,.06);\r\n --shadow-md:0 12px 32px rgba(10,37,64,.10);\r\n --shadow-lg:0 24px 60px rgba(10,37,64,.16);\r\n --radius:14px;\r\n font-family:'Inter',sans-serif; color:var(--ink-900); background:var(--white);\r\n line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; position:relative;\r\n}\r\n#ccib-palat-poveste *{box-sizing:border-box; margin:0; padding:0;}\r\n#ccib-palat-poveste h1, #ccib-palat-poveste h2, #ccib-palat-poveste h3, #ccib-palat-poveste h4{\r\n font-family:'Fraunces',serif; font-weight:600; letter-spacing:-0.2px; line-height:1.15; color:var(--navy-900);\r\n}\r\n#ccib-palat-poveste img, #ccib-palat-poveste svg{display:block; max-width:100%;}\r\n#ccib-palat-poveste a{color:inherit; text-decoration:none;}\r\n#ccib-palat-poveste button{font-family:inherit; cursor:pointer;}\r\n#ccib-palat-poveste .container{max-width:1180px; margin:0 auto; padding:0 24px;}\r\n#ccib-palat-poveste .eyebrow{\r\n font-family:'Inter',sans-serif; font-weight:700; font-size:11.5px; letter-spacing:2.2px; text-transform:uppercase;\r\n color:var(--gold-600); display:inline-flex; align-items:center; gap:10px; margin-bottom:14px;\r\n}\r\n#ccib-palat-poveste .eyebrow::before{content:\"\"; width:26px; height:2px; background:var(--gold-500); display:inline-block;}\r\n\r\n\/* progress bar *\/\r\n#ccib-palat-poveste .progress-bar{position:fixed; top:0; left:0; height:3px; background:linear-gradient(90deg,var(--gold-600),var(--gold-500)); width:0%; z-index:500; transition:width .1s linear;}\r\n\r\n\/* reveal (fail-safe) *\/\r\n#ccib-palat-poveste .reveal{opacity:1; transform:none;}\r\n#ccib-palat-poveste.js-ready .reveal{opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease;}\r\n#ccib-palat-poveste.js-ready .reveal.visible{opacity:1; transform:translateY(0);}\r\n#ccib-palat-poveste .reveal-d1{transition-delay:.08s;}\r\n#ccib-palat-poveste .reveal-d2{transition-delay:.16s;}\r\n\r\n\/* buttons *\/\r\n#ccib-palat-poveste .btn{display:inline-flex; align-items:center; gap:10px; padding:15px 30px; border-radius:10px; font-weight:700; font-size:15px; border:none; cursor:pointer; transition:transform .2s ease, box-shadow .2s ease, background .2s ease;}\r\n#ccib-palat-poveste .btn-gold{background:linear-gradient(135deg,var(--gold-500),var(--gold-600)); color:var(--navy-900); box-shadow:0 10px 26px rgba(201,162,75,.35);}\r\n#ccib-palat-poveste .btn-gold:hover{transform:translateY(-2px); box-shadow:0 16px 34px rgba(201,162,75,.45);}\r\n#ccib-palat-poveste .btn-outline-lt{background:rgba(255,255,255,.06); color:var(--white); border:1.5px solid rgba(255,255,255,.45);}\r\n#ccib-palat-poveste .btn-outline-lt:hover{background:rgba(255,255,255,.16); border-color:#fff;}\r\n#ccib-palat-poveste .btn svg{width:18px; height:18px;}\r\n\r\n\/* ============ HERO ============ *\/\r\n#ccib-palat-poveste .hero{\r\n position:relative; min-height:100vh; display:flex; align-items:center; color:var(--white); overflow:hidden;\r\n background-image:linear-gradient(180deg, rgba(10,37,64,.55) 0%, rgba(10,37,64,.55) 55%, rgba(10,37,64,.94) 100%), url('http:\/\/www.ccib.ro\/Vault\/upload\/misc\/frontonul.jpg');\r\n background-size:cover; background-position:center 25%; background-attachment:fixed; background-repeat:no-repeat;\r\n}\r\n#ccib-palat-poveste .hero-inner{position:relative; z-index:2; text-align:center; margin:0 auto; max-width:780px; padding:0 24px;}\r\n#ccib-palat-poveste .hero-inner .eyebrow{justify-content:center; color:var(--gold-500);}\r\n#ccib-palat-poveste .hero-inner .eyebrow::before{background:var(--gold-500);}\r\n#ccib-palat-poveste .hero h1{font-size:clamp(36px,6vw,68px); color:var(--white); margin-bottom:20px;}\r\n#ccib-palat-poveste .hero p.lead{font-size:19px; color:#dbe4ee; max-width:620px; margin:0 auto 38px;}\r\n#ccib-palat-poveste .hero-meta{display:flex; gap:34px; justify-content:center; flex-wrap:wrap; margin-top:50px; padding-top:26px; border-top:1px solid rgba(255,255,255,.18);}\r\n#ccib-palat-poveste .hero-meta div{display:flex; flex-direction:column;}\r\n#ccib-palat-poveste .hero-meta strong{font-family:'Fraunces',serif; font-size:24px; color:var(--gold-500);}\r\n#ccib-palat-poveste .hero-meta span{font-size:12.5px; color:#aebdcc;}\r\n#ccib-palat-poveste .scroll-cue{position:absolute; bottom:34px; left:50%; transform:translateX(-50%); z-index:2; display:flex; flex-direction:column; align-items:center; gap:8px; color:#cfd9e4; font-size:11.5px; letter-spacing:1.5px; text-transform:uppercase;}\r\n#ccib-palat-poveste .scroll-cue svg{width:18px; height:18px; animation:cueBounce 1.8s ease-in-out infinite;}\r\n@keyframes cueBounce{0%,100%{transform:translateY(0);} 50%{transform:translateY(8px);}}\r\n\r\n\/* ============ GENERIC SECTION ============ *\/\r\n#ccib-palat-poveste .section{padding:110px 0;}\r\n#ccib-palat-poveste .section-header{max-width:700px; margin-bottom:56px;}\r\n#ccib-palat-poveste .section-header.center{margin-left:auto; margin-right:auto; text-align:center;}\r\n#ccib-palat-poveste .section-header h2{font-size:clamp(28px,3vw,40px);}\r\n#ccib-palat-poveste .section-header p{color:var(--ink-600); font-size:16.5px; margin-top:14px;}\r\n#ccib-palat-poveste .bg-gray{background:var(--gray-50);}\r\n#ccib-palat-poveste .bg-navy{background:linear-gradient(135deg,var(--navy-900),var(--navy-800)); color:#dbe4ee;}\r\n#ccib-palat-poveste .bg-navy h2, #ccib-palat-poveste .bg-navy h3{color:var(--white);}\r\n\r\n\/* intro narrative paragraph *\/\r\n#ccib-palat-poveste .story-intro{max-width:740px; margin:0 auto; text-align:center;}\r\n#ccib-palat-poveste .story-intro p{font-size:19px; color:var(--ink-600); line-height:1.7;}\r\n#ccib-palat-poveste .story-intro p strong{color:var(--navy-900);}\r\n\r\n\/* ============ TIMELINE (signature element) ============ *\/\r\n#ccib-palat-poveste .timeline-rail{position:relative; max-width:960px; margin:0 auto;}\r\n#ccib-palat-poveste .timeline-spine{position:absolute; left:50%; top:0; bottom:0; width:3px; margin-left:-1.5px; background:var(--gray-200); z-index:0;}\r\n#ccib-palat-poveste .timeline-spine-fill{position:absolute; left:0; top:0; width:100%; height:0%; background:linear-gradient(180deg,var(--gold-600),var(--gold-500)); transition:height .25s ease-out;}\r\n#ccib-palat-poveste .t-node{position:relative; z-index:1; display:grid; grid-template-columns:1fr 60px 1fr; gap:0; align-items:start; margin-bottom:70px;}\r\n#ccib-palat-poveste .t-node:last-child{margin-bottom:0;}\r\n#ccib-palat-poveste .t-dot-col{display:flex; justify-content:center; padding-top:4px;}\r\n#ccib-palat-poveste .t-dot{\r\n width:52px; height:52px; border-radius:50%; background:var(--white); border:2px solid var(--gray-200);\r\n display:flex; align-items:center; justify-content:center; font-family:'Fraunces',serif; font-weight:700; font-size:11px;\r\n color:var(--ink-400); box-shadow:var(--shadow-sm); transition:all .4s ease; text-align:center; line-height:1.1;\r\n}\r\n#ccib-palat-poveste .t-node.in-view .t-dot{background:var(--navy-900); border-color:var(--gold-500); color:var(--gold-500); transform:scale(1.08);}\r\n#ccib-palat-poveste .t-card{background:var(--white); border:1px solid var(--gray-200); border-radius:var(--radius); padding:28px 30px; box-shadow:var(--shadow-sm); transition:box-shadow .3s ease, border-color .3s ease;}\r\n#ccib-palat-poveste .t-node.in-view .t-card{box-shadow:var(--shadow-md); border-color:var(--gold-500);}\r\n#ccib-palat-poveste .t-node .t-card{grid-column:1; justify-self:end; text-align:right; max-width:400px;}\r\n#ccib-palat-poveste .t-node.right .t-card{grid-column:3; justify-self:start; text-align:left;}\r\n#ccib-palat-poveste .t-node.right{grid-template-columns:1fr 60px 1fr;}\r\n#ccib-palat-poveste .t-node .t-empty{grid-column:3;}\r\n#ccib-palat-poveste .t-node.right .t-empty{grid-column:1;}\r\n#ccib-palat-poveste .t-year{font-family:'Fraunces',serif; font-weight:700; font-size:13.5px; color:var(--gold-600); letter-spacing:.5px; margin-bottom:8px; display:block;}\r\n#ccib-palat-poveste .t-card h3{font-size:19px; margin-bottom:10px;}\r\n#ccib-palat-poveste .t-card p{font-size:14.5px; color:var(--ink-600);}\r\n#ccib-palat-poveste .t-portrait{\r\n display:flex; align-items:center; gap:14px; margin-bottom:14px;\r\n}\r\n#ccib-palat-poveste .t-node .t-card .t-portrait{flex-direction:row-reverse;}\r\n#ccib-palat-poveste .t-node.right .t-card .t-portrait{flex-direction:row;}\r\n#ccib-palat-poveste .t-portrait img{width:54px; height:54px; border-radius:50%; object-fit:cover; border:2px solid var(--gold-100); flex-shrink:0;}\r\n#ccib-palat-poveste .t-portrait-name{font-weight:700; font-size:14.5px; color:var(--navy-900);}\r\n#ccib-palat-poveste .t-portrait-role{font-size:12px; color:var(--ink-400);}\r\n\r\n\/* pull quote *\/\r\n#ccib-palat-poveste .pull-quote{max-width:780px; margin:60px auto 0; text-align:center; position:relative;}\r\n#ccib-palat-poveste .pull-quote .qmark{font-family:'Fraunces',serif; font-size:64px; color:var(--gold-500); line-height:1; opacity:.5;}\r\n#ccib-palat-poveste .pull-quote p{font-family:'Fraunces',serif; font-size:22px; font-style:italic; color:var(--navy-900); line-height:1.5; margin-top:-20px;}\r\n#ccib-palat-poveste .pull-quote .attribution{margin-top:18px; font-family:'Inter',sans-serif; font-style:normal; font-weight:700; font-size:13.5px; color:var(--gold-600); letter-spacing:.5px; text-transform:uppercase;}\r\n\r\n\/* stat cards *\/\r\n#ccib-palat-poveste .stat-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)) !important; gap:20px;}\r\n#ccib-palat-poveste .stat-card{background:var(--white); border:1px solid var(--gray-200); border-radius:var(--radius); padding:30px 26px; text-align:center; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;}\r\n#ccib-palat-poveste .stat-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:var(--gold-500);}\r\n#ccib-palat-poveste .stat-num{font-family:'Fraunces',serif; font-size:38px; font-weight:700; color:var(--navy-900); line-height:1;}\r\n#ccib-palat-poveste .stat-label{font-size:13px; color:var(--ink-600); margin-top:8px; font-weight:600;}\r\n\r\n\/* facade explorer (interactive hotspots) *\/\r\n#ccib-palat-poveste .explorer-wrap{position:relative; max-width:900px; margin:0 auto; border-radius:20px; overflow:hidden; box-shadow:var(--shadow-lg);}\r\n#ccib-palat-poveste .explorer-wrap img{width:100%; display:block;}\r\n#ccib-palat-poveste .hotspot{\r\n position:absolute; width:34px; height:34px; border-radius:50%; background:rgba(201,162,75,.9); border:2px solid #fff;\r\n display:flex; align-items:center; justify-content:center; color:var(--navy-900); font-weight:800; font-size:14px;\r\n cursor:pointer; transform:translate(-50%,-50%); box-shadow:0 0 0 0 rgba(201,162,75,.6); animation:hotspotPulse 2.4s ease-in-out infinite;\r\n transition:transform .2s ease, background .2s ease;\r\n}\r\n#ccib-palat-poveste .hotspot:hover, #ccib-palat-poveste .hotspot.active{background:var(--navy-900); color:var(--gold-500); transform:translate(-50%,-50%) scale(1.15);}\r\n@keyframes hotspotPulse{0%{box-shadow:0 0 0 0 rgba(201,162,75,.55);} 70%{box-shadow:0 0 0 14px rgba(201,162,75,0);} 100%{box-shadow:0 0 0 0 rgba(201,162,75,0);}}\r\n#ccib-palat-poveste .hotspot-panel{\r\n margin-top:24px; background:var(--white); border:1px solid var(--gray-200); border-radius:var(--radius); padding:26px 30px;\r\n box-shadow:var(--shadow-sm); max-width:900px; margin-left:auto; margin-right:auto; min-height:110px;\r\n}\r\n#ccib-palat-poveste .hotspot-panel h4{font-size:18px; margin-bottom:8px; color:var(--gold-600);}\r\n#ccib-palat-poveste .hotspot-panel p{font-size:15px; color:var(--ink-600);}\r\n#ccib-palat-poveste .explorer-hint{text-align:center; font-size:13px; color:var(--ink-400); margin-top:18px; font-style:italic;}\r\n\r\n\/* architectural elements icon grid *\/\r\n#ccib-palat-poveste .icon-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)) !important; gap:20px;}\r\n#ccib-palat-poveste .igrid-card{background:var(--white); border:1px solid var(--gray-200); border-radius:var(--radius); padding:28px 22px; text-align:center; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;}\r\n#ccib-palat-poveste .igrid-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:var(--gold-500);}\r\n#ccib-palat-poveste .igrid-icon{width:52px; height:52px; border-radius:14px; background:var(--gold-100); color:var(--gold-600); display:flex; align-items:center; justify-content:center; margin:0 auto 14px;}\r\n#ccib-palat-poveste .igrid-icon svg{width:24px; height:24px;}\r\n#ccib-palat-poveste .igrid-card h4{font-size:14.5px; margin-bottom:6px;}\r\n#ccib-palat-poveste .igrid-card p{font-size:12.5px; color:var(--ink-600);}\r\n\r\n\/* interior halls gallery *\/\r\n#ccib-palat-poveste .halls-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)) !important; gap:26px;}\r\n#ccib-palat-poveste .hall-card{border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-md); background:var(--white); cursor:pointer;}\r\n#ccib-palat-poveste .hall-card .img-wrap{aspect-ratio:4\/3; overflow:hidden;}\r\n#ccib-palat-poveste .hall-card img{width:100%; height:100%; object-fit:cover; transition:transform .4s ease;}\r\n#ccib-palat-poveste .hall-card:hover img{transform:scale(1.06);}\r\n#ccib-palat-poveste .hall-card .hall-info{padding:20px 22px;}\r\n#ccib-palat-poveste .hall-card h4{font-size:16.5px; margin-bottom:6px;}\r\n#ccib-palat-poveste .hall-card p{font-size:13.5px; color:var(--ink-600);}\r\n\r\n\/* lightbox reuse *\/\r\n#ccib-palat-poveste .lightbox{position:fixed; inset:0; background:rgba(10,20,30,.92); z-index:9999; display:none; align-items:center; justify-content:center; padding:30px;}\r\n#ccib-palat-poveste .lightbox.open{display:flex;}\r\n#ccib-palat-poveste .lightbox img{max-width:90vw; max-height:85vh; border-radius:10px; box-shadow:0 20px 60px rgba(0,0,0,.5);}\r\n#ccib-palat-poveste .lightbox-close{position:absolute; top:24px; right:30px; width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.3); display:flex; align-items:center; justify-content:center; font-size:20px;}\r\n\r\n\/* emblem callout *\/\r\n#ccib-palat-poveste .emblem-box{max-width:800px; margin:0 auto; background:var(--gold-100); border:1.5px solid rgba(201,162,75,.4); border-radius:20px; padding:40px; display:flex; gap:24px; align-items:center;}\r\n#ccib-palat-poveste .emblem-icon{width:64px; height:64px; min-width:64px; border-radius:50%; background:var(--navy-900); color:var(--gold-500); display:flex; align-items:center; justify-content:center;}\r\n#ccib-palat-poveste .emblem-icon svg{width:30px; height:30px;}\r\n#ccib-palat-poveste .emblem-box h4{font-size:17px; margin-bottom:8px;}\r\n#ccib-palat-poveste .emblem-box p{font-size:14.5px; color:var(--ink-600);}\r\n\r\n\/* final cta *\/\r\n#ccib-palat-poveste .final-cta{position:relative; background:linear-gradient(120deg,var(--navy-900),var(--navy-800)); color:#fff; padding:100px 0; overflow:hidden; text-align:center;}\r\n#ccib-palat-poveste .final-cta::before{content:\"\"; position:absolute; inset:0; background-image:radial-gradient(circle at 80% 20%, rgba(201,162,75,.16), transparent 55%), radial-gradient(circle at 15% 85%, rgba(46,124,194,.18), transparent 50%);}\r\n#ccib-palat-poveste .final-cta .container{position:relative; z-index:2;}\r\n#ccib-palat-poveste .final-cta h2{color:#fff; font-size:clamp(28px,3.2vw,40px); max-width:700px; margin:0 auto 18px;}\r\n#ccib-palat-poveste .final-cta p{color:#c9d6e3; max-width:600px; margin:0 auto 34px; font-size:16.5px;}\r\n\r\n\/* responsive *\/\r\n@media (max-width:820px){\r\n #ccib-palat-poveste .timeline-spine{left:26px; margin-left:0;}\r\n #ccib-palat-poveste .t-node, #ccib-palat-poveste .t-node.right{grid-template-columns:52px 1fr !important;}\r\n #ccib-palat-poveste .t-dot-col{grid-column:1;}\r\n #ccib-palat-poveste .t-node .t-card, #ccib-palat-poveste .t-node.right .t-card{grid-column:2 !important; justify-self:stretch !important; text-align:left !important; max-width:none;}\r\n #ccib-palat-poveste .t-node .t-card .t-portrait, #ccib-palat-poveste .t-node.right .t-card .t-portrait{flex-direction:row !important;}\r\n #ccib-palat-poveste .t-empty{display:none;}\r\n #ccib-palat-poveste .hero{background-attachment:scroll;}\r\n #ccib-palat-poveste .section{padding:70px 0;}\r\n}\r\n@media (max-width:640px){\r\n #ccib-palat-poveste .hero-meta{gap:20px;}\r\n #ccib-palat-poveste .hotspot{width:28px; height:28px; font-size:12px;}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"ccib-palat-poveste\">\r\n\r\n<div class=\"progress-bar\" id=\"cpProgressBar\"><\/div>\r\n\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\">\r\n<symbol id=\"cp-i-arrow-down\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/symbol>\r\n<symbol id=\"cp-i-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/symbol>\r\n<symbol id=\"cp-i-column\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 21V9M20 21V9M4 9l8-6 8 6M2 9h20M6 21h12\"\/><\/symbol>\r\n<symbol id=\"cp-i-arch\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 21V12a8 8 0 0 1 16 0v9\"\/><path d=\"M4 21h16\"\/><\/symbol>\r\n<symbol id=\"cp-i-lucarna\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20V10l8-6 8 6v10\"\/><path d=\"M9 20v-6h6v6\"\/><\/symbol>\r\n<symbol id=\"cp-i-cornisa\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8h18M3 8v3M21 8v3M6 11h3M15 11h3\"\/><\/symbol>\r\n<symbol id=\"cp-i-bosaj\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><rect x=\"3\" y=\"4\" width=\"8\" height=\"6\" rx=\"1\"\/><rect x=\"13\" y=\"4\" width=\"8\" height=\"6\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"8\" height=\"6\" rx=\"1\"\/><rect x=\"13\" y=\"14\" width=\"8\" height=\"6\" rx=\"1\"\/><\/symbol>\r\n<symbol id=\"cp-i-balcon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 10a9 9 0 0 1 18 0\"\/><path d=\"M3 10h18M3 10v4M21 10v4M6 14v2M10 14v2M14 14v2M18 14v2\"\/><\/symbol>\r\n<symbol id=\"cp-i-emblem\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 9 8 11 4.5-2 8-6 8-11V5z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/symbol>\r\n<symbol id=\"cp-i-close\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6 6 18\"\/><\/symbol>\r\n<\/svg>\r\n\r\n<!-- ============ HERO ============ -->\r\n<section class=\"hero\">\r\n <div class=\"hero-inner\">\r\n <div class=\"eyebrow\">Palatul Camerei de Comer\u021b \u0219i Industrie Bucure\u0219ti<\/div>\r\n <h1>O bijuterie arhitectonic\u0103, cu o poveste de peste un secol<\/h1>\r\n <p class=\"lead\">De la o audien\u021b\u0103 la Regele Carol I, p\u00e2n\u0103 la fa\u021bada care ast\u0103zi domin\u0103 col\u021bul str\u0103zii Ion Ghica \u2014 aceasta este povestea cl\u0103dirii care g\u0103zduie\u0219te Camera de Comer\u021b din 1911.<\/p>\r\n <div class=\"hero-meta\">\r\n <div><strong>1906<\/strong><span>terenul d\u0103ruit de stat<\/span><\/div>\r\n <div><strong>1908<\/strong><span>piatra de temelie<\/span><\/div>\r\n <div><strong>1 957 mp<\/strong><span>suprafa\u021b\u0103 construit\u0103<\/span><\/div>\r\n <div><strong>14<\/strong><span>proiecte \u00een concurs<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"scroll-cue\"><span>Descoper\u0103 povestea<\/span><svg><use href=\"#cp-i-arrow-down\"\/><\/svg><\/div>\r\n<\/section>\r\n\r\n<!-- ============ INTRO ============ -->\r\n<section class=\"section\">\r\n <div class=\"container story-intro reveal\">\r\n <div class=\"eyebrow\" style=\"justify-content:center;\">Cum a \u00eenceput totul<\/div>\r\n <p>\u00cen <strong>1904<\/strong>, un singur om a pus \u00een mi\u0219care povestea acestei cl\u0103diri. <strong>George G. Assan<\/strong>, pre\u0219edintele Camerei de Comer\u021b Bucure\u0219ti, a fost primit \u00een audien\u021b\u0103 de <strong>Regele Carol I<\/strong> \u2014 \u0219i a ridicat, pentru prima dat\u0103, problema unui sediu propriu. Regele a sugerat construirea unei cl\u0103diri proprii, promi\u021b\u00e2nd sprijinul Guvernului pentru un teren \u00eentr-o zon\u0103 central\u0103 a Capitalei.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ TIMELINE ============ -->\r\n<section class=\"section bg-gray\" id=\"cp-timeline\">\r\n <div class=\"container\">\r\n <div class=\"section-header center reveal\">\r\n <div class=\"eyebrow\">Istoricul construc\u021biei<\/div>\r\n <h2>De la un teren viran, la un palat<\/h2>\r\n <p>Fiecare etap\u0103, a\u0219a cum s-a scris \u00een documentele vremii.<\/p>\r\n <\/div>\r\n\r\n <div class=\"timeline-rail\">\r\n <div class=\"timeline-spine\"><div class=\"timeline-spine-fill\" id=\"cpSpineFill\"><\/div><\/div>\r\n\r\n <div class=\"t-node\">\r\n <div class=\"t-card\">\r\n <span class=\"t-year\">25 februarie 1906<\/span>\r\n <h3>Legea 863 \u2014 terenul d\u0103ruit de stat<\/h3>\r\n <p>Statul d\u0103ruie\u0219te Camerei un teren de <strong>2 215 mp<\/strong>, la col\u021bul dintre strada Doamnei \u0219i strada Vestei (ast\u0103zi Ion Ghica) \u2014 locul r\u0103mas viran dup\u0103 d\u0103r\u00e2marea fostei cl\u0103diri a clucerului B\u0103rc\u0103nescu, unde odinioar\u0103 fusese a\u0219ezat Senatul \u021b\u0103rii. Legea impunea \u00eenceperea lucr\u0103rilor \u00een cel mult 3 ani \u0219i finalizarea lor \u00een cel mult 7.<\/p>\r\n <\/div>\r\n <div class=\"t-dot-col\"><div class=\"t-dot\">1906<\/div><\/div>\r\n <div class=\"t-empty\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"t-node right\">\r\n <div class=\"t-empty\"><\/div>\r\n <div class=\"t-dot-col\"><div class=\"t-dot\">1907<\/div><\/div>\r\n <div class=\"t-card\">\r\n <span class=\"t-year\">\u00cenceputul anului 1907<\/span>\r\n <h3>Concurs interna\u021bional de arhitectur\u0103<\/h3>\r\n <p>Analele Arhitecturii \u2013 Monitorul Licita\u021biilor anun\u021b\u0103 concursul pentru planurile Palatului. Particip\u0103 arhitec\u021bi rom\u00e2ni, francezi, germani \u0219i austrieci \u2014 <strong>14 proiecte<\/strong> sunt depuse pentru premii substan\u021biale.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"t-node\">\r\n <div class=\"t-card\">\r\n <span class=\"t-year\">C\u00e2\u0219tig\u0103torul concursului<\/span>\r\n <div class=\"t-portrait\">\r\n <img src=\"http:\/\/ccib.ro\/wp-content\/uploads\/2017\/02\/stefan_burcus1.gif\" alt=\"Arhitectul \u0218tefan Burcu\u0219\" loading=\"lazy\">\r\n <div><div class=\"t-portrait-name\">\u0218tefan Burcu\u0219<\/div><div class=\"t-portrait-role\">Arhitectul Palatului<\/div><\/div>\r\n <\/div>\r\n <p>Aceluia\u0219i arhitect i se datoreaz\u0103 \u0219i Palatul Artelor, Pavilionul Regal, Palatul administrativ din Craiova (azi Prefectura) \u0219i Catedrala Episcopal\u0103 din Gala\u021bi, proiectat\u0103 \u00eempreun\u0103 cu arh. Petre Antonescu.<\/p>\r\n <\/div>\r\n <div class=\"t-dot-col\"><div class=\"t-dot\">Burcu\u0219<\/div><\/div>\r\n <div class=\"t-empty\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"t-node right\">\r\n <div class=\"t-empty\"><\/div>\r\n <div class=\"t-dot-col\"><div class=\"t-dot\">Struct.<\/div><\/div>\r\n <div class=\"t-card\">\r\n <span class=\"t-year\">Structura de rezisten\u021b\u0103<\/span>\r\n <div class=\"t-portrait\">\r\n <img src=\"http:\/\/ccib.ro\/wp-content\/uploads\/2017\/02\/gogu_constantinescu1.gif\" alt=\"Inginerul Gogu Constantinescu\" loading=\"lazy\">\r\n <div><div class=\"t-portrait-name\">Gogu Constantinescu<\/div><div class=\"t-portrait-role\">Inginer, proiectul de beton<\/div><\/div>\r\n <\/div>\r\n <p>Pere\u021bi de c\u0103r\u0103mid\u0103 special\u0103 \u0219i plan\u0219ee din beton armat asigur\u0103 stabilitatea la cutremur \u0219i protec\u021bia la foc. Proiectul de beton a fost semnat de inginerul Gogu Constantinescu, recunoscut teoretician al betonului armat.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"t-node\">\r\n <div class=\"t-card\">\r\n <span class=\"t-year\">Supravegherea lucr\u0103rilor<\/span>\r\n <h3>O comisie de \u00eencredere<\/h3>\r\n <p>Direc\u021biunea general\u0103 \u0219i controlul lucr\u0103rilor revin unei comisii formate din ing. George G. Assan, Sigmund Prager, Mauriciu Blank \u0219i ing. Nicolae Zanne. Lucr\u0103rile sunt supravegheate \u00eendeaproape de <strong>Toma Dobrescu<\/strong>, arhitectul Camerei.<\/p>\r\n <\/div>\r\n <div class=\"t-dot-col\"><div class=\"t-dot\">Comisie<\/div><\/div>\r\n <div class=\"t-empty\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"t-node right\">\r\n <div class=\"t-empty\"><\/div>\r\n <div class=\"t-dot-col\"><div class=\"t-dot\">\u0218antier<\/div><\/div>\r\n <div class=\"t-card\">\r\n <span class=\"t-year\">Execu\u021bia lucr\u0103rilor<\/span>\r\n <h3>Domenico Costa \u0219i Luigi Farabosco<\/h3>\r\n <p>Dup\u0103 depunerea proiectelor de arhitectur\u0103 \u0219i rezisten\u021b\u0103, licita\u021bia pentru execu\u021bie este c\u00e2\u0219tigat\u0103 de antreprenorii Domenico Costa \u0219i Luigi Farabosco. Lucrarea a fost estimat\u0103 la <strong>800 000 de lei aur<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"t-node\">\r\n <div class=\"t-card\">\r\n <span class=\"t-year\">11 mai 1908<\/span>\r\n <div class=\"t-portrait\">\r\n <img src=\"http:\/\/ccib.ro\/wp-content\/uploads\/2017\/02\/act-fundatie-ccib-mic1-203x300.gif\" alt=\"Actul de funda\u021bie al Palatului CCIB\" loading=\"lazy\" style=\"border-radius:6px;\">\r\n <div><div class=\"t-portrait-name\">Piatra de temelie<\/div><div class=\"t-portrait-role\">Document comemorativ zidit \u00een funda\u021bie<\/div><\/div>\r\n <\/div>\r\n <p>Ceremonia are loc \u00een prezen\u021ba reprezentan\u021bilor Casei Regale, a tuturor mini\u0219trilor guvernului Dimitrie Sturdza, a prefectului jude\u021bului \u0219i a altor autorit\u0103\u021bi. Cu aceast\u0103 ocazie este b\u0103tut\u0103 o placheta comemorativ\u0103, iar \u00een funda\u021bia cl\u0103dirii este zidit un document al momentului.<\/p>\r\n <\/div>\r\n <div class=\"t-dot-col\"><div class=\"t-dot\">1908<\/div><\/div>\r\n <div class=\"t-empty\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pull-quote reveal\">\r\n <div class=\"qmark\">“<\/div>\r\n <p>Fac\u0103 cerul ca piatra de temelie care se a\u0219az\u0103 ast\u0103zi \u00een zid\u0103ria noului Palat al comer\u021bului \u0219i industriei din Capital\u0103 s\u0103 constituie o nou\u0103 baz\u0103 pe care s\u0103 se sprijine viitoarea activitate a Camerei noastre, pentru ca de aici \u00eenainte, cu \u0219i mai mult\u0103 t\u0103rie, cu \u0219i mai mult\u0103 r\u00e2vn\u0103, s\u0103 lucreze f\u0103r\u0103 preget pe terenul dezvolt\u0103rii \u0219i \u00eent\u0103ririi economice a \u021b\u0103rii.<\/p>\r\n <div class=\"attribution\">George G. Assan, pre\u0219edintele Camerei de Comer\u021b Bucure\u0219ti \u2014 11 mai 1908<\/div>\r\n <\/div>\r\n\r\n <div class=\"pull-quote reveal\" style=\"margin-top:40px;\">\r\n <div class=\"qmark\">“<\/div>\r\n <p>Camerele de comer\u021b trebuie s\u0103 supravegheze necontenit mi\u0219carea noastr\u0103 economic\u0103, pentru a putea semnala r\u0103ul c\u00e2nd se produce \u0219i a lua m\u0103suri de \u00eendreptare.<\/p>\r\n <div class=\"attribution\">Anton Carp, ministru ad-interim la comer\u021b \u0219i industrie \u2014 11 mai 1908<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ TRANZITIE SPRE ARHITECTURA ============ -->\r\n<section class=\"section\">\r\n <div class=\"container story-intro reveal\">\r\n <div class=\"eyebrow\" style=\"justify-content:center;\">O bijuterie arhitectonic\u0103<\/div>\r\n <p>Finalizat, Palatul avea s\u0103 fie apreciat de speciali\u0219tii vremii ca <strong>\u201eun monument de o majestate simpl\u0103 \u0219i frumoas\u0103, cu o fa\u021bad\u0103 grandioas\u0103, clasic\u0103 \u0219i vie\u201d<\/strong>. Ast\u0103zi, aceea\u0219i cl\u0103dire st\u0103 m\u0103rturie pentru rafinamentul arhitecturii bucure\u0219tene de la \u00eenceputul secolului XX.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ STATISTICI ARHITECTURA ============ -->\r\n<section class=\"section bg-gray\">\r\n <div class=\"container\">\r\n <div class=\"section-header center reveal\">\r\n <div class=\"eyebrow\">Palatul \u00een cifre<\/div>\r\n <h2>O construc\u021bie monumental\u0103<\/h2>\r\n <\/div>\r\n <div class=\"stat-grid reveal reveal-d1\">\r\n <div class=\"stat-card\"><div class=\"stat-num\">1 957 mp<\/div><div class=\"stat-label\">Suprafa\u021b\u0103 construit\u0103<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-num\">2<\/div><div class=\"stat-label\">Etaje \u00eenalte<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-num\">+ mansard\u0103<\/div><div class=\"stat-label\">Pod \u0219i subsol<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-num\">1910<\/div><div class=\"stat-label\">Ornamenta\u021bia fa\u021badei, finalizat\u0103<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FACADE EXPLORER (interactiv) ============ -->\r\n<section class=\"section\" id=\"cp-explorer\">\r\n <div class=\"container\">\r\n <div class=\"section-header center reveal\">\r\n <div class=\"eyebrow\">Exploreaz\u0103 fa\u021bada<\/div>\r\n <h2>Frontonul, citit \u00een piatr\u0103<\/h2>\r\n <p>Apas\u0103 pe fiecare punct auriu pentru a descoperi povestea din spatele detaliului sculptural.<\/p>\r\n <\/div>\r\n <div class=\"explorer-wrap reveal reveal-d1\">\r\n <img src=\"http:\/\/www.ccib.ro\/Vault\/upload\/misc\/frontonul.jpg\" alt=\"Frontonul Palatului CCIB\" loading=\"lazy\">\r\n <button class=\"hotspot\" style=\"top:28%; left:50%;\" data-target=\"hs-leu\">1<\/button>\r\n <button class=\"hotspot\" style=\"top:55%; left:26%;\" data-target=\"hs-industria\">2<\/button>\r\n <button class=\"hotspot\" style=\"top:55%; left:74%;\" data-target=\"hs-comert\">3<\/button>\r\n <\/div>\r\n <div class=\"hotspot-panel reveal reveal-d2\" id=\"cpHotspotPanel\">\r\n <h4 id=\"cpHotspotTitle\">Capul de leu<\/h4>\r\n <p id=\"cpHotspotText\">\u00cen centrul frontonului semicircular se afl\u0103 un ecuson cu un cap de leu, realizat \u00een basorelief \u2014 punctul focal al \u00eentregii compozi\u021bii sculpturale.<\/p>\r\n <\/div>\r\n <p class=\"explorer-hint\">Apas\u0103 pe punctele 1, 2 \u0219i 3 de pe fotografie<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ ELEMENTE ARHITECTURALE ============ -->\r\n<section class=\"section bg-gray\">\r\n <div class=\"container\">\r\n <div class=\"section-header center reveal\">\r\n <div class=\"eyebrow\">Detalii care spun o poveste<\/div>\r\n <h2>Elemente arhitecturale definitorii<\/h2>\r\n <\/div>\r\n <div class=\"icon-grid reveal reveal-d1\">\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cp-i-balcon\"\/><\/svg><\/div><h4>Balconul de la intrare<\/h4><p>Balcon curb, scos \u00een consol\u0103, dominat de un arc \u00een plin centru \u2014 asem\u0103n\u0103tor celui de la Casa de Depuneri \u0219i Consemna\u021biuni.<\/p><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cp-i-bosaj\"\/><\/svg><\/div><h4>Bosajul<\/h4><p>Primele dou\u0103 niveluri ale cl\u0103dirii sunt tratate \u00een bosaj \u2014 un postament masiv din piatr\u0103, la baza fa\u021badei.<\/p><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cp-i-column\"\/><\/svg><\/div><h4>Pila\u0219tri ionici<\/h4><p>Nivelurile superioare sunt marcate de pila\u0219tri cu capitele ionice, aduc\u00e2nd un ritm clasic fa\u021badei.<\/p><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cp-i-lucarna\"\/><\/svg><\/div><h4>Mansarde cu lucarne<\/h4><p>Acoperi\u0219ul este animat de mansarde cu lucarne, complet\u00e2nd silueta monumental\u0103 a edificiului.<\/p><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cp-i-cornisa\"\/><\/svg><\/div><h4>Corni\u0219e \u00eentrerupte<\/h4><p>Frontoanele rotunde \u0219i corni\u0219ele \u00eentrerupte creeaz\u0103 o grada\u021bie vizual\u0103 de la baz\u0103 spre acoperi\u0219.<\/p><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cp-i-arch\"\/><\/svg><\/div><h4>Balustrade forjate<\/h4><p>La etajul superior, balustradele forjate ale balcoanelor \u00eencheie grada\u021bia arhitectural\u0103 a fa\u021badei.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ INTERIOR HALLS ============ -->\r\n<section class=\"section\" id=\"cp-interior\">\r\n <div class=\"container\">\r\n <div class=\"section-header center reveal\">\r\n <div class=\"eyebrow\">Dincolo de fa\u021bad\u0103<\/div>\r\n <h2>Spa\u021bii realizate cu mult\u0103 m\u0103iestrie<\/h2>\r\n <p>Fosta sal\u0103 a Bursei, vestibulul \u0219i scara de onoare r\u0103m\u00e2n, \u0219i ast\u0103zi, punctele forte ale interiorului.<\/p>\r\n <\/div>\r\n <div class=\"halls-grid reveal reveal-d1\" id=\"cpHallsGrid\">\r\n <div class=\"hall-card\">\r\n <div class=\"img-wrap\"><img src=\"http:\/\/www.ccib.ro\/Vault\/upload\/misc\/fosta_sala_bursa.jpg\" alt=\"Fosta sal\u0103 a Bursei\" loading=\"lazy\"><\/div>\r\n <div class=\"hall-info\"><h4>Fosta sal\u0103 a Bursei<\/h4><p>De form\u0103 elipsoidal\u0103, a g\u0103zduit odinioar\u0103 \u0219edin\u021bele Camerei \u2014 azi r\u0103m\u00e2ne una dintre cele mai impresionante \u00eenc\u0103peri ale palatului.<\/p><\/div>\r\n <\/div>\r\n <div class=\"hall-card\">\r\n <div class=\"img-wrap\"><img src=\"http:\/\/www.ccib.ro\/Vault\/upload\/misc\/tavan_detaliu_pictura.jpg\" alt=\"Tavan pictat, fosta sal\u0103 de consiliu\" loading=\"lazy\"><\/div>\r\n <div class=\"hall-info\"><h4>Fosta sal\u0103 de consiliu<\/h4><p>Plafonul \u0219i cele 4 panouri de deasupra u\u0219ilor sunt decorate \u00een maniera pictorului Boucher.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"emblem-box reveal reveal-d2\" style=\"margin-top:40px;\">\r\n <div class=\"emblem-icon\"><svg><use href=\"#cp-i-emblem\"\/><\/svg><\/div>\r\n <div>\r\n <h4>Un detaliu de descoperit<\/h4>\r\n <p>At\u00e2t pe exteriorul, c\u00e2t \u0219i pe interiorul cl\u0103dirii, sigla Camerei de Comer\u021b apare discret, mai mult sau mai pu\u021bin stilizat\u0103 \u2014 o invita\u021bie la a privi palatul cu mai mult\u0103 aten\u021bie.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FINAL CTA ============ -->\r\n<section class=\"final-cta\">\r\n <div class=\"container\">\r\n <div class=\"eyebrow\" style=\"justify-content:center; color:var(--gold-500);\">O mo\u0219tenire vie<\/div>\r\n <h2>Palatul continu\u0103 s\u0103 scrie istorie, ast\u0103zi<\/h2>\r\n <p>Peste un secol mai t\u00e2rziu, acelea\u0219i ziduri g\u0103zduiesc evenimente, \u00eent\u00e2lniri de afaceri \u0219i momente memorabile \u2014 \u00eentr-un decor pe care pu\u021bine cl\u0103diri din Bucure\u0219ti \u00eel mai pot oferi.<\/p>\r\n <a class=\"btn btn-gold\" href=\"https:\/\/ccib.ro\/evenimente-cu-stil-la-palatul-ccib\/\" target=\"_blank\" rel=\"noopener\">Descoper\u0103 s\u0103lile de evenimente <svg><use href=\"#cp-i-arrow\"\/><\/svg><\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"lightbox\" id=\"cpLightbox\">\r\n <button class=\"lightbox-close\" id=\"cpLightboxClose\"><svg width=\"18\" height=\"18\"><use href=\"#cp-i-close\"\/><\/svg><\/button>\r\n <img id=\"cpLightboxImg\" src=\"\" alt=\"Palatul CCIB\">\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n try {\r\n var root = document.getElementById('ccib-palat-poveste');\r\n if(!root) return;\r\n root.classList.add('js-ready');\r\n\r\n \/* ---- Scroll reveal ---- *\/\r\n var revealEls = root.querySelectorAll('.reveal');\r\n if('IntersectionObserver' in window){\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('visible'); io.unobserve(e.target); } });\r\n }, {threshold:0.12});\r\n revealEls.forEach(function(el){ io.observe(el); });\r\n } else {\r\n revealEls.forEach(function(el){ el.classList.add('visible'); });\r\n }\r\n\r\n \/* ---- Timeline nodes highlight + spine fill ---- *\/\r\n var nodes = Array.prototype.slice.call(root.querySelectorAll('.t-node'));\r\n var spineFill = root.querySelector('#cpSpineFill');\r\n var rail = root.querySelector('.timeline-rail');\r\n\r\n if('IntersectionObserver' in window){\r\n var nodeIO = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){ e.target.classList.toggle('in-view', e.isIntersecting); });\r\n }, {threshold:0.5});\r\n nodes.forEach(function(n){ nodeIO.observe(n); });\r\n }\r\n\r\n function updateSpine(){\r\n if(!rail || !spineFill) return;\r\n var rect = rail.getBoundingClientRect();\r\n var vh = window.innerHeight || document.documentElement.clientHeight;\r\n var total = rect.height;\r\n if(total <= 0) return;\r\n var progressPx = (vh * 0.55) - rect.top;\r\n var pct = Math.max(0, Math.min(1, progressPx \/ total));\r\n spineFill.style.height = (pct * 100) + '%';\r\n }\r\n\r\n \/* ---- Global scroll progress bar ---- *\/\r\n var progressBar = root.querySelector('#cpProgressBar');\r\n function updateProgressBar(){\r\n var scrollTop = window.scrollY || document.documentElement.scrollTop;\r\n var docHeight = document.documentElement.scrollHeight - (window.innerHeight || document.documentElement.clientHeight);\r\n var pct = docHeight > 0 ? (scrollTop \/ docHeight) * 100 : 0;\r\n if(progressBar) progressBar.style.width = pct + '%';\r\n }\r\n\r\n var ticking = false;\r\n function onScroll(){\r\n if(!ticking){\r\n window.requestAnimationFrame(function(){\r\n updateSpine();\r\n updateProgressBar();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n window.addEventListener('scroll', onScroll, {passive:true});\r\n window.addEventListener('resize', onScroll);\r\n updateSpine();\r\n updateProgressBar();\r\n\r\n \/* ---- Facade hotspot explorer ---- *\/\r\n var hotspotData = {\r\n 'hs-leu': {\r\n title: 'Capul de leu',\r\n text: '\u00cen centrul frontonului semicircular se afl\u0103 un ecuson cu un cap de leu, realizat \u00een basorelief \u2014 punctul focal al \u00eentregii compozi\u021bii sculpturale.'\r\n },\r\n 'hs-industria': {\r\n title: 'Industria',\r\n text: '\u00cen st\u00e2nga frontonului, personajul alegoric al Industriei \u2014 o femeie \u00eembr\u0103cat\u0103 \u00een voaluri, sprijinindu-\u0219i m\u00e2na st\u00e2ng\u0103 pe coada unui ciocan \u2014 realizat \u00een piatr\u0103, la dimensiuni naturale.'\r\n },\r\n 'hs-comert': {\r\n title: 'Comer\u021bul',\r\n text: '\u00cen dreapta, zeul Mercur \u00eentruchipeaz\u0103 Comer\u021bul, \u021bin\u00e2nd \u00een m\u00e2na st\u00e2ng\u0103 caduceul, iar \u00een dreapta o ancor\u0103 \u2014 simbol al schimbului \u0219i al naviga\u021biei comerciale.'\r\n }\r\n };\r\n var hotspots = root.querySelectorAll('.hotspot');\r\n var hsTitle = root.querySelector('#cpHotspotTitle');\r\n var hsText = root.querySelector('#cpHotspotText');\r\n var hotspotKeys = ['hs-leu', 'hs-industria', 'hs-comert'];\r\n hotspots.forEach(function(btn, idx){\r\n btn.addEventListener('click', function(){\r\n hotspots.forEach(function(b){ b.classList.remove('active'); });\r\n btn.classList.add('active');\r\n var data = hotspotData[hotspotKeys[idx]];\r\n if(data){ hsTitle.textContent = data.title; hsText.textContent = data.text; }\r\n });\r\n });\r\n\r\n \/* ---- Lightbox for interior halls ---- *\/\r\n var lightbox = root.querySelector('#cpLightbox');\r\n var lightboxImg = root.querySelector('#cpLightboxImg');\r\n var lightboxClose = root.querySelector('#cpLightboxClose');\r\n root.querySelectorAll('#cpHallsGrid .hall-card img').forEach(function(img){\r\n img.style.cursor = 'zoom-in';\r\n img.addEventListener('click', function(){\r\n lightboxImg.src = img.src;\r\n lightbox.classList.add('open');\r\n });\r\n });\r\n if(lightboxClose){\r\n lightboxClose.addEventListener('click', function(){ lightbox.classList.remove('open'); });\r\n }\r\n if(lightbox){\r\n lightbox.addEventListener('click', function(e){ if(e.target === lightbox) lightbox.classList.remove('open'); });\r\n }\r\n\r\n } catch(err){\r\n if(window.console) console.warn('CCIB Palatul - povestea script:', err);\r\n }\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Povestea Palatului CCIB | Istoric & Arhitectur\u0103 Palatul Camerei de Comer\u021b \u0219i Industrie Bucure\u0219ti O bijuterie arhitectonic\u0103, cu o poveste…<\/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-34428","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/pages\/34428","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=34428"}],"version-history":[{"count":4,"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/pages\/34428\/revisions"}],"predecessor-version":[{"id":34432,"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/pages\/34428\/revisions\/34432"}],"wp:attachment":[{"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}