Capacitações – Grupamento de Bombeiro Militar de Motomecanização
* {margin:0;padding:0;box-sizing:border-box;}
body{
font-family:’Segoe UI’,Tahoma,Geneva,Verdana,sans-serif;
background:#f0f4f8;
color:#333;
}
/* HEADER */
header{
background:linear-gradient(135deg,#8b0000,#c62828);
color:#fff;
padding:30px 40px;
display:flex;
align-items:center;
gap:20px;
box-shadow:0 4px 12px rgba(0,0,0,.2);
}
header img{
width:70px;
height:auto;
object-fit:contain;
}
header div h1{
font-size:1.5rem;
font-weight:700;
color:#fff;
}
header div p{
font-size:.95rem;
color:#fff;
opacity:.9;
margin-top:4px;
}
/* HERO */
.hero{
background:linear-gradient(135deg,#c62828,#ef5350);
text-align:center;
padding:60px 20px;
}
.hero h2{
font-size:2rem;
margin-bottom:12px;
font-weight:700;
color:#fff;
}
.hero p{
font-size:1.05rem;
color:#fff;
opacity:.95;
max-width:700px;
margin:0 auto;
}
/* FILTROS */
.filters{
display:flex;
justify-content:center;
gap:12px;
padding:30px 20px 10px;
flex-wrap:wrap;
}
.filters input,
.filters select{
padding:10px 16px;
border:1px solid #ccc;
border-radius:8px;
font-size:.95rem;
outline:none;
transition:border .2s;
background:#fff;
color:#333;
}
.filters input:focus,
.filters select:focus{border-color:#c62828;}
/* CONTAINER */
.container{
max-width:1100px;
margin:0 auto;
padding:20px 20px 60px;
}
.section-title{
font-size:1.3rem;
font-weight:700;
color:#8b0000;
margin-bottom:20px;
padding-bottom:8px;
border-bottom:3px solid #c62828;
}
.grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
gap:24px;
}
/* CARD */
.card{
background:#fff;
border-radius:12px;
box-shadow:0 2px 12px rgba(0,0,0,.08);
overflow:hidden;
transition:transform .2s,box-shadow .2s;
display:flex;
flex-direction:column;
}
.card:hover{
transform:translateY(-4px);
box-shadow:0 8px 24px rgba(0,0,0,.13);
}
/* CABEÇALHO DO CARD */
.card-header{
background:linear-gradient(135deg,#8b0000,#c62828);
padding:18px 20px;
}
.card-header .badge{
display:inline-block;
background:rgba(255,255,255,.2);
color:#fff;
font-size:.75rem;
padding:3px 10px;
border-radius:20px;
margin-bottom:8px;
text-transform:uppercase;
letter-spacing:.5px;
}
/* Badge especial QBMG-02 */
.card-header .badge.qbmg{
background:rgba(255,220,0,.25);
color:#fff;
border:1px solid rgba(255,220,0,.6);
}
.card-header h3{
font-size:1.1rem;
font-weight:700;
line-height:1.4;
color:#fff;
}
/* CORPO DO CARD */
.card-body{
padding:20px;
flex:1;
display:flex;
flex-direction:column;
gap:12px;
}
.info-row{
display:flex;
align-items:center;
gap:10px;
font-size:.9rem;
color:#555;
}
.info-row .icon{font-size:1.1rem;width:20px;text-align:center;}
.info-row strong{color:#333;}
.card-description{
font-size:.88rem;
color:#555;
line-height:1.6;
flex:1;
}
/* TAG QBMG-02 no corpo do card */
.tag-qbmg{
display:inline-block;
background:#fff3cd;
color:#856404;
border:1px solid #ffc107;
font-size:.78rem;
font-weight:700;
padding:4px 12px;
border-radius:20px;
text-transform:uppercase;
letter-spacing:.5px;
}
/* STATUS */
.status{
display:inline-block;
padding:4px 12px;
border-radius:20px;
font-size:.78rem;
font-weight:600;
text-transform:uppercase;
}
.status.aberto{background:#e6f4ea;color:#2d7a3a;}
.status.encerrado{background:#fce8e8;color:#c0392b;}
.status.em-breve{background:#fff3e0;color:#e67e22;}
/* BOTÃO */
.btn-inscricao{
display:block;
text-align:center;
background:linear-gradient(135deg,#8b0000,#c62828);
color:#ffffff !important;
padding:12px;
border-radius:8px;
text-decoration:none;
font-weight:700;
font-size:.95rem;
margin-top:8px;
transition:opacity .2s;
}
.btn-inscricao:hover{
opacity:.85;
color:#ffffff !important;
}
.btn-inscricao.disabled{
background:#ccc;
color:#fff !important;
pointer-events:none;
cursor:not-allowed;
}
/* VAZIO */
.empty{
text-align:center;
color:#999;
font-size:1rem;
padding:60px 0;
display:none;
}
/* FOOTER */
footer{
background:#8b0000;
text-align:center;
padding:24px 20px;
font-size:.88rem;
color:#fff;
}
footer strong{color:#fff;}
/* RESPONSIVO */
@media (max-width:600px){
header{flex-direction:column;text-align:center;}
.hero h2{font-size:1.5rem;}
.filters{flex-direction:column;align-items:center;}
.filters input,
.filters select{width:100%;max-width:360px;}
}
Capacitações Disponíveis
Consulte abaixo as capacitações oferecidas pelo Grupamento de Bombeiro Militar
de Motomecanização e realize sua inscrição on‑line.
Todos os status
Inscrições Abertas
Em Breve
Encerrado
Todos os públicos
Exclusivo QBMG-02
Geral (todos)
Próximas Capacitações
📅 Data: 13/03/2026
🕐 Horário: 8h às 18h
📍 Local: 2º GBM (Taguatinga)
⏱ Carga horária: 10h
O curso aprimora o aprendizado dos militares para uma condução segura e eficiente
nas vias do Distrito Federal. As viaturas de Porte‑Leve são aquelas com Peso Bruto
Total (PBT) de até 3500 kg, exigindo CNH categoria “B” válida. Todos os militares
capacitados poderão conduzir esses tipos de viatura.
Inscrições Abertas
Inscrever‑se na turma de 13/03/2026
📅 Data: 20/03/2026
🕐 Horário: 8h às 18h
📍 Local: 2º GBM (Taguatinga)
⏱ Carga horária: 10h
O curso aprimora o aprendizado dos militares para uma condução segura e eficiente
nas vias do Distrito Federal. As viaturas de Porte‑Leve são aquelas com Peso Bruto
Total (PBT) de até 3500 kg, exigindo CNH categoria “B” válida. Todos os militares
capacitados poderão conduzir esses tipos de viatura.
Inscrições Abertas
Inscrever‑se na turma de 20/03/2026
📅 Data: 27/03/2026
🕐 Horário: 8h às 18h
📍 Local: 2º GBM (Taguatinga)
⏱ Carga horária: 10h
O curso aprimora o aprendizado dos militares para uma condução segura e eficiente
nas vias do Distrito Federal. As viaturas de Porte‑Leve são aquelas com Peso Bruto
Total (PBT) de até 3500 kg, exigindo CNH categoria “B” válida. Todos os militares
capacitados poderão conduzir esses tipos de viitura.
Inscrições Abertas
Inscrever‑se na turma de 27/03/2026
<!–
📅 Data: XX/XX/2026
🕐 Horário: HHh às HHh
📍 Local: LOCAL
⏱ Carga horária: Xh
🎖 Público: Exclusivo QBMG-02
Descrição da capacitação…
Inscrições Abertas
Inscrever‑se na turma de XX/XX/2026
–>
Nenhuma capacitação encontrada para os filtros selecionados.
Grupamento de Bombeiro Militar de Motomecanização |
Contato WhatsApp: (61) 3193‑0299
function filtrarCards() {
const busca = document.getElementById(‘searchInput’).value.toLowerCase();
const status = document.getElementById(‘statusFilter’).value;
const qbmg = document.getElementById(‘qbmgFilter’).value;
const cards = document.querySelectorAll(‘.card’);
let visiveis = 0;
cards.forEach(c => {
const titulo = c.dataset.titulo.toLowerCase();
const st = c.dataset.status;
const qb = c.dataset.qbmg;
const okBusca = titulo.includes(busca);
const okStatus = status === ” || st === status;
const okQbmg = qbmg === ” || qb === qbmg;
if (okBusca && okStatus && okQbmg) {
c.style.display = ‘flex’;
visiveis++;
} else {
c.style.display = ‘none’;
}
});
document.getElementById(‘emptyMsg’).style.display = visiveis ? ‘none’ : ‘block’;
}
