{"id":59,"date":"2024-12-02T07:39:17","date_gmt":"2024-12-02T07:39:17","guid":{"rendered":"https:\/\/dev.mdn.gov.mz\/?page_id=59"},"modified":"2026-02-26T16:51:59","modified_gmt":"2026-02-26T16:51:59","slug":"fam","status":"publish","type":"page","link":"https:\/\/mdn.gov.mz\/index.php\/fam\/","title":{"rendered":"FAM"},"content":{"rendered":"\n<!-- ============================================ -->\n<!-- P\u00c1GINA DO RAMO DA FOR\u00c7A A\u00c9REA DE MO\u00c7AMBIQUE -->\n<!-- DESIGN INSTITUCIONAL - ORGANIZADO EM BLOCOS  -->\n<!-- SUBORDINA\u00c7\u00c3O EM COLUNAS                      -->\n<!-- COMPOSI\u00c7\u00c3O E APOIO EM FORMATO QUADRADO      -->\n<!-- \u00cdCONES APENAS NOS LOCAIS PERTINENTES        -->\n<!-- ITENS ENUMERADOS                             -->\n<!-- CORES INSTITUCIONAIS: VERMELHO E VERDE      -->\n<!-- APENAS INFORMA\u00c7\u00d5ES FORNECIDAS               -->\n<!-- ============================================ -->\n\n<style>\n    \/* ===== VARI\u00c1VEIS INSTITUCIONAIS ===== *\/\n    :root {\n        --vermelho-oficial: #D32F2F;\n        --vermelho-escuro: #B71C1C;\n        --verde-oficial: #2E7D32;\n        --verde-escuro: #1B5E20;\n        --dourado: #FFC107;\n        --branco: #FFFFFF;\n        --cinza-institucional: #F0F3F7;\n        --cinza-borda: #DDE1E6;\n        --texto-escuro: #1E2B3C;\n        --sombra-suave: 0 4px 12px rgba(0,0,0,0.03);\n        --sombra-media: 0 6px 18px rgba(0,0,0,0.05);\n    }\n\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    body {\n        background: var(--cinza-institucional);\n        font-family: 'Segoe UI', 'Open Sans', 'Arial', sans-serif;\n        line-height: 1.6;\n        color: var(--texto-escuro);\n    }\n\n    .faerea-page {\n        max-width: 1400px;\n        margin: 30px auto;\n        padding: 0 20px;\n    }\n\n    \/* ===== CABE\u00c7ALHO INSTITUCIONAL ===== *\/\n    .cabecalho-institucional {\n        background: var(--branco);\n        padding: 25px 30px;\n        border-radius: 12px;\n        margin-bottom: 35px;\n        box-shadow: var(--sombra-media);\n        border-left: 8px solid var(--vermelho-oficial);\n        border-right: 8px solid var(--verde-oficial);\n        display: flex;\n        align-items: center;\n        gap: 25px;\n    }\n\n    .cabecalho-brasao {\n        font-size: 56px;\n        background: linear-gradient(145deg, var(--vermelho-oficial), var(--vermelho-escuro));\n        width: 100px;\n        height: 100px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: var(--branco);\n        border: 4px solid var(--dourado);\n    }\n\n    .cabecalho-titulos {\n        flex: 1;\n    }\n\n    .cabecalho-titulo-principal {\n        color: var(--vermelho-oficial);\n        font-size: 32px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 5px;\n    }\n\n    .cabecalho-subtitulo {\n        color: var(--verde-oficial);\n        font-size: 18px;\n        font-weight: 600;\n        letter-spacing: 1px;\n    }\n\n    \/* ===== LAYOUT PRINCIPAL - 2 COLUNAS ===== *\/\n    .layout-grid {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 30px;\n        align-items: flex-start;\n    }\n\n    \/* ===== COLUNA ESQUERDA ===== *\/\n    .coluna-principal {\n        flex: 1.3;\n        min-width: 300px;\n    }\n\n    \/* ===== BLOCOS INSTITUCIONAIS ===== *\/\n    .bloco-institucional {\n        background: var(--branco);\n        border-radius: 16px;\n        box-shadow: var(--sombra-media);\n        margin-bottom: 25px;\n        overflow: hidden;\n        border: 1px solid var(--cinza-borda);\n    }\n\n    .bloco-header {\n        background: linear-gradient(145deg, var(--vermelho-oficial), var(--vermelho-escuro));\n        padding: 18px 25px;\n        color: var(--branco);\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        border-bottom: 3px solid var(--dourado);\n    }\n\n    .bloco-header-icon {\n        font-size: 28px;\n        color: var(--dourado);\n        background: rgba(255,255,255,0.15);\n        width: 50px;\n        height: 50px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .bloco-header-titulo {\n        font-size: 22px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    .bloco-conteudo {\n        padding: 25px;\n    }\n\n    \/* ===== TEXTOS E DESTAQUES ===== *\/\n    .texto-institucional {\n        color: var(--texto-escuro);\n        font-size: 16px;\n        line-height: 1.7;\n        margin-bottom: 20px;\n        text-align: justify;\n    }\n\n    .destaque-institucional {\n        background: var(--cinza-institucional);\n        padding: 18px 22px;\n        border-radius: 10px;\n        border-left: 6px solid var(--verde-oficial);\n        font-weight: 500;\n        margin: 20px 0;\n    }\n\n    \/* ===== LISTAS ENUMERADAS ===== *\/\n    .lista-enumerada {\n        list-style: none;\n        counter-reset: item;\n        padding: 0;\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 12px;\n    }\n\n    .lista-enumerada li {\n        counter-increment: item;\n        padding: 14px 16px 14px 45px;\n        background: var(--cinza-institucional);\n        border-radius: 8px;\n        border-left: 4px solid var(--vermelho-oficial);\n        position: relative;\n        font-weight: 500;\n        transition: all 0.2s;\n    }\n\n    .lista-enumerada li:hover {\n        background: var(--branco);\n        border-left-color: var(--verde-oficial);\n        box-shadow: var(--sombra-suave);\n    }\n\n    .lista-enumerada li:before {\n        content: counter(item);\n        position: absolute;\n        left: 12px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 26px;\n        height: 26px;\n        background: var(--verde-oficial);\n        color: var(--branco);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 600;\n        font-size: 14px;\n    }\n\n    \/* ===== CARDS QUADRADOS PARA COMPOSI\u00c7\u00c3O E APOIO ===== *\/\n    .cards-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 12px;\n        margin: 10px 0;\n    }\n\n    .card-quadrado {\n        background: var(--cinza-institucional);\n        border-radius: 10px;\n        padding: 18px 12px;\n        text-align: center;\n        border-left: 4px solid var(--vermelho-oficial);\n        border-bottom: 4px solid var(--verde-oficial);\n        transition: all 0.2s;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 8px;\n        min-height: 120px;\n        justify-content: center;\n    }\n\n    .card-quadrado:hover {\n        transform: translateY(-3px);\n        box-shadow: var(--sombra-media);\n        border-left-color: var(--dourado);\n        border-bottom-color: var(--dourado);\n        background: var(--branco);\n    }\n\n    .card-icon {\n        font-size: 28px;\n        color: var(--vermelho-oficial);\n    }\n\n    .card-titulo {\n        font-size: 14px;\n        font-weight: 700;\n        color: var(--verde-oficial);\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        line-height: 1.3;\n    }\n\n    \/* ===== SUBORDINA\u00c7\u00c3O EM COLUNAS ===== *\/\n    .subordinacao-colunas {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 15px;\n        margin: 15px 0;\n    }\n\n    .coluna-subordinacao {\n        background: var(--cinza-institucional);\n        border-radius: 10px;\n        padding: 18px 15px;\n        border-top: 4px solid var(--vermelho-oficial);\n        border-bottom: 4px solid var(--verde-oficial);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        gap: 10px;\n        transition: all 0.2s;\n    }\n\n    .coluna-subordinacao:hover {\n        transform: translateY(-3px);\n        box-shadow: var(--sombra-media);\n        border-top-color: var(--dourado);\n        border-bottom-color: var(--dourado);\n        background: var(--branco);\n    }\n\n    .coluna-icon {\n        font-size: 32px;\n        color: var(--vermelho-oficial);\n    }\n\n    .coluna-titulo {\n        font-size: 16px;\n        font-weight: 700;\n        color: var(--verde-oficial);\n        text-transform: uppercase;\n    }\n\n    \/* ===== LISTAS SIMPLES ===== *\/\n    .lista-simples {\n        list-style: none;\n        padding: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .lista-simples li {\n        padding: 8px 0 8px 35px;\n        position: relative;\n        border-bottom: 1px dashed var(--cinza-borda);\n        font-size: 15px;\n    }\n\n    .lista-simples li:last-child {\n        border-bottom: none;\n    }\n\n    .lista-simples li i {\n        position: absolute;\n        left: 0;\n        top: 50%;\n        transform: translateY(-50%);\n        font-size: 18px;\n        color: var(--vermelho-oficial);\n        width: 24px;\n        text-align: center;\n    }\n\n    \/* ===== COLUNA DIREITA - COMANDANTE ===== *\/\n    .coluna-comandante {\n        flex: 0.7;\n        min-width: 340px;\n        max-width: 400px;\n        margin-left: auto;\n        margin-right: 0;\n        position: sticky;\n        top: 20px;\n    }\n\n    .card-comandante {\n        background: var(--branco);\n        border-radius: 16px;\n        box-shadow: var(--sombra-media);\n        overflow: hidden;\n        border: 1px solid var(--cinza-borda);\n    }\n\n    .card-comandante-header {\n        background: linear-gradient(145deg, var(--verde-oficial), var(--verde-escuro));\n        padding: 20px 25px;\n        color: var(--branco);\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        border-bottom: 3px solid var(--dourado);\n    }\n\n    .card-comandante-icon {\n        font-size: 32px;\n        color: var(--dourado);\n        background: rgba(255,255,255,0.15);\n        width: 60px;\n        height: 60px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .card-comandante-titulo {\n        font-size: 24px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    .card-comandante-conteudo {\n        padding: 30px 25px;\n    }\n\n    \/* Foto do Comandante *\/\n    .comandante-foto-moldura {\n        width: 100%;\n        max-width: 280px;\n        margin: 0 auto 25px;\n        position: relative;\n        cursor: pointer;\n    }\n\n    .comandante-foto-container {\n        border-radius: 12px;\n        overflow: hidden;\n        border: 5px solid var(--branco);\n        box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        position: relative;\n    }\n\n    .comandante-foto {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\n\n    .comandante-foto-legenda {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background: rgba(211,47,47,0.95);\n        color: var(--dourado);\n        padding: 12px;\n        text-align: center;\n        font-size: 14px;\n        font-weight: 600;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        border-top: 3px solid var(--dourado);\n    }\n\n    \/* Informa\u00e7\u00f5es do Comandante *\/\n    .comandante-info {\n        text-align: center;\n        padding: 20px 0;\n        border-top: 2px solid var(--cinza-borda);\n        border-bottom: 2px solid var(--cinza-borda);\n        margin-bottom: 20px;\n    }\n\n    .comandante-patente {\n        color: var(--vermelho-oficial);\n        font-size: 20px;\n        font-weight: 700;\n        margin-bottom: 5px;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n    }\n\n    .comandante-nome {\n        color: var(--verde-oficial);\n        font-size: 26px;\n        font-weight: 700;\n        line-height: 1.2;\n    }\n\n    \/* ===== BIOGRAFIA INSTITUCIONAL ===== *\/\n    .biografia-modulo {\n        width: 100%;\n        display: none;\n        background: var(--cinza-institucional);\n        border-radius: 12px;\n        padding: 25px;\n        margin-top: 20px;\n        border-left: 6px solid var(--vermelho-oficial);\n        border-right: 6px solid var(--verde-oficial);\n    }\n\n    .biografia-modulo.mostrar {\n        display: block;\n    }\n\n    .biografia-header {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        margin-bottom: 25px;\n        padding-bottom: 15px;\n        border-bottom: 3px solid var(--dourado);\n    }\n\n    .biografia-icon {\n        font-size: 36px;\n        color: var(--vermelho-oficial);\n    }\n\n    .biografia-titulo {\n        color: var(--texto-escuro);\n        font-size: 22px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    .biografia-titulo span {\n        display: block;\n        font-size: 16px;\n        color: var(--verde-oficial);\n        font-weight: 600;\n        margin-top: 5px;\n    }\n\n    .biografia-conteudo {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }\n\n    .biografia-item {\n        background: var(--branco);\n        padding: 18px;\n        border-radius: 10px;\n        border-top: 4px solid var(--vermelho-oficial);\n    }\n\n    .biografia-subtitulo {\n        color: var(--vermelho-oficial);\n        font-size: 18px;\n        font-weight: 700;\n        margin-bottom: 12px;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        border-bottom: 2px solid var(--cinza-borda);\n        padding-bottom: 8px;\n    }\n\n    .biografia-subtitulo i {\n        color: var(--dourado);\n    }\n\n    .btn-fechar {\n        background: var(--branco);\n        color: var(--vermelho-oficial);\n        border: 2px solid var(--vermelho-oficial);\n        padding: 10px 30px;\n        border-radius: 30px;\n        font-size: 15px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        cursor: pointer;\n        margin-top: 20px;\n        transition: all 0.2s;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .btn-fechar:hover {\n        background: var(--vermelho-oficial);\n        color: var(--branco);\n    }\n\n    \/* ===== RESPONSIVIDADE ===== *\/\n    @media (max-width: 1100px) {\n        .layout-grid {\n            flex-direction: column;\n        }\n        \n        .coluna-principal,\n        .coluna-comandante {\n            width: 100%;\n            max-width: 100%;\n            margin-left: 0;\n            position: static;\n        }\n        \n        .lista-enumerada {\n            grid-template-columns: 1fr;\n        }\n        \n        .subordinacao-colunas {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    @media (max-width: 768px) {\n        .faerea-page {\n            padding: 0 15px;\n        }\n        \n        .cabecalho-institucional {\n            flex-direction: column;\n            text-align: center;\n        }\n        \n        .cabecalho-titulo-principal {\n            font-size: 24px;\n        }\n        \n        .comandante-nome {\n            font-size: 22px;\n        }\n        \n        .subordinacao-colunas {\n            grid-template-columns: 1fr;\n        }\n        \n        .cards-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n<\/style>\n\n<!-- ============================================ -->\n<!-- CONTE\u00daDO DA P\u00c1GINA - FOR\u00c7A A\u00c9REA            -->\n<!-- APENAS INFORMA\u00c7\u00d5ES FORNECIDAS               -->\n<!-- ============================================ -->\n<div class=\"faerea-page\">\n\n    <!-- CABE\u00c7ALHO INSTITUCIONAL -->\n    <div class=\"cabecalho-institucional\">\n        \n        <div class=\"cabecalho-titulos\">\n            <h1 class=\"cabecalho-titulo-principal\">Ramo da For\u00e7a A\u00e9rea de Mo\u00e7ambique<\/h1>\n            \n        <\/div>\n    <\/div>\n\n    <!-- LAYOUT PRINCIPAL: 2 COLUNAS -->\n    <div class=\"layout-grid\">\n        \n        <!-- ===== COLUNA ESQUERDA ===== -->\n        <div class=\"coluna-principal\">\n            \n            <!-- BLOCO 1: DIRE\u00c7\u00c3O -->\n            <div class=\"bloco-institucional\">\n                <div class=\"bloco-header\">\n                    \n                    <div>\n                        <div class=\"bloco-header-titulo\">DIRE\u00c7\u00c3O<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"bloco-conteudo\">\n                    <div class=\"destaque-institucional\">\n                        O Ramo da For\u00e7a A\u00e9rea de Mo\u00e7ambique \u00e9 dirigido pelo <strong style=\"color: var(--vermelho-oficial);\">Comandante da For\u00e7a A\u00e9rea<\/strong>, coadjuvado por um <strong style=\"color: var(--verde-oficial);\">Chefe do Estado-Maior<\/strong>.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- BLOCO 2: ORGANIZA\u00c7\u00c3O PRINCIPAL (ENUMERADA) -->\n            <div class=\"bloco-institucional\">\n                <div class=\"bloco-header\">\n                    <div class=\"bloco-header-icon\">\ud83d\udccb<\/div>\n                    <div>\n                        <div class=\"bloco-header-titulo\">ORGANIZA\u00c7\u00c3O PRINCIPAL<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"bloco-conteudo\">\n                    <p style=\"margin-bottom: 15px; font-weight: 600;\">O Ramo da For\u00e7a A\u00e9rea compreende:<\/p>\n                    <ul class=\"lista-enumerada\">\n                        <li>A Inspec\u00e7\u00e3o do Ramo<\/li>\n                        <li>O Comando da Avia\u00e7\u00e3o<\/li>\n                        <li>O Comando de Defesa Anti-A\u00e9rea<\/li>\n                        <li>A Reparti\u00e7\u00e3o de Opera\u00e7\u00f5es<\/li>\n                        <li>A Reparti\u00e7\u00e3o de Educa\u00e7\u00e3o C\u00edvico-Patri\u00f3tica<\/li>\n                        <li>A Reparti\u00e7\u00e3o de Pessoal<\/li>\n                        <li>A Reparti\u00e7\u00e3o de Informa\u00e7\u00f5es Militares<\/li>\n                        <li>A Reparti\u00e7\u00e3o de Reconhecimento<\/li>\n                        <li>O Posto de Comando do Ramo<\/li>\n                        <li>A Reparti\u00e7\u00e3o de Comunica\u00e7\u00f5es<\/li>\n                        <li>A Reparti\u00e7\u00e3o de Log\u00edstica<\/li>\n                        <li>A Reparti\u00e7\u00e3o de Finan\u00e7as<\/li>\n                        <li>A Reparti\u00e7\u00e3o de Engenharia de Avia\u00e7\u00e3o<\/li>\n                        <li>A Reparti\u00e7\u00e3o de Engenharia da Defesa Anti-A\u00e9rea<\/li>\n                        <li>A Reparti\u00e7\u00e3o de Sa\u00fade Militar<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <!-- BLOCO 3: CONSELHOS -->\n            <div class=\"bloco-institucional\">\n                <div class=\"bloco-header\">\n                    <div class=\"bloco-header-icon\">\u2696\ufe0f<\/div>\n                    <div>\n                        <div class=\"bloco-header-titulo\">CONSELHOS<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"bloco-conteudo\">\n                    <p style=\"margin-bottom: 15px; font-weight: 600;\">Funcionam, ainda, no Comando da For\u00e7a A\u00e9rea:<\/p>\n                    <ul class=\"lista-simples\">\n                        <li><i>\u2694\ufe0f<\/i> O Conselho Militar do Ramo<\/li>\n                        <li><i>\u2696\ufe0f<\/i> O Conselho de Disciplina do Ramo<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <!-- BLOCO 4: COMPOSI\u00c7\u00c3O DO COMANDO (EM CARDS QUADRADOS) -->\n            <div class=\"bloco-institucional\">\n                <div class=\"bloco-header\">\n                   \n                    <div>\n                        <div class=\"bloco-header-titulo\">COMPOSI\u00c7\u00c3O DO COMANDO<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"bloco-conteudo\">\n                    <p style=\"margin-bottom: 15px; font-weight: 600;\">O Comando da For\u00e7a A\u00e9rea \u00e9 composto por:<\/p>\n                    <div class=\"cards-grid\">\n                        <div class=\"card-quadrado\">\n                            <div class=\"card-icon\">\u2708\ufe0f<\/div>\n                            <div class=\"card-titulo\">Comandante<\/div>\n                        <\/div>\n                        <div class=\"card-quadrado\">\n                            <div class=\"card-icon\">\u2699\ufe0f<\/div>\n                            <div class=\"card-titulo\">Chefe do Estado-Maior<\/div>\n                        <\/div>\n                        <div class=\"card-quadrado\">\n                            <div class=\"card-icon\">\ud83d\udd0d<\/div>\n                            <div class=\"card-titulo\">Inspector<\/div>\n                        <\/div>\n                        <div class=\"card-quadrado\">\n                            <div class=\"card-icon\">\ud83d\udccb<\/div>\n                            <div class=\"card-titulo\">Chefes de Reparti\u00e7\u00f5es<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- BLOCO 5: \u00d3RG\u00c3OS DE APOIO (EM CARDS QUADRADOS) -->\n            <div class=\"bloco-institucional\">\n                <div class=\"bloco-header\">\n                    <div class=\"bloco-header-icon\">\u2699\ufe0f<\/div>\n                    <div>\n                        <div class=\"bloco-header-titulo\">\u00d3RG\u00c3OS DE APOIO<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"bloco-conteudo\">\n                    <p style=\"margin-bottom: 15px; font-weight: 600;\">Na depend\u00eancia directa do Comandante da For\u00e7a A\u00e9rea:<\/p>\n                    <div class=\"cards-grid\">\n                        <div class=\"card-quadrado\">\n                            <div class=\"card-icon\">\ud83d\udccb<\/div>\n                            <div class=\"card-titulo\">Gabinete do Comandante<\/div>\n                        <\/div>\n                        <div class=\"card-quadrado\">\n                            <div class=\"card-icon\">\u2696\ufe0f<\/div>\n                            <div class=\"card-titulo\">Gabinete Jur\u00eddico<\/div>\n                        <\/div>\n                        <div class=\"card-quadrado\">\n                            <div class=\"card-icon\">\ud83c\udf0d<\/div>\n                            <div class=\"card-titulo\">Gabinete de Coopera\u00e7\u00e3o<\/div>\n                        <\/div>\n                        <div class=\"card-quadrado\">\n                            <div class=\"card-icon\">\ud83d\udee0\ufe0f<\/div>\n                            <div class=\"card-titulo\">Destacamento de Apoio e Servi\u00e7os<\/div>\n                        <\/div>\n                        <div class=\"card-quadrado\">\n                            \n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- BLOCO 6: SUBORDINA\u00c7\u00c3O DIRECTA (EM COLUNAS) -->\n            <div class=\"bloco-institucional\">\n                <div class=\"bloco-header\">\n                    \n                    <div>\n                        <div class=\"bloco-header-titulo\">SUBORDINA\u00c7\u00c3O DIRECTA<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"bloco-conteudo\">\n                    <p style=\"margin-bottom: 15px; font-weight: 600;\">Na subordina\u00e7\u00e3o directa do Comandante da For\u00e7a A\u00e9rea:<\/p>\n                    <div class=\"subordinacao-colunas\">\n                        <div class=\"coluna-subordinacao\">\n                            <div class=\"coluna-icon\">\u2708\ufe0f<\/div>\n                            <div class=\"coluna-titulo\">Bases A\u00e9reas<\/div>\n                        <\/div>\n                        <div class=\"coluna-subordinacao\">\n                            <div class=\"coluna-icon\">\u2694\ufe0f<\/div>\n                            <div class=\"coluna-titulo\">Brigadas<\/div>\n                        <\/div>\n                        <div class=\"coluna-subordinacao\">\n                            <div class=\"coluna-icon\">\ud83c\udff0<\/div>\n                            <div class=\"coluna-titulo\">Regimentos<\/div>\n                        <\/div>\n                        <div class=\"coluna-subordinacao\">\n                            <div class=\"coluna-icon\">\ud83d\udcda<\/div>\n                            <div class=\"coluna-titulo\">Escolas Pr\u00e1ticas<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- ===== COLUNA DIREITA: COMANDANTE DA FOR\u00c7A A\u00c9REA ===== -->\n        <div class=\"coluna-comandante\">\n            <div class=\"card-comandante\">\n                <div class=\"card-comandante-header\">\n                    \n                    <div class=\"card-comandante-titulo\">COMANDANTE<\/div>\n                <\/div>\n                <div class=\"card-comandante-conteudo\">\n                    \n                    <!-- FOTO DO COMANDANTE (clic\u00e1vel) -->\n                    <div class=\"comandante-foto-moldura\" onclick=\"mostrarBiografia()\">\n                        <div class=\"comandante-foto-container\">\n                            <!-- ATEN\u00c7\u00c3O: Substituir URL da foto oficial -->\n                            <img decoding=\"async\" src=\"URL_DA_FOTO_AQUI\" alt=\"Comandante da For\u00e7a A\u00e9rea\" class=\"comandante-foto\" onerror=\"this.src='https:\/\/via.placeholder.com\/300x350?text=COMANDANTE'\">\n                            <div class=\"comandante-foto-legenda\">\n                                CLIQUE PARA VER BIOGRAFIA\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- INFORMA\u00c7\u00d5ES DO COMANDANTE -->\n                    <div class=\"comandante-info\">\n                        <div class=\"comandante-patente\">[Patente]<\/div>\n                        <div class=\"comandante-nome\">[Nome do Comandante]<\/div>\n                    <\/div>\n\n                    <!-- BIOGRAFIA (oculta) - VAZIA PARA PREENCHIMENTO -->\n                    <div id=\"biografiaComandante\" class=\"biografia-modulo\">\n                        <div class=\"biografia-header\">\n                            <div class=\"biografia-icon\">\ud83d\udcdc<\/div>\n                            <div class=\"biografia-titulo\">\n                                BIOGRAFIA\n                                <span>Comandante da For\u00e7a A\u00e9rea<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"biografia-conteudo\">\n                            <div class=\"biografia-item\">\n                                <div class=\"biografia-subtitulo\">\n                                    <i>\ud83d\udccc<\/i> DADOS PESSOAIS\n                                <\/div>\n                                <p style=\"line-height: 1.8;\">\n                                    <!-- A preencher -->\n                                <\/p>\n                            <\/div>\n                            <div class=\"biografia-item\">\n                                <div class=\"biografia-subtitulo\">\n                                    <i>\ud83c\udf93<\/i> FORMA\u00c7\u00c3O\n                                <\/div>\n                                <p style=\"line-height: 1.8;\">\n                                    <!-- A preencher -->\n                                <\/p>\n                            <\/div>\n                            <div class=\"biografia-item\">\n                                <div class=\"biografia-subtitulo\">\n                                    <i>\u2708\ufe0f<\/i> CARREIRA\n                                <\/div>\n                                <p style=\"line-height: 1.8;\">\n                                    <!-- A preencher -->\n                                <\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div style=\"text-align: center;\">\n                            <button class=\"btn-fechar\" onclick=\"fecharBiografia()\">\n                                <span>\u2715<\/span> FECHAR\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- ============================================ -->\n<!-- JAVASCRIPT - CONTROLE DA BIOGRAFIA          -->\n<!-- ============================================ -->\n<script>\n    function mostrarBiografia() {\n        document.getElementById('biografiaComandante').classList.add('mostrar');\n    }\n\n    function fecharBiografia() {\n        document.getElementById('biografiaComandante').classList.remove('mostrar');\n    }\n\n    \/\/ Fechar ao clicar fora\n    document.addEventListener('click', function(event) {\n        var biografia = document.getElementById('biografiaComandante');\n        var fotoMoldura = document.querySelector('.comandante-foto-moldura');\n        \n        if (biografia && biografia.classList.contains('mostrar')) {\n            if (!biografia.contains(event.target) && \n                !fotoMoldura.contains(event.target)) {\n                biografia.classList.remove('mostrar');\n            }\n        }\n    });\n\n    \/\/ Prevenir fechamento ao clicar dentro\n    document.addEventListener('DOMContentLoaded', function() {\n        var biografia = document.getElementById('biografiaComandante');\n        if (biografia) {\n            biografia.addEventListener('click', function(event) {\n                event.stopPropagation();\n            });\n        }\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Ramo da For\u00e7a A\u00e9rea de Mo\u00e7ambique DIRE\u00c7\u00c3O O Ramo da For\u00e7a A\u00e9rea de Mo\u00e7ambique \u00e9 dirigido pelo Comandante da For\u00e7a A\u00e9rea, coadjuvado por um Chefe do Estado-Maior. \ud83d\udccb ORGANIZA\u00c7\u00c3O PRINCIPAL [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-59","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mdn.gov.mz\/index.php\/wp-json\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mdn.gov.mz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mdn.gov.mz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mdn.gov.mz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mdn.gov.mz\/index.php\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":22,"href":"https:\/\/mdn.gov.mz\/index.php\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":2484,"href":"https:\/\/mdn.gov.mz\/index.php\/wp-json\/wp\/v2\/pages\/59\/revisions\/2484"}],"wp:attachment":[{"href":"https:\/\/mdn.gov.mz\/index.php\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}