.niveles{
    max-width: 980px;
    margin: 0 auto;
    color: var(--colorInversoTexto);
}

.nivel{
    padding: 10px;
    margin: 0px;
}

.inicial{
    background-color: var(--colorInicial);
    padding: 30px;
    
}
.primaria{
    background-color: var(--colorPrimario);
    padding: 30px;
}
.secundaria{
    background-color: var(--colorSecundaria);
    padding: 30px;
}

@media (min-width: 950px){
    .niveles{
        display: flex ;
    }
    .nivel{
        flex: 1;
        
    }
    
}