{"id":34303,"date":"2026-07-12T13:53:26","date_gmt":"2026-07-12T13:53:26","guid":{"rendered":"https:\/\/ccib.cinemaartaarad.ro\/?page_id=34303"},"modified":"2026-07-12T13:54:27","modified_gmt":"2026-07-12T13:54:27","slug":"aula-carol","status":"publish","type":"page","link":"https:\/\/ccib.cinemaartaarad.ro\/?page_id=34303","title":{"rendered":"Aula Carol I"},"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\nAula Carol I | \u00cenchiriere s\u0103li evenimente - CCIB<\/title>\r\n<meta name=\"description\" content=\"Aula Carol I - 140 mp, la etajul 2 al Palatului CCIB, cu foaier generos de 106 mp \u0219i deschidere spectaculoas\u0103 c\u0103tre Centrul Vechi al Bucure\u0219tiului.\">\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&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============ TOKENS (identice cu pagina Viz\u0103, pentru identitate unitar\u0103) ============ *\/\r\n#ccib-aula-carol{\r\n --navy-900:#0a2540;\r\n --navy-800:#0e3159;\r\n --navy-700:#123c6c;\r\n --blue-600:#1b5fa8;\r\n --blue-500:#2e7cc2;\r\n --gold-500:#c9a24b;\r\n --gold-600:#b3892f;\r\n --gold-100:#f5ecd8;\r\n --gray-50:#f6f7f9;\r\n --gray-100:#eef1f4;\r\n --gray-200:#e2e7ec;\r\n --ink-900:#16202b;\r\n --ink-600:#51606d;\r\n --ink-400:#8b98a3;\r\n --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 --container:1180px;\r\n\r\n font-family:'Inter',sans-serif;\r\n color:var(--ink-900);\r\n background:var(--white);\r\n line-height:1.6;\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n}\r\n#ccib-aula-carol *{box-sizing:border-box; margin:0; padding:0;}\r\n#ccib-aula-carol h1, #ccib-aula-carol h2, #ccib-aula-carol h3, #ccib-aula-carol 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-aula-carol img, #ccib-aula-carol svg{display:block; max-width:100%;}\r\n#ccib-aula-carol a{color:inherit; text-decoration:none;}\r\n#ccib-aula-carol ul{list-style:none;}\r\n#ccib-aula-carol button{font-family:inherit; cursor:pointer;}\r\n#ccib-aula-carol .container{max-width:var(--container); margin:0 auto; padding:0 24px;}\r\n\r\n#ccib-aula-carol .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-aula-carol .eyebrow::before{content:\"\"; width:26px; height:2px; background:var(--gold-500); display:inline-block;}\r\n\r\n\/* ============ REVEAL (fail-safe: vizibil implicit, animat doar dac\u0103 JS porne\u0219te) ============ *\/\r\n#ccib-aula-carol .reveal{opacity:1; transform:none;}\r\n#ccib-aula-carol.js-ready .reveal{opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease;}\r\n#ccib-aula-carol.js-ready .reveal.visible{opacity:1; transform:translateY(0);}\r\n#ccib-aula-carol .reveal-d1{transition-delay:.08s;}\r\n#ccib-aula-carol .reveal-d2{transition-delay:.16s;}\r\n#ccib-aula-carol .reveal-d3{transition-delay:.24s;}\r\n#ccib-aula-carol .reveal-d4{transition-delay:.32s;}\r\n#ccib-aula-carol .reveal-d5{transition-delay:.4s;}\r\n\r\n\/* ============ BUTTONS ============ *\/\r\n#ccib-aula-carol .btn{\r\n display:inline-flex; align-items:center; gap:10px; padding:15px 30px; border-radius:10px;\r\n font-weight:700; font-size:15px; border:none; cursor:pointer;\r\n transition:transform .2s ease, box-shadow .2s ease, background .2s ease;\r\n}\r\n#ccib-aula-carol .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-aula-carol .btn-gold:hover{transform:translateY(-2px); box-shadow:0 16px 34px rgba(201,162,75,.45);}\r\n#ccib-aula-carol .btn-blue{background:var(--blue-600); color:var(--white); box-shadow:0 10px 26px rgba(27,95,168,.3);}\r\n#ccib-aula-carol .btn-blue:hover{transform:translateY(-2px); box-shadow:0 16px 34px rgba(27,95,168,.4); background:var(--blue-500);}\r\n#ccib-aula-carol .btn-outline-lt{background:rgba(255,255,255,.06); color:var(--white); border:1.5px solid rgba(255,255,255,.45);}\r\n#ccib-aula-carol .btn-outline-lt:hover{background:rgba(255,255,255,.16); border-color:#fff;}\r\n#ccib-aula-carol .btn svg{width:18px; height:18px;}\r\n\r\n\/* ============ HERO ============ *\/\r\n#ccib-aula-carol .hero{\r\n position:relative; background:linear-gradient(120deg,var(--navy-900) 0%, var(--navy-800) 55%, var(--navy-700) 100%);\r\n color:var(--white); overflow:hidden; padding:100px 0 90px;\r\n}\r\n#ccib-aula-carol .hero::before{\r\n content:\"\"; position:absolute; inset:0;\r\n background-image:radial-gradient(circle at 15% 20%, rgba(255,255,255,.05) 0, transparent 45%),\r\n radial-gradient(circle at 88% 80%, rgba(201,162,75,.14) 0, transparent 50%);\r\n pointer-events:none;\r\n}\r\n#ccib-aula-carol .hero-grid{position:relative; z-index:2; display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center;}\r\n#ccib-aula-carol .hero-content .eyebrow{color:var(--gold-500);}\r\n#ccib-aula-carol .hero-content .eyebrow::before{background:var(--gold-500);}\r\n#ccib-aula-carol .hero h1{font-size:clamp(34px,4.6vw,54px); color:var(--white); margin-bottom:18px;}\r\n#ccib-aula-carol .hero p.lead{font-size:18px; color:#c9d6e3; max-width:540px; margin-bottom:30px; font-weight:400;}\r\n#ccib-aula-carol .hero-ctas{display:flex; gap:16px; flex-wrap:wrap; margin-bottom:46px;}\r\n#ccib-aula-carol .hero-stats{display:flex; gap:36px; padding-top:28px; border-top:1px solid rgba(255,255,255,.15); flex-wrap:wrap;}\r\n#ccib-aula-carol .hero-stats div{display:flex; flex-direction:column;}\r\n#ccib-aula-carol .hero-stats strong{font-family:'Fraunces',serif; font-size:28px; color:var(--gold-500);}\r\n#ccib-aula-carol .hero-stats span{font-size:13px; color:#aebdcc;}\r\n#ccib-aula-carol .hero-art{position:relative; z-index:2; display:flex; justify-content:center;}\r\n#ccib-aula-carol .hero-art svg{width:100%; max-width:420px;}\r\n\r\n\/* ============ SECTION GENERIC ============ *\/\r\n#ccib-aula-carol .section{padding:100px 0;}\r\n#ccib-aula-carol .section-header{max-width:680px; margin-bottom:52px;}\r\n#ccib-aula-carol .section-header.center{margin-left:auto; margin-right:auto; text-align:center;}\r\n#ccib-aula-carol .section-header h2{font-size:clamp(28px,2.6vw,38px);}\r\n#ccib-aula-carol .section-header p{color:var(--ink-600); font-size:16.5px; margin-top:14px;}\r\n#ccib-aula-carol .bg-gray{background:var(--gray-50);}\r\n#ccib-aula-carol .bg-navy{background:linear-gradient(135deg,var(--navy-900),var(--navy-800)); color:#dbe4ee;}\r\n#ccib-aula-carol .bg-navy h2, #ccib-aula-carol .bg-navy h3{color:var(--white);}\r\n\r\n\/* ============ DESPRE ============ *\/\r\n#ccib-aula-carol .about-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}\r\n#ccib-aula-carol .about-copy p{color:var(--ink-600); font-size:16.5px; margin-bottom:16px;}\r\n#ccib-aula-carol .about-copy p strong{color:var(--navy-900);}\r\n#ccib-aula-carol .about-pins{display:flex; flex-direction:column; gap:14px; margin-top:26px;}\r\n#ccib-aula-carol .about-pin{display:flex; align-items:center; gap:12px; font-weight:600; font-size:14.5px;}\r\n#ccib-aula-carol .about-pin .dot{width:34px; height:34px; min-width:34px; border-radius:50%; background:var(--gold-100); color:var(--gold-600); display:flex; align-items:center; justify-content:center;}\r\n#ccib-aula-carol .about-visual{border-radius:18px; overflow:hidden; box-shadow:var(--shadow-lg); position:relative;}\r\n#ccib-aula-carol .about-visual img{width:100%; height:100%; object-fit:cover; aspect-ratio:4\/5;}\r\n#ccib-aula-carol .about-visual .tag{position:absolute; bottom:18px; left:18px; background:rgba(10,37,64,.85); color:var(--gold-500); font-size:12px; font-weight:700; letter-spacing:.5px; padding:8px 14px; border-radius:8px; backdrop-filter:blur(4px);}\r\n\r\n\/* ============ CAPACITATE (element semn\u0103tur\u0103) ============ *\/\r\n#ccib-aula-carol .cap-wrap{display:grid; grid-template-columns:.85fr 1.15fr; gap:44px; align-items:stretch;}\r\n#ccib-aula-carol .cap-tabs{display:flex; flex-direction:column; gap:10px;}\r\n#ccib-aula-carol .cap-tab{\r\n display:flex; align-items:center; justify-content:space-between; gap:14px;\r\n background:var(--white); border:1.5px solid var(--gray-200); border-radius:12px;\r\n padding:18px 20px; text-align:left; transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;\r\n}\r\n#ccib-aula-carol .cap-tab:hover{border-color:var(--gold-500);}\r\n#ccib-aula-carol .cap-tab.active{border-color:var(--gold-500); background:var(--navy-900); box-shadow:var(--shadow-md);}\r\n#ccib-aula-carol .cap-tab .name{font-weight:700; font-size:15px; color:var(--navy-900);}\r\n#ccib-aula-carol .cap-tab.active .name{color:var(--white);}\r\n#ccib-aula-carol .cap-tab .num{font-family:'Fraunces',serif; font-weight:700; font-size:20px; color:var(--blue-600);}\r\n#ccib-aula-carol .cap-tab.active .num{color:var(--gold-500);}\r\n#ccib-aula-carol .cap-display{\r\n background:var(--gray-50); border:1px solid var(--gray-200); border-radius:18px;\r\n display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:40px;\r\n}\r\n#ccib-aula-carol .cap-display svg{width:100%; max-width:280px; margin-bottom:20px;}\r\n#ccib-aula-carol .cap-count{font-family:'Fraunces',serif; font-size:56px; font-weight:700; color:var(--navy-900); line-height:1;}\r\n#ccib-aula-carol .cap-count span{font-size:20px; color:var(--ink-600); font-family:'Inter',sans-serif; font-weight:600; margin-left:6px;}\r\n#ccib-aula-carol .cap-label{margin-top:8px; font-size:15px; color:var(--ink-600); font-weight:600;}\r\n\r\n\/* ============ ICON GRIDS (destinatie \/ facilitati) ============ *\/\r\n#ccib-aula-carol .icon-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:20px;}\r\n#ccib-aula-carol .icon-grid.cols-4{grid-template-columns:repeat(4,1fr);}\r\n#ccib-aula-carol .igrid-card{\r\n background:var(--white); border:1px solid var(--gray-200); border-radius:var(--radius);\r\n padding:26px 20px; text-align:center; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n}\r\n#ccib-aula-carol .igrid-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:var(--gold-500);}\r\n#ccib-aula-carol .igrid-icon{\r\n width:52px; height:52px; border-radius:14px; background:var(--gold-100); color:var(--gold-600);\r\n display:flex; align-items:center; justify-content:center; margin:0 auto 14px;\r\n}\r\n#ccib-aula-carol .igrid-icon svg{width:24px; height:24px;}\r\n#ccib-aula-carol .igrid-card span{font-weight:600; font-size:13.5px; color:var(--ink-900); display:block;}\r\n\r\n\/* ============ TARIFE ============ *\/\r\n#ccib-aula-carol .price-hero{display:grid; grid-template-columns:.9fr 1.1fr; gap:40px; align-items:stretch; margin-bottom:56px;}\r\n#ccib-aula-carol .price-card-main{\r\n background:linear-gradient(145deg,var(--navy-900),var(--navy-800)); color:var(--white);\r\n border-radius:20px; padding:40px; display:flex; flex-direction:column; justify-content:center;\r\n box-shadow:var(--shadow-lg);\r\n}\r\n#ccib-aula-carol .price-card-main .eyebrow{color:var(--gold-500);}\r\n#ccib-aula-carol .price-card-main .eyebrow::before{background:var(--gold-500);}\r\n#ccib-aula-carol .price-big{font-family:'Fraunces',serif; font-size:52px; font-weight:700; color:var(--white); margin:6px 0;}\r\n#ccib-aula-carol .price-big span{font-size:18px; color:#aebdcc; font-family:'Inter',sans-serif; font-weight:500;}\r\n#ccib-aula-carol .price-card-main .note{font-size:13.5px; color:#aebdcc; margin-top:14px;}\r\n#ccib-aula-carol .member-callout{\r\n background:var(--gold-100); border:1.5px solid rgba(201,162,75,.4); border-radius:20px; padding:40px;\r\n display:flex; flex-direction:column; justify-content:center; gap:14px;\r\n}\r\n#ccib-aula-carol .member-callout h3{font-size:19px;}\r\n#ccib-aula-carol .member-callout p{color:var(--ink-600); font-size:15px;}\r\n#ccib-aula-carol .member-badges{display:flex; gap:10px; flex-wrap:wrap; margin-top:6px;}\r\n#ccib-aula-carol .member-badge{\r\n font-size:11.5px; font-weight:800; letter-spacing:1px; padding:7px 14px; border-radius:20px; color:var(--white);\r\n}\r\n#ccib-aula-carol .badge-gold{background:linear-gradient(135deg,#c9a24b,#8a6d1f);}\r\n#ccib-aula-carol .badge-platinum{background:linear-gradient(135deg,#8b98a3,#4b5a68);}\r\n#ccib-aula-carol .badge-diamond{background:linear-gradient(135deg,#2e7cc2,#123c6c);}\r\n\r\n#ccib-aula-carol .discount-cards{display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-bottom:56px;}\r\n#ccib-aula-carol .discount-card{background:var(--white); border:1px solid var(--gray-200); border-radius:var(--radius); padding:26px 28px; display:flex; gap:16px; align-items:flex-start;}\r\n#ccib-aula-carol .discount-card .tagnum{\r\n font-family:'Fraunces',serif; font-weight:700; font-size:22px; min-width:64px; text-align:center;\r\n border-radius:10px; padding:10px 0;\r\n}\r\n#ccib-aula-carol .discount-card.down .tagnum{background:rgba(46,124,194,.12); color:var(--blue-600);}\r\n#ccib-aula-carol .discount-card.up .tagnum{background:rgba(192,120,43,.12); color:#b3892f;}\r\n#ccib-aula-carol .discount-card h4{font-size:15.5px; margin-bottom:6px;}\r\n#ccib-aula-carol .discount-card p{font-size:14px; color:var(--ink-600);}\r\n\r\n\/* Calculator *\/\r\n#ccib-aula-carol .calc-box{background:var(--gray-50); border:1px solid var(--gray-200); border-radius:20px; padding:40px;}\r\n#ccib-aula-carol .calc-grid{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start;}\r\n#ccib-aula-carol .calc-group{margin-bottom:22px;}\r\n#ccib-aula-carol .calc-group label{display:block; font-weight:700; font-size:13px; letter-spacing:.4px; text-transform:uppercase; color:var(--ink-600); margin-bottom:10px;}\r\n#ccib-aula-carol .calc-btns{display:flex; gap:8px; flex-wrap:wrap;}\r\n#ccib-aula-carol .calc-btn{\r\n background:var(--white); border:1.5px solid var(--gray-200); border-radius:9px; padding:10px 16px;\r\n font-weight:600; font-size:13.5px; color:var(--ink-900); transition:all .2s ease;\r\n}\r\n#ccib-aula-carol .calc-btn:hover{border-color:var(--gold-500);}\r\n#ccib-aula-carol .calc-btn.active{background:var(--navy-900); border-color:var(--navy-900); color:var(--white);}\r\n#ccib-aula-carol .calc-result{background:var(--white); border-radius:16px; padding:32px; text-align:center; box-shadow:var(--shadow-md); position:sticky; top:20px;}\r\n#ccib-aula-carol .calc-result .label{font-size:13px; text-transform:uppercase; letter-spacing:1px; color:var(--ink-600); font-weight:700;}\r\n#ccib-aula-carol .calc-price{font-family:'Fraunces',serif; font-size:48px; font-weight:700; color:var(--navy-900); margin:10px 0;}\r\n#ccib-aula-carol .calc-price span{font-size:16px; color:var(--ink-600); font-family:'Inter',sans-serif;}\r\n#ccib-aula-carol .calc-breakdown{font-size:13.5px; color:var(--blue-600); font-weight:600; min-height:20px;}\r\n#ccib-aula-carol .calc-disclaimer{font-size:12px; color:var(--ink-400); margin-top:18px; line-height:1.5;}\r\n\r\n\/* ============ GALERIE ============ *\/\r\n#ccib-aula-carol .gallery-grid{\r\n display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:150px; gap:14px;\r\n}\r\n#ccib-aula-carol .gallery-item{border-radius:12px; overflow:hidden; cursor:pointer; position:relative;}\r\n#ccib-aula-carol .gallery-item.big{grid-column:span 2; grid-row:span 2;}\r\n#ccib-aula-carol .gallery-item img{width:100%; height:100%; object-fit:cover; transition:transform .4s ease;}\r\n#ccib-aula-carol .gallery-item:hover img{transform:scale(1.08);}\r\n#ccib-aula-carol .gallery-item::after{\r\n content:\"\"; position:absolute; inset:0; background:linear-gradient(0deg, rgba(10,37,64,.25), transparent 50%);\r\n opacity:0; transition:opacity .3s ease;\r\n}\r\n#ccib-aula-carol .gallery-item:hover::after{opacity:1;}\r\n#ccib-aula-carol .gallery-more{text-align:center; margin-top:26px;}\r\n\r\n#ccib-aula-carol .lightbox{\r\n position:fixed; inset:0; background:rgba(10,20,30,.92); z-index:9999; display:none;\r\n align-items:center; justify-content:center; padding:30px;\r\n}\r\n#ccib-aula-carol .lightbox.open{display:flex;}\r\n#ccib-aula-carol .lightbox img{max-width:90vw; max-height:85vh; border-radius:10px; box-shadow:0 20px 60px rgba(0,0,0,.5);}\r\n#ccib-aula-carol .lightbox-close{\r\n position:absolute; top:24px; right:30px; width:44px; height:44px; border-radius:50%;\r\n background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.3);\r\n display:flex; align-items:center; justify-content:center; font-size:20px;\r\n}\r\n#ccib-aula-carol .lightbox-nav{position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; border-radius:50%; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.3); color:#fff; display:flex; align-items:center; justify-content:center;}\r\n#ccib-aula-carol .lightbox-prev{left:24px;}\r\n#ccib-aula-carol .lightbox-next{right:24px;}\r\n\r\n\/* ============ VIDEO ============ *\/\r\n#ccib-aula-carol .video-wrap{max-width:900px; margin:0 auto; border-radius:18px; overflow:hidden; box-shadow:var(--shadow-lg); aspect-ratio:16\/9; background:#000;}\r\n#ccib-aula-carol .video-wrap iframe{width:100%; height:100%; border:0;}\r\n\r\n\/* ============ CONTACT ============ *\/\r\n#ccib-aula-carol .contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:26px; align-items:center;}\r\n#ccib-aula-carol .contact-card{\r\n background:var(--white); border:1px solid var(--gray-200); border-radius:var(--radius);\r\n padding:34px; display:flex; gap:20px; align-items:flex-start; box-shadow:var(--shadow-sm);\r\n}\r\n#ccib-aula-carol .avatar{\r\n width:66px; height:66px; min-width:66px; border-radius:50%;\r\n background:linear-gradient(135deg,var(--navy-800),var(--blue-600)); color:var(--gold-500);\r\n display:flex; align-items:center; justify-content:center; font-family:'Fraunces',serif; font-weight:700; font-size:21px;\r\n}\r\n#ccib-aula-carol .contact-card h3{font-size:18px; margin-bottom:2px;}\r\n#ccib-aula-carol .contact-card .role{color:var(--ink-600); font-size:13.5px; margin-bottom:14px; font-weight:500;}\r\n#ccib-aula-carol .contact-line{display:flex; align-items:center; gap:10px; font-size:14.5px; margin-bottom:7px;}\r\n#ccib-aula-carol .contact-line svg{width:16px; height:16px; color:var(--blue-600); flex-shrink:0;}\r\n#ccib-aula-carol .contact-line a:hover{color:var(--blue-600);}\r\n#ccib-aula-carol .contact-location{background:var(--gray-50); border:1px solid var(--gray-200); border-radius:var(--radius); padding:30px;}\r\n#ccib-aula-carol .contact-location h4{font-size:16px; margin-bottom:10px;}\r\n#ccib-aula-carol .contact-location p{font-size:14.5px; color:var(--ink-600); margin-bottom:16px;}\r\n\r\n\/* ============ CTA FINAL ============ *\/\r\n#ccib-aula-carol .final-cta{position:relative; background:linear-gradient(120deg,var(--navy-900),var(--navy-800)); color:#fff; padding:96px 0; overflow:hidden; text-align:center;}\r\n#ccib-aula-carol .final-cta::before{\r\n content:\"\"; position:absolute; inset:0;\r\n background-image:radial-gradient(circle at 80% 20%, rgba(201,162,75,.16), transparent 55%),\r\n radial-gradient(circle at 15% 85%, rgba(46,124,194,.18), transparent 50%);\r\n}\r\n#ccib-aula-carol .final-cta .container{position:relative; z-index:2;}\r\n#ccib-aula-carol .final-cta h2{color:#fff; font-size:clamp(28px,3vw,38px); max-width:680px; margin:0 auto 16px;}\r\n#ccib-aula-carol .final-cta p{color:#c9d6e3; max-width:580px; margin:0 auto 34px; font-size:16.5px;}\r\n#ccib-aula-carol .final-ctas{display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}\r\n\r\n\/* ============ PULSE ============ *\/\r\n@keyframes ccibPulse{0%{box-shadow:0 0 0 0 rgba(27,95,168,.5);} 70%{box-shadow:0 0 0 18px rgba(27,95,168,0);} 100%{box-shadow:0 0 0 0 rgba(27,95,168,0);}}\r\n#ccib-aula-carol .pulse-target{animation:ccibPulse 1.4s ease-out 2;}\r\n\r\n\/* ============ RESPONSIVE ============ *\/\r\n@media (max-width:980px){\r\n #ccib-aula-carol .hero-grid{grid-template-columns:1fr; gap:36px;}\r\n #ccib-aula-carol .hero-art{order:-1; max-width:260px; margin:0 auto;}\r\n #ccib-aula-carol .about-grid{grid-template-columns:1fr;}\r\n #ccib-aula-carol .about-visual{order:-1;}\r\n #ccib-aula-carol .cap-wrap{grid-template-columns:1fr;}\r\n #ccib-aula-carol .icon-grid{grid-template-columns:repeat(3,1fr);}\r\n #ccib-aula-carol .icon-grid.cols-4{grid-template-columns:repeat(2,1fr);}\r\n #ccib-aula-carol .price-hero{grid-template-columns:1fr;}\r\n #ccib-aula-carol .discount-cards{grid-template-columns:1fr;}\r\n #ccib-aula-carol .calc-grid{grid-template-columns:1fr;}\r\n #ccib-aula-carol .calc-result{position:static;}\r\n #ccib-aula-carol .gallery-grid{grid-template-columns:repeat(2,1fr); grid-auto-rows:130px;}\r\n #ccib-aula-carol .gallery-item.big{grid-column:span 2; grid-row:span 1;}\r\n #ccib-aula-carol .contact-grid{grid-template-columns:1fr;}\r\n #ccib-aula-carol .section{padding:70px 0;}\r\n}\r\n@media (max-width:640px){\r\n #ccib-aula-carol .icon-grid{grid-template-columns:repeat(2,1fr);}\r\n #ccib-aula-carol .hero{padding:70px 0 60px;}\r\n #ccib-aula-carol .gallery-grid{grid-template-columns:repeat(2,1fr);}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"ccib-aula-carol\">\r\n\r\n<!-- SVG SPRITE -->\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\">\r\n<symbol id=\"cac-i-phone\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/symbol>\r\n<symbol id=\"cac-i-mail\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m2 7 10 6 10-6\"\/><\/symbol>\r\n<symbol id=\"cac-i-pin\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/symbol>\r\n<symbol id=\"cac-i-conf\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M8 20h8M12 16v4\"\/><\/symbol>\r\n<symbol id=\"cac-i-cocktail\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 4h14l-7 9-7-9Z\"\/><path d=\"M12 13v7M8 20h8\"\/><\/symbol>\r\n<symbol id=\"cac-i-gala\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v6M8 5l4 3 4-3\"\/><circle cx=\"12\" cy=\"15\" r=\"6\"\/><path d=\"M12 12v3l2 2\"\/><\/symbol>\r\n<symbol id=\"cac-i-show\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18V6l8 6-8 6Z\"\/><\/symbol>\r\n<symbol id=\"cac-i-launch\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2c3 3 5 7 5 11a5 5 0 0 1-10 0c0-4 2-8 5-11Z\"\/><path d=\"M8 17c-2 1-3 2.5-3 4M16 17c2 1 3 2.5 3 4\"\/><\/symbol>\r\n<symbol id=\"cac-i-expo\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><\/symbol>\r\n<symbol id=\"cac-i-round\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><circle cx=\"12\" cy=\"6.5\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"17.5\" cy=\"12\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"12\" cy=\"17.5\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"6.5\" cy=\"12\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\"\/><\/symbol>\r\n<symbol id=\"cac-i-course\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19V6a2 2 0 0 1 2-2h11l3 3v12\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/symbol>\r\n<symbol id=\"cac-i-seminar\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"3\"\/><path d=\"M5 21c0-3.5 3-6 7-6s7 2.5 7 6\"\/><\/symbol>\r\n<symbol id=\"cac-i-meet\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><circle cx=\"17\" cy=\"10\" r=\"2.4\"\/><path d=\"M2.5 20c0-3 3-5.2 6.5-5.2s6.5 2.2 6.5 5.2M16 15.5c2.8.2 5 2 5 4.5\"\/><\/symbol>\r\n<symbol id=\"cac-i-projector\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"14\" height=\"9\" rx=\"2\"\/><circle cx=\"9\" cy=\"11.5\" r=\"2.4\"\/><path d=\"M16 10.5 22 8v9l-6-2.5\"\/><\/symbol>\r\n<symbol id=\"cac-i-screen\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"1\"\/><path d=\"M8 20h8M12 16v4\"\/><\/symbol>\r\n<symbol id=\"cac-i-laptop\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"10\" rx=\"1\"\/><path d=\"M2 18h20\"\/><\/symbol>\r\n<symbol id=\"cac-i-flip\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"3\" width=\"14\" height=\"14\" rx=\"1\"\/><path d=\"M9 21l3-4 3 4M8 8h8M8 11h5\"\/><\/symbol>\r\n<symbol id=\"cac-i-ac\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"6\" rx=\"2\"\/><path d=\"M6 15v4M10 15v3M14 15v4M18 15v3\"\/><\/symbol>\r\n<symbol id=\"cac-i-wifi\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5a11 11 0 0 1 14 0M8 15.8a6.6 6.6 0 0 1 8 0\"\/><circle cx=\"12\" cy=\"19\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/symbol>\r\n<symbol id=\"cac-i-network\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"6\" cy=\"6\" r=\"2.4\"\/><circle cx=\"18\" cy=\"6\" r=\"2.4\"\/><circle cx=\"12\" cy=\"18\" r=\"2.4\"\/><path d=\"M7.7 7.5 10.5 16M16.3 7.5 13.5 16M8.4 6h7.2\"\/><\/symbol>\r\n<symbol id=\"cac-i-catering\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 21c0-5 3.5-9 8-9s8 4 8 9\"\/><path d=\"M12 12V3M9 3v3M15 3v3\"\/><\/symbol>\r\n<symbol id=\"cac-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=\"cac-i-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"\/><\/symbol>\r\n<symbol id=\"cac-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<symbol id=\"cac-i-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 6l-6 6 6 6\"\/><\/symbol>\r\n<\/svg>\r\n\r\n<!-- ============ 1. HERO ============ -->\r\n<section class=\"hero\">\r\n <div class=\"container hero-grid\">\r\n <div class=\"hero-content reveal visible\">\r\n <div class=\"eyebrow\">\u00cenchiriere s\u0103li evenimente \u00b7 Palatul CCIB<\/div>\r\n <h1>Aula Carol I<\/h1>\r\n <p class=\"lead\">140 mp la etajul 2 al Palatului CCIB, cu un foaier generos de 106 mp \u0219i o deschidere spectaculoas\u0103 c\u0103tre Centrul Vechi al Capitalei \u0219i Banca Na\u021bional\u0103 a Rom\u00e2niei.<\/p>\r\n <div class=\"hero-ctas\">\r\n <button class=\"btn btn-gold cca-cta\" data-target=\"#cac-contact\">Solicit\u0103 ofert\u0103 <svg><use href=\"#cac-i-arrow\"\/><\/svg><\/button>\r\n <button class=\"btn btn-outline-lt cca-cta\" data-target=\"#cac-galerie\">Vezi galeria foto<\/button>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div><strong>140 mp<\/strong><span>suprafa\u021b\u0103 sal\u0103<\/span><\/div>\r\n <div><strong>106 mp<\/strong><span>foaier generos<\/span><\/div>\r\n <div><strong>150<\/strong><span>persoane, capacitate maxim\u0103<\/span><\/div>\r\n <div><strong>1868<\/strong><span>Palatul CCIB, tradi\u021bie<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-art\">\r\n <svg viewBox=\"0 0 400 420\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <defs>\r\n <linearGradient id=\"cacHallGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n <stop offset=\"0\" stop-color=\"#123c6c\"\/><stop offset=\"1\" stop-color=\"#0a2540\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <rect x=\"40\" y=\"60\" width=\"320\" height=\"300\" rx=\"10\" fill=\"url(#cacHallGrad)\" stroke=\"#c9a24b\" stroke-width=\"2\"\/>\r\n <path d=\"M40 60 200 20 360 60\" fill=\"none\" stroke=\"#c9a24b\" stroke-width=\"2\"\/>\r\n <circle cx=\"200\" cy=\"150\" r=\"34\" fill=\"none\" stroke=\"#c9a24b\" stroke-width=\"1.6\"\/>\r\n <path d=\"M200 128v44M178 150h44\" stroke=\"#c9a24b\" stroke-width=\"1.6\"\/>\r\n <g stroke=\"#c9a24b\" stroke-width=\"1.3\" opacity=\".55\">\r\n <rect x=\"70\" y=\"220\" width=\"34\" height=\"46\"\/><rect x=\"118\" y=\"220\" width=\"34\" height=\"46\"\/>\r\n <rect x=\"166\" y=\"220\" width=\"34\" height=\"46\"\/><rect x=\"214\" y=\"220\" width=\"34\" height=\"46\"\/>\r\n <rect x=\"262\" y=\"220\" width=\"34\" height=\"46\"\/>\r\n <\/g>\r\n <text x=\"200\" y=\"300\" text-anchor=\"middle\" fill=\"#f5ecd8\" font-family=\"Fraunces, serif\" font-size=\"15\" font-weight=\"600\" letter-spacing=\"1\">AULA CAROL I<\/text>\r\n <text x=\"200\" y=\"320\" text-anchor=\"middle\" fill=\"#8fa5bd\" font-family=\"Inter, sans-serif\" font-size=\"9\" letter-spacing=\"2.5\">PALATUL CCIB \u00b7 ETAJ 2<\/text>\r\n <rect x=\"90\" y=\"332\" width=\"220\" height=\"8\" rx=\"4\" fill=\"rgba(255,255,255,.08)\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ 2. DESPRE ============ -->\r\n<section class=\"section\">\r\n <div class=\"container about-grid\">\r\n <div class=\"about-copy reveal\">\r\n <div class=\"eyebrow\">Un cadru de prestigiu<\/div>\r\n <h2 style=\"margin-bottom:20px;\">O sal\u0103 cu istorie, \u00een inima Bucure\u0219tiului<\/h2>\r\n <p><strong>Aula Carol I<\/strong> are o suprafa\u021b\u0103 de 140 mp \u0219i este situat\u0103 la etajul 2 al Palatului CCIB (Str. Ion Ghica nr. 4) \u2014 un edificiu de prestigiu al arhitecturii bucure\u0219tene de la \u00eenceputul secolului XX, cu o istorie fabuloas\u0103.<\/p>\r\n <p>Sala se \u00eenchiriaz\u0103 \u00eempreun\u0103 cu un <strong>foaier generos de 106 mp<\/strong>, care ofer\u0103 o deschidere spectaculoas\u0103 c\u0103tre Centrul Vechi al Capitalei \u0219i Banca Na\u021bional\u0103 a Rom\u00e2niei \u2014 un decor rar \u00eent\u00e2lnit pentru evenimente de anvergur\u0103.<\/p>\r\n <div class=\"about-pins\">\r\n <div class=\"about-pin\"><span class=\"dot\"><svg width=\"16\" height=\"16\"><use href=\"#cac-i-pin\"\/><\/svg><\/span> Str. Ion Ghica nr. 4, etaj 2, Palatul CCIB<\/div>\r\n <div class=\"about-pin\"><span class=\"dot\"><svg width=\"16\" height=\"16\"><use href=\"#cac-i-network\"\/><\/svg><\/span> Foaier pentru networking inclus<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-visual reveal reveal-d1\">\r\n <img src=\"https:\/\/ccib.ro\/wp-content\/uploads\/2022\/07\/4S2A3236_1.jpg\" alt=\"Aula Carol I - vedere general\u0103\" loading=\"lazy\">\r\n <span class=\"tag\">Aula Carol I \u00b7 Palatul CCIB<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ 3. CAPACITATE (interactiv) ============ -->\r\n<section class=\"section bg-gray\" id=\"cac-capacitate\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"eyebrow\">Flexibilitate pentru orice tip de eveniment<\/div>\r\n <h2>Capacitate, \u00een func\u021bie de aranjament<\/h2>\r\n <p>Alege tipul de aranjament pentru a vedea capacitatea maxim\u0103 recomandat\u0103.<\/p>\r\n <\/div>\r\n <div class=\"cap-wrap reveal reveal-d1\">\r\n <div class=\"cap-tabs\" id=\"capTabs\">\r\n <button class=\"cap-tab active\" data-cap=\"150\" data-label=\"Teatru \/ Cocktail\" data-shape=\"theatre\">\r\n <span class=\"name\">Teatru \/ Cocktail<\/span><span class=\"num\">150<\/span>\r\n <\/button>\r\n <button class=\"cap-tab\" data-cap=\"100\" data-label=\"Cin\u0103 festiv\u0103\" data-shape=\"dinner\">\r\n <span class=\"name\">Cin\u0103 festiv\u0103<\/span><span class=\"num\">100<\/span>\r\n <\/button>\r\n <button class=\"cap-tab\" data-cap=\"60\" data-label=\"Tip clas\u0103\" data-shape=\"classroom\">\r\n <span class=\"name\">Tip clas\u0103<\/span><span class=\"num\">60<\/span>\r\n <\/button>\r\n <button class=\"cap-tab\" data-cap=\"48\" data-label=\"Cabaret \/ Aranjament \u00een U\" data-shape=\"ushape\">\r\n <span class=\"name\">Cabaret \/ U<\/span><span class=\"num\">48<\/span>\r\n <\/button>\r\n <button class=\"cap-tab\" data-cap=\"36\" data-label=\"Boardroom\" data-shape=\"boardroom\">\r\n <span class=\"name\">Boardroom<\/span><span class=\"num\">36<\/span>\r\n <\/button>\r\n <\/div>\r\n <div class=\"cap-display\">\r\n <svg id=\"capSvg\" viewBox=\"0 0 220 150\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><\/svg>\r\n <div class=\"cap-count\"><span id=\"capCountNum\">150<\/span><span>persoane<\/span><\/div>\r\n <div class=\"cap-label\" id=\"capLabel\">Teatru \/ Cocktail<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ 4. DESTINATIE ============ -->\r\n<section class=\"section\" id=\"cac-destinatie\">\r\n <div class=\"container\">\r\n <div class=\"section-header center reveal\">\r\n <div class=\"eyebrow\">Un spa\u021biu, multe posibilit\u0103\u021bi<\/div>\r\n <h2>Pentru ce tip de eveniment se potrive\u0219te<\/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=\"#cac-i-conf\"\/><\/svg><\/div><span>Conferin\u021be<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-cocktail\"\/><\/svg><\/div><span>Recep\u021bii \/ Cocktail<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-gala\"\/><\/svg><\/div><span>Gale<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-show\"\/><\/svg><\/div><span>Spectacole \/ Concerte<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-launch\"\/><\/svg><\/div><span>Lans\u0103ri carte \/ produs<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-expo\"\/><\/svg><\/div><span>Expozi\u021bii<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-round\"\/><\/svg><\/div><span>Mese rotunde<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-course\"\/><\/svg><\/div><span>Cursuri<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-seminar\"\/><\/svg><\/div><span>Seminarii<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-meet\"\/><\/svg><\/div><span>\u00cent\u00e2lniri private<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ 5. FACILITATI ============ -->\r\n<section class=\"section bg-gray\" id=\"cac-facilitati\">\r\n <div class=\"container\">\r\n <div class=\"section-header center reveal\">\r\n <div class=\"eyebrow\">Incluse \u00een tariful de \u00eenchiriere<\/div>\r\n <h2>Facilit\u0103\u021bi<\/h2>\r\n <\/div>\r\n <div class=\"icon-grid cols-4 reveal reveal-d1\">\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-projector\"\/><\/svg><\/div><span>Videoproiector<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-screen\"\/><\/svg><\/div><span>Ecran de proiec\u021bie<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-laptop\"\/><\/svg><\/div><span>Laptop<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-flip\"\/><\/svg><\/div><span>Flipchart + markere<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-ac\"\/><\/svg><\/div><span>Aer condi\u021bionat<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-wifi\"\/><\/svg><\/div><span>Internet Wi-Fi<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-network\"\/><\/svg><\/div><span>Foaier networking<\/span><\/div>\r\n <div class=\"igrid-card\"><div class=\"igrid-icon\"><svg><use href=\"#cac-i-catering\"\/><\/svg><\/div><span>Catering<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ 6. TARIFE ============ -->\r\n<section class=\"section\" id=\"cac-tarife\">\r\n <div class=\"container\">\r\n <div class=\"section-header center reveal\">\r\n <div class=\"eyebrow\">Cost \u00eenchiriere<\/div>\r\n <h2>Tarife \u0219i reduceri<\/h2>\r\n <p>Tariful standard este valabil \u00een intervalul orar 8:00 \u2013 17:30.<\/p>\r\n <\/div>\r\n\r\n <div class=\"price-hero reveal reveal-d1\">\r\n <div class=\"price-card-main\">\r\n <div class=\"eyebrow\">Tarif standard<\/div>\r\n <div class=\"price-big\">1.110 \u20ac <span>\/ zi<\/span><\/div>\r\n <div class=\"note\">* Tarif f\u0103r\u0103 TVA, valabil \u00een intervalul 8:00 \u2013 17:30.<\/div>\r\n <\/div>\r\n <div class=\"member-callout\">\r\n <h3>Gratuitate pentru membrii premium CCIB<\/h3>\r\n <p>Firmele membre din categoriile GOLD, PLATINUM \u0219i DIAMOND beneficiaz\u0103 de utilizarea gratuit\u0103 a s\u0103lii, p\u00e2n\u0103 la <strong>2 zile\/an<\/strong>, \u00een condi\u021biile precizate la fiecare pachet de membru.<\/p>\r\n <div class=\"member-badges\">\r\n <span class=\"member-badge badge-gold\">GOLD<\/span>\r\n <span class=\"member-badge badge-platinum\">PLATINUM<\/span>\r\n <span class=\"member-badge badge-diamond\">DIAMOND<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"discount-cards reveal reveal-d2\">\r\n <div class=\"discount-card down\">\r\n <div class=\"tagnum\">-20%<\/div>\r\n <div><h4>Luni \u0219i Vineri<\/h4><p>Reducere aplicat\u0103 automat pentru \u00eenchirieri \u00een zilele de luni \u0219i vineri, \u00een intervalul standard 8:00 \u2013 17:30.<\/p><\/div>\r\n <\/div>\r\n <div class=\"discount-card up\">\r\n <div class=\"tagnum\">+30% \/ +15%<\/div>\r\n <div><h4>Weekend sau dup\u0103 ora 17:30<\/h4><p>Se adaug\u0103 30% la tarif pentru weekend sau zile lucr\u0103toare dup\u0103 17:30 \u2014 respectiv doar 15% pentru membrii CCIB, indiferent de categorie.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"calc-box reveal reveal-d3\">\r\n <div class=\"section-header\" style=\"margin-bottom:30px;\">\r\n <h3 style=\"font-size:22px;\">Calculator estimativ de tarif<\/h3>\r\n <p style=\"margin-top:8px; font-size:15px;\">Alege ziua, intervalul orar \u0219i statutul de membru pentru o estimare rapid\u0103.<\/p>\r\n <\/div>\r\n <div class=\"calc-grid\">\r\n <div>\r\n <div class=\"calc-group\">\r\n <label>Ziua \u00eenchirierii<\/label>\r\n <div class=\"calc-btns\" id=\"calcDay\">\r\n <button class=\"calc-btn active\" data-day=\"luni\">Luni<\/button>\r\n <button class=\"calc-btn\" data-day=\"marti\">Mar\u021bi<\/button>\r\n <button class=\"calc-btn\" data-day=\"miercuri\">Miercuri<\/button>\r\n <button class=\"calc-btn\" data-day=\"joi\">Joi<\/button>\r\n <button class=\"calc-btn\" data-day=\"vineri\">Vineri<\/button>\r\n <button class=\"calc-btn\" data-day=\"weekend\">Weekend<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"calc-group\">\r\n <label>Interval orar<\/label>\r\n <div class=\"calc-btns\" id=\"calcInterval\">\r\n <button class=\"calc-btn active\" data-interval=\"standard\">8:00 \u2013 17:30<\/button>\r\n <button class=\"calc-btn\" data-interval=\"after\">Dup\u0103 17:30<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"calc-group\">\r\n <label>Statut membru CCIB<\/label>\r\n <div class=\"calc-btns\" id=\"calcMember\">\r\n <button class=\"calc-btn active\" data-member=\"no\">Nemembru<\/button>\r\n <button class=\"calc-btn\" data-member=\"yes\">Membru CCIB<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"calc-result\">\r\n <div class=\"label\">Tarif estimat<\/div>\r\n <div class=\"calc-price\"><span id=\"calcPriceNum\">1.110<\/span><span> \u20ac\/zi<\/span><\/div>\r\n <div class=\"calc-breakdown\" id=\"calcBreakdown\">Tarif standard, f\u0103r\u0103 ajust\u0103ri<\/div>\r\n <div class=\"calc-disclaimer\">Estimare orientativ\u0103. Reducerile suplimentare pentru \u00eenchirieri multiple, contracte pe termen lung sau statutul de membru CCIB se stabilesc individual, \u00eempreun\u0103 cu echipa CCIB.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ 7. GALERIE ============ -->\r\n<section class=\"section bg-gray\" id=\"cac-galerie\">\r\n <div class=\"container\">\r\n <div class=\"section-header center reveal\">\r\n <div class=\"eyebrow\">Privi\u021bi sala \u00een detaliu<\/div>\r\n <h2>Galerie foto<\/h2>\r\n <\/div>\r\n <div class=\"gallery-grid reveal reveal-d1\" id=\"galleryGrid\">\r\n <div class=\"gallery-item big\"><img src=\"https:\/\/ccib.ro\/wp-content\/uploads\/2022\/07\/4S2A3236_1.jpg\" loading=\"lazy\" alt=\"Aula Carol I\"><\/div>\r\n <div class=\"gallery-item\"><img src=\"https:\/\/ccib.ro\/wp-content\/uploads\/2024\/09\/IMG-20240926-WA0003.jpg\" loading=\"lazy\" alt=\"Aula Carol I\"><\/div>\r\n <div class=\"gallery-item\"><img src=\"https:\/\/ccib.ro\/wp-content\/uploads\/2022\/07\/IMG_3563.jpg\" loading=\"lazy\" alt=\"Aula Carol I\"><\/div>\r\n <div class=\"gallery-item\"><img src=\"https:\/\/ccib.ro\/wp-content\/uploads\/2024\/09\/IMG-20240926-WA0005.jpg\" loading=\"lazy\" alt=\"Aula Carol I\"><\/div>\r\n <div class=\"gallery-item\"><img src=\"https:\/\/ccib.ro\/wp-content\/uploads\/2022\/07\/4S2A3256.jpg\" loading=\"lazy\" alt=\"Aula Carol I\"><\/div>\r\n <div class=\"gallery-item\"><img src=\"https:\/\/ccib.ro\/wp-content\/uploads\/2024\/09\/IMG-20240926-WA0015.jpg\" loading=\"lazy\" alt=\"Aula Carol I\"><\/div>\r\n <div class=\"gallery-item\"><img src=\"https:\/\/ccib.ro\/wp-content\/uploads\/2022\/07\/4S2A3214.jpg\" loading=\"lazy\" alt=\"Aula Carol I\"><\/div>\r\n <div class=\"gallery-item\"><img src=\"https:\/\/ccib.ro\/wp-content\/uploads\/2024\/09\/IMG-20240926-WA0011.jpg\" loading=\"lazy\" alt=\"Aula Carol I\"><\/div>\r\n <\/div>\r\n <div class=\"gallery-more\"><button class=\"btn btn-blue\" id=\"galleryMoreBtn\">Vezi toate fotografiile<\/button><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ 8. VIDEO ============ -->\r\n<section class=\"section\" id=\"cac-video\">\r\n <div class=\"container\">\r\n <div class=\"section-header center reveal\">\r\n <div class=\"eyebrow\">Descoper\u0103 sala \u00een mi\u0219care<\/div>\r\n <h2>Film de prezentare<\/h2>\r\n <\/div>\r\n <div class=\"video-wrap reveal reveal-d1\">\r\n <iframe src=\"https:\/\/www.youtube.com\/embed\/R_zXS_5oxNQ\" title=\"Aula Carol I - film de prezentare\" loading=\"lazy\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ 9. CONTACT ============ -->\r\n<section class=\"section bg-gray\" id=\"cac-contact\">\r\n <div class=\"container\">\r\n <div class=\"section-header center reveal\">\r\n <div class=\"eyebrow\">Rezerv\u0103 sala<\/div>\r\n <h2>Contact<\/h2>\r\n <p>Pentru ofert\u0103 personalizat\u0103 \u0219i disponibilitate, echipa CCIB v\u0103 st\u0103 la dispozi\u021bie.<\/p>\r\n <\/div>\r\n <div class=\"contact-grid reveal reveal-d1\">\r\n <div class=\"contact-card\">\r\n <div class=\"avatar\">AV<\/div>\r\n <div>\r\n <h3>Anca Vasile<\/h3>\r\n <div class=\"role\">Persoan\u0103 de contact \u2014 \u00cenchiriere s\u0103li evenimente<\/div>\r\n <div class=\"contact-line\"><svg><use href=\"#cac-i-phone\"\/><\/svg><a href=\"tel:0720341469\">0720 341 469<\/a><\/div>\r\n <div class=\"contact-line\"><svg><use href=\"#cac-i-mail\"\/><\/svg><a href=\"mailto:anca.vasile@ccib.ro\">anca.vasile@ccib.ro<\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-location\">\r\n <h4>Palatul CCIB<\/h4>\r\n <p>Str. Ion Ghica, Nr. 4, Sector 3, 030044, Bucure\u0219ti<br>Aula Carol I \u2014 Etajul 2<\/p>\r\n <div class=\"contact-line\"><svg><use href=\"#cac-i-phone\"\/><\/svg><a href=\"tel:0213190129\">021 319 01 29<\/a> \/ <a href=\"tel:0213190132\">021 319 01 32<\/a><\/div>\r\n <div class=\"contact-line\"><svg><use href=\"#cac-i-mail\"\/><\/svg><a href=\"mailto:office@ccib.ro\">office@ccib.ro<\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ 10. CTA FINAL ============ -->\r\n<section class=\"final-cta\">\r\n <div class=\"container\">\r\n <h2>Organiza\u021bi-v\u0103 evenimentul \u00een Aula Carol I<\/h2>\r\n <p>De la conferin\u021be \u0219i gale, p\u00e2n\u0103 la lans\u0103ri \u0219i \u00eent\u00e2lniri private \u2014 echipa CCIB v\u0103 ajut\u0103 s\u0103 preg\u0103ti\u021bi oferta potrivit\u0103 pentru evenimentul dumneavoastr\u0103.<\/p>\r\n <div class=\"final-ctas\">\r\n <button class=\"btn btn-gold cca-cta\" data-target=\"#cac-contact\">Solicit\u0103 ofert\u0103 <svg><use href=\"#cac-i-arrow\"\/><\/svg><\/button>\r\n <button class=\"btn btn-outline-lt cca-cta\" data-target=\"#cac-capacitate\">Vezi capacitatea s\u0103lii<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ LIGHTBOX ============ -->\r\n<div class=\"lightbox\" id=\"cacLightbox\">\r\n <button class=\"lightbox-close\" id=\"lightboxClose\"><svg width=\"18\" height=\"18\"><use href=\"#cac-i-close\"\/><\/svg><\/button>\r\n <button class=\"lightbox-nav lightbox-prev\" id=\"lightboxPrev\"><svg width=\"20\" height=\"20\"><use href=\"#cac-i-chevron\"\/><\/svg><\/button>\r\n <img id=\"lightboxImg\" src=\"\" alt=\"Aula Carol I\">\r\n <button class=\"lightbox-nav lightbox-next\" id=\"lightboxNext\" style=\"transform:translateY(-50%) rotate(180deg);\"><svg width=\"20\" height=\"20\"><use href=\"#cac-i-chevron\"\/><\/svg><\/button>\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-aula-carol');\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 \/* ---- CTA smooth scroll + pulse ---- *\/\r\n root.querySelectorAll('.cca-cta').forEach(function(btn){\r\n btn.addEventListener('click', function(){\r\n var target = root.querySelector(btn.dataset.target);\r\n if(target){\r\n target.scrollIntoView({behavior:'smooth', block:'start'});\r\n setTimeout(function(){\r\n var cards = target.querySelectorAll('.contact-card, .cap-wrap');\r\n cards.forEach(function(c){\r\n c.classList.add('pulse-target');\r\n setTimeout(function(){ c.classList.remove('pulse-target'); }, 2800);\r\n });\r\n }, 500);\r\n }\r\n });\r\n });\r\n\r\n \/* ---- Capacitate interactiv\u0103 ---- *\/\r\n var capData = {\r\n theatre: {shapeFn: shapeTheatre},\r\n dinner: {shapeFn: shapeDinner},\r\n classroom:{shapeFn: shapeClassroom},\r\n ushape: {shapeFn: shapeUShape},\r\n boardroom:{shapeFn: shapeBoardroom}\r\n };\r\n var capSvg = root.querySelector('#capSvg');\r\n var capCountNum = root.querySelector('#capCountNum');\r\n var capLabel = root.querySelector('#capLabel');\r\n var capTabs = root.querySelectorAll('.cap-tab');\r\n\r\n function svgNS(tag){ return document.createElementNS('http:\/\/www.w3.org\/2000\/svg', tag); }\r\n function dot(cx,cy,r,fill){ var c=svgNS('circle'); c.setAttribute('cx',cx); c.setAttribute('cy',cy); c.setAttribute('r',r); c.setAttribute('fill',fill); return c; }\r\n function rectEl(x,y,w,h,rx,fill,stroke){ var r=svgNS('rect'); r.setAttribute('x',x); r.setAttribute('y',y); r.setAttribute('width',w); r.setAttribute('height',h); if(rx) r.setAttribute('rx',rx); r.setAttribute('fill',fill||'none'); if(stroke) r.setAttribute('stroke',stroke); r.setAttribute('stroke-width','1.4'); return r; }\r\n\r\n function clearSvg(){ while(capSvg.firstChild){ capSvg.removeChild(capSvg.firstChild); } }\r\n\r\n function shapeTheatre(){\r\n clearSvg();\r\n for(var row=0; row<5; row++){\r\n var count = 8;\r\n for(var i=0; i<count; i++){\r\n capSvg.appendChild(dot(20 + i*22, 20 + row*24, 4, row===0?'#c9a24b':'#1b5fa8'));\r\n }\r\n }\r\n }\r\n function shapeDinner(){\r\n clearSvg();\r\n var centers = [[55,45],[165,45],[55,105],[165,105]];\r\n centers.forEach(function(c){\r\n capSvg.appendChild(dot(c[0],c[1],22,'none'));\r\n var circ = capSvg.lastChild; circ.setAttribute('stroke','#1b5fa8'); circ.setAttribute('stroke-width','1.6');\r\n for(var a=0;a<8;a++){\r\n var ang = a*(Math.PI*2\/8);\r\n capSvg.appendChild(dot(c[0]+Math.cos(ang)*28, c[1]+Math.sin(ang)*28, 3.2, '#c9a24b'));\r\n }\r\n });\r\n }\r\n function shapeClassroom(){\r\n clearSvg();\r\n for(var row=0; row<5; row++){\r\n for(var i=0; i<6; i++){\r\n capSvg.appendChild(rectEl(18 + i*32, 15 + row*25, 20, 12, 2, row===0?'#c9a24b':'#1b5fa8'));\r\n }\r\n }\r\n }\r\n function shapeUShape(){\r\n clearSvg();\r\n var pts = \"30,30 30,120 190,120 190,30\";\r\n var poly = svgNS('polyline'); poly.setAttribute('points',pts); poly.setAttribute('fill','none'); poly.setAttribute('stroke','#123c6c'); poly.setAttribute('stroke-width','8'); poly.setAttribute('stroke-linecap','round'); poly.setAttribute('stroke-linejoin','round');\r\n capSvg.appendChild(poly);\r\n for(var i=0;i<5;i++){ capSvg.appendChild(dot(20, 25+i*20, 3.6, '#c9a24b')); }\r\n for(var j=0;j<5;j++){ capSvg.appendChild(dot(200, 25+j*20, 3.6, '#c9a24b')); }\r\n for(var k=0;k<6;k++){ capSvg.appendChild(dot(35+k*26, 130, 3.6, '#c9a24b')); }\r\n }\r\n function shapeBoardroom(){\r\n clearSvg();\r\n capSvg.appendChild(rectEl(50,45,120,50,10,'#123c6c'));\r\n for(var i=0;i<5;i++){ capSvg.appendChild(dot(65+i*24, 35, 3.6, '#c9a24b')); }\r\n for(var j=0;j<5;j++){ capSvg.appendChild(dot(65+j*24, 105, 3.6, '#c9a24b')); }\r\n }\r\n\r\n function animateCount(el, to){\r\n var from = parseInt(el.textContent.replace(\/\\D\/g,''),10) || 0;\r\n var start = null; var duration = 500;\r\n function step(ts){\r\n if(!start) start = ts;\r\n var progress = Math.min((ts-start)\/duration, 1);\r\n var val = Math.round(from + (to-from)*progress);\r\n el.textContent = val;\r\n if(progress < 1) requestAnimationFrame(step);\r\n }\r\n requestAnimationFrame(step);\r\n }\r\n\r\n function selectCap(tab){\r\n capTabs.forEach(function(t){ t.classList.remove('active'); });\r\n tab.classList.add('active');\r\n var cap = parseInt(tab.dataset.cap,10);\r\n var label = tab.dataset.label;\r\n var shape = tab.dataset.shape;\r\n animateCount(capCountNum, cap);\r\n capLabel.textContent = label;\r\n if(capData[shape]) capData[shape].shapeFn();\r\n }\r\n capTabs.forEach(function(tab){ tab.addEventListener('click', function(){ selectCap(tab); }); });\r\n if(capTabs.length){ shapeTheatre(); }\r\n\r\n \/* ---- Calculator tarif ---- *\/\r\n var BASE_PRICE = 1110;\r\n var state = {day:'luni', interval:'standard', member:'no'};\r\n var calcPriceNum = root.querySelector('#calcPriceNum');\r\n var calcBreakdown = root.querySelector('#calcBreakdown');\r\n\r\n function setActive(container, attr, value){\r\n container.querySelectorAll('.calc-btn').forEach(function(b){\r\n b.classList.toggle('active', b.dataset[attr] === value);\r\n });\r\n }\r\n\r\n function computePrice(){\r\n var mult = 1; var text = 'Tarif standard, f\u0103r\u0103 ajust\u0103ri';\r\n var isSurcharge = (state.day === 'weekend') || (state.interval === 'after');\r\n if(isSurcharge){\r\n if(state.member === 'yes'){ mult = 1.15; text = '+15% supratax\u0103 membru CCIB (weekend \/ dup\u0103 17:30)'; }\r\n else { mult = 1.30; text = '+30% supratax\u0103 (weekend \/ dup\u0103 17:30)'; }\r\n } else if(state.day === 'luni' || state.day === 'vineri'){\r\n mult = 0.80; text = '-20% reducere Luni \/ Vineri';\r\n }\r\n var price = Math.round(BASE_PRICE * mult);\r\n animateCount(calcPriceNum, price);\r\n calcBreakdown.textContent = text;\r\n }\r\n\r\n var calcDay = root.querySelector('#calcDay');\r\n var calcInterval = root.querySelector('#calcInterval');\r\n var calcMember = root.querySelector('#calcMember');\r\n\r\n calcDay.querySelectorAll('.calc-btn').forEach(function(b){\r\n b.addEventListener('click', function(){\r\n state.day = b.dataset.day;\r\n setActive(calcDay,'day', state.day);\r\n computePrice();\r\n });\r\n });\r\n calcInterval.querySelectorAll('.calc-btn').forEach(function(b){\r\n b.addEventListener('click', function(){\r\n state.interval = b.dataset.interval;\r\n setActive(calcInterval,'interval', state.interval);\r\n computePrice();\r\n });\r\n });\r\n calcMember.querySelectorAll('.calc-btn').forEach(function(b){\r\n b.addEventListener('click', function(){\r\n state.member = b.dataset.member;\r\n setActive(calcMember,'member', state.member);\r\n computePrice();\r\n });\r\n });\r\n\r\n \/* ---- Galerie + lightbox ---- *\/\r\n var extraImages = [\r\n \"https:\/\/ccib.ro\/wp-content\/uploads\/2024\/09\/IMG-20240926-WA0007.jpg\",\r\n \"https:\/\/ccib.ro\/wp-content\/uploads\/2022\/07\/4S2A3382.jpg\",\r\n \"https:\/\/ccib.ro\/wp-content\/uploads\/2022\/07\/4S2A3593.jpg\",\r\n \"https:\/\/ccib.ro\/wp-content\/uploads\/2022\/07\/4S2A3386.jpg\",\r\n \"https:\/\/ccib.ro\/wp-content\/uploads\/2022\/07\/4S2A3578.jpg\",\r\n \"https:\/\/ccib.ro\/wp-content\/uploads\/2022\/07\/14.38.38.jpg\",\r\n \"https:\/\/ccib.ro\/wp-content\/uploads\/2022\/07\/14.38.34.jpg\",\r\n \"https:\/\/ccib.ro\/wp-content\/uploads\/2022\/07\/4S2A3674.jpg\",\r\n \"https:\/\/ccib.ro\/wp-content\/uploads\/2022\/07\/4S2A3666.jpg\"\r\n ];\r\n var galleryGrid = root.querySelector('#galleryGrid');\r\n var galleryMoreBtn = root.querySelector('#galleryMoreBtn');\r\n var moreShown = false;\r\n galleryMoreBtn.addEventListener('click', function(){\r\n if(moreShown) return;\r\n extraImages.forEach(function(src){\r\n var div = document.createElement('div');\r\n div.className = 'gallery-item';\r\n var img = document.createElement('img');\r\n img.src = src; img.loading = 'lazy'; img.alt = 'Aula Carol I';\r\n div.appendChild(img);\r\n galleryGrid.appendChild(div);\r\n });\r\n moreShown = true;\r\n galleryMoreBtn.style.display = 'none';\r\n bindGalleryClicks();\r\n });\r\n\r\n var lightbox = root.querySelector('#cacLightbox');\r\n var lightboxImg = root.querySelector('#lightboxImg');\r\n var lightboxClose = root.querySelector('#lightboxClose');\r\n var lightboxPrev = root.querySelector('#lightboxPrev');\r\n var lightboxNext = root.querySelector('#lightboxNext');\r\n var galleryImages = [];\r\n var currentIdx = 0;\r\n\r\n function openLightbox(idx){\r\n currentIdx = idx;\r\n lightboxImg.src = galleryImages[idx];\r\n lightbox.classList.add('open');\r\n }\r\n function closeLightbox(){ lightbox.classList.remove('open'); }\r\n lightboxClose.addEventListener('click', closeLightbox);\r\n lightbox.addEventListener('click', function(e){ if(e.target === lightbox) closeLightbox(); });\r\n lightboxPrev.addEventListener('click', function(){ currentIdx = (currentIdx - 1 + galleryImages.length) % galleryImages.length; lightboxImg.src = galleryImages[currentIdx]; });\r\n lightboxNext.addEventListener('click', function(){ currentIdx = (currentIdx + 1) % galleryImages.length; lightboxImg.src = galleryImages[currentIdx]; });\r\n\r\n function bindGalleryClicks(){\r\n galleryImages = Array.prototype.map.call(galleryGrid.querySelectorAll('img'), function(img){ return img.src; });\r\n galleryGrid.querySelectorAll('.gallery-item').forEach(function(item, idx){\r\n item.onclick = function(){ openLightbox(idx); };\r\n });\r\n }\r\n bindGalleryClicks();\r\n\r\n } catch(err){\r\n if(window.console) console.warn('CCIB Aula Carol I 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>Aula Carol I | \u00cenchiriere s\u0103li evenimente – CCIB \u00cenchiriere s\u0103li evenimente \u00b7 Palatul CCIB Aula Carol I 140 mp…<\/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-34303","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/pages\/34303","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=34303"}],"version-history":[{"count":4,"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/pages\/34303\/revisions"}],"predecessor-version":[{"id":34307,"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/pages\/34303\/revisions\/34307"}],"wp:attachment":[{"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}