{"id":4681,"date":"2026-07-31T12:10:12","date_gmt":"2026-07-31T12:10:12","guid":{"rendered":"https:\/\/negociosconectividade.ao\/?page_id=4681"},"modified":"2026-07-31T13:57:00","modified_gmt":"2026-07-31T13:57:00","slug":"videos-2","status":"publish","type":"page","link":"https:\/\/negociosconectividade.ao\/index.php\/videos-2\/","title":{"rendered":"V\u00eddeos"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMultim\u00eddia \u2014 F\u00f3rum Neg\u00f3cios & Conectividade<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --azul-ceu: #4f94d4;\r\n --azul-profundo: #1c5a86;\r\n --verde-marca: #0b3d2e;\r\n --laranja: #e8871e;\r\n --branco: #ffffff;\r\n --texto: #23343a;\r\n --texto-suave: #6b7a80;\r\n --linha: #e7edf1;\r\n }\r\n\r\n *{ box-sizing: border-box; }\r\n\r\n body{ margin:0; font-family:'Inter', sans-serif; background:var(--branco); }\r\n\r\n .multimidia-secao{\r\n position: relative;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 70px 24px 90px;\r\n overflow: hidden;\r\n }\r\n\r\n .multimidia-secao::before{\r\n content:\"\";\r\n position:absolute;\r\n top:-120px;\r\n right:-140px;\r\n width:380px;\r\n height:380px;\r\n border-radius:50%;\r\n border: 46px solid rgba(79,148,212,0.07);\r\n z-index:0;\r\n }\r\n .multimidia-secao::after{\r\n content:\"\";\r\n position:absolute;\r\n bottom:-160px;\r\n left:-160px;\r\n width:320px;\r\n height:320px;\r\n border-radius:50%;\r\n border: 40px solid rgba(232,135,30,0.06);\r\n z-index:0;\r\n }\r\n\r\n .m-cabecalho{\r\n position:relative;\r\n z-index:1;\r\n display:flex;\r\n align-items:flex-end;\r\n justify-content:space-between;\r\n flex-wrap:wrap;\r\n gap:18px;\r\n margin-bottom:34px;\r\n }\r\n\r\n .m-cabecalho .eyebrow{\r\n display:inline-block;\r\n font-size:12px;\r\n font-weight:700;\r\n letter-spacing:0.12em;\r\n text-transform:uppercase;\r\n color:var(--laranja);\r\n margin-bottom:6px;\r\n }\r\n\r\n .m-cabecalho h2{\r\n font-family:'Poppins', sans-serif;\r\n font-weight:800;\r\n font-size: clamp(24px, 3vw, 32px);\r\n color: var(--verde-marca);\r\n margin:0;\r\n }\r\n\r\n .m-cabecalho p{\r\n margin:6px 0 0;\r\n color: var(--texto-suave);\r\n font-size:14.5px;\r\n max-width:480px;\r\n }\r\n\r\n .m-filtros{\r\n display:flex;\r\n gap:8px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .m-filtros button{\r\n font-family:'Inter', sans-serif;\r\n font-size:13px;\r\n font-weight:600;\r\n color: var(--azul-profundo);\r\n background: #eef5fb;\r\n border: 1px solid transparent;\r\n border-radius:999px;\r\n padding:8px 16px;\r\n cursor:pointer;\r\n transition: all .25s ease;\r\n }\r\n\r\n .m-filtros button.ativo,\r\n .m-filtros button:hover{\r\n background: var(--azul-profundo);\r\n color: var(--branco);\r\n }\r\n\r\n .m-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap:26px;\r\n }\r\n\r\n .m-card{\r\n display:block;\r\n text-decoration:none;\r\n background: var(--branco);\r\n border: 1px solid var(--linha);\r\n border-radius:14px;\r\n overflow:hidden;\r\n box-shadow: 0 3px 10px rgba(11,61,46,0.05);\r\n transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;\r\n cursor:pointer;\r\n }\r\n\r\n .m-card:hover{\r\n transform: translateY(-5px);\r\n box-shadow: 0 18px 30px rgba(11,61,46,0.14);\r\n border-color: rgba(79,148,212,0.35);\r\n }\r\n\r\n .m-capa{\r\n position:relative;\r\n aspect-ratio: 16\/9;\r\n overflow:hidden;\r\n background: #dfe9f2;\r\n }\r\n\r\n .m-capa img{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n transition: transform .5s ease, opacity .3s ease;\r\n opacity:0;\r\n }\r\n\r\n .m-capa img.carregada{ opacity:1; }\r\n\r\n .m-card:hover .m-capa img{ transform: scale(1.08); }\r\n\r\n .m-capa::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background: linear-gradient(to top, rgba(11,61,46,0.55) 0%, rgba(11,61,46,0.0) 55%);\r\n pointer-events:none;\r\n }\r\n\r\n .m-duracao{\r\n position:absolute;\r\n top:10px;\r\n right:10px;\r\n z-index:2;\r\n background: rgba(11,61,46,0.75);\r\n color: var(--branco);\r\n font-size:11px;\r\n font-weight:600;\r\n padding:3px 8px;\r\n border-radius:5px;\r\n }\r\n\r\n .m-play{\r\n position:absolute;\r\n top:50%; left:50%;\r\n transform: translate(-50%,-50%);\r\n z-index:2;\r\n width:56px; height:56px;\r\n border-radius:50%;\r\n background: rgba(255,255,255,0.9);\r\n display:flex; align-items:center; justify-content:center;\r\n box-shadow: 0 0 0 0 rgba(232,135,30,0.4);\r\n transition: background .3s ease, box-shadow .4s ease, transform .3s ease;\r\n }\r\n\r\n .m-play svg{ width:17px; height:17px; fill: var(--azul-profundo); margin-left:2px; }\r\n\r\n .m-card:hover .m-play{\r\n background: var(--laranja);\r\n box-shadow: 0 0 0 14px rgba(232,135,30,0.16);\r\n transform: translate(-50%,-50%) scale(1.08);\r\n }\r\n .m-card:hover .m-play svg{ fill: var(--branco); }\r\n\r\n .m-info{ padding:16px 18px 20px; }\r\n\r\n .m-info .categoria{\r\n display:inline-block;\r\n font-size:11px;\r\n font-weight:700;\r\n letter-spacing:0.06em;\r\n text-transform:uppercase;\r\n color: var(--laranja);\r\n margin-bottom:6px;\r\n }\r\n\r\n .m-info h3{\r\n margin:0 0 4px;\r\n font-family:'Poppins', sans-serif;\r\n font-size:16px;\r\n font-weight:700;\r\n color: var(--verde-marca);\r\n line-height:1.35;\r\n }\r\n\r\n .m-info .data{\r\n font-size:12.5px;\r\n color: var(--texto-suave);\r\n }\r\n\r\n .m-ver-mais{\r\n position:relative;\r\n z-index:1;\r\n text-align:center;\r\n margin-top:44px;\r\n }\r\n\r\n .m-ver-mais a{\r\n display:inline-block;\r\n font-family:'Inter', sans-serif;\r\n font-weight:600;\r\n font-size:14px;\r\n color: var(--branco);\r\n background: var(--laranja);\r\n padding:13px 30px;\r\n border-radius:999px;\r\n text-decoration:none;\r\n transition: background .25s ease, transform .25s ease;\r\n }\r\n .m-ver-mais a:hover{ background:#cf7714; transform: translateY(-2px); }\r\n\r\n \/* lightbox de reprodu\u00e7\u00e3o *\/\r\n .m-lightbox{\r\n position:fixed;\r\n inset:0;\r\n background:rgba(11,61,46,0.92);\r\n display:none;\r\n align-items:center;\r\n justify-content:center;\r\n z-index:9999;\r\n padding:24px;\r\n }\r\n .m-lightbox.aberto{ display:flex; }\r\n .m-lightbox-caixa{\r\n position:relative;\r\n width:100%;\r\n max-width:920px;\r\n aspect-ratio:16\/9;\r\n background:#000;\r\n border-radius:10px;\r\n }\r\n .m-lightbox-caixa iframe{\r\n width:100%; height:100%; border:0; border-radius:10px;\r\n }\r\n .m-lightbox-fechar{\r\n position:absolute;\r\n top:-42px; right:0;\r\n background:none;\r\n border:0;\r\n color:var(--branco);\r\n font-size:32px;\r\n cursor:pointer;\r\n line-height:1;\r\n }\r\n\r\n @media (max-width: 980px){\r\n .m-grid{ grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 620px){\r\n .m-grid{ grid-template-columns: 1fr; }\r\n .m-cabecalho{ flex-direction:column; align-items:flex-start; }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n .m-card, .m-capa img, .m-play{ transition:none; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"multimidia-secao\">\r\n\r\n <div class=\"m-cabecalho\">\r\n <div>\r\n <span class=\"eyebrow\">J\u00e1 Realizados<\/span>\r\n <h2>Multim\u00eddia do F\u00f3rum<\/h2>\r\n <p>Reveja a abertura, os pain\u00e9is e as entrevistas de todas as edi\u00e7\u00f5es do F\u00f3rum Neg\u00f3cios & Conectividade.<\/p>\r\n <\/div>\r\n <div class=\"m-filtros\">\r\n <button class=\"ativo\">Todos<\/button>\r\n <button>4\u00aa Edi\u00e7\u00e3o \u2014 Hu\u00edla<\/button>\r\n <button>3\u00aa Edi\u00e7\u00e3o<\/button>\r\n <button>Entrevistas<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"m-grid\" id=\"galeria-videos\">\r\n\r\n <!-- Card 1 (Corrigido o atributo data-video) -->\r\n <div class=\"m-card\" data-video=\"https:\/\/www.youtube.com\/watch?v=yhJ9JU6A-wQ\" data-categoria=\"Abertura\" data-titulo=\"Raz\u00f5es pela escolha do Waco Kongo\" data-data=\"4\u00aa Edi\u00e7\u00e3o \u00b7 Hu\u00edla, Mar 2025\" data-duracao=\"04:12\"><\/div>\r\n\r\n <!-- Subtitua as URLs abaixo pelos links reais dos v\u00eddeos -->\r\n <div class=\"m-card\" data-video=\"https:\/\/www.youtube.com\/watch?v=yhJ9JU6A-wQ\" data-categoria=\"Entrevista\" data-titulo=\"Conectividade e investimento na regi\u00e3o\" data-data=\"4\u00aa Edi\u00e7\u00e3o \u00b7 Hu\u00edla, Mar 2025\" data-duracao=\"06:45\"><\/div>\r\n\r\n <div class=\"m-card\" data-video=\"https:\/\/www.youtube.com\/watch?v=yhJ9JU6A-wQ\" data-categoria=\"Painel\" data-titulo=\"Oportunidades de neg\u00f3cio no mercado africano\" data-data=\"4\u00aa Edi\u00e7\u00e3o \u00b7 Hu\u00edla, Mar 2025\" data-duracao=\"09:30\"><\/div>\r\n\r\n <div class=\"m-card\" data-video=\"https:\/\/www.youtube.com\/watch?v=yhJ9JU6A-wQ\" data-categoria=\"Encerramento\" data-titulo=\"Balan\u00e7o da 4\u00aa Edi\u00e7\u00e3o do F\u00f3rum\" data-data=\"4\u00aa Edi\u00e7\u00e3o \u00b7 Hu\u00edla, Mar 2025\" data-duracao=\"03:58\"><\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"m-ver-mais\">\r\n <a href=\"#\">Ver todos os v\u00eddeos<\/a>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- Lightbox Modal -->\r\n<div class=\"m-lightbox\" id=\"m-lightbox\">\r\n <div class=\"m-lightbox-caixa\">\r\n <button class=\"m-lightbox-fechar\" id=\"m-lightbox-fechar\" aria-label=\"Fechar\">×<\/button>\r\n <div id=\"m-lightbox-conteudo\" style=\"width:100%; height:100%;\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n\r\n \/\/ Extrai o ID de 11 caracteres de qualquer formato de URL do YouTube\r\n function idDoYoutube(url){\r\n if (!url) return null;\r\n var padroes = [\r\n \/youtu\\.be\\\/([a-zA-Z0-9_-]{11})\/,\r\n \/youtube\\.com\\\/watch\\?v=([a-zA-Z0-9_-]{11})\/,\r\n \/youtube\\.com\\\/embed\\\/([a-zA-Z0-9_-]{11})\/,\r\n \/youtube\\.com\\\/shorts\\\/([a-zA-Z0-9_-]{11})\/\r\n ];\r\n for (var i = 0; i < padroes.length; i++){\r\n var m = url.match(padroes[i]);\r\n if (m) return m[1];\r\n }\r\n return null;\r\n }\r\n\r\n function montarCard(card){\r\n var link = card.getAttribute('data-video');\r\n var id = idDoYoutube(link);\r\n\r\n var capa = document.createElement('div');\r\n capa.className = 'm-capa';\r\n\r\n if (id){\r\n var img = document.createElement('img');\r\n img.src = 'https:\/\/img.youtube.com\/vi\/' + id + '\/hqdefault.jpg';\r\n img.alt = card.getAttribute('data-titulo') || 'V\u00eddeo';\r\n img.onload = function(){\r\n img.classList.add('carregada');\r\n };\r\n capa.appendChild(img);\r\n }\r\n\r\n var duracao = card.getAttribute('data-duracao');\r\n if (duracao){\r\n var spanDur = document.createElement('span');\r\n spanDur.className = 'm-duracao';\r\n spanDur.textContent = duracao;\r\n capa.appendChild(spanDur);\r\n }\r\n\r\n capa.insertAdjacentHTML('beforeend', '<span class=\"m-play\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/span>');\r\n\r\n var info = document.createElement('div');\r\n info.className = 'm-info';\r\n info.innerHTML =\r\n '<span class=\"categoria\">' + (card.getAttribute('data-categoria') || '') + '<\/span>' +\r\n '<h3>' + (card.getAttribute('data-titulo') || '') + '<\/h3>' +\r\n '<span class=\"data\">' + (card.getAttribute('data-data') || '') + '<\/span>';\r\n\r\n card.innerHTML = '';\r\n card.appendChild(capa);\r\n card.appendChild(info);\r\n\r\n card.addEventListener('click', function(){\r\n if (!id) return;\r\n var lightbox = document.getElementById('m-lightbox');\r\n var conteudo = document.getElementById('m-lightbox-conteudo');\r\n conteudo.innerHTML = '<iframe src=\"https:\/\/www.youtube.com\/embed\/' + id + '?autoplay=1\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>';\r\n lightbox.classList.add('aberto');\r\n });\r\n }\r\n\r\n document.querySelectorAll('.m-card[data-video]').forEach(montarCard);\r\n\r\n \/\/ Fechar Modal\r\n document.getElementById('m-lightbox-fechar').addEventListener('click', function(){\r\n document.getElementById('m-lightbox').classList.remove('aberto');\r\n document.getElementById('m-lightbox-conteudo').innerHTML = '';\r\n });\r\n\r\n document.getElementById('m-lightbox').addEventListener('click', function(e){\r\n if (e.target.id === 'm-lightbox'){\r\n e.target.classList.remove('aberto');\r\n document.getElementById('m-lightbox-conteudo').innerHTML = '';\r\n }\r\n });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Multim\u00eddia \u2014 F\u00f3rum Neg\u00f3cios & Conectividade J\u00e1 Realizados Multim\u00eddia do F\u00f3rum Reveja a abertura, os pain\u00e9is e as entrevistas de todas as edi\u00e7\u00f5es do F\u00f3rum Neg\u00f3cios & Conectividade. Todos 4\u00aa Edi\u00e7\u00e3o \u2014 Hu\u00edla 3\u00aa Edi\u00e7\u00e3o Entrevistas Ver todos os v\u00eddeos ×<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4681","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/negociosconectividade.ao\/index.php\/wp-json\/wp\/v2\/pages\/4681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/negociosconectividade.ao\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/negociosconectividade.ao\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/negociosconectividade.ao\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/negociosconectividade.ao\/index.php\/wp-json\/wp\/v2\/comments?post=4681"}],"version-history":[{"count":13,"href":"https:\/\/negociosconectividade.ao\/index.php\/wp-json\/wp\/v2\/pages\/4681\/revisions"}],"predecessor-version":[{"id":4705,"href":"https:\/\/negociosconectividade.ao\/index.php\/wp-json\/wp\/v2\/pages\/4681\/revisions\/4705"}],"wp:attachment":[{"href":"https:\/\/negociosconectividade.ao\/index.php\/wp-json\/wp\/v2\/media?parent=4681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}