.bg-comunidade{
    background:var(--background);
}

.comunidade-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
}

.comunidade-card{
    display:block;
    background:var(--surface);
    border:1px solid var(--borda);
    border-radius:var(--radius);
    padding:22px;
    transition:var(--transition);
}

.comunidade-card:hover{
    border-color:var(--secundaria);
    box-shadow:var(--shadow);
    transform:translateY(-2px);
}

.comunidade-card-topo{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:10px;
}

.comunidade-card h3{
    font-size:1.1rem;
    margin-top:10px;
}

.comunidade-card p{
    font-size:.88rem;
    margin-top:6px;
}

.comunidade-status{
    flex-shrink:0;
    font-size:.68rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.05em;
    padding:4px 10px;
    border-radius:999px;
}

.comunidade-status.aberta{
    background:rgba(35,193,107,.12);
    color:var(--sucesso);
}

.comunidade-status.encerrada{
    background:rgba(102,102,102,.12);
    color:var(--texto-claro);
}

.comunidade-prazo{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:.8rem;
    color:var(--secundaria);
    margin-top:12px;
}

@media(max-width:900px){

    .comunidade-grid{
        grid-template-columns:1fr;
    }

}