{"id":15,"date":"2026-10-14T11:48:47","date_gmt":"2026-10-14T11:48:47","guid":{"rendered":"https:\/\/netspace.co.ao\/?page_id=15"},"modified":"2026-10-15T21:07:45","modified_gmt":"2026-10-15T21:07:45","slug":"pagina-inicial","status":"publish","type":"page","link":"https:\/\/netspace.co.ao\/","title":{"rendered":"P\u00e1gina Inicial"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-75a325e2 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"75a325e2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-466e7d7d elementor-invisible\" data-id=\"466e7d7d\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-154a97d1 elementor-widget elementor-widget-html\" data-id=\"154a97d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     NETSPACE \u00b7 MENU DESKTOP STANDARD\n     Home Ajustado \u00e0 Esquerda\n     ============================================================ -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .nsd-nav {\n    --nsd-bar:   #ffffff; --nsd-ink: #0e1f1f; --nsd-body: #5b6b6e;\n    --nsd-muted: #8a9a9d; --nsd-line: #e0e0e0; --nsd-hover: #ffffff;\n    --nsd-teal:  #2796ae; --nsd-tint: rgba(39,150,174,0.10); --nsd-panel: #ffffff;\n    position: relative; width: 100%; background: transparent !important;\n    font-family: 'Plus Jakarta Sans', sans-serif !important; color: var(--nsd-ink) !important; z-index: 999;\n  }\n  .nsd-nav, .nsd-nav * {\n    box-sizing: border-box; font-family: 'Plus Jakarta Sans', sans-serif !important;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  \/* Barra com espa\u00e7amento nas bordas *\/\n  .nsd-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 0;\n    padding: 0 195px;\n    background: var(--nsd-bar) !important;\n    width: 100%;\n  }\n\n  \/* Log\u00f3tipo *\/\n  .nsd-logo-wrap {\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    padding: 12px 0;\n    flex-shrink: 0;\n  }\n  .nsd-logo-img {\n    height: 70px;\n    max-height: 85px;\n    width: auto;\n    display: block;\n    object-fit: contain;\n  }\n\n  \/* Menu Principal *\/\n  .nsd-menu {\n    display: flex;\n    align-items: center;\n    align-self: stretch;\n    list-style: none;\n    margin: 0;\n    margin-left: 90px; \/* Dist\u00e2ncia entre o Logo e a \u00e1rea do Home *\/\n    padding: 0;\n  }\n  \n  .nsd-item { display: flex; align-items: stretch; height: 100%; }\n  .nsd-item.nsd-has-panel { position: relative; }\n\n  \/* Ajuste individual apenas para o elemento Home *\/\n  .nsd-menu > .nsd-item:first-child > .nsd-link {\n    padding-left: 8px; \/* Puxa a palavra Home mais para a esquerda *\/\n  }\n\n  \/* Contacto empurrado para a extrema direita *\/\n  .nsd-right-cta {\n    display: flex;\n    align-items: center;\n    align-self: stretch;\n    margin-left: auto;\n  }\n\n  .nsd-link {\n    display: flex; align-items: center; gap: 8px; padding: 0 26px; height: 100%;\n    font-size: 17px; font-weight: 600; color: var(--nsd-ink) !important; text-decoration: none;\n    cursor: pointer; border: none !important; background: transparent !important; box-shadow: none !important;\n    text-transform: none !important; \/* Garante que o texto n\u00e3o fica em mai\u00fasculas *\/\n    transition: background .18s ease;\n  }\n  .nsd-nav .nsd-menu > .nsd-item:hover > .nsd-link,\n  .nsd-nav .nsd-menu > .nsd-item > .nsd-link:hover,\n  .nsd-nav .nsd-menu > .nsd-item > .nsd-link:focus,\n  .nsd-nav .nsd-menu > .nsd-item > .nsd-link:active,\n  .nsd-right-cta .nsd-link:hover {\n    background: var(--nsd-hover) !important; outline: none !important;\n  }\n  .nsd-caret { width: 15px; height: 15px; flex-shrink: 0; transition: transform .25s ease; }\n  .nsd-item.nsd-has-panel:hover .nsd-caret { transform: rotate(180deg); }\n\n  .nsd-panel {\n    position: absolute; left: 0; top: 100%; width: max-content; max-width: 92vw;\n    background: var(--nsd-panel) !important; box-shadow: 0 24px 44px rgba(15,36,36,.14);\n    opacity: 0; visibility: hidden; transform: translateY(-8px);\n    transition: opacity .2s ease, transform .2s ease, visibility .2s;\n  }\n  .nsd-item.nsd-has-panel:hover .nsd-panel { opacity: 1; visibility: visible; transform: translateY(0); }\n  .nsd-panel-inner { padding: 30px 34px 36px; display: flex; gap: 0; }\n\n  .nsd-cats { width: 250px; flex-shrink: 0; display: flex; flex-direction: column; gap: 4px; padding-right: 24px; }\n  .nsd-cat {\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 18px 22px; border-radius: 12px; font-size: 19px; font-weight: 700;\n    color: var(--nsd-ink) !important; background: transparent !important; cursor: pointer; user-select: none; transition: background .18s ease;\n  }\n  .nsd-cat:hover, .nsd-cat.active { background: var(--nsd-tint) !important; }\n  .nsd-cat svg { width: 18px; height: 18px; color: var(--nsd-muted) !important; flex-shrink: 0; }\n  .nsd-cat.active svg { color: var(--nsd-ink) !important; }\n\n  .nsd-panes { flex: 0 0 auto; padding-left: 40px; border-left: 1px solid var(--nsd-line) !important; min-height: 470px; }\n  .nsd-pane { display: none; }\n  .nsd-pane.active { display: block; animation: nsdFade .3s ease; }\n  @keyframes nsdFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }\n\n  .nsd-detail { flex: 0 0 auto; padding-left: 40px; border-left: 1px solid var(--nsd-line) !important; min-height: 470px; }\n  .nsd-detail.nsd-solo { border-left: none !important; padding-left: 0 !important; }\n\n  .nsd-title {\n    font-size: 22px; font-weight: 800; color: var(--nsd-ink) !important; margin: 0 0 6px 0;\n    padding-bottom: 16px; border-bottom: 1px solid var(--nsd-line) !important; display: inline-block;\n  }\n  .nsd-highlights { display: grid; grid-template-columns: repeat(2, 230px); gap: 2px 14px; margin: 24px 0 0 -18px; }\n  .nsd-hl { text-decoration: none; display: block; padding: 16px 18px; border-radius: 12px; transition: background .18s ease; }\n  .nsd-hl:hover { background: var(--nsd-tint) !important; }\n  .nsd-hl h4 { font-size: 18px; font-weight: 700; color: var(--nsd-ink) !important; margin: 0 0 8px 0; }\n  .nsd-hl p { font-size: 14.5px; line-height: 1.55; color: var(--nsd-body) !important; margin: 0; }\n\n  \/* Esconde no mobile *\/\n  @media (max-width: 900px) { .nsd-nav { display: none !important; } }\n<\/style>\n\n<div class=\"nsd-nav\" id=\"nsdNav\">\n  <div class=\"nsd-bar\">\n\n    <!-- LOG\u00d3TIPO -->\n    <a href=\"https:\/\/netspaceangola.online\/\" class=\"nsd-logo-wrap\">\n      <img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/loogo2.png\" alt=\"Netspace\" class=\"nsd-logo-img\">\n    <\/a>\n\n    <!-- MENU DE NAVEGA\u00c7\u00c3O -->\n    <ul class=\"nsd-menu\">\n\n      <li class=\"nsd-item\"><a href=\"https:\/\/netspaceangola.online\/\" class=\"nsd-link\">Home<\/a><\/li>\n\n      <li class=\"nsd-item nsd-has-panel\">\n        <button class=\"nsd-link\" type=\"button\">Servi\u00e7os\n          <svg class=\"nsd-caret\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"nsd-panel\">\n          <div class=\"nsd-panel-inner\">\n            <div class=\"nsd-cats\">\n              <div class=\"nsd-cat active\" data-pane=\"d-conect\">Conectividade <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg><\/div>\n              <div class=\"nsd-cat\" data-pane=\"d-infra\">Infraestrutura <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg><\/div>\n              <div class=\"nsd-cat\" data-pane=\"d-cyber\">Ciberseguran\u00e7a <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg><\/div>\n              <div class=\"nsd-cat\" data-pane=\"d-ict\">ICT <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg><\/div>\n            <\/div>\n            <div class=\"nsd-panes\">\n              <div class=\"nsd-pane active\" id=\"d-conect\">\n                <span class=\"nsd-title\">Servi\u00e7os de Conectividade<\/span>\n                <div class=\"nsd-highlights\">\n                  <a href=\"https:\/\/netspaceangola.online\/conectividade\/\" class=\"nsd-hl\"><h4>Servi\u00e7os de Internet<\/h4><p>Fibra, micro-ondas e sat\u00e9lite com acesso dedicado e escal\u00e1vel.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/conectividade\/\" class=\"nsd-hl\"><h4>Redes Corporativas<\/h4><p>SD-WAN, MPLS VPN e redes privadas para ligar filiais com seguran\u00e7a.<\/p><\/a>\n                <\/div>\n              <\/div>\n              <div class=\"nsd-pane\" id=\"d-infra\">\n                <span class=\"nsd-title\">Servi\u00e7os de Infraestrutura<\/span>\n                <div class=\"nsd-highlights\">\n                  <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsd-hl\"><h4>Redes de Fibra \u00d3ptica<\/h4><p>Backbone de alta capacidade e redundante.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsd-hl\"><h4>Data Centers<\/h4><p>Instala\u00e7\u00f5es seguras com energia redundante.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsd-hl\"><h4>Torres e Sites<\/h4><p>Localiza\u00e7\u00f5es estrat\u00e9gicas para cobertura wireless.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsd-hl\"><h4>Equipamentos de Rede<\/h4><p>Hardware de n\u00edvel core de topo.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsd-hl\"><h4>Sistema de Wi-Fi<\/h4><p>Cobertura ampla com gest\u00e3o de acessos.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsd-hl\"><h4>Dark Fiber<\/h4><p>Fibra dedicada com controlo total.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsd-hl\"><h4>Colocation<\/h4><p>Aloje o seu hardware em racks seguros.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsd-hl\"><h4>Banda Larga Empresarial<\/h4><p>Internet est\u00e1vel com \u00f3timo custo-benef\u00edcio.<\/p><\/a>\n                <\/div>\n              <\/div>\n              <div class=\"nsd-pane\" id=\"d-cyber\">\n                <span class=\"nsd-title\">Servi\u00e7os de Ciberseguran\u00e7a<\/span>\n                <div class=\"nsd-highlights\">\n                  <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsd-hl\"><h4>Firewall Gerido<\/h4><p>Barreira perimetral gerida 24\/7.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsd-hl\"><h4>Prote\u00e7\u00e3o Anti-DDoS<\/h4><p>Mitiga\u00e7\u00e3o de ataques em tempo real.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsd-hl\"><h4>IPS\/IDS (Intrus\u00e3o)<\/h4><p>Dete\u00e7\u00e3o e bloqueio de intrus\u00f5es.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsd-hl\"><h4>Setor P\u00fablico e Privado<\/h4><p>Conformidade regulat\u00f3ria \u00e0 medida.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsd-hl\"><h4>SOC as a Service<\/h4><p>Monitoriza\u00e7\u00e3o e resposta a incidentes.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsd-hl\"><h4>Filtragem de Email<\/h4><p>Bloqueio de phishing, spam e malware.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsd-hl\"><h4>Seguran\u00e7a de Rede<\/h4><p>Segmenta\u00e7\u00e3o e controlo de acessos (NAC).<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsd-hl\"><h4>Conectividade Segura<\/h4><p>VPN encriptada ponto a ponto.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsd-hl\"><h4>Licenciamento de Software<\/h4><p>Licen\u00e7as oficiais para prote\u00e7\u00e3o ativa.<\/p><\/a>\n                <\/div>\n              <\/div>\n              <div class=\"nsd-pane\" id=\"d-ict\">\n                <span class=\"nsd-title\">Servi\u00e7os ICT<\/span>\n                <div class=\"nsd-highlights\">\n                  <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"nsd-hl\"><h4>Cloud e Hosting<\/h4><p>Ambientes cloud el\u00e1sticos e seguros.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"nsd-hl\"><h4>Equipamentos de Hardware<\/h4><p>Parceiros Cisco, Aruba e certificados.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"nsd-hl\"><h4>Licen\u00e7as de Softwares Genu\u00ednos<\/h4><p>Conformidade legal com licen\u00e7as originais.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"nsd-hl\"><h4>Managed SD-WAN<\/h4><p>WAN gerida e otimizada por software.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"nsd-hl\"><h4>Auditoria de Rede<\/h4><p>Diagn\u00f3stico e otimiza\u00e7\u00e3o da infraestrutura.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"nsd-hl\"><h4>Transforma\u00e7\u00e3o Digital<\/h4><p>Tecnologia alinhada aos seus processos.<\/p><\/a>\n                  <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"nsd-hl\"><h4>Migra\u00e7\u00e3o<\/h4><p>Transi\u00e7\u00e3o segura para a cloud.<\/p><\/a>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/li>\n\n      <li class=\"nsd-item nsd-has-panel\">\n        <button class=\"nsd-link\" type=\"button\">Parceiros\n          <svg class=\"nsd-caret\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"nsd-panel\">\n          <div class=\"nsd-panel-inner\">\n            <div class=\"nsd-detail nsd-solo\">\n              <span class=\"nsd-title\">Parceiros<\/span>\n              <div class=\"nsd-highlights\">\n                <a href=\"https:\/\/netspaceangola.online\/parceiros\/\" class=\"nsd-hl\"><h4>Parceiros Globais<\/h4><p>As marcas e fabricantes de refer\u00eancia mundial com que trabalhamos.<\/p><\/a>\n                <a href=\"#\" class=\"nsd-hl\"><h4>Clientes<\/h4><p>Empresas e institui\u00e7\u00f5es que confiam nas solu\u00e7\u00f5es da Netspace.<\/p><\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/li>\n\n      <li class=\"nsd-item nsd-has-panel\">\n        <button class=\"nsd-link\" type=\"button\">Sobre\n          <svg class=\"nsd-caret\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"nsd-panel\">\n          <div class=\"nsd-panel-inner\">\n            <div class=\"nsd-detail nsd-solo\">\n              <span class=\"nsd-title\">Sobre<\/span>\n              <div class=\"nsd-highlights\">\n                <a href=\"https:\/\/netspaceangola.online\/sobre\/\" class=\"nsd-hl\"><h4>Netspace<\/h4><p>Quem somos e o que nos move.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/sobre\/\" class=\"nsd-hl\"><h4>Hist\u00f3ria<\/h4><p>O percurso e a evolu\u00e7\u00e3o da empresa.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/sobre\/\" class=\"nsd-hl\"><h4>Equipa<\/h4><p>As pessoas por tr\u00e1s das solu\u00e7\u00f5es.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/noticias\/\" class=\"nsd-hl\"><h4>Not\u00edcias<\/h4><p>Novidades, projetos e comunicados.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/Apresentacao-Netspace-2026.pdf\" class=\"nsd-hl\"><h4>Cat\u00e1logo<\/h4><p>Portef\u00f3lio completo de servi\u00e7os e produtos.<\/p><\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/li>\n\n    <\/ul>\n\n    <!-- CONTACTOS -->\n    <div class=\"nsd-right-cta\">\n      <a href=\"https:\/\/netspaceangola.online\/contactos-2\/\" class=\"nsd-link\">Contactos<\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  (function () {\n    var nav = document.getElementById('nsdNav');\n    var cats = nav.querySelectorAll('.nsd-cat');\n    var panes = nav.querySelectorAll('.nsd-pane');\n    cats.forEach(function (cat) {\n      cat.addEventListener('mouseenter', function () {\n        var id = cat.getAttribute('data-pane');\n        cats.forEach(function (c) { c.classList.toggle('active', c === cat); });\n        panes.forEach(function (p) { p.classList.toggle('active', p.id === id); });\n      });\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4dbc531 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"4dbc531\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d05bb47 elementor-invisible\" data-id=\"d05bb47\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f91b11d elementor-widget elementor-widget-html\" data-id=\"f91b11d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     NETSPACE \u00b7 MENU MOBILE v2 \u2014 \"Enterprise Fullscreen\"\n     Painel a ecr\u00e3 inteiro, hamb\u00farguer animado, stagger de entrada,\n     CTA e contactos no rodap\u00e9. Prefixo .nsb- \u00b7 Esconde >900px.\n     ============================================================ -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .nsb-nav {\n    --nsb-ink: #0e1f1f; --nsb-body: #5b6b6e; --nsb-muted: #8a9a9d;\n    --nsb-line: #ececec; --nsb-teal: #2796ae; --nsb-teal-dark: #037c92;\n    --nsb-tint: rgba(39,150,174,0.08);\n    --nsb-logo-h: 45px;   \/* ALTURA DO LOG\u00d3TIPO *\/\n    position: fixed; top: 0; left: 0; right: 0; background: #ffffff !important;\n    font-family: 'Plus Jakarta Sans', sans-serif !important; color: var(--nsb-ink) !important; z-index: 9999;\n  }\n  .nsb-spacer { width: 100%; }\n  .nsb-nav.nsb-stuck { box-shadow: 0 4px 14px rgba(15,36,36,.08); }\n  .nsb-nav, .nsb-nav * {\n    box-sizing: border-box; font-family: 'Plus Jakarta Sans', sans-serif !important;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  \/* \u2500\u2500 Barra superior \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .nsb-bar { position: relative; display: flex; align-items: center; justify-content: center; padding: 14px 20px; min-height: 62px; z-index: 2; background: #ffffff !important; }\n  .nsb-logo { display: flex; align-items: center; text-decoration: none; }\n  .nsb-logo img { height: var(--nsb-logo-h); width: auto; display: block; }\n\n  \/* Hamb\u00farguer animado \u2192 X *\/\n  .nsb-burger {\n    position: absolute; left: 14px; top: 50%; transform: translateY(-50%);\n    width: 46px; height: 46px; background: none !important; border: none !important;\n    cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center;\n  }\n  .nsb-burger span {\n    position: absolute; left: 12px; width: 22px; height: 2px; border-radius: 2px;\n    background: var(--nsb-ink) !important;\n    transition: transform .32s cubic-bezier(.5,0,.2,1), opacity .2s ease, top .32s cubic-bezier(.5,0,.2,1);\n  }\n  .nsb-burger span:nth-child(1) { top: 16px; }\n  .nsb-burger span:nth-child(2) { top: 22px; }\n  .nsb-burger span:nth-child(3) { top: 28px; }\n  .nsb-nav.nsb-open .nsb-burger span:nth-child(1) { top: 22px; transform: rotate(45deg); }\n  .nsb-nav.nsb-open .nsb-burger span:nth-child(2) { opacity: 0; }\n  .nsb-nav.nsb-open .nsb-burger span:nth-child(3) { top: 22px; transform: rotate(-45deg); }\n\n  \/* \u2500\u2500 Painel a ecr\u00e3 inteiro \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .nsb-panel {\n    position: fixed; inset: 0; top: 62px; background: #ffffff !important;\n    display: flex; flex-direction: column;\n    opacity: 0; visibility: hidden; transform: translateY(-8px);\n    transition: opacity .3s ease, transform .3s ease, visibility 0s .3s;\n    overflow-y: auto; -webkit-overflow-scrolling: touch;\n  }\n  .nsb-nav.nsb-open .nsb-panel {\n    opacity: 1; visibility: visible; transform: translateY(0);\n    transition: opacity .3s ease, transform .3s ease;\n  }\n\n  .nsb-panel-inner { flex: 1; padding: 8px 0 24px; }\n\n  \/* Etiqueta editorial *\/\n  .nsb-eyebrow {\n    display: block; padding: 18px 24px 6px;\n    font-size: 11px; font-weight: 800; letter-spacing: 3px; color: var(--nsb-muted) !important;\n  }\n\n  .nsb-list { list-style: none; margin: 0; padding: 0; }\n  .nsb-item { border-bottom: 1px solid var(--nsb-line) !important; }\n\n  \/* Stagger de entrada *\/\n  .nsb-item, .nsb-eyebrow, .nsb-foot { opacity: 0; transform: translateY(10px); transition: opacity .4s ease, transform .4s ease; }\n  .nsb-nav.nsb-open .nsb-eyebrow { opacity: 1; transform: none; transition-delay: .05s; }\n  .nsb-nav.nsb-open .nsb-item:nth-child(1) { opacity: 1; transform: none; transition-delay: .10s; }\n  .nsb-nav.nsb-open .nsb-item:nth-child(2) { opacity: 1; transform: none; transition-delay: .15s; }\n  .nsb-nav.nsb-open .nsb-item:nth-child(3) { opacity: 1; transform: none; transition-delay: .20s; }\n  .nsb-nav.nsb-open .nsb-item:nth-child(4) { opacity: 1; transform: none; transition-delay: .25s; }\n  .nsb-nav.nsb-open .nsb-item:nth-child(5) { opacity: 1; transform: none; transition-delay: .30s; }\n  .nsb-nav.nsb-open .nsb-foot { opacity: 1; transform: none; transition-delay: .38s; }\n\n  \/* Linha principal: n\u00famero + t\u00edtulo *\/\n  .nsb-row {\n    display: flex; align-items: center; width: 100%;\n    padding: 20px 24px; background: none !important; border: none !important;\n    text-align: left; text-decoration: none; cursor: pointer;\n  }\n  .nsb-num {\n    width: 34px; flex-shrink: 0; font-size: 10px; font-weight: 700;\n    letter-spacing: 1px; color: var(--nsb-teal) !important;\n  }\n  .nsb-label { \n    flex: 1; font-size: 18px; font-weight: 700; color: var(--nsb-ink) !important; \n    letter-spacing: -0.3px; text-transform: none !important; \n  }\n  .nsb-caret { width: 18px; height: 18px; flex-shrink: 0; color: var(--nsb-muted) !important; transition: transform .28s ease, color .28s ease; }\n  .nsb-item.open > .nsb-row .nsb-caret { transform: rotate(180deg); color: var(--nsb-teal) !important; }\n  .nsb-item.open > .nsb-row .nsb-label { color: var(--nsb-teal-dark) !important; }\n\n  \/* Submenu *\/\n  .nsb-sub { max-height: 0; overflow: hidden; transition: max-height .4s ease; background: #fafbfb !important; }\n  .nsb-item.open > .nsb-sub { max-height: 4000px; }\n\n  \/* Categorias (Servi\u00e7os) *\/\n  .nsb-catwrap { border-top: 1px solid var(--nsb-line) !important; }\n  .nsb-cat {\n    display: flex; align-items: center; justify-content: space-between; width: 100%;\n    padding: 16px 24px 16px 58px; font-size: 15px; font-weight: 800;\n    letter-spacing: .4px; color: var(--nsb-ink) !important;\n    background: none !important; border: none !important; text-align: left; cursor: pointer;\n    text-transform: none !important;\n  }\n  .nsb-chev { width: 14px; height: 14px; flex-shrink: 0; color: var(--nsb-muted) !important; transition: transform .25s ease; }\n  .nsb-catwrap.open .nsb-chev { transform: rotate(90deg); color: var(--nsb-teal) !important; }\n  .nsb-catwrap.open .nsb-cat { color: var(--nsb-teal-dark) !important; }\n\n  .nsb-pane { max-height: 0; overflow: hidden; transition: max-height .35s ease; }\n  .nsb-catwrap.open .nsb-pane { max-height: 2000px; padding-bottom: 8px; }\n\n  \/* Servi\u00e7os \/ destaques \u2014 com barra lateral teal no toque *\/\n  .nsb-hl {\n    display: block; text-decoration: none; padding: 12px 24px 12px 58px;\n    border-left: 3px solid transparent !important;\n    text-transform: none !important;\n  }\n  .nsb-hl.nsb-indent { padding-left: 72px; }\n  .nsb-hl:active { background: var(--nsb-tint) !important; border-left-color: var(--nsb-teal) !important; }\n  .nsb-hl h4 { font-size: 15px; font-weight: 700; color: var(--nsb-ink) !important; margin: 0 0 3px 0; }\n  .nsb-hl p { font-size: 13px; line-height: 1.5; color: var(--nsb-body) !important; margin: 0; }\n\n  \/* \u2500\u2500 Rodap\u00e9 do painel: CTA + contactos \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .nsb-foot { padding: 20px 24px 32px; border-top: 1px solid var(--nsb-line) !important; background: #ffffff !important; }\n  .nsb-cta {\n    display: flex; align-items: center; justify-content: center; gap: 10px;\n    width: 100%; padding: 16px 20px; border-radius: 0;\n    background: var(--nsb-teal) !important; color: #ffffff !important;\n    font-size: 16px; font-weight: 700; text-decoration: none; letter-spacing: .2px;\n    text-transform: none !important;\n  }\n  .nsb-cta svg { width: 17px; height: 17px; }\n  .nsb-cta:active { background: var(--nsb-teal-dark) !important; }\n  .nsb-foot-meta { margin-top: 18px; display: flex; flex-direction: column; gap: 6px; }\n  .nsb-foot-meta a {\n    font-size: 13.5px; font-weight: 600; color: var(--nsb-body) !important; text-decoration: none;\n    text-transform: none !important;\n  }\n  .nsb-foot-meta a:active { color: var(--nsb-teal) !important; }\n\n  \/* Esconde no desktop *\/\n  @media (min-width: 901px) { .nsb-nav { display: none !important; } }\n<\/style>\n\n<div class=\"nsb-nav\" id=\"nsbNav\">\n\n  <div class=\"nsb-bar\">\n    <button class=\"nsb-burger\" id=\"nsbBurger\" type=\"button\" aria-label=\"Menu\" aria-expanded=\"false\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/button>\n\n    <a href=\"https:\/\/netspaceangola.online\/\" class=\"nsb-logo\">\n      <img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/loogo2.png\" alt=\"Netspace\">\n    <\/a>\n  <\/div>\n\n  <div class=\"nsb-panel\">\n    <div class=\"nsb-panel-inner\">\n\n      <span class=\"nsb-eyebrow\"><\/span>\n\n      <ul class=\"nsb-list\">\n\n        <li class=\"nsb-item\">\n          <a href=\"https:\/\/netspaceangola.online\/\" class=\"nsb-row\">\n            <span class=\"nsb-num\">01<\/span><span class=\"nsb-label\">Home<\/span>\n          <\/a>\n        <\/li>\n\n        <!-- SERVI\u00c7OS -->\n        <li class=\"nsb-item nsb-has-sub\">\n          <button class=\"nsb-row\" type=\"button\">\n            <span class=\"nsb-num\">02<\/span><span class=\"nsb-label\">Servi\u00e7os<\/span>\n            <svg class=\"nsb-caret\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/button>\n          <div class=\"nsb-sub\">\n\n            <div class=\"nsb-catwrap\">\n              <button class=\"nsb-cat\" type=\"button\">Conectividade\n                <svg class=\"nsb-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\n              <\/button>\n              <div class=\"nsb-pane\">\n                <a href=\"https:\/\/netspaceangola.online\/conectividade\/\" class=\"nsb-hl nsb-indent\"><h4>Servi\u00e7os de Internet<\/h4><p>Fibra, micro-ondas e sat\u00e9lite com acesso dedicado.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/conectividade\/\" class=\"nsb-hl nsb-indent\"><h4>Redes Corporativas<\/h4><p>SD-WAN, MPLS VPN e redes privadas para ligar filiais.<\/p><\/a>\n              <\/div>\n            <\/div>\n\n            <div class=\"nsb-catwrap\">\n              <button class=\"nsb-cat\" type=\"button\">Infraestrutura\n                <svg class=\"nsb-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\n              <\/button>\n              <div class=\"nsb-pane\">\n                <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsb-hl nsb-indent\"><h4>Redes de Fibra \u00d3ptica<\/h4><p>Backbone de alta capacidade e redundante.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsb-hl nsb-indent\"><h4>Data Centers<\/h4><p>Instala\u00e7\u00f5es seguras com energia redundante.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsb-hl nsb-indent\"><h4>Torres e Sites<\/h4><p>Localiza\u00e7\u00f5es estrat\u00e9gicas para cobertura wireless.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsb-hl nsb-indent\"><h4>Equipamentos de Rede<\/h4><p>Hardware de n\u00edvel core de topo.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsb-hl nsb-indent\"><h4>Sistema de Wi-Fi<\/h4><p>Cobertura ampla com gest\u00e3o de acessos.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsb-hl nsb-indent\"><h4>Dark Fiber<\/h4><p>Fibra dedicada com controlo total.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsb-hl nsb-indent\"><h4>Colocation<\/h4><p>Aloje o seu hardware em racks seguros.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nsb-hl nsb-indent\"><h4>Banda Larga Empresarial<\/h4><p>Internet est\u00e1vel com \u00f3timo custo-benef\u00edcio.<\/p><\/a>\n              <\/div>\n            <\/div>\n\n            <div class=\"nsb-catwrap\">\n              <button class=\"nsb-cat\" type=\"button\">Ciberseguran\u00e7a\n                <svg class=\"nsb-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\n              <\/button>\n              <div class=\"nsb-pane\">\n                <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsb-hl nsb-indent\"><h4>Firewall Gerido<\/h4><p>Barreira perimetral gerida 24\/7.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsb-hl nsb-indent\"><h4>Prote\u00e7\u00e3o Anti-DDoS<\/h4><p>Mitiga\u00e7\u00e3o de ataques em tempo real.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsb-hl nsb-indent\"><h4>IPS\/IDS (Intrus\u00e3o)<\/h4><p>Dete\u00e7\u00e3o e bloqueio de intrus\u00f5es.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsb-hl nsb-indent\"><h4>Setor P\u00fablico e Privado<\/h4><p>Conformidade regulat\u00f3ria \u00e0 medida.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsb-hl nsb-indent\"><h4>SOC as a Service<\/h4><p>Monitoriza\u00e7\u00e3o e resposta a incidentes.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsb-hl nsb-indent\"><h4>Filtragem de Email<\/h4><p>Bloqueio de phishing, spam e malware.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsb-hl nsb-indent\"><h4>Seguran\u00e7a de Rede<\/h4><p>Segmenta\u00e7\u00e3o e controlo de acessos (NAC).<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsb-hl nsb-indent\"><h4>Conectividade Segura<\/h4><p>VPN encriptada ponto a ponto.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nsb-hl nsb-indent\"><h4>Licenciamento de Software<\/h4><p>Licen\u00e7as oficiais para prote\u00e7\u00e3o ativa.<\/p><\/a>\n              <\/div>\n            <\/div>\n\n            <div class=\"nsb-catwrap\">\n              <button class=\"nsb-cat\" type=\"button\">ICT\n                <svg class=\"nsb-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\n              <\/button>\n              <div class=\"nsb-pane\">\n                <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"nsb-hl nsb-indent\"><h4>Cloud e Hosting<\/h4><p>Ambientes cloud el\u00e1sticos e seguros.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"nsb-hl nsb-indent\"><h4>Equipamentos de Hardware<\/h4><p>Parceiros Cisco, Aruba e certificados.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"nsb-hl nsb-indent\"><h4>Licen\u00e7as de Softwares Genu\u00ednos<\/h4><p>Conformidade legal com licen\u00e7as originais.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"nsb-hl nsb-indent\"><h4>Managed SD-WAN<\/h4><p>WAN gerida e otimizada por software.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"nsb-hl nsb-indent\"><h4>Auditoria de Rede<\/h4><p>Diagn\u00f3stico e otimiza\u00e7\u00e3o da infraestrutura.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"nsb-hl nsb-indent\"><h4>Transforma\u00e7\u00e3o Digital<\/h4><p>Tecnologia alinhada aos seus processos.<\/p><\/a>\n                <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"nsb-hl nsb-indent\"><h4>Migra\u00e7\u00e3o<\/h4><p>Transi\u00e7\u00e3o segura para a cloud.<\/p><\/a>\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/li>\n\n        <!-- PARCEIROS -->\n        <li class=\"nsb-item nsb-has-sub\">\n          <button class=\"nsb-row\" type=\"button\">\n            <span class=\"nsb-num\">03<\/span><span class=\"nsb-label\">Parceiros<\/span>\n            <svg class=\"nsb-caret\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/button>\n          <div class=\"nsb-sub\">\n            <a href=\"https:\/\/netspaceangola.online\/parceiros\/\" class=\"nsb-hl\"><h4>Parceiros Globais<\/h4><p>As marcas e fabricantes de refer\u00eancia mundial com que trabalhamos.<\/p><\/a>\n            <a href=\"#\" class=\"nsb-hl\"><h4>Clientes<\/h4><p>Empresas e institui\u00e7\u00f5es que confiam nas solu\u00e7\u00f5es da Netspace.<\/p><\/a>\n          <\/div>\n        <\/li>\n\n        <!-- SOBRE -->\n        <li class=\"nsb-item nsb-has-sub\">\n          <button class=\"nsb-row\" type=\"button\">\n            <span class=\"nsb-num\">04<\/span><span class=\"nsb-label\">Sobre<\/span>\n            <svg class=\"nsb-caret\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/button>\n          <div class=\"nsb-sub\">\n            <a href=\"https:\/\/netspaceangola.online\/sobre\/\" class=\"nsb-hl\"><h4>Netspace<\/h4><p>Quem somos e o que nos move.<\/p><\/a>\n            <a href=\"https:\/\/netspaceangola.online\/sobre\/\" class=\"nsb-hl\"><h4>Hist\u00f3ria<\/h4><p>O percurso e a evolu\u00e7\u00e3o da empresa.<\/p><\/a>\n            <a href=\"https:\/\/netspaceangola.online\/sobre\/\" class=\"nsb-hl\"><h4>Equipa<\/h4><p>As pessoas por tr\u00e1s das solu\u00e7\u00f5es.<\/p><\/a>\n            <a href=\"https:\/\/netspaceangola.online\/noticias\/\" class=\"nsb-hl\"><h4>Not\u00edcias<\/h4><p>Novidades, projetos e comunicados.<\/p><\/a>\n            <a href=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/Apresentacao-Netspace-2026.pdf\" class=\"nsb-hl\"><h4>Cat\u00e1logo<\/h4><p>Portef\u00f3lio completo de servi\u00e7os e produtos.<\/p><\/a>\n          <\/div>\n        <\/li>\n\n        <li class=\"nsb-item\">\n          <a href=\"https:\/\/netspaceangola.online\/contactos-2\/\" class=\"nsb-row\">\n            <span class=\"nsb-num\">05<\/span><span class=\"nsb-label\">Contactos<\/span>\n          <\/a>\n        <\/li>\n\n      <\/ul>\n    <\/div>\n\n    <!-- Rodap\u00e9 do painel -->\n    <div class=\"nsb-foot\">\n      <a href=\"https:\/\/netspaceangola.online\/contactos-2\/\" class=\"nsb-cta\">\n        Fale Connosco\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n      <\/a>\n      <div class=\"nsb-foot-meta\">\n        <a href=\"mailto:info@netspaceangola.online\">comercial@netspace.co.ao<\/a>\n        <a href=\"https:\/\/netspaceangola.online\/\">Edif\u00edcio 4, Condom\u00ednio Alpha Escrit\u00f3rios, Rua do MAT, Via C3, Talatona, Talatona<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n<div class=\"nsb-spacer\" id=\"nsbSpacer\"><\/div>\n\n<script>\n  (function () {\n    var nav = document.getElementById('nsbNav');\n    var burger = document.getElementById('nsbBurger');\n\n    \/* Abre\/fecha painel + bloqueia o scroll da p\u00e1gina *\/\n    burger.addEventListener('click', function () {\n      var open = nav.classList.toggle('nsb-open');\n      burger.setAttribute('aria-expanded', open ? 'true' : 'false');\n      document.documentElement.style.overflow = open ? 'hidden' : '';\n      document.body.style.overflow = open ? 'hidden' : '';\n    });\n\n    \/* Fecha o painel ao clicar num link (para navega\u00e7\u00e3o por \u00e2ncoras) *\/\n    nav.querySelectorAll('.nsb-panel a').forEach(function (link) {\n      link.addEventListener('click', function () {\n        nav.classList.remove('nsb-open');\n        burger.setAttribute('aria-expanded', 'false');\n        document.documentElement.style.overflow = '';\n        document.body.style.overflow = '';\n      });\n    });\n\n    \/* Itens de topo com submenu (acorde\u00e3o, um aberto de cada vez) *\/\n    nav.querySelectorAll('.nsb-item.nsb-has-sub > .nsb-row').forEach(function (row) {\n      row.addEventListener('click', function () {\n        var item = row.parentElement;\n        var was = item.classList.contains('open');\n        nav.querySelectorAll('.nsb-item.open').forEach(function (i) { i.classList.remove('open'); });\n        nav.querySelectorAll('.nsb-catwrap.open').forEach(function (c) { c.classList.remove('open'); });\n        if (!was) item.classList.add('open');\n      });\n    });\n\n    \/* Categorias \u2014 drill-down *\/\n    nav.querySelectorAll('.nsb-cat').forEach(function (cat) {\n      cat.addEventListener('click', function () {\n        var wrap = cat.parentElement;\n        var was = wrap.classList.contains('open');\n        nav.querySelectorAll('.nsb-catwrap.open').forEach(function (c) { c.classList.remove('open'); });\n        if (!was) wrap.classList.add('open');\n      });\n    });\n\n    \/* Sombra ao rolar *\/\n    window.addEventListener('scroll', function () {\n      nav.classList.toggle('nsb-stuck', window.scrollY > 8);\n    }, { passive: true });\n\n    \/* Espa\u00e7ador = altura da barra fixa *\/\n    var spacer = document.getElementById('nsbSpacer');\n    var bar = nav.querySelector('.nsb-bar');\n    function sizeSpacer() { if (spacer && bar) spacer.style.height = bar.offsetHeight + 'px'; }\n    window.addEventListener('resize', sizeSpacer);\n    window.addEventListener('load', sizeSpacer);\n    sizeSpacer();\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d82af50 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"d82af50\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a1711a2 elementor-invisible\" data-id=\"a1711a2\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-457cb74 elementor-widget elementor-widget-html\" data-id=\"457cb74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\n     NETSPACE \u00b7 BARRA DE AN\u00daNCIO (com fecho)\n     Colar num widget HTML do Elementor, no topo da p\u00e1gina\/header\n     ============================================ -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"ns-ab\" id=\"nsAnnounce\" role=\"region\" aria-label=\"An\u00fancio\">\n  <div class=\"ns-ab__inner\">\n    <a class=\"ns-ab__content\" href=\"#campanha-10-anos\">\n      <span class=\"ns-ab__text\">Celebre os 10 anos connosco<\/span>\n      <span class=\"ns-ab__cta\">\n        Ver ofertas\n        <svg class=\"ns-ab__arrow\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n          <path d=\"M3 8h9M8.5 4.5 12 8l-3.5 3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/span>\n    <\/a>\n\n    <button class=\"ns-ab__close\" type=\"button\" aria-label=\"Fechar an\u00fancio\">\n      <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n        <path d=\"M4 4l8 8M12 4l-8 8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<style>\n  .ns-ab {\n    --ns-ab-bg: #037c92;\n    --ns-ab-bg-2: #2796AE;\n    --ns-ab-text: #ffffff;\n    --ns-ab-muted: rgba(255, 255, 255, 0.85);\n    \/* Padding lateral \u2014 igual ao bloco \"Resultados reais\" *\/\n    --ns-ab-gutter: 195px;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    background: linear-gradient(90deg, var(--ns-ab-bg) 0%, var(--ns-ab-bg-2) 100%);\n    color: var(--ns-ab-text);\n    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n    max-height: 120px;\n    transition: max-height 0.35s ease, opacity 0.25s ease;\n  }\n\n  .ns-ab.is-closing {\n    opacity: 0;\n  }\n\n  .ns-ab .ns-ab__inner {\n    position: relative;\n    width: 100%;\n    padding: 14px var(--ns-ab-gutter);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 56px;\n    box-sizing: border-box;\n  }\n\n  .ns-ab .ns-ab__content {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    color: var(--ns-ab-text);\n    text-decoration: none;\n    font-size: 15.5px;\n    line-height: 1.4;\n    white-space: nowrap;\n  }\n\n  .ns-ab .ns-ab__text {\n    font-weight: 500;\n    color: var(--ns-ab-muted);\n  }\n\n  .ns-ab .ns-ab__cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-weight: 700;\n    color: var(--ns-ab-text);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.45);\n    padding-bottom: 1px;\n    transition: border-color 0.2s ease;\n  }\n\n  .ns-ab .ns-ab__arrow {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.25s ease;\n  }\n\n  .ns-ab .ns-ab__content:hover .ns-ab__cta {\n    border-color: var(--ns-ab-text);\n  }\n\n  .ns-ab .ns-ab__content:hover .ns-ab__arrow {\n    transform: translateX(3px);\n  }\n\n  .ns-ab .ns-ab__content:focus-visible,\n  .ns-ab .ns-ab__close:focus-visible {\n    outline: 2px solid #ffffff;\n    outline-offset: 3px;\n    border-radius: 4px;\n  }\n\n  \/* X alinhado com a margem do conte\u00fado *\/\n  .ns-ab .ns-ab__close {\n    position: absolute;\n    top: 50%;\n    right: calc(var(--ns-ab-gutter) - 8px);\n    transform: translateY(-50%);\n    width: 40px;\n    height: 40px;\n    padding: 0;\n    margin: 0;\n    display: grid;\n    place-items: center;\n    background: transparent;\n    border: 0;\n    border-radius: 50%;\n    color: var(--ns-ab-text);\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n  }\n\n  .ns-ab .ns-ab__close:hover {\n    background: rgba(255, 255, 255, 0.15);\n  }\n\n  .ns-ab .ns-ab__close svg {\n    width: 22px;\n    height: 22px;\n  }\n\n  \/* Mesmos pontos de quebra do bloco de estat\u00edsticas *\/\n  @media (max-width: 1200px) {\n    .ns-ab { --ns-ab-gutter: 40px; }\n  }\n\n  @media (max-width: 767px) {\n    .ns-ab { --ns-ab-gutter: 24px; }\n\n    \/* Padding igual dos dois lados para o texto ficar no centro, sem tocar no X *\/\n    .ns-ab .ns-ab__inner {\n      padding: 12px 44px;\n      min-height: 50px;\n    }\n\n    .ns-ab .ns-ab__content {\n      font-size: 13.5px;\n      gap: 8px;\n    }\n\n    .ns-ab .ns-ab__arrow {\n      width: 14px;\n      height: 14px;\n    }\n\n    .ns-ab .ns-ab__close {\n      right: 4px;\n      width: 36px;\n      height: 36px;\n    }\n\n    .ns-ab .ns-ab__close svg {\n      width: 20px;\n      height: 20px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ns-ab,\n    .ns-ab .ns-ab__arrow {\n      transition: none;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    \/\/ Fecha s\u00f3 na visualiza\u00e7\u00e3o actual \u2014 ao actualizar a p\u00e1gina, a barra volta a aparecer\n    var bar = document.getElementById('nsAnnounce');\n    if (!bar) return;\n\n    \/\/ Esconde o widget do Elementor por inteiro (evita espa\u00e7o vazio)\n    var wrapper = bar.closest('.elementor-widget-html') || bar;\n\n    bar.querySelector('.ns-ab__close').addEventListener('click', function () {\n      bar.style.maxHeight = bar.scrollHeight + 'px';\n      requestAnimationFrame(function () {\n        bar.style.maxHeight = '0px';\n        bar.classList.add('is-closing');\n      });\n      setTimeout(function () {\n        wrapper.style.display = 'none';\n      }, 380);\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f633b80 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"f633b80\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9d52269 elementor-invisible\" data-id=\"9d52269\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a41418c elementor-widget elementor-widget-html\" data-id=\"a41418c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\n     NETSPACE \u00b7 HERO COM V\u00cdDEO (2 slides)\n     Colar num widget HTML do Elementor\n     ============================================ -->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\n\n  \/* Reset defensivo \u2014 protege o widget dos estilos do tema *\/\n  .ns-hero, .ns-hero * { box-sizing: border-box; }\n  .ns-hero button {\n    -webkit-appearance: none;\n    appearance: none;\n    font-family: inherit;\n  }\n  .ns-hero img { max-width: 100%; }\n\n  .ns-hero.ns-hero {\n    --ink: #0d0f12;\n    --paper: #ffffff;\n    --teal: #2796ae;\n    --panel-w: min(560px, 44vw);\n    position: relative;\n    width: 100%;\n    height: 88vh;\n    min-height: 620px;\n    max-height: 860px;\n    overflow: hidden;\n    background: var(--ink);\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    padding: 0;\n    margin: 0;\n  }\n\n  \/* --- SLIDES --- *\/\n  .ns-hero .ns-hero-slide {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 1400ms cubic-bezier(.4, 0, .2, 1), visibility 0s linear 1400ms;\n    background-color: var(--ink);\n    background-size: cover;\n    background-position: center;\n    overflow: hidden;\n  }\n  .ns-hero .ns-hero-slide.is-active {\n    opacity: 1;\n    visibility: visible;\n    transition: opacity 1400ms cubic-bezier(.4, 0, .2, 1), visibility 0s;\n  }\n\n  \/* V\u00eddeo a preencher o slide *\/\n  .ns-hero .ns-hero-slide video {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n  }\n\n  \/* V\u00e9u subtil para dar unidade aos dois v\u00eddeos *\/\n  .ns-hero .ns-hero-slide::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(90deg, rgba(13,15,18,.35) 0%, rgba(13,15,18,0) 55%);\n    pointer-events: none;\n  }\n\n  \/* --- PAINEL --- *\/\n  .ns-hero .ns-hero-panel {\n    position: absolute;\n    z-index: 3;\n    top: 150px;\n    left: 200px;\n    bottom: 0;\n    width: var(--panel-w);\n    background: var(--teal);\n    color: var(--paper);\n    padding: 56px 64px;\n    display: flex;\n    flex-direction: column;\n  }\n  .ns-hero .ns-hero-panel h1 {\n    font-size: clamp(30px, 3.4vw, 46px);\n    font-weight: 700;\n    line-height: 1.12;\n    margin: 0 0 26px;\n    color: #ffffff;\n  }\n  .ns-hero .ns-hero-panel p {\n    font-size: 16px;\n    line-height: 1.6;\n    color: rgba(255,255,255,.82);\n    margin: 0 0 36px;\n    max-width: 420px;\n  }\n\n  \/* Anima\u00e7\u00e3o escalonada dos textos ao trocar de slide *\/\n  .ns-hero .ns-hero-panel h1,\n  .ns-hero .ns-hero-panel p,\n  .ns-hero .ns-hero-cta {\n    transition: opacity 700ms cubic-bezier(.4, 0, .2, 1), transform 700ms cubic-bezier(.4, 0, .2, 1);\n    opacity: 1;\n    transform: translateY(0);\n  }\n  .ns-hero .ns-hero-text.is-changing h1,\n  .ns-hero .ns-hero-text.is-changing p,\n  .ns-hero .ns-hero-text.is-changing .ns-hero-cta {\n    opacity: 0;\n    transform: translateY(20px);\n    transition-duration: 400ms;\n  }\n  .ns-hero .ns-hero-panel h1 { transition-delay: 0ms; }\n  .ns-hero .ns-hero-panel p  { transition-delay: 120ms; }\n  .ns-hero .ns-hero-cta      { transition-delay: 180ms; }\n\n  .ns-hero .ns-hero-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--paper);\n    color: #000000;\n    font-size: 12.5px;\n    font-weight: 700;\n    letter-spacing: .05em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 16px 30px;\n    align-self: flex-start;\n    margin-bottom: 40px;\n    transition: background 180ms ease, opacity 700ms cubic-bezier(.4, 0, .2, 1), transform 700ms cubic-bezier(.4, 0, .2, 1);\n  }\n  .ns-hero .ns-hero-cta:hover { background: #e2e2e2; color: #000000; }\n\n  \/* --- NAVEGA\u00c7\u00c3O --- *\/\n  .ns-hero .ns-hero-nav {\n    display: flex;\n    gap: 12px;\n    margin-top: auto;\n    flex-shrink: 0;\n    align-items: center;\n  }\n  .ns-hero .ns-hero-nav .ns-hero-arrow {\n    width: 46px;\n    height: 46px;\n    flex: 0 0 46px;\n    border: 1.5px solid #ffffff;\n    border-radius: 0;\n    background: transparent;\n    color: #ffffff;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    order: 1;\n    transition: background 180ms ease;\n  }\n  .ns-hero .ns-hero-nav .ns-hero-arrow svg { width: 18px; height: 18px; }\n  .ns-hero .ns-hero-nav .ns-hero-arrow:hover,\n  .ns-hero .ns-hero-nav .ns-hero-arrow:focus {\n    background: rgba(255,255,255,.15);\n    color: #ffffff;\n  }\n\n  .ns-hero .ns-hero-dots {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n    margin-left: 20px;\n    order: 2;\n  }\n  .ns-hero .ns-hero-dots button {\n    width: 8px;\n    height: 8px;\n    min-width: 8px;\n    min-height: 8px;\n    flex: 0 0 8px;\n    border-radius: 50%;\n    background: rgba(255,255,255,.4);\n    border: 1px solid rgba(255,255,255,.4);\n    padding: 0;\n    cursor: pointer;\n  }\n  .ns-hero .ns-hero-dots button:hover,\n  .ns-hero .ns-hero-dots button:focus { background: rgba(255,255,255,.7); }\n  .ns-hero .ns-hero-dots button.is-active { background: var(--paper); border-color: var(--paper); }\n\n  .ns-hero button:focus-visible,\n  .ns-hero .ns-hero-cta:focus-visible {\n    outline: 2px solid #ffffff;\n    outline-offset: 3px;\n  }\n\n  \/* --- TABLET HORIZONTAL \/ PORT\u00c1TIL PEQUENO (961\u20131200px) ---\n     Painel encosta \u00e0 mesma margem dos outros blocos (40px) e ganha largura *\/\n  @media (max-width: 1200px) {\n    .ns-hero.ns-hero { min-height: 700px; }\n    .ns-hero .ns-hero-panel {\n      left: 40px;\n      top: 90px;\n      width: min(540px, 54vw);\n      padding: 48px 48px;\n    }\n    .ns-hero .ns-hero-panel h1 { font-size: clamp(30px, 3.8vw, 42px); }\n    .ns-hero .ns-hero-panel p { font-size: 15.5px; margin-bottom: 30px; }\n    .ns-hero .ns-hero-cta { margin-bottom: 32px; }\n  }\n\n  \/* --- TABLET VERTICAL (721\u2013960px) ---\n     V\u00eddeo em cima, painel em baixo (como no mobile, mas com mais espa\u00e7o) *\/\n  @media (max-width: 960px) {\n    .ns-hero.ns-hero { height: auto; min-height: 0; max-height: none; }\n\n    .ns-hero .ns-hero-slide {\n      bottom: auto;\n      height: 460px;\n    }\n    .ns-hero .ns-hero-slide::after { display: none; }\n\n    .ns-hero .ns-hero-panel {\n      position: relative;\n      left: 0; right: 0; top: 0; bottom: auto;\n      width: 100%;\n      margin-top: 460px;\n      padding: 48px 40px 48px;\n    }\n    .ns-hero .ns-hero-panel h1 { font-size: clamp(32px, 5vw, 42px); margin-bottom: 22px; }\n    .ns-hero .ns-hero-panel p { max-width: 620px; margin-bottom: 32px; }\n    .ns-hero .ns-hero-cta { margin-bottom: 0; }\n\n    .ns-hero .ns-hero-nav { margin-top: 44px; width: 100%; justify-content: flex-end; }\n    .ns-hero .ns-hero-dots { margin-right: auto; margin-left: 0; }\n  }\n\n  \/* --- MOBILE (at\u00e9 720px) --- *\/\n  @media (max-width: 720px) {\n    .ns-hero .ns-hero-slide { height: 340px; }\n\n    .ns-hero .ns-hero-panel {\n      margin-top: 340px;\n      padding: 32px 24px 40px;\n    }\n    .ns-hero .ns-hero-panel h1 { font-size: clamp(28px, 8vw, 38px); margin-bottom: 20px; }\n    .ns-hero .ns-hero-panel p { font-size: 15.5px; margin-bottom: 28px; }\n    .ns-hero .ns-hero-cta { width: 100%; align-self: stretch; text-align: center; padding: 20px; margin-bottom: 0; }\n\n    .ns-hero .ns-hero-nav { margin-top: 40px; }\n    .ns-hero .ns-hero-nav .ns-hero-arrow { width: 56px; height: 56px; flex: 0 0 56px; }\n    .ns-hero .ns-hero-dots { margin-right: auto; }\n    .ns-hero .ns-hero-dots button { width: 10px; height: 10px; min-width: 10px; min-height: 10px; flex: 0 0 10px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ns-hero .ns-hero-slide,\n    .ns-hero .ns-hero-panel h1,\n    .ns-hero .ns-hero-panel p,\n    .ns-hero .ns-hero-cta { transition: none; }\n  }\n<\/style>\n\n<section class=\"ns-hero\" id=\"nsHero\">\n\n  <!-- SLIDE 1 \u00b7 Conectividade\n       background-image = imagem de reserva (aparece se o v\u00eddeo n\u00e3o carregar ou em poupan\u00e7a de dados)\n       poster = a mesma imagem, enquanto o v\u00eddeo carrega -->\n  <div class=\"ns-hero-slide is-active\" style=\"background-image:url('https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/DSC00948-scaled.png');\">\n    <video muted loop playsinline preload=\"none\"\n           poster=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/DSC00948-scaled.png\"\n           data-src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/08\/tecnica0-1.mp4\"><\/video>\n  <\/div>\n\n  <!-- SLIDE 2 \u00b7 Ciberseguran\u00e7a -->\n  <div class=\"ns-hero-slide\" style=\"background-image:url('https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/06\/DSC05472r-scaled.png');\">\n    <video muted loop playsinline preload=\"none\"\n           poster=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/06\/DSC05472r-scaled.png\"\n           data-src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/08\/comrcial-1.mp4\"><\/video>\n  <\/div>\n\n  <div class=\"ns-hero-panel\">\n    <div class=\"ns-hero-text\" id=\"nsHeroText\">\n      <h1 id=\"nsHeroTitle\">Conectividade<\/h1>\n      <p id=\"nsHeroDesc\">Aproveite solu\u00e7\u00f5es de alta velocidade e baixa lat\u00eancia, desenvolvidas para a agilidade da pr\u00f3xima gera\u00e7\u00e3o. Os nossos servi\u00e7os de conectividade s\u00e3o ativados em minutos e oferecem largura de banda escal\u00e1vel para responder a picos sazonais, opera\u00e7\u00f5es h\u00edbridas e ambientes multicloud. Com SLAs de at\u00e9 99,99%, recupera\u00e7\u00e3o segura e suporte NOC permanente, garantimos a continuidade das opera\u00e7\u00f5es cr\u00edticas. \u00c9 por isso que oferecemos servi\u00e7os exclusivamente para empresas.<\/p>\n      <a href=\"https:\/\/netspaceangola.online\/conectividade\/\" id=\"nsHeroCta\" class=\"ns-hero-cta\">Ver solu\u00e7\u00f5es<\/a>\n    <\/div>\n\n    <div class=\"ns-hero-nav\">\n      <div class=\"ns-hero-dots\" id=\"nsHeroDots\">\n        <button class=\"is-active\" aria-label=\"Slide 1: Conectividade\"\n                data-title=\"Conectividade\"\n                data-desc=\"Aproveite solu\u00e7\u00f5es de alta velocidade e baixa lat\u00eancia, desenvolvidas para a agilidade da pr\u00f3xima gera\u00e7\u00e3o. Os nossos servi\u00e7os de conectividade s\u00e3o ativados em minutos e oferecem largura de banda escal\u00e1vel para responder a picos sazonais, opera\u00e7\u00f5es h\u00edbridas e ambientes multicloud. Com SLAs de at\u00e9 99,99%, recupera\u00e7\u00e3o segura e suporte NOC permanente, garantimos a continuidade das opera\u00e7\u00f5es cr\u00edticas. \u00c9 por isso que oferecemos servi\u00e7os exclusivamente para empresas.\"\n                data-cta-text=\"Ver solu\u00e7\u00f5es\"\n                data-cta-url=\"https:\/\/netspaceangola.online\/conectividade\/\"><\/button>\n        <button aria-label=\"Slide 2: Ciberseguran\u00e7a\"\n                data-title=\"Ciberseguran\u00e7a\"\n                data-desc=\"Do per\u00edmetro ao endpoint, monitorizamos, detetamos e neutralizamos amea\u00e7as em tempo real. Com firewalls geridos, prote\u00e7\u00e3o Anti-DDoS, IPS\/IDS, SOC as a Service e monitoriza\u00e7\u00e3o cont\u00ednua, garantimos defesa ativa contra ataques e resposta imediata a incidentes. Pol\u00edticas rigorosas, relat\u00f3rios detalhados e suporte especializado asseguram que os dados da tua empresa permane\u00e7am protegidos. \u00c9 por isso que oferecemos servi\u00e7os exclusivamente para empresas.\"\n                data-cta-text=\"Saber mais\"\n                data-cta-url=\"https:\/\/netspaceangola.online\/ciberseguranca\/\"><\/button>\n      <\/div>\n      <button class=\"ns-hero-arrow\" aria-label=\"Anterior\" id=\"nsHeroPrev\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 5l-7 7 7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      <\/button>\n      <button class=\"ns-hero-arrow\" aria-label=\"Seguinte\" id=\"nsHeroNext\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  var heros = document.querySelectorAll('.ns-hero');\n  var hero = heros[heros.length - 1];\n  if (!hero) return;\n\n  var slides  = hero.querySelectorAll('.ns-hero-slide');\n  var dots    = hero.querySelectorAll('.ns-hero-dots button');\n  var videos  = hero.querySelectorAll('.ns-hero-slide video');\n  var textBox = hero.querySelector('#nsHeroText');\n  var title   = hero.querySelector('#nsHeroTitle');\n  var desc    = hero.querySelector('#nsHeroDesc');\n  var cta     = hero.querySelector('#nsHeroCta');\n\n  var AUTOPLAY_MS = 8000;   \/\/ tempo de cada slide (ajuste \u00e0 dura\u00e7\u00e3o dos v\u00eddeos)\n  var current = 0;\n  var timer = null;\n  var inView = true;\n\n  \/\/ Poupan\u00e7a de dados \/ movimento reduzido \u2192 fica s\u00f3 a imagem, sem v\u00eddeo nem autoplay\n  var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var saveData = navigator.connection && navigator.connection.saveData;\n  var useVideo = !reduceMotion && !saveData;\n\n  if (!useVideo) {\n    videos.forEach(function (v) { v.parentNode.removeChild(v); });\n    videos = [];\n  }\n\n  \/\/ Carrega o v\u00eddeo s\u00f3 quando \u00e9 preciso (n\u00e3o pesa no arranque da p\u00e1gina)\n  function loadVideo(v) {\n    if (!v || v.dataset.loaded) return;\n    v.src = v.dataset.src;\n    v.preload = 'auto';\n    v.dataset.loaded = '1';\n    v.load();\n  }\n\n  function playActiveVideo(idx, restart) {\n    videos.forEach(function (v, i) {\n      if (i === idx && inView && !document.hidden) {\n        loadVideo(v);\n        if (restart) { try { v.currentTime = 0; } catch (e) {} }\n        var p = v.play();\n        if (p && p.catch) p.catch(function () {});\n      } else {\n        v.pause();\n      }\n    });\n  }\n\n  function goTo(index) {\n    var next = (index + slides.length) % slides.length;\n    if (next === current) return;\n\n    slides[current].classList.remove('is-active');\n    dots[current].classList.remove('is-active');\n    slides[next].classList.add('is-active');\n    dots[next].classList.add('is-active');\n\n    playActiveVideo(next, true);\n\n    textBox.classList.add('is-changing');\n    setTimeout(function () {\n      var d = dots[next].dataset;\n      title.textContent = d.title;\n      desc.textContent = d.desc;\n      cta.textContent = d.ctaText;\n      cta.setAttribute('href', d.ctaUrl);\n      requestAnimationFrame(function () {\n        requestAnimationFrame(function () { textBox.classList.remove('is-changing'); });\n      });\n    }, 450);\n\n    current = next;\n    restartAutoplay();\n  }\n\n  function stopAutoplay() {\n    if (timer) { clearInterval(timer); timer = null; }\n  }\n\n  function restartAutoplay() {\n    stopAutoplay();\n    if (reduceMotion || !inView || document.hidden) return;\n    timer = setInterval(function () { goTo(current + 1); }, AUTOPLAY_MS);\n  }\n\n  \/\/ Arranque: 1.\u00ba v\u00eddeo j\u00e1; os restantes depois de a p\u00e1gina carregar\n  playActiveVideo(0, false);\n  window.addEventListener('load', function () {\n    setTimeout(function () {\n      videos.forEach(function (v, i) { if (i !== current) loadVideo(v); });\n    }, 1500);\n  });\n\n  \/\/ Controlos\n  hero.querySelector('#nsHeroNext').addEventListener('click', function () { goTo(current + 1); });\n  hero.querySelector('#nsHeroPrev').addEventListener('click', function () { goTo(current - 1); });\n  dots.forEach(function (dot, i) { dot.addEventListener('click', function () { goTo(i); }); });\n\n  hero.addEventListener('mouseenter', stopAutoplay);\n  hero.addEventListener('mouseleave', restartAutoplay);\n\n  \/\/ Pausa v\u00eddeo e autoplay quando o hero sai do ecr\u00e3 ou o separador fica oculto\n  if ('IntersectionObserver' in window) {\n    new IntersectionObserver(function (entries) {\n      inView = entries[0].isIntersecting;\n      playActiveVideo(current, false);\n      restartAutoplay();\n    }, { threshold: 0.15 }).observe(hero);\n  }\n\n  document.addEventListener('visibilitychange', function () {\n    playActiveVideo(current, false);\n    restartAutoplay();\n  });\n\n  restartAutoplay();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e2f7151 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"e2f7151\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-656b723 elementor-invisible\" data-id=\"656b723\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f1ca9b3 elementor-widget elementor-widget-html\" data-id=\"f1ca9b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\n     NETSPACE \u00b7 RESULTADOS REAIS (estat\u00edsticas)\n     Colar num widget HTML do Elementor\n     ============================================ -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* --- CONTAINER (margens iguais \u00e0 barra de an\u00fancio e ao hero) --- *\/\n  .ns-stats {\n    --ns-ink: #0f2424;\n    --ns-muted: #556666;\n    --ns-line: #c6c6c6;\n    --ns-teal: #258392;\n    --ns-gutter: 195px;\n\n    width: 100%;\n    padding: 80px var(--ns-gutter);\n    box-sizing: border-box;\n    background-color: #f6f6f6;\n    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n  }\n  .ns-stats *,\n  .ns-stats *::before,\n  .ns-stats *::after { box-sizing: border-box; }\n\n  \/* --- CABE\u00c7ALHO --- *\/\n  .ns-stats .ns-stats__header { margin-bottom: 60px; }\n\n  .ns-stats .ns-stats__title {\n    font-family: inherit;\n    font-size: 42px;\n    font-weight: 700;\n    line-height: 1.15;\n    color: var(--ns-ink);\n    margin: 0 0 16px;\n    letter-spacing: -1px;\n  }\n\n  .ns-stats .ns-stats__subtitle {\n    font-family: inherit;\n    font-size: 16px;\n    font-weight: 400;\n    color: var(--ns-muted);\n    max-width: 800px;\n    line-height: 1.6;\n    margin: 0;\n  }\n\n  \/* --- GRELHA --- *\/\n  .ns-stats .ns-stats__grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 40px;\n  }\n\n  .ns-stats .ns-stats__card {\n    display: flex;\n    flex-direction: column;\n  }\n\n  \/* --- N\u00daMEROS --- *\/\n  .ns-stats .ns-stats__number {\n    font-family: inherit;\n    font-size: 80px;\n    font-weight: 200;\n    color: var(--ns-ink);\n    line-height: 1;\n    margin: 0 0 20px;\n    letter-spacing: -2px;\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n  }\n\n  \/* --- LINHA (preenche a teal no hover) --- *\/\n  .ns-stats .ns-stats__divider {\n    position: relative;\n    width: 100%;\n    height: 1px;\n    background-color: var(--ns-line);\n    margin-bottom: 20px;\n    overflow: hidden;\n  }\n  .ns-stats .ns-stats__divider::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: var(--ns-teal);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.5s cubic-bezier(.4, 0, .2, 1);\n  }\n  .ns-stats .ns-stats__card:hover .ns-stats__divider::after { transform: scaleX(1); }\n\n  \/* --- T\u00cdTULO COM SETA --- *\/\n  .ns-stats .ns-stats__link {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    text-decoration: none;\n    color: var(--ns-ink);\n    margin: 0 0 12px;\n    transition: color 0.2s ease;\n    align-self: flex-start;\n  }\n  .ns-stats .ns-stats__label {\n    font-family: inherit;\n    font-size: 18px;\n    font-weight: 700;\n    line-height: 1.3;\n    color: inherit;\n    margin: 0;\n  }\n  .ns-stats .ns-stats__link svg {\n    width: 16px;\n    height: 16px;\n    fill: none;\n    stroke: var(--ns-teal);\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.2s ease;\n    flex-shrink: 0;\n  }\n  .ns-stats .ns-stats__link:hover,\n  .ns-stats .ns-stats__link:focus { color: var(--ns-teal); }\n  .ns-stats .ns-stats__link:hover svg { transform: translateX(4px); }\n  .ns-stats .ns-stats__link:focus-visible {\n    outline: 2px solid var(--ns-teal);\n    outline-offset: 4px;\n  }\n\n  \/* --- DESCRI\u00c7\u00c3O --- *\/\n  .ns-stats .ns-stats__desc {\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: 400;\n    color: var(--ns-muted);\n    line-height: 1.55;\n    margin: 0;\n  }\n\n  \/* ============================================\n     CONTAGEM COM ESTILO \u2014 rolos tipo od\u00f3metro\n     ============================================ *\/\n  .ns-stats .ns-odo {\n    --ns-odo-h: 1.1em;\n    display: inline-flex;\n    align-items: flex-start;\n    height: var(--ns-odo-h);\n    line-height: var(--ns-odo-h);\n    overflow: hidden;\n  }\n  .ns-stats .ns-odo__col {\n    display: inline-block;\n    height: var(--ns-odo-h);\n    overflow: hidden;\n  }\n  .ns-stats .ns-odo__strip {\n    display: flex;\n    flex-direction: column;\n    transform: translateY(0);\n    will-change: transform;\n  }\n  .ns-stats .ns-odo__strip span {\n    display: block;\n    height: var(--ns-odo-h);\n    line-height: var(--ns-odo-h);\n    text-align: center;\n  }\n  .ns-stats .ns-odo__sym {\n    display: inline-block;\n    height: var(--ns-odo-h);\n    line-height: var(--ns-odo-h);\n    opacity: 0;\n    transform: translateY(40%);\n    transition: opacity .6s ease, transform .8s cubic-bezier(.16, 1, .3, 1);\n  }\n  \/* Desfoque de movimento enquanto os rolos giram *\/\n  .ns-stats .ns-odo__col.is-spinning .ns-odo__strip {\n    animation: nsOdoBlur var(--ns-odo-dur, 2s) cubic-bezier(.16, 1, .3, 1) both;\n    animation-delay: inherit;\n  }\n  .ns-stats .ns-odo.is-done .ns-odo__sym {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  @keyframes nsOdoBlur {\n    0%   { filter: blur(0); }\n    15%  { filter: blur(2px); }\n    70%  { filter: blur(.6px); }\n    100% { filter: blur(0); }\n  }\n\n  \/* Entrada dos cart\u00f5es: sobem em cascata e a linha desenha-se *\/\n  .ns-stats.ns-stats--js .ns-stats__card {\n    opacity: 0;\n    transform: translateY(28px);\n    transition: opacity .8s ease, transform 1s cubic-bezier(.16, 1, .3, 1);\n  }\n  .ns-stats.ns-stats--js .ns-stats__divider {\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 1.2s cubic-bezier(.16, 1, .3, 1);\n  }\n  .ns-stats.ns-stats--js .ns-stats__card.is-in {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  .ns-stats.ns-stats--js .ns-stats__card.is-in .ns-stats__divider {\n    transform: scaleX(1);\n  }\n\n  \/* --- PORT\u00c1TIL PEQUENO (1201\u20131440px): n\u00fameros um pouco menores --- *\/\n  @media (max-width: 1440px) {\n    .ns-stats .ns-stats__number { font-size: 68px; }\n  }\n\n  \/* --- TABLET (768\u20131200px): 2 x 2 --- *\/\n  @media (max-width: 1200px) {\n    .ns-stats { --ns-gutter: 40px; padding-top: 64px; padding-bottom: 64px; }\n    .ns-stats .ns-stats__header { margin-bottom: 48px; }\n    .ns-stats .ns-stats__title { font-size: 36px; }\n    .ns-stats .ns-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px 40px; }\n    .ns-stats .ns-stats__number { font-size: 72px; }\n  }\n\n  \/* --- MOBILE (at\u00e9 767px): 1 coluna --- *\/\n  @media (max-width: 767px) {\n    .ns-stats { --ns-gutter: 24px; padding-top: 50px; padding-bottom: 50px; }\n    .ns-stats .ns-stats__header { margin-bottom: 40px; }\n    .ns-stats .ns-stats__title { font-size: 28px; letter-spacing: -0.5px; }\n    .ns-stats .ns-stats__subtitle { font-size: 15px; }\n    .ns-stats .ns-stats__grid { grid-template-columns: 1fr; gap: 44px; }\n    .ns-stats .ns-stats__number { font-size: 64px; margin-bottom: 14px; }\n    .ns-stats .ns-stats__divider { margin-bottom: 16px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ns-stats .ns-stats__divider::after,\n    .ns-stats .ns-stats__link,\n    .ns-stats .ns-stats__link svg { transition: none; }\n  }\n<\/style>\n\n<section class=\"ns-stats\" id=\"nsStats\">\n\n  <header class=\"ns-stats__header\">\n    <h2 class=\"ns-stats__title\">Resultados reais<\/h2>\n    <p class=\"ns-stats__subtitle\">Impulsione a sua empresa com a nossa infraestrutura de conectividade de alta performance preparada para o futuro do mercado corporativo.<\/p>\n  <\/header>\n\n  <div class=\"ns-stats__grid\">\n\n    <!-- CARD 1 -->\n    <div class=\"ns-stats__card\">\n      <div class=\"ns-stats__number\" data-count=\"10\" data-prefix=\"+\">+10<\/div>\n      <div class=\"ns-stats__divider\"><\/div>\n      <a href=\"#sobre\" class=\"ns-stats__link\">\n        <h3 class=\"ns-stats__label\">Anos de mercado<\/h3>\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n      <p class=\"ns-stats__desc\">H\u00e1 10 anos a conectar empresas ao mundo com m\u00e1xima estabilidade.<\/p>\n    <\/div>\n\n    <!-- CARD 2 -->\n    <div class=\"ns-stats__card\">\n      <div class=\"ns-stats__number\" data-count=\"700\" data-prefix=\"+\">+700<\/div>\n      <div class=\"ns-stats__divider\"><\/div>\n      <a href=\"#clientes\" class=\"ns-stats__link\">\n        <h3 class=\"ns-stats__label\">Empresas parceiras<\/h3>\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n      <p class=\"ns-stats__desc\">Mais de 700 empresas ativas e conectadas em Angola atrav\u00e9s das nossas solu\u00e7\u00f5es.<\/p>\n    <\/div>\n\n    <!-- CARD 3 -->\n    <div class=\"ns-stats__card\">\n      <div class=\"ns-stats__number\" data-count=\"99.9\" data-decimals=\"1\" data-suffix=\"%\">99,9%<\/div>\n      <div class=\"ns-stats__divider\"><\/div>\n      <a href=\"#conectividade\" class=\"ns-stats__link\">\n        <h3 class=\"ns-stats__label\">Uptime de rede<\/h3>\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n      <p class=\"ns-stats__desc\">Especialistas em conectividade redundante para institui\u00e7\u00f5es financeiras com exig\u00eancias de 99,99% de disponibilidade.<\/p>\n    <\/div>\n\n    <!-- CARD 4 -->\n    <div class=\"ns-stats__card\">\n      <div class=\"ns-stats__number\" data-count=\"76\" data-suffix=\"%\">76%<\/div>\n      <div class=\"ns-stats__divider\"><\/div>\n      <a href=\"#solucoes\" class=\"ns-stats__link\">\n        <h3 class=\"ns-stats__label\">Mais produtividade<\/h3>\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n      <p class=\"ns-stats__desc\">Com as nossas solu\u00e7\u00f5es de alta velocidade, ajudamos os clientes a aumentar a produtividade em at\u00e9 76%.<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var root = document.getElementById('nsStats');\n  if (!root) return;\n\n  \/\/ --- AJUSTES ---\n  var DUR          = 2200;  \/\/ tempo de giro de cada rolo (ms)\n  var CARD_STAGGER = 180;   \/\/ atraso entre cart\u00f5es (ms)\n  var COL_STAGGER  = 90;    \/\/ atraso entre d\u00edgitos do mesmo n\u00famero (ms)\n  var CYCLES       = 2;     \/\/ voltas completas antes de parar\n\n  var cards = root.querySelectorAll('.ns-stats__card');\n\n  function finalText(el) {\n    var dec = parseInt(el.dataset.decimals || '0', 10);\n    var txt = parseFloat(el.dataset.count).toFixed(dec).replace('.', ',');\n    return (el.dataset.prefix || '') + txt + (el.dataset.suffix || '');\n  }\n\n  \/\/ Transforma \"+700\" em rolos: [+] [0-9] [0-9] [0-9]\n  function build(el) {\n    var txt = finalText(el);\n    el.setAttribute('aria-label', txt);\n\n    var odo = document.createElement('span');\n    odo.className = 'ns-odo';\n    odo.setAttribute('aria-hidden', 'true');\n\n    txt.split('').forEach(function (ch) {\n      if (\/\\d\/.test(ch)) {\n        var col = document.createElement('span');\n        col.className = 'ns-odo__col';\n        col.dataset.digit = ch;\n        var strip = document.createElement('span');\n        strip.className = 'ns-odo__strip';\n        for (var c = 0; c <= CYCLES; c++) {\n          for (var d = 0; d <= 9; d++) {\n            var s = document.createElement('span');\n            s.textContent = d;\n            strip.appendChild(s);\n          }\n        }\n        col.appendChild(strip);\n        odo.appendChild(col);\n      } else {\n        var sym = document.createElement('span');\n        sym.className = 'ns-odo__sym';\n        sym.textContent = ch;\n        odo.appendChild(sym);\n      }\n    });\n\n    el.textContent = '';\n    el.appendChild(odo);\n    return odo;\n  }\n\n  function spin(odo, baseDelay) {\n    var cols = odo.querySelectorAll('.ns-odo__col');\n    cols.forEach(function (col, i) {\n      var strip = col.firstChild;\n      var digit = parseInt(col.dataset.digit, 10);\n      var delay = baseDelay + i * COL_STAGGER;\n      var dur = DUR + i * 140; \/\/ os d\u00edgitos da direita param por \u00faltimo\n      strip.style.transition = 'transform ' + dur + 'ms cubic-bezier(.16, 1, .3, 1) ' + delay + 'ms';\n      strip.style.animationDuration = dur + 'ms';\n      strip.style.animationDelay = delay + 'ms';\n      col.classList.add('is-spinning');\n      strip.style.transform = 'translateY(calc(var(--ns-odo-h) * -' + (CYCLES * 10 + digit) + '))';\n    });\n    \/\/ \"+\" e \"%\" entram a meio do giro\n    setTimeout(function () { odo.classList.add('is-done'); }, baseDelay + DUR * 0.45);\n  }\n\n  var items = [];\n  cards.forEach(function (card) {\n    var num = card.querySelector('.ns-stats__number[data-count]');\n    if (!num) return;\n    items.push({ card: card, odo: build(num) });\n  });\n\n  function reveal(item, order) {\n    var delay = order * CARD_STAGGER;\n    var divider = item.card.querySelector('.ns-stats__divider');\n    item.card.style.transitionDelay = delay + 'ms';\n    if (divider) divider.style.transitionDelay = (delay + 200) + 'ms';\n    item.card.classList.add('is-in');\n    spin(item.odo, delay + 250);\n  }\n\n  \/\/ Sem IntersectionObserver: anima logo\n  if (!('IntersectionObserver' in window)) {\n    root.classList.add('ns-stats--js');\n    requestAnimationFrame(function () {\n      items.forEach(function (item, i) { reveal(item, i); });\n    });\n    return;\n  }\n\n  root.classList.add('ns-stats--js');\n  root.offsetHeight; \/\/ garante o estado inicial antes de animar\n\n  var io = new IntersectionObserver(function (entries) {\n    var order = 0;\n    entries.forEach(function (entry) {\n      if (!entry.isIntersecting) return;\n      var item = items.filter(function (it) { return it.card === entry.target; })[0];\n      if (item) reveal(item, order++);\n      io.unobserve(entry.target);\n    });\n  }, { threshold: 0.3 });\n\n  items.forEach(function (item) { io.observe(item.card); });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-58ee312 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"58ee312\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c60bfa5 elementor-invisible\" data-id=\"c60bfa5\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cab4a37 elementor-widget elementor-widget-html\" data-id=\"cab4a37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\n     NETSPACE \u00b7 TABS 01 \/ 02 \/ 03 (texto + imagem)\n     Colar num widget HTML do Elementor\n     ============================================ -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* --- CONTAINER (margens iguais \u00e0 barra, ao hero e aos resultados) --- *\/\n  .nsi {\n    --nsi-ink: #0f2424;\n    --nsi-muted: #556666;\n    --nsi-teal: #258392;\n    --nsi-off: #a0aec0;\n    --nsi-line: #dfe5e6;\n    --nsi-gutter: 195px;\n    --nsi-dur: 7s;            \/* tempo de cada aba em autoplay *\/\n\n    width: 100%;\n    margin: 0 auto;\n    padding: 80px var(--nsi-gutter);\n    box-sizing: border-box;\n    background: #ffffff;\n    color: var(--nsi-ink);\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    overflow: hidden;\n  }\n  .nsi *,\n  .nsi *::before,\n  .nsi *::after { box-sizing: border-box; }\n\n  .nsi .nsi__inner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 80px;\n  }\n\n  .nsi .nsi__content { flex: 1 1 0; min-width: 0; max-width: 600px; }\n  .nsi .nsi__media   { flex: 1 1 0; min-width: 0; max-width: 550px; }\n\n  \/* --- N\u00daMEROS 01 \/ 02 \/ 03 com barra de progresso --- *\/\n  .nsi .nsi__tabs {\n    display: flex;\n    gap: 40px;\n    margin: 0 0 45px;\n    padding: 0;\n  }\n  .nsi .nsi__tab {\n    -webkit-appearance: none;\n    appearance: none;\n    position: relative;\n    margin: 0;\n    padding: 0 0 14px;\n    background: none;\n    border: 0;\n    border-radius: 0;\n    box-shadow: none;\n    cursor: pointer;\n    font-family: inherit;\n    font-size: 48px;\n    font-weight: 300;\n    line-height: 1;\n    letter-spacing: -1px;\n    color: var(--nsi-off);\n    font-variant-numeric: tabular-nums;\n    transition: color .3s ease;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .nsi .nsi__tab:hover,\n  .nsi .nsi__tab:focus {\n    background: none;\n    border: 0;\n    box-shadow: none;\n    color: var(--nsi-ink);\n  }\n  .nsi .nsi__tab.is-active { color: var(--nsi-ink); }\n  .nsi .nsi__tab:focus-visible {\n    outline: 2px solid var(--nsi-teal);\n    outline-offset: 6px;\n  }\n\n  .nsi .nsi__bar {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: 3px;\n    background: var(--nsi-line);\n    overflow: hidden;\n  }\n  .nsi .nsi__fill {\n    position: absolute;\n    inset: 0;\n    background: var(--nsi-teal);\n    transform: scaleX(0);\n    transform-origin: left;\n  }\n  .nsi .nsi__tab.is-active .nsi__fill {\n    animation: nsiFill var(--nsi-dur) linear forwards;\n  }\n  .nsi.is-paused .nsi__tab.is-active .nsi__fill { animation-play-state: paused; }\n  .nsi.is-static .nsi__tab.is-active .nsi__fill { animation: none; transform: scaleX(1); }\n  @keyframes nsiFill { to { transform: scaleX(1); } }\n\n  \/* --- TEXTOS (deslizam em conjunto) --- *\/\n  .nsi .nsi__viewport { overflow: hidden; }\n  .nsi .nsi__track {\n    display: flex;\n    transition: transform .7s cubic-bezier(.25, 1, .5, 1);\n    will-change: transform;\n  }\n  .nsi .nsi__pane {\n    flex: 0 0 100%;\n    min-width: 0;\n    padding-right: 20px;\n    display: flex;\n    flex-direction: column;\n    opacity: 0;\n    transition: opacity .35s ease;\n  }\n  .nsi .nsi__pane.is-active {\n    opacity: 1;\n    transition: opacity .6s ease .15s;\n  }\n\n  .nsi .nsi__title {\n    font-family: inherit;\n    font-size: 44px;\n    font-weight: 800;\n    line-height: 1.2;\n    letter-spacing: -1px;\n    color: var(--nsi-ink);\n    margin: 0 0 24px;\n  }\n  .nsi .nsi__desc { margin: 0 0 40px; }\n  .nsi .nsi__desc p {\n    font-family: inherit;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.6;\n    color: var(--nsi-muted);\n    margin: 0 0 16px;\n  }\n  .nsi .nsi__desc p:last-child { margin-bottom: 0; }\n\n  \/* Bot\u00e3o com efeito inverso *\/\n  .nsi .nsi__btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    align-self: flex-start;\n    font-family: inherit;\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--nsi-teal);\n    background: transparent;\n    border: 1px solid var(--nsi-teal);\n    border-radius: 0;\n    padding: 16px 40px;\n    text-decoration: none;\n    transition: background .3s ease, color .3s ease;\n  }\n  .nsi .nsi__btn svg {\n    width: 16px;\n    height: 16px;\n    transition: transform .25s ease;\n  }\n  .nsi .nsi__btn:hover,\n  .nsi .nsi__btn:focus {\n    background: var(--nsi-teal);\n    color: #ffffff;\n  }\n  .nsi .nsi__btn:hover svg { transform: translateX(4px); }\n  .nsi .nsi__btn:focus-visible {\n    outline: 2px solid var(--nsi-teal);\n    outline-offset: 3px;\n  }\n\n  \/* --- IMAGENS (crossfade com leve zoom) --- *\/\n  .nsi .nsi__frame {\n    position: relative;\n    width: 100%;\n    height: 500px;\n    overflow: hidden;\n    background: transparent;\n  }\n  .nsi .nsi__frame img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n    display: block;\n    opacity: 0;\n    transform: scale(1.06);\n    transition: opacity .8s ease, transform 1.6s cubic-bezier(.16, 1, .3, 1);\n  }\n  .nsi .nsi__frame img.is-active {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  \/* --- PORT\u00c1TIL PEQUENO \/ TABLET HORIZONTAL (at\u00e9 1200px) --- *\/\n  @media (max-width: 1200px) {\n    .nsi { --nsi-gutter: 40px; padding-top: 64px; padding-bottom: 64px; }\n    .nsi .nsi__inner { gap: 48px; }\n    .nsi .nsi__tab { font-size: 40px; }\n    .nsi .nsi__title { font-size: 36px; }\n    .nsi .nsi__frame { height: 420px; }\n  }\n\n  \/* --- TABLET VERTICAL (at\u00e9 960px): imagem em cima, texto em baixo --- *\/\n  @media (max-width: 960px) {\n    .nsi .nsi__inner {\n      flex-direction: column;\n      align-items: stretch;\n      gap: 0;\n    }\n    .nsi .nsi__media {\n      order: 1;\n      max-width: none;\n      margin-bottom: 40px;\n    }\n    .nsi .nsi__content {\n      order: 2;\n      max-width: none;\n    }\n    .nsi .nsi__frame { height: 440px; }\n    .nsi .nsi__tabs { margin-bottom: 32px; }\n  }\n\n  \/* --- MOBILE (at\u00e9 767px): imagem de ponta a ponta --- *\/\n  @media (max-width: 767px) {\n    .nsi { --nsi-gutter: 24px; padding-top: 0; padding-bottom: 50px; }\n    .nsi .nsi__media { margin: 0 calc(var(--nsi-gutter) * -1) 36px; }\n    .nsi .nsi__frame { height: 360px; }\n\n    .nsi .nsi__tabs { gap: 28px; margin-bottom: 28px; }\n    .nsi .nsi__tab { font-size: 32px; padding-bottom: 10px; }\n\n    .nsi .nsi__pane { padding-right: 0; }\n    .nsi .nsi__title { font-size: 30px; letter-spacing: -0.5px; margin-bottom: 18px; }\n    .nsi .nsi__desc { margin-bottom: 30px; }\n    .nsi .nsi__desc p { font-size: 15.5px; }\n    .nsi .nsi__btn { padding: 14px 34px; font-size: 15px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .nsi .nsi__track,\n    .nsi .nsi__pane,\n    .nsi .nsi__frame img { transition-duration: .01ms; transition-delay: 0s; }\n  }\n<\/style>\n\n<section class=\"nsi\" aria-label=\"Sobre a Netspace\">\n  <div class=\"nsi__inner\">\n\n    <!-- Coluna de textos -->\n    <div class=\"nsi__content\">\n\n      <div class=\"nsi__tabs\" role=\"tablist\" aria-label=\"Temas\">\n        <button class=\"nsi__tab is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\">01<span class=\"nsi__bar\"><span class=\"nsi__fill\"><\/span><\/span><\/button>\n        <button class=\"nsi__tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" tabindex=\"-1\">02<span class=\"nsi__bar\"><span class=\"nsi__fill\"><\/span><\/span><\/button>\n        <button class=\"nsi__tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" tabindex=\"-1\">03<span class=\"nsi__bar\"><span class=\"nsi__fill\"><\/span><\/span><\/button>\n      <\/div>\n\n      <div class=\"nsi__viewport\">\n        <div class=\"nsi__track\">\n\n          <!-- 01 -->\n          <div class=\"nsi__pane is-active\" role=\"tabpanel\">\n            <h2 class=\"nsi__title\">10 anos a entregar solu\u00e7\u00f5es<\/h2>\n            <div class=\"nsi__desc\">\n              <p>A Netspace entrega conectividade e solu\u00e7\u00f5es ICT com profundidade t\u00e9cnica, vis\u00e3o de neg\u00f3cio e presen\u00e7a onde outros n\u00e3o chegam, transformando infraestrutura em crescimento real para as empresas em Angola.<\/p>\n              <p>Ao longo de uma d\u00e9cada de experi\u00eancia, aprendemos com o mercado, evolu\u00edmos com os desafios e consolid\u00e1mos uma vis\u00e3o clara: conectar vidas e neg\u00f3cios com solu\u00e7\u00f5es inteligentes, seguras e preparadas para o futuro.<\/p>\n            <\/div>\n            <a href=\"#\" class=\"nsi__btn\">Leia mais\n              <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8h9M8.5 4.5 12 8l-3.5 3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/a>\n          <\/div>\n\n          <!-- 02 -->\n          <div class=\"nsi__pane\" role=\"tabpanel\" aria-hidden=\"true\" inert>\n            <h2 class=\"nsi__title\">Compromisso e evolu\u00e7\u00e3o<\/h2>\n            <div class=\"nsi__desc\">\n              <p>A nossa trajet\u00f3ria reflete a dedica\u00e7\u00e3o em impulsionar os neg\u00f3cios em Angola. Super\u00e1mos as origens de um pequeno ISP e consolid\u00e1mos a nossa estrutura para oferecer solu\u00e7\u00f5es de alta performance a grandes empresas nacionais e internacionais.<\/p>\n            <\/div>\n            <a href=\"#\" class=\"nsi__btn\">Leia mais\n              <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8h9M8.5 4.5 12 8l-3.5 3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/a>\n          <\/div>\n\n          <!-- 03 -->\n          <div class=\"nsi__pane\" role=\"tabpanel\" aria-hidden=\"true\" inert>\n            <h2 class=\"nsi__title\">Conex\u00f5es humanas<\/h2>\n            <div class=\"nsi__desc\">\n              <p>Conectar vidas, neg\u00f3cios e a sociedade por meio de solu\u00e7\u00f5es de comunica\u00e7\u00e3o inovadoras e confi\u00e1veis, sendo a for\u00e7a impulsionadora do desenvolvimento sustent\u00e1vel em Angola. O nosso prop\u00f3sito \u00e9 transcender as expectativas, conduzindo a transforma\u00e7\u00e3o digital e contribuindo para um futuro conectado e pr\u00f3spero.<\/p>\n            <\/div>\n            <a href=\"#\" class=\"nsi__btn\">Leia mais\n              <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8h9M8.5 4.5 12 8l-3.5 3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/a>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Coluna da imagem -->\n    <div class=\"nsi__media\">\n      <div class=\"nsi__frame\">\n        <img class=\"is-active\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/dg.png\" alt=\"Netspace \u2014 10 anos a entregar solu\u00e7\u00f5es\" decoding=\"async\">\n        <img src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/botons3.png\" alt=\"Netspace \u2014 compromisso e evolu\u00e7\u00e3o\" decoding=\"async\" loading=\"lazy\">\n        <img src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/nos.png\" alt=\"Netspace \u2014 conex\u00f5es humanas\" decoding=\"async\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  function init(root) {\n    if (root.dataset.nsiReady) return;\n    root.dataset.nsiReady = '1';\n\n    var tabs  = root.querySelectorAll('.nsi__tab');\n    var panes = root.querySelectorAll('.nsi__pane');\n    var imgs  = root.querySelectorAll('.nsi__frame img');\n    var track = root.querySelector('.nsi__track');\n    var total = panes.length;\n    var current = 0;\n\n    var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    if (reduceMotion) root.classList.add('is-static');\n\n    function go(index) {\n      current = (index + total) % total;\n\n      track.style.transform = 'translate3d(' + (-100 * current) + '%, 0, 0)';\n\n      tabs.forEach(function (tab, i) {\n        var on = i === current;\n        tab.classList.toggle('is-active', on);\n        tab.setAttribute('aria-selected', on ? 'true' : 'false');\n        tab.tabIndex = on ? 0 : -1;\n        \/\/ Recome\u00e7a a barra de progresso\n        var fill = tab.querySelector('.nsi__fill');\n        if (on && fill) { fill.style.animation = 'none'; void fill.offsetWidth; fill.style.animation = ''; }\n      });\n\n      panes.forEach(function (pane, i) {\n        var on = i === current;\n        pane.classList.toggle('is-active', on);\n        if (on) { pane.removeAttribute('aria-hidden'); pane.removeAttribute('inert'); }\n        else { pane.setAttribute('aria-hidden', 'true'); pane.setAttribute('inert', ''); }\n      });\n\n      imgs.forEach(function (img, i) {\n        img.classList.toggle('is-active', i === current);\n      });\n    }\n\n    \/\/ Clique e teclado nos n\u00fameros\n    tabs.forEach(function (tab, i) {\n      tab.addEventListener('click', function () { go(i); });\n      tab.addEventListener('keydown', function (e) {\n        if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\n          e.preventDefault();\n          go(current + (e.key === 'ArrowRight' ? 1 : -1));\n          tabs[current].focus();\n        }\n      });\n      \/\/ Quando a barra enche, passa para a aba seguinte\n      var fill = tab.querySelector('.nsi__fill');\n      if (fill) fill.addEventListener('animationend', function () {\n        if (i === current && !reduceMotion) go(current + 1);\n      });\n    });\n\n    \/\/ Pausa: rato por cima, foco dentro, fora do ecr\u00e3 ou separador oculto\n    var hovering = false, focused = false, inView = !('IntersectionObserver' in window);\n    function updatePause() {\n      root.classList.toggle('is-paused', hovering || focused || !inView || document.hidden);\n    }\n    if (window.matchMedia && window.matchMedia('(hover: hover)').matches) {\n      root.addEventListener('mouseenter', function () { hovering = true; updatePause(); });\n      root.addEventListener('mouseleave', function () { hovering = false; updatePause(); });\n    }\n    root.addEventListener('focusin', function () { focused = true; updatePause(); });\n    root.addEventListener('focusout', function () { focused = false; updatePause(); });\n    document.addEventListener('visibilitychange', updatePause);\n    if ('IntersectionObserver' in window) {\n      new IntersectionObserver(function (entries) {\n        inView = entries[0].isIntersecting;\n        updatePause();\n      }, { threshold: 0.35 }).observe(root);\n    }\n    updatePause();\n\n    \/\/ Deslizar com o dedo (mobile\/tablet)\n    var startX = 0, startY = 0;\n    root.addEventListener('touchstart', function (e) {\n      startX = e.changedTouches[0].clientX;\n      startY = e.changedTouches[0].clientY;\n    }, { passive: true });\n    root.addEventListener('touchend', function (e) {\n      var dx = startX - e.changedTouches[0].clientX;\n      var dy = startY - e.changedTouches[0].clientY;\n      if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 50) go(current + (dx > 0 ? 1 : -1));\n    }, { passive: true });\n\n    go(0);\n  }\n\n  function boot() { document.querySelectorAll('.nsi').forEach(init); }\n\n  \/\/ Funciona mesmo que o Elementor carregue o widget depois da p\u00e1gina\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);\n  else boot();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ae09c33 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"ae09c33\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9feef67 elementor-invisible\" data-id=\"9feef67\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-135fb96 elementor-widget elementor-widget-html\" data-id=\"135fb96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\n     NETSPACE \u00b7 SETORES EM QUE ATUAMOS (dropdown + imagem)\n     Colar num widget HTML do Elementor\n     ============================================ -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* --- CONTAINER (margens iguais aos outros blocos) --- *\/\n  .nsc {\n    --nsc-bg: #037c92;\n    --nsc-bg-dark: #014b61;\n    --nsc-text: #ffffff;\n    --nsc-soft: rgba(255, 255, 255, .86);\n    --nsc-gutter: 195px;\n\n    width: 100%;\n    padding: 0 var(--nsc-gutter);\n    box-sizing: border-box;\n    background: transparent;\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  }\n  .nsc *,\n  .nsc *::before,\n  .nsc *::after { box-sizing: border-box; }\n\n  .nsc .nsc__box {\n    width: 100%;\n    background: var(--nsc-bg);\n    color: var(--nsc-text);\n  }\n\n  .nsc .nsc__inner {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n  }\n\n  \/* --- IMAGEM (crossfade com leve zoom) --- *\/\n  .nsc .nsc__media {\n    position: relative;\n    flex: 1 1 0;\n    min-width: 0;\n    max-width: 850px;\n    min-height: clamp(560px, 50vw, 770px);\n    overflow: hidden;\n  }\n  .nsc .nsc__media img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n    display: block;\n    opacity: 0;\n    transform: scale(1.05);\n    transition: opacity .8s ease, transform 1.6s cubic-bezier(.16, 1, .3, 1);\n  }\n  .nsc .nsc__media img.is-active {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  \/* --- CONTE\u00daDO --- *\/\n  .nsc .nsc__content {\n    flex: 1.2 1 0;\n    min-width: 0;\n    max-width: 650px;\n    padding: 60px 80px 60px 56px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .nsc .nsc__label {\n    display: block;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--nsc-soft);\n    margin: 0 0 12px;\n  }\n\n  \/* --- DROPDOWN --- *\/\n  .nsc .nsc__dd {\n    position: relative;\n    width: 320px;\n    max-width: 100%;\n    margin-bottom: 44px;\n  }\n  .nsc .nsc__dd-btn {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    margin: 0;\n    padding: 14px 20px;\n    background: transparent;\n    border: 1px solid #ffffff;\n    border-radius: 0;\n    box-shadow: none;\n    color: var(--nsc-text);\n    font-family: inherit;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 1.3;\n    text-align: left;\n    cursor: pointer;\n    transition: background .25s ease;\n  }\n  .nsc .nsc__dd-btn:hover,\n  .nsc .nsc__dd-btn:focus {\n    background: rgba(255, 255, 255, .1);\n    color: var(--nsc-text);\n    border-color: #ffffff;\n  }\n  .nsc .nsc__dd-btn svg {\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n    transition: transform .3s ease;\n  }\n  .nsc .nsc__dd.is-open .nsc__dd-btn svg { transform: rotate(180deg); }\n\n  .nsc .nsc__dd-list {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 100%;\n    margin: 0;\n    padding: 6px 0;\n    list-style: none;\n    background: var(--nsc-bg-dark);\n    border: 1px solid #ffffff;\n    border-top: 0;\n    max-height: 360px;\n    overflow-y: auto;\n    z-index: 100;\n    box-shadow: 0 16px 32px rgba(0, 0, 0, .35);\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(-6px);\n    transition: opacity .2s ease, transform .25s ease, visibility 0s linear .25s;\n  }\n  .nsc .nsc__dd.is-open .nsc__dd-list {\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(0);\n    transition: opacity .2s ease, transform .25s ease, visibility 0s;\n  }\n\n  .nsc .nsc__dd-opt {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 12px 20px;\n    font-size: 15px;\n    color: rgba(255, 255, 255, .78);\n    cursor: pointer;\n    outline: none;\n    transition: background .2s ease, color .2s ease;\n  }\n  .nsc .nsc__dd-opt:hover,\n  .nsc .nsc__dd-opt:focus {\n    background: rgba(255, 255, 255, .12);\n    color: #ffffff;\n  }\n  .nsc .nsc__dd-opt[aria-selected=\"true\"] {\n    color: #ffffff;\n    font-weight: 600;\n  }\n  .nsc .nsc__dd-opt[aria-selected=\"true\"]::after {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: #ffffff;\n    flex-shrink: 0;\n  }\n\n  \/* --- TEXTOS --- *\/\n  .nsc .nsc__text {\n    transition: opacity .35s ease, transform .45s cubic-bezier(.16, 1, .3, 1);\n  }\n  .nsc .nsc__text.is-changing {\n    opacity: 0;\n    transform: translateY(12px);\n  }\n\n  .nsc .nsc__title {\n    font-family: inherit;\n    font-size: 38px;\n    font-weight: 800;\n    line-height: 1.25;\n    letter-spacing: -1px;\n    color: #ffffff;\n    margin: 0 0 25px;\n  }\n\n  .nsc .nsc__grid {\n    display: flex;\n    gap: 30px;\n    margin-bottom: 36px;\n  }\n  .nsc .nsc__grid p {\n    flex: 1 1 0;\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 1.6;\n    color: var(--nsc-soft);\n    margin: 0;\n  }\n\n  \/* --- BOT\u00c3O --- *\/\n  .nsc .nsc__btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    align-self: flex-start;\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--nsc-bg);\n    background: #ffffff;\n    border: 1px solid #ffffff;\n    border-radius: 0;\n    padding: 14px 32px;\n    text-decoration: none;\n    transition: background .3s ease, color .3s ease;\n  }\n  .nsc .nsc__btn svg {\n    width: 16px;\n    height: 16px;\n    transition: transform .25s ease;\n  }\n  .nsc .nsc__btn:hover,\n  .nsc .nsc__btn:focus {\n    background: transparent;\n    color: #ffffff;\n    border-color: #ffffff;\n  }\n  .nsc .nsc__btn:hover svg { transform: translateX(4px); }\n\n  .nsc .nsc__dd-btn:focus-visible,\n  .nsc .nsc__btn:focus-visible {\n    outline: 2px solid #ffffff;\n    outline-offset: 3px;\n  }\n\n  \/* --- PORT\u00c1TIL PEQUENO \/ TABLET HORIZONTAL (at\u00e9 1200px) --- *\/\n  @media (max-width: 1200px) {\n    .nsc { --nsc-gutter: 40px; }\n    .nsc .nsc__content { padding: 48px 40px; }\n    .nsc .nsc__title { font-size: 32px; }\n    .nsc .nsc__grid { flex-direction: column; gap: 16px; }\n  }\n\n  \/* --- TABLET VERTICAL (at\u00e9 960px): imagem em cima --- *\/\n  @media (max-width: 960px) {\n    .nsc .nsc__inner { flex-direction: column; }\n    .nsc .nsc__media {\n      flex: none;\n      max-width: none;\n      width: 100%;\n      min-height: 0;\n      height: 380px;\n    }\n    .nsc .nsc__content {\n      flex: none;\n      max-width: none;\n      padding: 48px 40px 56px;\n    }\n    .nsc .nsc__grid { flex-direction: row; gap: 30px; }\n  }\n\n  \/* --- MOBILE (at\u00e9 767px): caixa de ponta a ponta --- *\/\n  @media (max-width: 767px) {\n    .nsc { --nsc-gutter: 0px; }\n    .nsc .nsc__media { height: 300px; }\n    .nsc .nsc__content { padding: 40px 24px 48px; }\n    .nsc .nsc__dd { width: 100%; margin-bottom: 36px; }\n    .nsc .nsc__title { font-size: 26px; letter-spacing: -0.5px; margin-bottom: 20px; }\n    .nsc .nsc__grid { flex-direction: column; gap: 16px; margin-bottom: 32px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .nsc .nsc__media img,\n    .nsc .nsc__text,\n    .nsc .nsc__dd-list { transition-duration: .01ms; }\n  }\n<\/style>\n\n<section class=\"nsc\" aria-label=\"Setores em que atuamos\">\n  <div class=\"nsc__box\">\n    <div class=\"nsc__inner\">\n\n      <!-- Imagens (preenchidas pelo script; a 1.\u00aa j\u00e1 vem no HTML) -->\n      <div class=\"nsc__media\">\n        <img class=\"is-active\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/imagem1.webp\" alt=\"Banca e Seguros \u2014 Netspace\" decoding=\"async\">\n      <\/div>\n\n      <!-- Conte\u00fado -->\n      <div class=\"nsc__content\">\n        <span class=\"nsc__label\">Setores em que atuamos<\/span>\n\n        <div class=\"nsc__dd\">\n          <button class=\"nsc__dd-btn\" type=\"button\" aria-haspopup=\"listbox\" aria-expanded=\"false\">\n            <span class=\"nsc__dd-value\">Banca e Seguros<\/span>\n            <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4 6l4 4 4-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/button>\n          <ul class=\"nsc__dd-list\" role=\"listbox\" tabindex=\"-1\" aria-label=\"Setores\"><\/ul>\n        <\/div>\n\n        <div class=\"nsc__text\" aria-live=\"polite\">\n          <h2 class=\"nsc__title\">Moderniza\u00e7\u00e3o das redes financeiras<\/h2>\n          <div class=\"nsc__grid\">\n            <p>\u00c0 medida que os sistemas financeiros crescem, as ag\u00eancias necessitam de processamento de alta velocidade para transa\u00e7\u00f5es di\u00e1rias. Conex\u00f5es inst\u00e1veis causam atrasos que comprometem a fiabilidade e a confian\u00e7a dos clientes.<\/p>\n            <p>Ao fornecer acesso dedicado \u00e0 internet est\u00e1vel e arquitetura SD-WAN avan\u00e7ada, capacitamos as institui\u00e7\u00f5es banc\u00e1rias a interligar sistemas centrais e atualizar caixas autom\u00e1ticos com seguran\u00e7a m\u00e1xima.<\/p>\n          <\/div>\n        <\/div>\n\n        <a href=\"https:\/\/netspaceangola.online\/contactos-2\" class=\"nsc__btn\">Quero ser contactado\n          <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8h9M8.5 4.5 12 8l-3.5 3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  \/\/ =====================================================\n  \/\/ CONTE\u00daDOS \u2014 edite aqui (nome, t\u00edtulo, textos, imagem, link)\n  \/\/ =====================================================\n  var CONTACTO = 'https:\/\/netspaceangola.online\/contactos-2';\n\n  var SETORES = [\n    {\n      nome: 'Banca e Seguros',\n      titulo: 'Moderniza\u00e7\u00e3o das redes financeiras',\n      esq: '\u00c0 medida que os sistemas financeiros crescem, as ag\u00eancias necessitam de processamento de alta velocidade para transa\u00e7\u00f5es di\u00e1rias. Conex\u00f5es inst\u00e1veis causam atrasos que comprometem a fiabilidade e a confian\u00e7a dos clientes.',\n      dir: 'Ao fornecer acesso dedicado \u00e0 internet est\u00e1vel e arquitetura SD-WAN avan\u00e7ada, capacitamos as institui\u00e7\u00f5es banc\u00e1rias a interligar sistemas centrais e atualizar caixas autom\u00e1ticos com seguran\u00e7a m\u00e1xima.',\n      imagem: 'https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/imagem1.webp',\n      link: CONTACTO\n    },\n    {\n      nome: 'Sa\u00fade',\n      titulo: 'Conectividade cont\u00ednua para sistemas m\u00e9dicos',\n      esq: 'Institui\u00e7\u00f5es de sa\u00fade dependem do acesso imediato a hist\u00f3ricos cl\u00ednicos, exames de alta resolu\u00e7\u00e3o e telemedicina em tempo real. A estabilidade de rede nestes ambientes salva vidas e otimiza o atendimento.',\n      dir: 'Garantimos canais de dados priorit\u00e1rios para hospitais e cl\u00ednicas, protegendo fluxos confidenciais dos pacientes com a conformidade m\u00e1xima, lat\u00eancia ultrabaixa e redund\u00e2ncia cont\u00ednua.',\n      imagem: 'https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/imagem2.webp',\n      link: CONTACTO\n    },\n    {\n      nome: 'Ind\u00fastria',\n      titulo: 'Automa\u00e7\u00e3o e efici\u00eancia para a ind\u00fastria',\n      esq: 'Linhas de produ\u00e7\u00e3o modernas operam com sensores IoT, intelig\u00eancia artificial e automa\u00e7\u00e3o pesada que exigem sincroniza\u00e7\u00e3o instant\u00e2nea de dados para evitar paragens dispendiosas.',\n      dir: 'Fornecemos uma infraestrutura de rede resiliente, sim\u00e9trica e de alta velocidade para conectar de forma totalmente linear e segura as suas unidades fabris aos sistemas centrais de gest\u00e3o.',\n      imagem: 'https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/imagem3.webp',\n      link: CONTACTO\n    },\n    {\n      nome: 'Servi\u00e7os',\n      titulo: 'Alta performance para empresas competitivas',\n      esq: 'O setor de servi\u00e7os corporativos exige agilidade na nuvem, comunica\u00e7\u00f5es unificadas e transfer\u00eancia fluida de grandes volumes de dados para garantir a entrega de excel\u00eancia aos clientes finais.',\n      dir: 'A nossa rede dedicada elimina gargalos operacionais e assegura que ferramentas cr\u00edticas de produtividade, videoconfer\u00eancias e plataformas CRM operem sem quedas ou oscila\u00e7\u00f5es.',\n      imagem: 'https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/imagem4.webp',\n      link: CONTACTO\n    },\n    {\n      nome: 'Administra\u00e7\u00e3o P\u00fablica',\n      titulo: 'Moderniza\u00e7\u00e3o digital dos servi\u00e7os ao cidad\u00e3o',\n      esq: 'Portais do setor p\u00fablico exigem estabilidade para gerir milhares de acessos simult\u00e2neos di\u00e1rios e garantir respostas r\u00e1pidas, transparentes e inclusivas para toda a popula\u00e7\u00e3o.',\n      dir: 'Apoiamos a administra\u00e7\u00e3o p\u00fablica com redes robustas e isoladas, reduzindo drasticamente a lentid\u00e3o no processamento das atividades e elevando os padr\u00f5es de seguran\u00e7a dos dados p\u00fablicos.',\n      imagem: 'https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/imagem5.webp',\n      link: CONTACTO\n    },\n    {\n      nome: 'Transporte e Log\u00edstica',\n      titulo: 'Visibilidade e efici\u00eancia na cadeia de abastecimento',\n      esq: 'A gest\u00e3o de rotas, frotas e armaz\u00e9ns exige atualiza\u00e7\u00f5es de stock em tempo real. Falhas de conectividade quebram a cadeia de comunica\u00e7\u00e3o e geram atrasos cr\u00edticos nas entregas.',\n      dir: 'Interconectamos portos, hubs log\u00edsticos e centros de distribui\u00e7\u00e3o atrav\u00e9s de links redundantes de alta fiabilidade, garantindo que o rastreio e a opera\u00e7\u00e3o log\u00edstica nunca fiquem offline.',\n      imagem: 'https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/imagem6.webp',\n      link: CONTACTO\n    },\n    {\n      nome: 'Energia e Utilities',\n      titulo: 'Redes resilientes para infraestruturas cr\u00edticas',\n      esq: 'A distribui\u00e7\u00e3o de energia e a gest\u00e3o de utilidades b\u00e1sicas dependem de monitoriza\u00e7\u00e3o remota cont\u00ednua e de sistemas SCADA robustos para antecipar falhas e coordenar redes complexas.',\n      dir: 'Desenvolvemos redes privadas de alta resili\u00eancia que cobrem \u00e1reas extensas e remotas, assegurando transmiss\u00e3o t\u00e1tica de dados com prote\u00e7\u00e3o m\u00e1xima contra amea\u00e7as cibern\u00e9ticas ou f\u00edsicas.',\n      imagem: 'https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/imagem7.webp',\n      link: CONTACTO\n    },\n    {\n      nome: 'Retalho',\n      titulo: 'Disponibilidade total no ponto de venda',\n      esq: 'Manter o stock preciso em tempo real e os terminais de pagamento em perfeito funcionamento \u00e9 cr\u00edtico para n\u00e3o perder vendas. A sua opera\u00e7\u00e3o comercial necessita de transa\u00e7\u00f5es r\u00e1pidas.',\n      dir: 'Com a nossa internet dedicada e segura, garantimos largura de banda dedicada para interligar as suas lojas e armaz\u00e9ns, eliminando as quebras de fatura\u00e7\u00e3o no dia a dia do retalho.',\n      imagem: 'https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/imagem8.webp',\n      link: CONTACTO\n    },\n    {\n      nome: 'Oil & Gas',\n      titulo: 'Comunica\u00e7\u00f5es robustas para ambientes severos',\n      esq: 'Opera\u00e7\u00f5es upstream e downstream em plataformas onshore ou offshore enfrentam desafios geogr\u00e1ficos e operacionais extremos que exigem comunica\u00e7\u00f5es seguras e \u00e0 prova de falhas.',\n      dir: 'Desenhamos redes privadas dedicadas e conex\u00f5es via sat\u00e9lite\/fibra com altos n\u00edveis de criptografia, mantendo equipas conectadas e sistemas de seguran\u00e7a operacional monitorizados 24\/7.',\n      imagem: 'https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/imagem9.webp',\n      link: CONTACTO\n    }\n  ];\n\n  function init(root) {\n    if (root.dataset.nscReady) return;\n    root.dataset.nscReady = '1';\n\n    var media   = root.querySelector('.nsc__media');\n    var dd      = root.querySelector('.nsc__dd');\n    var btn     = root.querySelector('.nsc__dd-btn');\n    var value   = root.querySelector('.nsc__dd-value');\n    var list    = root.querySelector('.nsc__dd-list');\n    var textBox = root.querySelector('.nsc__text');\n    var title   = root.querySelector('.nsc__title');\n    var paras   = root.querySelectorAll('.nsc__grid p');\n    var cta     = root.querySelector('.nsc__btn');\n    var current = 0;\n    var swapTimer = null;\n\n    \/\/ Imagens: a 1.\u00aa j\u00e1 existe; as restantes s\u00e3o criadas e carregadas depois da p\u00e1gina\n    var imgs = [media.querySelector('img')];\n    SETORES.forEach(function (s, i) {\n      if (i === 0) return;\n      var img = document.createElement('img');\n      img.alt = s.nome + ' \u2014 Netspace';\n      img.decoding = 'async';\n      img.dataset.src = s.imagem;\n      media.appendChild(img);\n      imgs.push(img);\n    });\n    function loadImg(img) {\n      if (img && img.dataset.src) { img.src = img.dataset.src; img.removeAttribute('data-src'); }\n    }\n    function preloadAll() { imgs.forEach(loadImg); }\n    if (document.readyState === 'complete') setTimeout(preloadAll, 800);\n    else window.addEventListener('load', function () { setTimeout(preloadAll, 800); });\n\n    \/\/ Op\u00e7\u00f5es do dropdown\n    var opts = SETORES.map(function (s, i) {\n      var li = document.createElement('li');\n      li.className = 'nsc__dd-opt';\n      li.setAttribute('role', 'option');\n      li.setAttribute('aria-selected', i === 0 ? 'true' : 'false');\n      li.tabIndex = -1;\n      li.textContent = s.nome;\n      li.addEventListener('click', function () { select(i); close(true); });\n      li.addEventListener('keydown', function (e) { onOptKey(e, i); });\n      list.appendChild(li);\n      return li;\n    });\n\n    function open() {\n      dd.classList.add('is-open');\n      btn.setAttribute('aria-expanded', 'true');\n      opts[current].focus({ preventScroll: true });\n      opts[current].scrollIntoView({ block: 'nearest' });\n    }\n    function close(focusBtn) {\n      dd.classList.remove('is-open');\n      btn.setAttribute('aria-expanded', 'false');\n      if (focusBtn) btn.focus();\n    }\n\n    function select(i) {\n      if (i === current) return;\n      current = i;\n      var s = SETORES[i];\n\n      value.textContent = s.nome;\n      opts.forEach(function (o, k) { o.setAttribute('aria-selected', k === i ? 'true' : 'false'); });\n\n      loadImg(imgs[i]);\n      imgs.forEach(function (img, k) { img.classList.toggle('is-active', k === i); });\n\n      textBox.classList.add('is-changing');\n      clearTimeout(swapTimer);\n      swapTimer = setTimeout(function () {\n        title.textContent = s.titulo;\n        if (paras[0]) paras[0].textContent = s.esq;\n        if (paras[1]) paras[1].textContent = s.dir;\n        cta.setAttribute('href', s.link);\n        requestAnimationFrame(function () {\n          requestAnimationFrame(function () { textBox.classList.remove('is-changing'); });\n        });\n      }, 280);\n    }\n\n    function onOptKey(e, i) {\n      if (e.key === 'ArrowDown') { e.preventDefault(); opts[Math.min(i + 1, opts.length - 1)].focus(); }\n      else if (e.key === 'ArrowUp') { e.preventDefault(); opts[Math.max(i - 1, 0)].focus(); }\n      else if (e.key === 'Home') { e.preventDefault(); opts[0].focus(); }\n      else if (e.key === 'End') { e.preventDefault(); opts[opts.length - 1].focus(); }\n      else if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); select(i); close(true); }\n      else if (e.key === 'Escape') { e.preventDefault(); close(true); }\n      else if (e.key === 'Tab') { close(false); }\n    }\n\n    btn.addEventListener('click', function (e) {\n      e.stopPropagation();\n      if (dd.classList.contains('is-open')) close(false); else open();\n    });\n    btn.addEventListener('keydown', function (e) {\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') { e.preventDefault(); open(); }\n    });\n\n    \/\/ Fecha ao clicar fora\n    document.addEventListener('click', function (e) {\n      if (!dd.contains(e.target)) close(false);\n    });\n  }\n\n  function boot() { document.querySelectorAll('.nsc').forEach(init); }\n\n  \/\/ Funciona mesmo que o Elementor carregue o widget depois da p\u00e1gina\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);\n  else boot();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5cbb483 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"5cbb483\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0130395 elementor-invisible\" data-id=\"0130395\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8332341 elementor-widget elementor-widget-html\" data-id=\"8332341\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\n     NETSPACE \u00b7 SERVI\u00c7OS E SOLU\u00c7\u00d5ES (4 cart\u00f5es)\n     Colar num widget HTML do Elementor\n     ============================================ -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* --- CONTAINER (margens iguais aos outros blocos) --- *\/\n  .nss {\n    --nss-ink: #0f2424;\n    --nss-muted: #556666;\n    --nss-teal: #037c92;\n    --nss-teal-2: #2796ae;\n    --nss-line: #d9e0e1;\n    --nss-gutter: 195px;\n    --nss-ease: cubic-bezier(.16, 1, .3, 1);\n\n    width: 100%;\n    margin: 0 auto;\n    padding: 96px var(--nss-gutter);\n    box-sizing: border-box;\n    background: #ffffff;\n    color: var(--nss-ink);\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    overflow: hidden;\n  }\n  .nss *,\n  .nss *::before,\n  .nss *::after { box-sizing: border-box; }\n\n  \/* =============== CABE\u00c7ALHO =============== *\/\n  .nss .nss__head {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 40px;\n    margin-bottom: 56px;\n  }\n  .nss .nss__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--nss-teal);\n    margin: 0 0 16px;\n  }\n  .nss .nss__eyebrow::before {\n    content: \"\";\n    width: 28px;\n    height: 2px;\n    background: var(--nss-teal);\n  }\n  .nss .nss__title {\n    font-family: inherit;\n    font-size: 42px;\n    font-weight: 700;\n    line-height: 1.15;\n    letter-spacing: -1px;\n    color: var(--nss-ink);\n    max-width: 650px;\n    margin: 0 0 14px;\n  }\n  .nss .nss__title em {\n    font-style: normal;\n    font-weight: 300;\n    color: var(--nss-teal);\n  }\n  .nss .nss__lead {\n    font-size: 16px;\n    line-height: 1.6;\n    color: var(--nss-muted);\n    max-width: 520px;\n    margin: 0;\n  }\n  .nss .nss__all {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    flex-shrink: 0;\n    font-size: 15px;\n    font-weight: 700;\n    color: var(--nss-ink);\n    text-decoration: none;\n    padding-bottom: 6px;\n    background: linear-gradient(var(--nss-teal), var(--nss-teal)) left bottom \/ 100% 1px no-repeat;\n    transition: color .3s ease, background-size .4s var(--nss-ease);\n  }\n  .nss .nss__all svg { width: 16px; height: 16px; color: var(--nss-teal); transition: transform .3s ease; }\n  .nss .nss__all:hover,\n  .nss .nss__all:focus { color: var(--nss-teal); background-size: 0% 1px; }\n  .nss .nss__all:hover svg { transform: translateX(4px); }\n\n  \/* =============== GRELHA =============== *\/\n  .nss .nss__grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 30px;\n  }\n\n  .nss .nss__card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    min-width: 0;\n  }\n\n  \/* --- IMAGEM --- *\/\n  .nss .nss__media {\n    position: relative;\n    width: 100%;\n    height: 520px;\n    margin-bottom: 26px;\n    overflow: hidden;\n    background: #eef2f3;\n  }\n  .nss .nss__media img {\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n    display: block;\n    transition: transform 1.4s var(--nss-ease);\n  }\n  \/* Gradiente em baixo + v\u00e9u teal no hover *\/\n  .nss .nss__media::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: linear-gradient(180deg, rgba(15,36,36,0) 45%, rgba(15,36,36,.62) 100%);\n    pointer-events: none;\n  }\n  .nss .nss__media::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: linear-gradient(160deg, rgba(39,150,174,0) 30%, rgba(3,124,146,.45) 100%);\n    opacity: 0;\n    transition: opacity .6s ease;\n    pointer-events: none;\n  }\n  .nss .nss__card:hover .nss__media img { transform: scale(1.06); }\n  .nss .nss__card:hover .nss__media::after { opacity: 1; }\n\n  \/* Selo da categoria (canto superior) *\/\n  .nss .nss__tag {\n    position: absolute;\n    top: 18px;\n    left: 18px;\n    z-index: 2;\n    padding: 7px 12px;\n    background: rgba(255, 255, 255, .92);\n    -webkit-backdrop-filter: blur(6px);\n    backdrop-filter: blur(6px);\n    color: var(--nss-teal);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: .02em;\n    line-height: 1;\n  }\n\n  \/* N\u00famero grande (canto inferior) *\/\n  .nss .nss__num {\n    position: absolute;\n    left: 20px;\n    bottom: 14px;\n    z-index: 2;\n    font-size: 64px;\n    font-weight: 200;\n    line-height: 1;\n    letter-spacing: -2px;\n    color: #ffffff;\n    font-variant-numeric: tabular-nums;\n    transition: transform .6s var(--nss-ease);\n  }\n  .nss .nss__card:hover .nss__num { transform: translateY(-6px); }\n\n  \/* --- LINHA QUE ENCHE A TEAL NO HOVER --- *\/\n  .nss .nss__rule {\n    position: relative;\n    width: 100%;\n    height: 1px;\n    background: var(--nss-line);\n    margin-bottom: 20px;\n    overflow: hidden;\n  }\n  .nss .nss__rule::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: var(--nss-teal);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform .6s var(--nss-ease);\n  }\n  .nss .nss__card:hover .nss__rule::after { transform: scaleX(1); }\n\n  \/* --- TEXTOS --- *\/\n  .nss .nss__card h3 {\n    font-family: inherit;\n    font-size: 23px;\n    font-weight: 700;\n    line-height: 1.25;\n    color: var(--nss-ink);\n    margin: 0 0 12px;\n    transition: color .3s ease;\n  }\n  .nss .nss__card:hover h3 { color: var(--nss-teal); }\n\n  .nss .nss__card p {\n    flex-grow: 1;              \/* empurra o bot\u00e3o para baixo: bot\u00f5es alinhados *\/\n    font-family: inherit;\n    font-size: 16px;\n    line-height: 1.55;\n    color: var(--nss-muted);\n    margin: 0 0 24px;\n  }\n\n  \/* --- BOT\u00c3O CIRCULAR QUE ABRE NO HOVER --- *\/\n  .nss .nss__btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 46px;\n    min-width: 46px;\n    padding: 0 14px;\n    border: 1px solid var(--nss-line);\n    border-radius: 30px;\n    background: transparent;\n    color: var(--nss-teal);\n    text-decoration: none;\n    white-space: nowrap;\n    overflow: hidden;\n    transition: background-color .4s cubic-bezier(.25, 1, .5, 1),\n                border-color .4s cubic-bezier(.25, 1, .5, 1),\n                color .4s ease,\n                padding .4s cubic-bezier(.25, 1, .5, 1);\n  }\n  \/* O link cobre o cart\u00e3o inteiro (clicar em qualquer s\u00edtio abre o servi\u00e7o) *\/\n  .nss .nss__btn::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n  }\n  .nss .nss__btn-text {\n    display: inline-block;\n    max-width: 0;\n    opacity: 0;\n    font-size: 15px;\n    font-weight: 600;\n    transform: translateX(-10px);\n    transition: max-width .4s cubic-bezier(.25, 1, .5, 1),\n                opacity .3s ease,\n                transform .4s cubic-bezier(.25, 1, .5, 1),\n                margin-right .4s ease;\n  }\n  .nss .nss__btn svg {\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n  }\n  .nss .nss__card:hover .nss__btn,\n  .nss .nss__btn:focus-visible {\n    border-color: var(--nss-teal);\n    background-color: var(--nss-teal);\n    color: #ffffff;\n    padding: 0 22px;\n  }\n  .nss .nss__card:hover .nss__btn-text,\n  .nss .nss__btn:focus-visible .nss__btn-text {\n    max-width: 140px;\n    opacity: 1;\n    transform: translateX(0);\n    margin-right: 8px;\n  }\n  .nss .nss__btn:focus-visible {\n    outline: 2px solid var(--nss-teal);\n    outline-offset: 3px;\n  }\n\n  \/* Ecr\u00e3s de toque (sem hover): link de texto sempre vis\u00edvel *\/\n  @media (hover: none) {\n    .nss .nss__btn,\n    .nss .nss__card:hover .nss__btn {\n      height: auto;\n      min-width: 0;\n      padding: 0;\n      border: 0;\n      border-radius: 0;\n      background: transparent;\n      color: var(--nss-ink);\n      gap: 8px;\n    }\n    .nss .nss__btn-text,\n    .nss .nss__card:hover .nss__btn-text {\n      max-width: none;\n      opacity: 1;\n      transform: none;\n      margin-right: 0;\n      font-size: 16px;\n    }\n    .nss .nss__btn svg { color: var(--nss-teal); }\n  }\n\n  \/* =============== ENTRADA =============== *\/\n  \/* Cabe\u00e7alho sobe; imagens revelam-se de baixo para cima (cortina) *\/\n  .nss.nss--js .nss__head > * {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity .8s ease, transform 1s var(--nss-ease);\n  }\n  .nss.nss--js .nss__head.is-in > * { opacity: 1; transform: none; }\n  .nss.nss--js .nss__head.is-in > *:nth-child(2) { transition-delay: .15s; }\n\n  .nss.nss--js .nss__card .nss__media {\n    clip-path: inset(100% 0 0 0);\n    transition: clip-path 1.2s var(--nss-ease);\n  }\n  .nss.nss--js .nss__card .nss__media img { transform: scale(1.18); }\n  .nss.nss--js .nss__card .nss__body {\n    opacity: 0;\n    transform: translateY(18px);\n    transition: opacity .8s ease, transform 1s var(--nss-ease);\n  }\n  .nss.nss--js .nss__card.is-in .nss__media { clip-path: inset(0 0 0 0); }\n  .nss.nss--js .nss__card.is-in .nss__media img { transform: scale(1); }\n  .nss.nss--js .nss__card.is-in:hover .nss__media img { transform: scale(1.06); }\n  .nss.nss--js .nss__card.is-in .nss__body { opacity: 1; transform: none; }\n\n  .nss .nss__body {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    flex-grow: 1;\n    width: 100%;\n  }\n\n  \/* --- PONTOS (s\u00f3 no carrossel mobile) --- *\/\n  .nss .nss__dots { display: none; }\n\n  \/* =============== RESPONSIVO =============== *\/\n  @media (max-width: 1440px) {\n    .nss .nss__media { height: 460px; }\n    .nss .nss__num { font-size: 56px; }\n  }\n\n  \/* TABLET (at\u00e9 1200px): 2 x 2 *\/\n  @media (max-width: 1200px) {\n    .nss { --nss-gutter: 40px; padding-top: 72px; padding-bottom: 72px; }\n    .nss .nss__title { font-size: 36px; }\n    .nss .nss__head { margin-bottom: 44px; }\n    .nss .nss__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 52px 30px; }\n    .nss .nss__media { height: auto; aspect-ratio: 4 \/ 3; }\n  }\n\n  @media (max-width: 960px) {\n    .nss .nss__head { flex-direction: column; align-items: flex-start; gap: 24px; }\n  }\n\n  \/* MOBILE (at\u00e9 767px): carrossel com deslize *\/\n  @media (max-width: 767px) {\n    .nss { --nss-gutter: 24px; padding-top: 56px; padding-bottom: 56px; }\n    .nss .nss__title { font-size: 28px; letter-spacing: -0.5px; }\n    .nss .nss__lead { font-size: 15px; }\n    .nss .nss__head { margin-bottom: 32px; }\n\n    .nss .nss__grid {\n      display: flex;\n      gap: 16px;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      scroll-padding-left: var(--nss-gutter);\n      margin: 0 calc(var(--nss-gutter) * -1);\n      padding: 0 var(--nss-gutter) 4px;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n    }\n    .nss .nss__grid::-webkit-scrollbar { display: none; }\n\n    .nss .nss__card { flex: 0 0 82%; scroll-snap-align: start; }\n    .nss .nss__media { aspect-ratio: 4 \/ 5; margin-bottom: 22px; }\n    .nss .nss__num { font-size: 52px; }\n    .nss .nss__card h3 { font-size: 21px; }\n    .nss .nss__card p { margin-bottom: 18px; }\n\n    .nss .nss__dots {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 8px;\n      margin-top: 30px;\n    }\n    .nss .nss__dot {\n      -webkit-appearance: none;\n      appearance: none;\n      width: 8px;\n      height: 8px;\n      min-width: 8px;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      border-radius: 8px;\n      background: #d9dfe0;\n      cursor: pointer;\n      transition: width .4s var(--nss-ease), background-color .3s ease;\n    }\n    .nss .nss__dot.is-active {\n      width: 28px;\n      background: var(--nss-teal);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .nss *,\n    .nss *::before,\n    .nss *::after { transition-duration: .01ms; transition-delay: 0s; }\n  }\n<\/style>\n\n<section class=\"nss\" aria-label=\"Servi\u00e7os e solu\u00e7\u00f5es\">\n\n  <header class=\"nss__head\">\n    <div>\n  \n      <h2 class=\"nss__title\">Servi\u00e7os e <em>solu\u00e7\u00f5es<\/em><\/h2>\n      <p class=\"nss__lead\">Quatro pilares para ligar, proteger e fazer crescer a sua empresa em Angola.<\/p>\n    <\/div>\n    <a href=\"https:\/\/netspaceangola.online\/servicos\/\" class=\"nss__all\">Ver todos os servi\u00e7os\n      <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8h9M8.5 4.5 12 8l-3.5 3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n    <\/a>\n  <\/header>\n\n  <div class=\"nss__grid\">\n\n    <article class=\"nss__card\">\n      <div class=\"nss__media\">\n        <img src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/imagem23.jpg\" alt=\"Infraestrutura Netspace\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"nss__tag\">Funda\u00e7\u00e3o<\/span>\n        <span class=\"nss__num\" aria-hidden=\"true\">01<\/span>\n      <\/div>\n      <div class=\"nss__body\">\n        <div class=\"nss__rule\"><\/div>\n        <h3>Infraestrutura<\/h3>\n        <p>Fibra dedicada e co-location para manter as suas aplica\u00e7\u00f5es cr\u00edticas pr\u00f3ximas, r\u00e1pidas e sempre dispon\u00edveis.<\/p>\n        <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"nss__btn\" aria-label=\"Ver servi\u00e7os de Infraestrutura\">\n          <span class=\"nss__btn-text\">Ver servi\u00e7os<\/span>\n          <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8h9M8.5 4.5 12 8l-3.5 3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/article>\n\n    <article class=\"nss__card\">\n      <div class=\"nss__media\">\n        <img src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/imagemt.jpg\" alt=\"Conectividade Netspace\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"nss__tag\">Performance<\/span>\n        <span class=\"nss__num\" aria-hidden=\"true\">02<\/span>\n      <\/div>\n      <div class=\"nss__body\">\n        <div class=\"nss__rule\"><\/div>\n        <h3>Conectividade<\/h3>\n        <p>Internet dedicada, SD-WAN e largura de banda escal\u00e1vel, com disponibilidade at\u00e9 99,99% garantida em SLA.<\/p>\n        <a href=\"https:\/\/netspaceangola.online\/conectividade\/\" class=\"nss__btn\" aria-label=\"Ver servi\u00e7os de Conectividade\">\n          <span class=\"nss__btn-text\">Ver servi\u00e7os<\/span>\n          <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8h9M8.5 4.5 12 8l-3.5 3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/article>\n\n    <article class=\"nss__card\">\n      <div class=\"nss__media\">\n        <img src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/boas_boas-3.jpg\" alt=\"Ciberseguran\u00e7a Netspace\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"nss__tag\">Prote\u00e7\u00e3o<\/span>\n        <span class=\"nss__num\" aria-hidden=\"true\">03<\/span>\n      <\/div>\n      <div class=\"nss__body\">\n        <div class=\"nss__rule\"><\/div>\n        <h3>Ciberseguran\u00e7a<\/h3>\n        <p>Prote\u00e7\u00e3o avan\u00e7ada de dados, mitiga\u00e7\u00e3o de amea\u00e7as em tempo real e resili\u00eancia digital para o seu neg\u00f3cio.<\/p>\n        <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"nss__btn\" aria-label=\"Ver servi\u00e7os de Ciberseguran\u00e7a\">\n          <span class=\"nss__btn-text\">Ver servi\u00e7os<\/span>\n          <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8h9M8.5 4.5 12 8l-3.5 3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/article>\n\n    <article class=\"nss__card\">\n      <div class=\"nss__media\">\n        <img src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/Untitled-23.jpg\" alt=\"Solu\u00e7\u00f5es ICT Netspace\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"nss__tag\">Transforma\u00e7\u00e3o<\/span>\n        <span class=\"nss__num\" aria-hidden=\"true\">04<\/span>\n      <\/div>\n      <div class=\"nss__body\">\n        <div class=\"nss__rule\"><\/div>\n        <h3>ICT<\/h3>\n        <p>Solu\u00e7\u00f5es integradas de tecnologia da informa\u00e7\u00e3o e comunica\u00e7\u00e3o para otimizar e escalar o seu neg\u00f3cio de ponta a ponta.<\/p>\n        <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"nss__btn\" aria-label=\"Ver servi\u00e7os de ICT\">\n          <span class=\"nss__btn-text\">Ver servi\u00e7os<\/span>\n          <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8h9M8.5 4.5 12 8l-3.5 3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/article>\n\n  <\/div>\n\n  <div class=\"nss__dots\" aria-label=\"Navegar cart\u00f5es\"><\/div>\n<\/section>\n\n<script>\n(function () {\n  function init(root) {\n    if (root.dataset.nssReady) return;\n    root.dataset.nssReady = '1';\n\n    var head  = root.querySelector('.nss__head');\n    var grid  = root.querySelector('.nss__grid');\n    var cards = Array.prototype.slice.call(root.querySelectorAll('.nss__card'));\n    var dotsBox = root.querySelector('.nss__dots');\n\n    \/\/ --- Pontos do carrossel (mobile) ---\n    function padLeft() { return parseFloat(getComputedStyle(grid).paddingLeft || 0); }\n\n    var dots = cards.map(function (card, i) {\n      var b = document.createElement('button');\n      b.type = 'button';\n      b.className = 'nss__dot' + (i === 0 ? ' is-active' : '');\n      b.setAttribute('aria-label', 'Cart\u00e3o ' + (i + 1));\n      b.addEventListener('click', function () {\n        grid.scrollTo({ left: card.offsetLeft - grid.offsetLeft - padLeft(), behavior: 'smooth' });\n      });\n      dotsBox.appendChild(b);\n      return b;\n    });\n\n    var ticking = false;\n    function updateDots() {\n      ticking = false;\n      var gridLeft = grid.getBoundingClientRect().left + padLeft();\n      var best = 0, bestDist = Infinity;\n      cards.forEach(function (card, i) {\n        var d = Math.abs(card.getBoundingClientRect().left - gridLeft);\n        if (d < bestDist) { bestDist = d; best = i; }\n      });\n      dots.forEach(function (dot, i) { dot.classList.toggle('is-active', i === best); });\n    }\n    grid.addEventListener('scroll', function () {\n      if (!ticking) { ticking = true; requestAnimationFrame(updateDots); }\n    }, { passive: true });\n\n    \/\/ --- Entrada: cabe\u00e7alho + cart\u00f5es em cascata (cortina nas imagens) ---\n    if (!('IntersectionObserver' in window)) return;\n    root.classList.add('nss--js');\n\n    var io = new IntersectionObserver(function (entries) {\n      var order = 0;\n      entries.forEach(function (entry) {\n        if (!entry.isIntersecting) return;\n        var el = entry.target;\n        if (el.classList.contains('nss__card')) {\n          var delay = order++ * 160;\n          var media = el.querySelector('.nss__media');\n          var img   = el.querySelector('.nss__media img');\n          var body  = el.querySelector('.nss__body');\n          if (media) media.style.transitionDelay = delay + 'ms';\n          if (img)   img.style.transitionDelay = delay + 'ms';\n          if (body)  body.style.transitionDelay = (delay + 250) + 'ms';\n          \/\/ Depois da entrada, o hover volta a ser imediato\n          setTimeout(function () {\n            if (media) media.style.transitionDelay = '';\n            if (img)   img.style.transitionDelay = '';\n            if (body)  body.style.transitionDelay = '';\n          }, delay + 1500);\n        }\n        el.classList.add('is-in');\n        io.unobserve(el);\n      });\n    }, { threshold: 0.2 });\n\n    if (head) io.observe(head);\n    cards.forEach(function (card) { io.observe(card); });\n  }\n\n  function boot() { document.querySelectorAll('.nss').forEach(init); }\n\n  \/\/ Funciona mesmo que o Elementor carregue o widget depois da p\u00e1gina\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);\n  else boot();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a732d34 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"a732d34\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3f329f9 elementor-invisible\" data-id=\"3f329f9\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-79415a1 elementor-widget elementor-widget-html\" data-id=\"79415a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Garantir a importa\u00e7\u00e3o da Plus Jakarta Sans -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<div class=\"marquee-container\">\n    <h2 class=\"marquee-titulo\">Confiado por l\u00edderes globais e nacionais<\/h2>\n    \n    <div class=\"marquee-wrapper\">\n        <div class=\"marquee-track\">\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/06\/1.png\" alt=\"Markel\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/06\/2.png\" alt=\"Mary Kay\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/06\/3.png\" alt=\"Microsoft\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/06\/4.png\" alt=\"MTN\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/06\/5.png\" alt=\"Pemco Insurance\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/06\/6.png\" alt=\"Ralph Lauren\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/maptss.png\" alt=\"MAPTSS\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/dvs.png\" alt=\"DVS\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/nanca-bir.png\" alt=\"Nanca Bir\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/OAC-logo.png\" alt=\"OAC\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/simples-oil.png\" alt=\"Simples Oil\"><\/div>\n        <\/div>\n\n        <div class=\"marquee-track\" aria-hidden=\"true\">\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/06\/1.png\" alt=\"Markel\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/06\/2.png\" alt=\"Mary Kay\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/06\/3.png\" alt=\"Microsoft\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/06\/4.png\" alt=\"MTN\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/06\/5.png\" alt=\"Pemco Insurance\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/06\/6.png\" alt=\"Ralph Lauren\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/maptss.png\" alt=\"MAPTSS\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/dvs.png\" alt=\"DVS\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/nanca-bir.png\" alt=\"Nanca Bir\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/OAC-logo.png\" alt=\"OAC\"><\/div>\n            <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/simples-oil.png\" alt=\"Simples Oil\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* --- CONFIGURA\u00c7\u00c3O DO CONTAINER --- *\/\n.marquee-container {\n    background-color: #037c92 !important; \n    padding: 160px 20px !important;\n    text-align: center !important;\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\n    overflow: hidden !important;\n    width: 100% !important;\n    box-sizing: border-box !important;\n}\n\n.marquee-container * {\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\n    box-sizing: border-box !important;\n}\n\n.marquee-titulo {\n    color: #ffffff !important;\n    font-size: 2.5rem !important;\n    font-weight: 700 !important;\n    margin: 0 0 50px 0 !important;\n    letter-spacing: -0.5px !important;\n}\n\n\/* --- ESTRUTURA DO MARQUEE --- *\/\n.marquee-wrapper {\n    display: flex !important;\n    width: 100% !important;\n    overflow: hidden !important;\n    position: relative !important;\n    mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent) !important;\n    -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent) !important;\n}\n\n.marquee-track {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-around !important;\n    gap: 60px !important; \n    padding-right: 60px !important;\n    flex-shrink: 0 !important;\n    min-width: 100% !important;\n    animation: scroll-infinito 30s linear infinite !important; \n}\n\n.marquee-wrapper:hover .marquee-track {\n    animation-play-state: paused !important;\n}\n\n.marquee-item {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n}\n\n.marquee-item img {\n    height: 60px !important; \n    width: auto !important;\n    object-fit: contain !important;\n    filter: brightness(0) invert(1) !important; \n    opacity: 0.8 !important;\n    transition: opacity 0.3s ease !important;\n}\n\n.marquee-item img:hover {\n    opacity: 1 !important;\n}\n\n\/* --- C\u00c1LCULO DA ANIMA\u00c7\u00c3O INFINITA --- *\/\n@keyframes scroll-infinito {\n    0% {\n        transform: translateX(0%);\n    }\n    100% {\n        transform: translateX(-100%);\n    }\n}\n\n\/* --- RESPONSIVIDADE (MOBILE) --- *\/\n@media (max-width: 768px) {\n    .marquee-container {\n        padding: 120px 15px !important;\n    }\n    \n    .marquee-titulo {\n        font-size: 1.8rem !important;\n        margin-bottom: 35px !important;\n        padding: 0 10px !important;\n    }\n    \n    .marquee-track {\n        gap: 40px !important;\n        padding-right: 40px !important;\n        animation-duration: 22s !important; \n    }\n\n    .marquee-item img {\n        height: 35px !important; \n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-668a43c elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"668a43c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d8f5987 elementor-invisible\" data-id=\"d8f5987\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b2c16d elementor-widget elementor-widget-html\" data-id=\"7b2c16d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     NETSPACE \u00b7 CARROSSEL MINIMALISTA (ESTILO HERO)\n     Bot\u00f5es Azul #037c92 com Setas Brancas\n     Design Profissional e Tipografia Harm\u00f3nica\n     ============================================================ -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .hsc-wrap {\n    width: 100%;\n    box-sizing: border-box;\n    padding: 0 80px;\n  }\n  \n  .hsc-container {\n    position: relative;\n    width: 100%;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n  }\n\n  .hsc {\n    --hsc-bg:    #ffffff;\n    --hsc-ink:   #0d0f12;\n    --hsc-body:  #555555;\n    --hsc-blue:  #037c92;\n    --hsc-blue-dark: #025f73;\n\n    position: relative;\n    width: 100%;\n    height: 520px;\n    overflow: hidden;\n    background: var(--hsc-bg);\n  }\n\n  .hsc *, .hsc-container * {\n    box-sizing: border-box;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n  }\n\n  \/* Track dos Slides *\/\n  .hsc-track {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  \/* Slide Split 50\/50 *\/\n  .hsc-slide {\n    flex: 0 0 100%;\n    width: 100%;\n    height: 100%;\n    display: flex;\n  }\n\n  \/* Lado Esquerdo: Conte\u00fado *\/\n  .hsc-content {\n    flex: 0 0 50%;\n    width: 50%;\n    padding: 80px 70px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    background: #f8f8f8;\n  }\n\n  .hsc-title {\n    font-size: 2.2rem;\n    font-weight: 700;\n    max-width: 600px;\n    margin: 0 0 24px 0;\n    line-height: 1.3;\n    color: #111111;\n    letter-spacing: -0.5px;\n  }\n\n  .hsc-desc {\n    font-size: 16px;\n    line-height: 1.65;\n    color: var(--hsc-body);\n    margin: 0 0 40px 0;\n    max-width: 520px;\n    font-weight: 400;\n  }\n\n  .hsc-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--hsc-blue);\n    text-decoration: none;\n    width: fit-content;\n    transition: all 0.2s ease;\n    border-bottom: 2px solid transparent;\n  }\n  \n  .hsc-cta:hover {\n    color: var(--hsc-blue-dark);\n    border-bottom-color: var(--hsc-blue);\n  }\n\n  \/* Lado Direito: Imagem *\/\n  .hsc-media {\n    flex: 0 0 50%;\n    width: 50%;\n    height: 100%;\n    overflow: hidden;\n    background: #f0f0f0;\n  }\n  \n  .hsc-media img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* Controlos Inferiores *\/\n  .hsc-footer-controls {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 32px;\n    width: 100%;\n  }\n\n  \/* Dots *\/\n  .hsc-dots {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n  }\n  \n  .hsc-dot {\n    width: 8px;\n    height: 8px;\n    min-width: 8px;\n    min-height: 8px;\n    border-radius: 50%;\n    background: #e0e0e0;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    transition: background 0.3s ease;\n  }\n  \n  .hsc-dot.active {\n    background: var(--hsc-blue);\n      background: #037c92;\n  }\n\n  \/* SETAS: AZUL COM \u00cdCONES BRANCOS *\/\n  .hsc-arrows {\n    display: flex;\n    gap: 12px;\n  }\n  \n  .hsc-arrow {\n    width: 48px;\n    height: 48px;\n    flex: 0 0 48px;\n    border: none;\n    border-radius: 0px;\n    background: #037c92 !important;\n    color: #ffffff !important;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n    font-size: 18px;\n    line-height: 1;\n    font-family: Arial, Helvetica, sans-serif;\n    padding: 0;\n    font-weight: 600;\n    box-shadow: 0 2px 8px rgba(3, 124, 146, 0.15);\n  }\n\n  .hsc-arrow:hover {\n    background: #025f73 !important;\n    box-shadow: 0 4px 12px rgba(3, 124, 146, 0.25);\n    transform: translateY(-1px);\n  }\n\n  .hsc-arrow:active {\n    transform: translateY(0);\n    box-shadow: 0 2px 4px rgba(3, 124, 146, 0.2);\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 1024px) {\n    .hsc-wrap { padding: 0 20px; }\n    .hsc { height: auto; }\n    .hsc-slide { flex-direction: column-reverse; }\n    .hsc-content, .hsc-media { flex: none; width: 100%; }\n    .hsc-content { padding: 50px 30px; }\n    .hsc-media { height: 320px; }\n    .hsc-title { font-size: 28px; margin-bottom: 20px; }\n    .hsc-desc { font-size: 15px; line-height: 1.6; margin-bottom: 30px; }\n  }\n\n  @media (max-width: 768px) {\n    .hsc-content { padding: 40px 24px; }\n    .hsc-title { font-size: 24px; }\n    .hsc-desc { font-size: 14px; }\n    .hsc-arrow { width: 44px; height: 44px; font-size: 16px; }\n  }\n<\/style>\n\n<div class=\"hsc-wrap\">\n  <div class=\"hsc-container\" id=\"hscRoot\">\n    \n    <!-- \u00c1REA DO CARROSSEL -->\n    <div class=\"hsc\">\n      <div class=\"hsc-track\" id=\"hscTrack\">\n\n        <!-- SLIDE 1 -->\n        <div class=\"hsc-slide\">\n          <div class=\"hsc-content\">\n            <div>\n              <h2 class=\"hsc-title\">Hardware e Software<\/h2>\n              <p class=\"hsc-desc\">Fornecemos software genu\u00edno e hardware de alta performance. Somos parceiros certificados de marcas globais como Cisco, Microsoft, VMware e Sophos.<\/p>\n            <\/div>\n            <a href=\"https:\/\/netspaceangola.online\/ict\/\" class=\"hsc-cta\">Ver solu\u00e7\u00f5es &#10095;<\/a>\n          <\/div>\n          <div class=\"hsc-media\">\n            <img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/images-1.jpeg\" alt=\"Hardware e Software\">\n          <\/div>\n        <\/div>\n\n        <!-- SLIDE 2 -->\n        <div class=\"hsc-slide\">\n          <div class=\"hsc-content\">\n            <div>\n              <h2 class=\"hsc-title\">Redes Estruturadas<\/h2>\n              <p class=\"hsc-desc\">Desenho e implementa\u00e7\u00e3o de infraestrutura de rede corporativa com foco em escalabilidade e seguran\u00e7a. Garantimos integra\u00e7\u00e3o eficiente entre filiais e data centers.<\/p>\n            <\/div>\n            <a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\" class=\"hsc-cta\">Ver solu\u00e7\u00f5es &#10095;<\/a>\n          <\/div>\n          <div class=\"hsc-media\">\n            <img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/Imagens-Boas--scaled.png\" alt=\"Redes Estruturadas\">\n          <\/div>\n        <\/div>\n\n        <!-- SLIDE 3 -->\n        <div class=\"hsc-slide\">\n          <div class=\"hsc-content\">\n            <div>\n              <h2 class=\"hsc-title\">Consultoria e Auditoria<\/h2>\n              <p class=\"hsc-desc\">An\u00e1lise profunda da infraestrutura e pol\u00edticas de seguran\u00e7a da sua empresa. Identificamos vulnerabilidades e orientamos o investimento tecnol\u00f3gico ideal.<\/p>\n            <\/div>\n            <a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\" class=\"hsc-cta\">Ver solu\u00e7\u00f5es &#10095;<\/a>\n          <\/div>\n          <div class=\"hsc-media\">\n            <img decoding=\"async\" src=\"https:\/\/netspaceangola.online\/wp-content\/uploads\/2026\/07\/11mar22-presentation-60-scaled.png\" alt=\"Consultoria e Auditoria\">\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- CONTROLOS INFERIORES -->\n    <div class=\"hsc-footer-controls\">\n      <div class=\"hsc-dots\" id=\"hscDots\"><\/div>\n\n      <div class=\"hsc-arrows\">\n        <button class=\"hsc-arrow\" id=\"hscPrev\" type=\"button\" aria-label=\"Slide anterior\">&#10094;<\/button>\n        <button class=\"hsc-arrow\" id=\"hscNext\" type=\"button\" aria-label=\"Pr\u00f3ximo slide\">&#10095;<\/button>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  (function () {\n    var root = document.getElementById('hscRoot');\n    var track = document.getElementById('hscTrack');\n    var slides = Array.prototype.slice.call(track.querySelectorAll('.hsc-slide'));\n    var dotsBox = document.getElementById('hscDots');\n    var idx = 0, timer = null, DELAY = 6000;\n\n    slides.forEach(function (_, i) {\n      var d = document.createElement('button');\n      d.className = 'hsc-dot' + (i === 0 ? ' active' : '');\n      d.type = 'button';\n      d.addEventListener('click', function () { go(i); restart(); });\n      dotsBox.appendChild(d);\n    });\n    var dots = Array.prototype.slice.call(dotsBox.children);\n\n    function go(i) {\n      idx = (i + slides.length) % slides.length;\n      track.style.transform = 'translateX(-' + (idx * 100) + '%)';\n      dots.forEach(function (d, k) { d.classList.toggle('active', k === idx); });\n    }\n\n    function next() { go(idx + 1); }\n    function prev() { go(idx - 1); }\n    function start() { timer = setInterval(next, DELAY); }\n    function restart() { clearInterval(timer); start(); }\n\n    document.getElementById('hscNext').addEventListener('click', function () { next(); restart(); });\n    document.getElementById('hscPrev').addEventListener('click', function () { prev(); restart(); });\n\n    root.addEventListener('mouseenter', function () { clearInterval(timer); });\n    root.addEventListener('mouseleave', start);\n\n    start();\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c855bfa elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"3c855bfa\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7b1b5f6a\" data-id=\"7b1b5f6a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7ecc8225 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7ecc8225\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-4d1f5f51\" data-id=\"4d1f5f51\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-68ccff05 elementor-widget elementor-widget-image\" data-id=\"68ccff05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/netspace.co.ao\/wp-content\/uploads\/2026\/10\/loogo23-1-1024x341.png\" class=\"attachment-large size-large wp-image-143\" alt=\"\" srcset=\"https:\/\/netspace.co.ao\/wp-content\/uploads\/2026\/10\/loogo23-1-1024x341.png 1024w, https:\/\/netspace.co.ao\/wp-content\/uploads\/2026\/10\/loogo23-1-300x100.png 300w, https:\/\/netspace.co.ao\/wp-content\/uploads\/2026\/10\/loogo23-1-768x256.png 768w, https:\/\/netspace.co.ao\/wp-content\/uploads\/2026\/10\/loogo23-1-600x200.png 600w, https:\/\/netspace.co.ao\/wp-content\/uploads\/2026\/10\/loogo23-1.png 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d7a6927 elementor-widget elementor-widget-text-editor\" data-id=\"3d7a6927\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Netspace \u00e9 uma empresa que actua no mercado das telecomunica\u00e7\u00f5es, em 10 anos tornou-se um player de nicho no mercado de Internet, VPN e Voz.\u00a0 Um prestador de servi\u00e7os diferenciado, abrangente e de elevado valor no mercado angolano das telecomunica\u00e7\u00f5es. Oferemos servi\u00e7os de comunica\u00e7\u00f5es modernas de excel\u00eancia desenhadas \u00e0 medida de cada cliente, maximizando valor para todos os stakeholders, e contribuindo para o desenvolvimento sustentado das telecomuni\u00e7\u00f5es em Angola.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3030a5a5 e-grid-align-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"3030a5a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook-f elementor-repeater-item-eb96839\" href=\"https:\/\/www.facebook.com\/profile.php?id=100063302404916\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook-f<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook-f\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-d836cb8\" href=\"https:\/\/www.linkedin.com\/company\/netspace-angola\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-e8d87fb\" href=\"https:\/\/www.instagram.com\/netspace_\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-3b5d6e9a\" data-id=\"3b5d6e9a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-15616f23 elementor-widget elementor-widget-text-editor\" data-id=\"15616f23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Servi\u00e7os<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f25e957 elementor-widget elementor-widget-heading\" data-id=\"3f25e957\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/netspaceangola.online\/conectividade\/\">Conectividade<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23e3fab8 elementor-widget elementor-widget-heading\" data-id=\"23e3fab8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/netspaceangola.online\/ict\/\">ICT<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bac14c0 elementor-widget elementor-widget-heading\" data-id=\"2bac14c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/netspaceangola.online\/infraestrutura\/\">Infraestrutura<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a26c95b elementor-widget elementor-widget-heading\" data-id=\"3a26c95b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/netspaceangola.online\/ciberseguranca\/\">Ciberseguran\u00e7a<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-546721b9\" data-id=\"546721b9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5d9e8ea9 elementor-widget elementor-widget-text-editor\" data-id=\"5d9e8ea9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Empresa<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-592419d8 elementor-widget elementor-widget-heading\" data-id=\"592419d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/netspaceangola.online\/sobre\/\">Netspace<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4beb0674 elementor-widget elementor-widget-heading\" data-id=\"4beb0674\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/netspaceangola.online\/sobre\/\">Hist\u00f3ria<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a673d21 elementor-widget elementor-widget-heading\" data-id=\"4a673d21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/netspaceangola.online\/sobre\/\">Equipa<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d6dc3a9 elementor-widget elementor-widget-heading\" data-id=\"1d6dc3a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/netspaceangola.online\/noticias\/\">Not\u00edcias<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-675bbf22\" data-id=\"675bbf22\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-189cd348 elementor-widget elementor-widget-text-editor\" data-id=\"189cd348\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Contactos<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-175116af elementor-widget elementor-widget-heading\" data-id=\"175116af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Comercial@netspace.co.ao<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6aadce4b elementor-widget elementor-widget-heading\" data-id=\"6aadce4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">+244 933 625 554<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c72645a elementor-widget elementor-widget-heading\" data-id=\"7c72645a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Condom\u00ednio Alpha Escrit\u00f3rios, Rua do MAT Edificio, 4 - R\/C, Talatona-Luanda<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8c3ca elementor-widget elementor-widget-heading\" data-id=\"d8c3ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/netspaceangola.online\/contactos-2\/\">Fale Connosco<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27c8bdf4 elementor-widget elementor-widget-heading\" data-id=\"27c8bdf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/netspaceangola.online\/contactos-2\/\">Suporte<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-3944d495 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3944d495\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59d24d65 elementor-widget elementor-widget-text-editor\" data-id=\"59d24d65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>2026 Netspace. Todos os direitos reservados.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Servi\u00e7os Conectividade Infraestrutura Ciberseguran\u00e7a ICT Servi\u00e7os de Conectividade Servi\u00e7os de Internet Fibra, micro-ondas e sat\u00e9lite com acesso dedicado e escal\u00e1vel. Redes Corporativas SD-WAN, MPLS VPN e redes privadas para ligar filiais com seguran\u00e7a. Servi\u00e7os de Infraestrutura Redes de Fibra \u00d3ptica Backbone de alta capacidade e redundante. Data Centers Instala\u00e7\u00f5es seguras com energia redundante. Torres [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/netspace.co.ao\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/netspace.co.ao\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/netspace.co.ao\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/netspace.co.ao\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/netspace.co.ao\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":97,"href":"https:\/\/netspace.co.ao\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":205,"href":"https:\/\/netspace.co.ao\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/205"}],"wp:attachment":[{"href":"https:\/\/netspace.co.ao\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}