Biblioteca e Materiais
/* =========================
GRID DOS BLOCOS
========================= */
.blocos-home{
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
max-width:1200px;
margin:40px auto;
}
/* =========================
CARD FILIE
========================= */
.card-filie{
position:relative;
border-radius:12px;
overflow:hidden;
min-height:200px;
display:flex;
align-items:center;
padding:40px 45px;
color:#1a3151;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:all .25s ease;
}
.card-filie:hover{
transform:translateY(-5px);
box-shadow:0 18px 35px rgba(0,0,0,0.12);
}
/* IMAGEM FUNDO */
.card-filie::before{
content:"";
position:absolute;
inset:0;
background-image:url("https://uncme.org.br/inicio/wp-content/uploads/2026/03/conselho.png");
background-size:cover;
background-position:center;
opacity:0.30;
}
/* DEGRADÊ */
.card-filie::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
90deg,
rgba(255,196,0,0.75) 0%,
rgba(255,196,0,0.60) 40%,
rgba(255,196,0,0.30) 70%,
rgba(255,196,0,0.05) 100%
);
}
/* CONTEÚDO */
.card-filie-conteudo{
position:relative;
z-index:2;
max-width:420px;
}
.card-filie h3{
font-size:24px;
font-weight:700;
margin-bottom:6px;
text-shadow:0 1px 2px rgba(0,0,0,0.08);
}
/* LINHA DO TITULO */
.linha-titulo{
width:150px;
height:3px;
background:linear-gradient(90deg,#1a3151,#f2b705);
border-radius:3px;
margin-bottom:12px;
}
.card-filie p{
font-size:15px;
margin-bottom:18px;
}
/* BOTÃO */
.btn-filie{
display:inline-block;
background:linear-gradient(135deg,#008001,#004700);
color:#fff;
padding:12px 24px;
border-radius:8px;
font-weight:700;
text-decoration:none;
font-size:15px;
letter-spacing:.3px;
transition:all .25s ease;
}
.btn-filie:hover{
background:linear-gradient(135deg,#009c01,#005c00);
transform:translateY(-2px);
box-shadow:0 10px 20px rgba(0,128,1,0.45);
}
/* =========================
CARD CONSULTORIA
========================= */
.card-consultoria{
position:relative;
border-radius:12px;
overflow:hidden;
min-height:200px;
padding:40px 45px;
background:linear-gradient(120deg,#e7edf6,#dce4f0);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:all .25s ease;
display:flex;
flex-direction:column;
justify-content:center;
}
.card-consultoria:hover{
transform:translateY(-5px);
box-shadow:0 18px 35px rgba(0,0,0,0.12);
}
/* IMAGEM FUNDO */
.card-consultoria::before{
content:"";
position:absolute;
inset:0;
background-image:url("https://uncme.org.br/inicio/wp-content/uploads/2026/03/cidade.png");
background-size:cover;
background-position:center;
opacity:0.30;
}
/* OVERLAY */
.card-consultoria::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
120deg,
rgba(255,255,255,0.75),
rgba(255,255,255,0.25)
);
}
/* TITULO */
.card-consultoria h3{
font-size:24px;
font-weight:700;
color:#1a3151;
position:relative;
z-index:2;
}
/* LINHA */
.linha-consultoria{
width:180px;
height:3px;
background:linear-gradient(90deg,#1a3151,#f2b705);
border-radius:3px;
margin:10px 0 12px 0;
position:relative;
z-index:2;
}
/* TEXTO */
.card-consultoria p{
font-size:15px;
color:#333;
margin-bottom:22px;
position:relative;
z-index:2;
}
/* ICONES */
.icones-consultoria{
display:flex;
gap:20px;
position:relative;
z-index:2;
}
/* BOTÕES */
.icone-box{
background:#fff;
padding:15px;
border-radius:10px;
text-align:center;
width:95px;
box-shadow:0 5px 15px rgba(0,0,0,0.06);
transition:all .2s ease;
text-decoration:none;
color:#1a3151;
display:block;
}
.icone-box:hover{
transform:translateY(-3px);
box-shadow:0 10px 20px rgba(0,0,0,0.08);
}
.icone-box img{
width:34px;
margin-bottom:6px;
}
.icone-box span{
font-size:13px;
display:block;
font-weight:500;
}
/* =========================
RESPONSIVO
========================= */
@media(max-width:900px){
.blocos-home{
grid-template-columns:1fr;
}
.card-filie,
.card-consultoria{
padding:30px;
}
}
Filie seu Conselho
Seja um Conselho filiado à UNCME
e fortaleça a Educação do seu município
Consultoria e Apoio
Portal de Atendimento para Conselheiros Municipais
.estado img{
transition:0.3s;
}
.estado img:hover{
transform:scale(1.1);
}
.seccionais {
background: linear-gradient(180deg,#eef3f9,#e3e9f2);
padding: 50px 20px;
}
.seccionais h2 {
text-align:center;
font-size:28px;
font-weight:700;
color:#0a3d62;
margin-bottom:35px;
}
.seccionais-grid{
display:grid;
grid-template-columns:1fr 420px 1fr;
gap:35px;
align-items:center;
max-width:1200px;
margin:0 auto;
}
.coluna{
display:flex;
flex-direction:column;
gap:18px;
}
.card-regiao{
background:#fff;
padding:14px;
border-radius:12px;
box-shadow:0 6px 20px rgba(0,0,0,.05);
}
/* SELECT PERSONALIZADO */
.custom-select{
position:relative;
font-size:14px;
}
.select-selected{
background:#f5f7fb;
padding:10px 12px;
border-radius:6px;
border:1px solid #dce3ee;
cursor:pointer;
display:flex;
justify-content:space-between;
align-items:center;
font-weight:600;
}
.select-items{
position:absolute;
width:100%;
background:#fff;
border-radius:8px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
max-height:240px;
overflow-y:auto;
display:none;
z-index:999;
margin-top:5px;
}
.select-items div{
padding:8px 10px;
display:flex;
align-items:center;
gap:8px;
cursor:pointer;
transition:.2s;
}
.select-items div:hover{
background:#eef3f9;
}
.flag{
width:22px;
height:15px;
object-fit:cover;
border-radius:2px;
}
/* MAPA */
.mapa-brasil img{
width:100%;
max-width:420px;
}
@media(max-width:1024px){
.seccionais-grid{
grid-template-columns:1fr;
}
}
const pastaBandeiras = "https://uncme.org.br/noso2026/wp-content/uploads/2026/03/";
const estados = {
norte:[
["Região Norte",""],
["Acre","AC"],["Amapá","AP"],["Amazonas","AM"],
["Pará","PA"],["Rondônia","RO"],["Roraima","RR"],["Tocantins","TO"]
],
nordeste:[
["Nordeste",""],
["Alagoas","AL"],["Bahia","BA"],["Ceará","CE"],
["Maranhão","MA"],["Paraíba","PB"],["Pernambuco","PE"],
["Piauí","PI"],["Rio Grande do Norte","RN"],["Sergipe","SE"]
],
sudeste:[
["Sudeste",""],
["Espírito Santo","ES"],["Minas Gerais","MG"],
["Rio de Janeiro","RJ"],["São Paulo","SP"]
],
sul:[
["Região Sul",""],
["Paraná","PR"],["Santa Catarina","SC"],["Rio Grande do Sul","RS"]
],
centro:[
["Centro-Oeste",""],
["Goiás","GO"],["Mato Grosso","MT"],
["Mato Grosso do Sul","MS"],["Distrito Federal","DF"]
]
};
document.querySelectorAll(".custom-select").forEach(select=>{
const region=select.dataset.region;
const selected=document.createElement("div");
selected.classList.add("select-selected");
selected.innerHTML=estados[region][0][0]+" ▼";
const items=document.createElement("div");
items.classList.add("select-items");
estados[region].slice(1).forEach(estado=>{
const option=document.createElement("div");
option.innerHTML=
`![${estado[0]}](${pastaBandeiras}${estado[1]}.png)
${estado[0]}`;
option.onclick=()=>{
window.open("https://uncme.org.br/"+estado[1].toLowerCase()+"/","_blank");
};
items.appendChild(option);
});
selected.onclick=()=>{
document.querySelectorAll(".select-items").forEach(el=>el.style.display="none");
items.style.display="block";
};
document.addEventListener("click",e=>{
if(!select.contains(e.target)){
items.style.display="none";
}
});
select.appendChild(selected);
select.appendChild(items);
});
Seccionais Regionais
${estado[0]}`;
option.onclick=()=>{
window.open("https://uncme.org.br/"+estado[1].toLowerCase()+"/","_blank");
};
items.appendChild(option);
});
selected.onclick=()=>{
document.querySelectorAll(".select-items").forEach(el=>el.style.display="none");
items.style.display="block";
};
document.addEventListener("click",e=>{
if(!select.contains(e.target)){
items.style.display="none";
}
});
select.appendChild(selected);
select.appendChild(items);
});
Link´s Institucionais
